@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@font-face {
    font-family: 'Acumin';
    src: url('../fonts/AcuminVariableConcept.eot');
    src: url('../fonts/AcuminVariableConcept.eot?#iefix') format('embedded-opentype'),
         url('../fonts/AcuminVariableConcept.woff2') format('woff2'),
         url('../fonts/AcuminVariableConcept.woff') format('woff'),
         url('../fonts/AcuminVariableConcept.ttf')  format('truetype'),
         url('../fonts/AcuminVariableConcept.svg#Acumin Variable Concept') format('svg');
}
* {
    box-sizing: border-box;
    outline: none !important;
    letter-spacing: 0;
}
p, ol, ul {
    margin: 0 0 20px;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 20px;
}
*+h1, *+h2, *+h3, *+h4, *+h5, *+h6 {
    margin-top: 40px;
}
*+ol, *+p, *+ul {
    margin-top: 30px;
}
input,
select,
textarea {
    border-radius: 0;
}
*:last-child {
    margin-bottom: 0;
}

a, a:hover {
    text-decoration: none;
}
img {
    max-width: 100%;
}
.mdl {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
}
.mdl_inner {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}
.btmAlign .mdl_inner {
    vertical-align: bottom;
}
body {
    font-family: "Roboto", sans-serif;
    font-family: 'Acumin' !important;
    font-weight: 400;
    font-style: normal;   
    overflow-x: hidden;
}
section {
    overflow: hidden;
}
.container.containerFull {
    padding: 0;
    position: relative;
}
.container {
    padding-left: 15%;
    padding-right: 15%;
    max-width: 1920px;
}
.container-fluid {
    padding-left: 7%;
    padding-right: 7%;
}
.padT {
    padding-top: 170px;
}
.padB {
    padding-bottom: 170px;
}
.padY {
    padding: 170px 0;
}
.padTM {
    padding-top: 100px;
}
.padBM {
    padding-bottom: 100px;
}
.padYM {
    padding: 100px 0;
}
.mainHeader {
    background: #ffffff;
    width: 100%;
    z-index: 999;
    top: -100px;
    /*transition: all 0.5s ease;*/
}
.mainHeader.stickyHeader {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #ffffff !important;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.topBar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    border-bottom: solid 1px #000000;
    padding: 15px 0;
}
.topBar .Logo {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    width: 104px;
}
.topMenu {
    display: flex;
    align-items: center;
    gap: 30px;
}
.SearchBtn {
    color: #000000;
    font-size: 20px;
    line-height: 20px;
}
.MenuBtn {
    color: #000000;
    font-size: 28px;
    line-height: 20px;
    display: none;
}
.topMenu ul {
    display: flex;
    margin: 0;
    padding: 20px 0;
    list-style: none;
    gap: 50px;
}
.topMenu ul li {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.topMenu ul li a {
    color: #000000;
    position: relative;
    transition: .5s ease-in-out;
}
.topMenu ul li:hover a,
.topMenu ul li.current-menu-item a {
    font-weight: 800;
}
.topMenu ul li:hover a:before,
.topMenu ul li.current-menu-item a:before {
    width: 100%;
}
.topMenu ul li a:before {
    content: '';
    position: absolute;
    width: 0;
    height: 5px;
    transition: .5s;
    background: #000000;
}
.topMenu ul li a:before {
    top: -36px;
    left: 0; 

}

.page-template-contact-page .topMenu ul li a:before,
.page-template-contact-page .topMenu ul li a:after {
    background: #ffffff;
}
.page-template-contact-page .stickyHeader .topMenu ul li a:before,
.page-template-contact-page .stickyHeader .topMenu ul li a:after {
    background: #000000;
}
.topMenu2 {
    display: flex;
}
.MenuMain {
    display: flex;
    width: 100%;
}
.MenuMain>* {
    width: 100%;
}
.MenuMain ul {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
}
.MenuMain ul li {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.MenuMain ul li a {
    color: #000000;
    padding: 20px 0;
    display: flex;
    position: relative;
    transition: .5s ease-in-out;
}
.MenuMain ul li:hover a,
.MenuMain ul li.current-menu-item a {
    font-weight: bold;
}

.HeroHeader {
    width: 100%;
    height: calc(100vh - 153px);
    padding-top: 15px;
    padding-bottom: 100px;
    max-height: 850px;
}
.HeroHeader .container-fluid {
    height: 100%;
}
.HomeHero {
    height: 100%;
}
.HomeHeroWrap {
    display: flex;
    justify-content: space-between;
    height: 100%;
}
.HomeHeroTxt {
    width: 35%;
    padding-top: 50px;
}
.HomeHeroTxt h1 {
    font-size: 85px;
    font-weight: 300;
    line-height: 85px;
    letter-spacing: -0.02em;
    color: #000000;
    margin-bottom: 50px;
}
.HomeHeroTxt h1 b, .HomeHeroTxt h1 strong {
    font-weight: 700;
    width: 100%;
    display: block;
}
.HomeHeroTxt a {
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #383838;
    position: relative;
    transition: .5s ease-in-out;
}
.HomeHeroTxt a:hover {
    font-weight: 800;
}

.HomeHeroImg {
    width: 60%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.HomeHeroImg img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.HomeHeronext {
    position: absolute;
    width: 40px;
    height: 40px;
    color: #000000;
    left: 60px;
    bottom: 25%;
    font-size: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    z-index: 1;
}
.HomeHeroprev {
    position: absolute;
    width: 40px;
    height: 40px;
    color: #000000;
    left: 0;
    bottom: 25%;
    font-size: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    z-index: 1;
}
.HomeHeronext.swiper-button-disabled, .HomeHeroprev.swiper-button-disabled {
    color: #9D9D9D;
    cursor: auto;
    pointer-events: none;
}
.swiper-horizontal>.swiper-pagination-bullets.HomeHeropagination {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30%;
    z-index: 1;
}
.swiper-horizontal>.swiper-pagination-bullets.HomeHeropagination .swiper-pagination-bullet {
    border-radius: 0;
    width: 12px;
    height: 12px;
    background: #282624;
    opacity: 1;
}
.swiper-horizontal>.swiper-pagination-bullets.HomeHeropagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #9D9D9D;
}
.HomeAboutSec {
    background: #F6F6F6;
    position: relative;
}
.watermarkLogo {
    position: absolute;
    left: 18.2%;
    top: -20px;
    width: 81.8%;
    height: calc(100% + 20px);
    overflow: hidden;
}
.watermarkLogo img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-position: right bottom;
    object-fit: contain;
}
.textHASWrap {
    position: relative;
    padding-bottom: 200px;
}
.textHAS {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.textHAS>* {
    max-width: 55%;
}
.textHAS h3 {
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: #000000;
    margin-bottom: 15px;
}
.textHAS h2 {
    margin: 0;
    font-size: 65px;
    font-weight: 600;
    line-height: 78px;
    letter-spacing: -0.02em;
    color: #383838;
}
.knowMoreBtn {
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #383838;
    position: relative;
    transition: .5s ease-in-out;
}
.knowMoreBtn:hover,
.knowMoreBtn:hover {
    font-weight: 800;
}
.ImgHASWrap {
    position: relative;
}
.ImgHASWrap img {
    width: 100%;
}
.ImgHASWrap a {
    position: absolute;
    left: 7%;
    bottom: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #F6F6F6;
    background: #383838;
    padding: 29px 30px;
    transition: .5s ease-in-out;
}
.ImgHASWrap a:hover {
    color: #383838;
    background: #F6F6F6;
}
.HomeProductSec {
    background: #F6F6F6;
}
.HomeProductText {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 50px;
}
.HomeProductText h2 {
    font-size: 50px;
    font-weight: 300;
    line-height: 50px;
    letter-spacing: -0.035em;
    color: #383838;
}
.HomeProductText h2 b, .HomeProductText h2 strong {
    font-weight: 700;
    width: 100%;
    display: block;
}
.HomeProductText a,
.btnarrows a {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.05em;
    color: #383838;
    position: relative;
    transition: .5s ease-in-out;
}
.HomeProductText a:hover,
.btnarrows a:hover {
    font-weight: 800;
}
/*.HomeProductText a:before,
.HomeProductText a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    transition: .5s;
    background: #383838;
}
.HomeProductText a:before {
    bottom: -4px;
    left: 0; 

}
.HomeProductText a:after {
    top: -4px;
    right: 0;
}*/
.HPCBox {
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    border-bottom: solid 3px #FFFFFF;
    padding: 0 30px 20px;
}
.HPCBox h4 {
    font-size: 32px;
    font-weight: 400;
    line-height: 45px;
    letter-spacing: -0.02em;
    color: #383838;
    padding: 20px 30px;
    margin-bottom: 50px;
    margin-left: -30px;
    width: calc(100% + 60px);
}
.HPCBox:hover {
    border-bottom: solid 3px #383838;
}
.HPCBox:hover h4 {
    background: #383838;
    color: #ffffff;
}
.btnarrows {
    display: flex;
    align-items: center;
    gap: 20px;
}
.HPCarouselPrev, .HPCarouselNext {
    width: 30px;
    height: 30px;
    color: #000000;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    z-index: 1;
}
.HPCarouselPrev.swiper-button-disabled, .HPCarouselNext.swiper-button-disabled {
    color: #9D9D9D;
    cursor: auto;
    pointer-events: none;
}
.BrandCarousel {
    width: 100%;
    height: 340px;
    margin-left: auto;
    margin-right: auto;
}
.BrandCarousel .swiper-slide {
    text-align: center;
    height: calc((100% - 30px) / 2) !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.BrandCarousel .BCBox {
    width: 165px;
    height: 165px;
    position: relative;
    overflow: hidden;
}
/*.BrandCarousel .swiper-slide:first-child .BCBox img {
    left: 0;
    transform: translate(0, -50%);
    object-position: left center;
}
.BrandCarousel .swiper-slide:nth-child(2) .BCBox img {
    left: 0;
    transform: translate(0, -50%);
    object-position: left center;
}*/
.BrandCarousel .BCBox img {
    width: 100%;
    height: 100%;
    position: absolute;
    /*max-height: 80px;
    max-width: 120px;*/
    object-fit: contain;
    object-position: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.StatsSec {
    position: relative;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}
.StatsWrap {
    display: flex;
}
.TItleLogo {
    width: 34.5%;
    display: flex;
    flex-direction: column;
    gap: 120px;
    position: relative;
}
.LogoImg img {
    position: absolute;
    bottom: 0;
}
.StatsTextWrap {
    width: 65.5%;
    background: #2D2D2D1A;
    backdrop-filter: blur(8.600000381469727px);
    padding: 50px 7% 50px 5%;
}
.StatsText {
    display: flex;
    gap: 60px;
    justify-content: space-between;
    align-items: center;
}
.StatsText * {
    transition: .5s ease-in-out;
}
.TItleLogo h5 {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.02em;
    color: #F6F6F6;
    padding: 100px 0 0 21%;
}
.StatsNum {
    display: flex;
    flex-direction: column;
    padding: 50px;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    align-items: end;
    overflow: hidden;
    max-height: 713px;
}
.StatsNum span {
    font-size: 220px;
    font-weight: 700;
    line-height: 215px;
    letter-spacing: -0.03em;
    color: #FFFFFFA6;
}
.StatsNum span:nth-child(2) {
    color: #ffffff;
}
.StatsContent {
     display: flex;
     align-items: center;
     flex-direction: column;
     height: 100%;
     position: relative;
}
.StatsContent p {
    margin: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 60px;
    font-weight: 300;
    line-height: 72px;
    letter-spacing: -0.02em;
    color: #ffffff;
    width: 330px;
}
.StatsContent p + p {
    opacity: 0;
}
.StatsText:hover .StatsContent p {
    opacity: 0;
}
.StatsText:hover .StatsContent p + p {
     opacity: 1;
}
.StatsText:hover .StatsNum span {
    transform: translateY(-240px);
}
.CertificateSec {
    background: #ffffff;
}
.CertificateCarousel .CertifiBox {
    display: flex;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 67%;
    position: relative;
}
.CertificateCarousel .CertifiBox img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: contain;
}
/*.CertificateCarousel .swiper-slide:first-child .CertifiBox img {
    object-position: left center;
}*/
.ProjectSec {
    background: #F6F6F6;
}
.container-fluid.PadRRemove {
    padding-right: 0;
}
.projectBox {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.projectBox .PImg {
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.5%;
    position: relative;
}
.projectBox .PImg img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}
.projectBox .PTxt {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.projectBox .PTxt h4 {
    font-size: 30px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: -0.02em;
    color: #383838;
    margin: 0;
}
.projectBox .PTxt span {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #383838;
    opacity: 0;
}
.projectBox:hover .PTxt span {
    opacity: 1;
}
.pcBtns {
    display: flex;
    justify-content: flex-end;
    padding-top: 50px;
    gap: 50px;
    align-items: center;
    position: relative;
}
.PCPrev, .PCNext {
    width: 30px;
    height: 30px;
    color: #000000;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    z-index: 1;
}
.PCPrev.swiper-button-disabled, .PCNext.swiper-button-disabled {
    color: #9D9D9D;
    cursor: auto;
    pointer-events: none;
}
.pcBtns .PknowMoreBtn {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #383838;
}
.HomeNewsSec {
    background-color: #FFFFFF;
    background-image: url(../images/newsVector.svg);
    background-position: left top;
    background-repeat: no-repeat;
}
.HomeNewsWrap {
    display: flex;
}
.HNWheading {
    display: flex;
    flex-direction: column;
    width: 18%;
}
.HNWheading h2 {
    font-size: 50px;
    font-weight: 300;
    line-height: 50px;
    letter-spacing: -0.035em;
    color: #383838;
}
.HNWheading h2 b, .HNWheading h2 strong {
    font-weight: 700;
    width: 100%;
    display: block;
}
.HNWheading a {
    display: flex;
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #383838;
    position: relative;
    transition: .5s ease-in-out;
}
.HNWheading a:hover {
    font-weight: 800;
}
.HNWTxt {
    min-height: 200px;
    background: #F7F7F7;
    display: flex;
    width: 82%;
    padding: 60px 80px;
    padding-right: 0;
}
.HNWTxt ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.HNWTxt ul li {
    padding: 15px 0;
    /*border-bottom: solid 1px #000;*/
}
.HNWTxt ul li:first-child {
    padding-top: 0;
}
.HNWTxt ul li:last-child {
    padding-bottom: 0;
    border: none;
}
.HNWTxt ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    color: #383838;
    gap: 30px;
}
.HNWTxt ul li a .HomeNewsThumb {
    width: 31%;
}
.HNWTxt ul li a .HomeNewsThumb>div {
    position: relative;
    overflow: hidden;
    height: 0;
    width: 100%;
    padding-bottom: 62%;
}
.HNWTxt ul li a .HomeNewsThumb img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    position: absolute;
}
.HNWTxt ul li a .HomeNewsTxt {
    width: calc(69% - 30px);
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.HNWTxt ul li a p {
    margin: 0;
    font-size: 26px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.02em;
    color: currentColor;
    width: 80%;
}
.HNWTxt ul li a span {
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: currentColor;
}
.HNWTxt ul li a:hover {
    background: #383838;
    color: #ffffff;
}
.MainFooter {
    background-color: #202020;
    padding: 100px 0 90px;
    /*background-position: bottom left;
    background-repeat: no-repeat;
    background-image: url(../images/footervector.svg);
    background-size: 78%;*/
}
.footerLinksBar {
    display: flex;
    gap: 80px;
    padding-bottom: 100px;
    justify-content: space-between;
}
.EsagLogo {
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.EsagLogo .ftrLogo {
    width: 100%;
    max-width: 290px;
}
.subscriptionBox .iceSubsForm form {
    margin: 0;
}
.ftrLinks {
    display: flex;
    width: 56%;
    justify-content: space-between;
}
.ftrlinkList {
    display: flex;
    flex-direction: column;
}
.ftrlinkList h5 {
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0.05em;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.ftrlinkList ul {
    margin: 0;
    display: flex;
    flex-direction: column;
    padding: 0;
    list-style: none;
    gap: 20px;
}
.ftrlinkList ul li a {
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 300;
    line-height: 14px;
    letter-spacing: 0.05em;
}
.ftrlinkList ul li a:hover {
    font-weight: bold;
}

.ContactFtr {
    display: flex;
    flex-direction: column;
}
.ContactFtr h5 {
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0.05em;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.ContactFtr ul {
    margin: 0;
    display: flex;
    flex-direction: column;
    padding: 0;
    list-style: none;
    gap: 20px;
}
.ContactFtr ul li * {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 300;
    line-height: 14px;
    letter-spacing: 0.05em;
}
.SocialLinks {
    display: flex;
    align-items: center;
    gap: 20px;
    /*min-width: 260px;*/
    justify-content: flex-end;
}
.SocialLinks h5 {
    color: #ffffff;
    margin: 0;
    text-align: right;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0.05em;

}
.SocialLinks ul {
    margin: 0;
    display: flex;
    padding: 0;
    list-style: none;
    gap: 10px;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.SocialLinks ul li * {
    color: #F2F2F2;
    font-size: 28px;
    line-height: 28px;
}
.ftrBtmBar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.subscriptionBox {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    gap: 10px;
}
.subBtnFld {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.subscriptionBox .subscribeTitle label {
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #ffffff;
}
.subscribeFld input {
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0.05em;
    background: none;
    color: #ffffff;
    border: none;
    padding: 0;
    width: 150px;
}
.subscribeFld input:placeholder {
    color: #FFFFFF40;
}
.subscribeCheck label, .subscribeCheck label * {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0.05em;
    color: #ffffff;
}
.subscribeCheck input {
    margin-right: 10px;
}
.BuildBy,
.copyRight {
    display: flex;
}
.ftrLogo {
    display: flex;
}
.ftrLogo img {
    width: 200px;
}
.subscribeBtn input,
.subscribeBtn input[type="submit"] {
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #ffffff;
    background: none;
    border: none;
    padding: 0;
    position: relative;
    padding-right: 20px;
    background: none;
    background-image: url(../images/iconsubs.svg);
    background-repeat: no-repeat;
    background-position: center right;
}
.subscribeBtn input[type="submit"]:hover {
    background-color: transparent;
    border: none;
    color: #ffffff;
}
.BuildBy p,
.copyRight p {
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #C0C0C0;
}
.BuildBy p a,
.copyRight p a {
  color: #ffffff;
}
.copyRight p {
    color: #ffffff;
    font-weight: 700;
}
.InnerBanner {
    display: flex;
    width: 100%;
    background: #D9D9D9;
    min-height: 300px;
    margin-top: 153px;
    padding: 120px 0 90px;
}
.InnerBannerWrap {
    display: flex;
    justify-content: space-between;
}
.TitleInnerLink {
    width: 50%;
}
.TitleInnerLink h1 {
    margin: 0;
    font-size: 68px;
    font-weight: 700;
    line-height: 66.64px;
    letter-spacing: -0.03em;
    color: #202020;
}
.TitleInnerLink a {
    margin-bottom: 25px;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.03em;
    color: #202020;
}
.InnerTextImg {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    width: 45%;
}
.InnerTextImg p {
    font-size: 20px;
    font-weight: 400;
    line-height: 28.06px;
    letter-spacing: -0.02em;
    color: #000000;
    max-width: 270px;
}
.InnerContent {
    background: #F2F2F2;
}
.InnerContentTitle {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.InnerContentTitle h2 {
    font-size: 48px;
    font-weight: 400;
    line-height: 67.34px;
    letter-spacing: -0.02em;
    max-width: 780px;
    color: #000000;
}
.ProdBox {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 70px;
}
.ProdBox .ProdBoxImg {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
}
.ProdBox .ProdBoxImg img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.ProdBox h3 {
    margin: 0;
    font-size: 28px;
    font-weight: 700;
    line-height: 27.44px;
    letter-spacing: -0.03em;
    color: #202020;
    max-width: 50%;
}
.ProBrandWrap {
    display: flex;
    justify-content: space-between;
}
.ProBrandTitle {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    max-width: 350px;
    align-items: flex-start;
}
.ProBrandTitle h2 {
    font-size: 43px;
    font-weight: 700;
    line-height: 45.15px;
    letter-spacing: -0.03em;
    color: #202020;
} 
.ProBrandTitle a {
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.03em;
    display: flex;
    color: #F2F2F2;
    padding: 15px 30px;
    background: #383838;
}
.ProBrandImgs {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 60%;
    gap: 100px;
    align-items: center;
}
.ProjectSec .ProBrandTitle {
    flex-direction: row;
    max-width: 100%;
    justify-content: space-between;
    padding-bottom: 30px;
    align-items: flex-end;
}
.ProjectSec .ProBrandTitle h2 {
    margin: 0;
}
.CateProSec {
    background: #F2F2F2;
}
.CateProSec .PCPrev {
    position: absolute;
    left: 7%;
    top: 50%;
    transform: translateY(-50%);
}
.CateProSec .PCNext {
    position: absolute;
    right: 7%;
    top: 50%;
    transform: translateY(-50%);
}
.CateProSec .projectBox {
    background: #D9D9D9;
}
.CateProSec .PTxt {
    padding: 0 20px 20px;
    justify-content: space-between;
    align-items: flex-end;
}
.CateProSec .PTxt h4 {
    font-size: 26px;
    line-height: 36px;
    margin: 0;
    color: #000000;
}
.CateProSec .PTxt h5 {
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 28.06px;
    letter-spacing: -0.02em;
    color: #000000;
}
.QLCarousel {
    padding-left: 15%;
    padding-top: 30px;
}
.QLBox {
    display: flex;
    position: relative;
    width: 100%;
    background: #D9D9D9;
    height: 0;
    padding-bottom: 37%;
    overflow: hidden;
}
.QLBox img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.QLBox h4 {
    margin: 0;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    width: calc(100% - 40px);
    font-size: 26px;
    font-weight: 500;
    line-height: 36.48px;
    letter-spacing: -0.02em;
    color: #000000;
}
.QLCPrev, .QLCNext {
    position: absolute;
    width: 30px;
    height: 30px;
    color: #000000;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    z-index: 1;
    top: 50%;
}
.QLCNext {
    right: 7%;
}
.QLCPrev {
    left: 7%;
}
.QLCNext.swiper-button-disabled, .QLCPrev.swiper-button-disabled {
    color: #9D9D9D;
    cursor: auto;
    pointer-events: none;
}
.SolutionPageSec {
    display: flex;
    position: relative;
}
.SolutionPageSec img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    object-position: center;
}
.SolutionPageInner {
    position: relative;
    width: 100%;
    text-align: center;
    display: flex;
    padding: 110px 0 50px;
}
.SolutionPageInner .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.SolutionPageInner h1 {
    font-size: 26px;
    font-weight: 500;
    line-height: 26px;
    color: #ffffff;
}
.SolutionPageInner h2 {
    font-size: 50px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: -0.02em;
    color: #ffffff;
    max-width: 900px;
}
.SolutionPageInner a {
    display: flex;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #ffffff;
    margin-top: 250px;
}
.SolutionContentSec {
    padding: 35px 0 110px;
}
.SolutionListWrap {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.SolutionListWrap>* {
    width: calc(50% - 6px);
}
.SolutionListWrap .SolutionListBox {
    display: flex;
    width: 100%;
    position: relative;
}
.SolutionListBox .SLBImg {
    position: relative;
    width: 100%;
    padding-bottom: 45%;
    height: 0;
    overflow: hidden;
    background: #000000;
}
.SolutionListBox .SLBImg img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: .5s ease-in-out;
    opacity: .7;
}
.SolutionListBox:hover .SLBImg img {
    transform: scale(1.05);
}
.SolutionListBox .SLBTxt {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 20px;
    align-items: center;
}
.SLBTxt h3 {
    font-size: 26px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    color: #ffffff;
    margin: 0;
}
.SLBTxt span {
    text-transform: uppercase;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0.1em;
}
.SecBfFtr {
    background: #202020;
}
.BfFtrWrap {
    padding: 120px 0;
    border-bottom: solid 1px #F6F6F6;
    display: flex;
    justify-content: space-between;
    gap: 100px;
}
.BfFtrWrap>* {
    width: 100%;
}
.BfFtrBox {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.BfFtrBox h4 {
    margin: 0;
    font-weight: 500;
    font-size: 35px;
    line-height: 40px;
    letter-spacing: -0.02em;
    color: #ffffff;
}
.BfFtrBox h4 i {
    font-size: 24px;
    line-height: 28px;
    margin-left: 10px;
}
.BfFtrImg {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 40%;
    overflow: hidden;
}
.BfFtrBox:hover .BfFtrImg img {
    transform: scale(1.1);
}
.BfFtrImg img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: .5s ease-in-out;
}
.SolutionChildPageSec {
    display: flex;
    position: relative;
    background: #ffffff;
    padding-bottom: 85px;
}
.SolutionChildPageSecWrap {
    display: flex;
    position: relative;
}
.ScpsImg {
    display: flex;
    position: relative;
    width: 58%;
    overflow: hidden;
}
.ScpsImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.ScpsTxt {
    width: 42%;
    padding: 60px 70px 50px;
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}
.ScpsTxt:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    backdrop-filter: blur(20px);
    left: 0;
    top: 0;
    background: #00000059;
}
.ScpsTxt>* {
    position: relative;
    max-width: 450px;
}
.ScpsTxt a {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #ffffff;
    transition: .5s ease-in-out;
}
.ScpsTxt a:hover {
    font-weight: 800;
}

.ScpsTxt h1 {
    font-size: 50px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: -0.02em;
    color: #ffffff;
    margin: 50px 0;
}
.ScpsTxt p {
    font-size: 30px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: -0.02em;
    color: #ffffff;
}
.SubCateListSec {
    background: #F6F6F6;
}
.SubCateListWrap {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 20px;
    flex-wrap: wrap;
}
.SubCateListWrap>* {
    width: calc(33% - 10px);
}
.SubCateListBox {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px 30px;
    background: #ffffff;
    transition: .5s ease-in-out;
}
.SubCateListBox:hover {
    background: #383838;
}
.sclbTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #5C5C5C;
    border-bottom: solid 1px #5C5C5C;
    padding-bottom: 15px;
    transition: .5s ease-in-out;
}
.SubCateListBox:hover .sclbTitle {
    color: #ffffff;
    border-bottom-color: #ffffff;
}
.SubCateListBox:hover .sclbTitle h3 {
    color: #ffffff;
}
.sclbTitle h3 {
    font-size: 26px;
    font-weight: 400;
    line-height: 31.2px;
    letter-spacing: -0.02em;
    margin: 0;
    color: #5C5C5C;
    transition: .5s ease-in-out;
}
.sclbTitle i {
    font-size: 20px;
    line-height: 20px;
}
.sclbImg {
    display: flex;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 83.5%;
    overflow: hidden;
}
.sclbImg img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: contain;
}
.BrandCarouselSec {
    background: #F6F6F6;
}

.CateProjectSec {
    background: #ffffff;
}
.MoreSolutionSec {
    background: #202020;
    padding-top: 60px;
}
.MSSWrap {
    padding: 0 0 110px;
    border-bottom: solid 1px #F6F6F6;
}
.MoreSolutionSec .HomeProductText h2 {
    color: #ffffff;
}
.MoreSolutionSec .HomeProductText a,
.MoreSolutionSec .btnarrows a 
 {
    color: #ffffff;
}
.MSCPrev, .MSCNext {
    width: 30px;
    height: 30px;
    color: #ffffff;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    z-index: 1;
}
.MSCPrev.swiper-button-disabled, .MSCNext.swiper-button-disabled {
    color: #9D9D9D;
    cursor: auto;
    pointer-events: none;
}
.ProductListPageSec {
    display: flex;
    position: relative;
    background: #383838;
    padding: 50px 0;
}
.PlpsWrap {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.PlpsWrap h1 {
    font-size: 50px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: -0.02em;
    color: #ffffff;
}
.PlpsWrap p {
    font-size: 22px;
    font-weight: 300;
    line-height: 26px;
    letter-spacing: -0.02em;
    color: #ffffff;
    max-width: 640px;
}
.PlpsWrap a {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.05em;
    color: #ffffff;
    text-transform: uppercase;
    padding-left: 110px;
    position: relative;
    transition: .5s ease-in-out;
}
.PlpsWrap a:before {
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 100px;
    height: 1px;
    content: '';
    background: #ffffff;
    transition: .5s ease-in-out;
}
.PlpsWrap a:hover {
    font-weight: 800;
}
.PlpsWrap a:hover:before {
    left: 50px;
    width: 50px;
}
.FilterBarSec {
    background: #F6F6F6;
    padding: 20px 0;
}
.FbsWrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.FbsWrap>* {
    display: flex;
    gap: 10px;
}
.FilterTitle {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #383838;
}
.FilterList {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
}
.FilterListWrap, .FilterListWrap * {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #383838;

}
.FilterListWrap select {
    background: none;
    border: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #383838;
    width: auto;
    margin-top: -2px;
}
.PlpscSec {
    background: #FFFFFF;
    padding: 60px 0;
}
.PlpscSecWrap {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 12px;
    flex-wrap: wrap;
}
.PlpscSecWrap>* {
    width: calc(25% - 10px);
    position: relative;
}
.PlpscSecWrap>.NoProductsFound {
    width: 100%;
    font-size: 24px;
    font-weight: 400;
    line-height: 28.8px;
    letter-spacing: -0.02em;
    color: #5C5C5C;
}
.PlpscSecWrap .downloadBtn {
    position: absolute;
    right: 20px;
    bottom: 60px;
    background: #5C5C5C;
    color: #ffffff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
    transition: .5s ease-in-out;
    opacity: 0;
    z-index: 1;
}
.PlpscSecWrap>*:hover .downloadBtn {
    opacity: 1;
}
.PlpscSecBox * {
    transition: .5s ease-in-out;
}
.PlpscSecBox {
    display: flex;
    border: solid 0.5px #000000;
    padding: 20px;
    flex-direction: column;
    border-radius: 5px;
    position: relative;
    gap: 10px;
}
.PlpscSecBox:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    background: none;
    left: 0;
    top: 0;
    border-radius: 5px;
    border: solid 1.5px #000000;
    opacity: 0;
    transition: .5s ease-in-out;
}
.PlpscSecBox:hover:before {
    opacity: 1;
}
.PlpscImg {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 120%;
}
.PlpscImg img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: contain;
}
.PlpscImg .ViewProd {
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.1em;
    color: #5C5C5C;
    text-transform: uppercase;
}
.PlpscSecBox:hover .PlpscImg .ViewProd {
    opacity: 1;
}
.PlpscTitle {
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    border-top: 0.5px solid #383838;
    position: relative;
    align-items: flex-start;
}
.PlpscTitle:before {
    width: 100%;
    height: 1.5px;
    position: absolute;
    left: 0;
    top: 0;
    background: #000000;
    opacity: 0;
    content: '';
    transition: .5s ease-in-out;
}
.PlpscSecBox:hover .PlpscTitle:before {
    opacity: 1;
}
.PlpscTitle img {
    width: auto;
    height: 21px;
}
.PlpscTitle h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 28.8px;
    letter-spacing: -0.02em;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #5C5C5C;
    margin: 10px 0 0;
}
.RelatedSubcateSec {
    background: #D9D9D9;
}
.RelatedSubcateSec .container-fluid {
    padding-right: 0;
}
.RelatedSubcateSecWrap {
    display: flex;
    justify-content: space-between;
}
.RelatedSubcateSecWrap .HomeProductText {
    flex-direction: column;
    align-items: flex-start;
    width: 29%;
    padding: 0;
    padding-right: 5%;
}
.relaredCarouselWrap {
    width: 71%;
}
.RCBox {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.RCBoxImg {
    display: flex;
    width: 100%;
    background: #ffffff;
    padding: 20px;
}
.RCBoxImg>* {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}
.RCBoxImg img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: contain;
}
.RCBoxTxt {
    display: flex;
    width: 100%;
}
.RCBoxTxt h4 {
    font-size: 24px;
    font-weight: 400;
    line-height: 28.8px;
    letter-spacing: -0.02em;
    color: #5C5C5C;
    margin: 0;
}
.RCPrev, .RCNext {
    width: 30px;
    height: 30px;
    color: #383838;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    z-index: 1;
}
.RCPrev.swiper-button-disabled, .RCNext.swiper-button-disabled {
    color: #9D9D9D;
    cursor: auto;
    pointer-events: none;
}
.paginationWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 60px;
    gap: 12px;
}
.paginationWrap >* {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style: none;
    gap: 12px;
}
.paginationWrap a {
    display: flex;
    width: 36px;
    height: 36px;
    text-align: center;
    border: solid 0.5px #000000;
    font-size: 16px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: -0.02em;
    color: #000000;
    justify-content: center;
    align-items: center;
    transition: .5s ease-in-out;
}
.paginationWrap span {
    display: flex;
    width: 36px;
    height: 36px;
    text-align: center;
    border: solid 0.5px #000000;
    font-size: 16px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: -0.02em;
    justify-content: center;
    align-items: center;
    transition: .5s ease-in-out;
}
.paginationWrap span.current {
    background: #000000;
    color: #ffffff;
}
.paginationWrap a:hover, .paginationWrap .active a, .paginationWrap a.active {
    background: #000000;
    color: #ffffff;
}
.ProductDetailsPageSec {
    background: #ffffff;
    position: relative;
    height: 100vh;
}
.ProductDetailsPageSec:before {
    width: 50%;
    height: 100%;
    content: '';
    left: 0;
    top: 0;
    position: absolute;
    background: #F6F6F6;
}
.ProductDetailsPageSec .container-fluid {
    position: relative;
}
.PdpWrap {
    display: flex;
}
.PdpTxt {
    width: 50%;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    padding-right: 100px;
    height: 100vh;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.PdpTxt::-webkit-scrollbar {
  display: none;
}
.backBtnLogo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 0;
    border-bottom: solid 1px #383838;
}
.backBtnLogo a {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.05em;
    max-width: 140px;
    text-transform: uppercase;
    color: #383838;
}
.backBtnLogo img {
    width: 70px;
    height: auto;
}
.pdTitle {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 35px 0;
    border-bottom: solid 1px #383838;
}
.pdTitle h1 {
    max-width: 60%;
    font-size: 50px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: -0.02em;
    color: #383838;
}
.pdModels {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.pdModels * {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.05em;
    color: #5C5C5C;
    text-transform: uppercase;
}
.pdDetailsBox {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 40px 0;
    border-bottom: solid 1px #383838;
    flex-wrap: wrap;
    gap: 20px;
}
.pdDetailsBoxInner {
    gap: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    flex-wrap: wrap;
}
.pdBrandT {
    width: 145px;
}
.pdBrandH {
    width: 100%;
}
.pdBrandH * {
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    color: #5C5C5C;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.pdBrandT * {
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    text-transform: uppercase;
    color: #5C5C5C;
}
.pdBrandD {
    width: calc(100% - 165px);
}
.pdBrandD * {
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    color: #5C5C5C;
}
.pdDownloadBtn {
    display: flex;
    padding: 20px 0 60px;
}
.pdDownloadBtn a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.1em;
    color: #F6F6F6;
    border-radius: 5px;
    background: #383838;
    border: solid 1px #383838;
    text-transform: uppercase;
    width: 100%;
    padding: 15px 25px;
    transition: .5s ease-in-out;
}
.pdDownloadBtn a:hover {
    color: #383838;
    background: #ffffff;
}
.PdpImg {
    width: 50%;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    padding-left: 100px;
}
.product__carousel {
  display: block;
  width: 100%;
  max-width: 700px;
  margin: 1em auto 3em;
  overflow: hidden;
}
.product__carousel a {
  display: block;
  margin-bottom: 15px;
}

.product__carousel .gallery-top {
    /*border: 1px solid #ebebeb;
    border-radius: 3px;
    margin-bottom: 5px;*/
}
.product__carousel .gallery-top .swiper-slide {
    position: relative;
    overflow: hidden;
}
.product__carousel .gallery-top .swiper-slide a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.product__carousel .gallery-top .swiper-slide a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.product__carousel .gallery-top .swiper-slide .easyzoom-flyout img {
    min-width: 100%;
    min-height: 100%;
}
.product__carousel .swiper-button-next.swiper-button-white,
.product__carousel .swiper-button-prev.swiper-button-white {
    color: #ff3720;
}
.product__carousel .gallery-thumbs .swiper-slide {
    position: relative;
    transition: border .15s linear;
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    overflow: hidden;
    height: calc(100% - 2px);
}
.product__carousel .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
    border-color: #000;
    background: #F6F6F6;
}
.product__carousel .gallery-thumbs .swiper-slide img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-width: 100%;
}
.pdSimilarSec {
    background: #D9D9D9;
}
.pdSimilarSec .container-fluid {
    padding-right: 0;
}
.pdSimilarSecWrap {
    display: flex;
    justify-content: space-between;
}
.pdSimilarSecWrap .HomeProductText {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 29%;
    padding: 0;
    padding-right: 5%;
    gap: 80px;
}
.pdSimilarCarouselWrap {
    width: 71%;
}
.pdSimilarCarouselWrap .PlpscSecBox {
    background: #ffffff;
    border-color: #ffffff;
}
.PlpscSecBox .BImgLogo {
    position: absolute;
    right: 0;
    top: 0;
}
.PlpscSecBox .BImgLogo img {
    height: 24px;
    position: relative;
}
.pdsCPrev, .pdsCNext {
    width: 30px;
    height: 30px;
    color: #383838;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    z-index: 1;
}
.pdsCPrev.swiper-button-disabled, .pdsCNext.swiper-button-disabled {
    color: #9D9D9D;
    cursor: auto;
    pointer-events: none;
}
.BrandPageSec {
    display: flex;
    position: relative;
    padding: 100px 0 60px;
}
.BrandPageInner {
    width: 100%;
}
.BrandPageInner .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.BrandPageInner h1 {
    font-size: 26px;
    font-weight: 400;
    line-height: 26px;
    color: #ffffff;
    margin: 0 0 5px;
}
.BrandPageInner h2 {
    font-size: 110px;
    font-weight: 300;
    line-height: 110px;
    letter-spacing: -0.02em;
    color: #ffffff;
    max-width: 970px;
    margin: 0;
}
.brandsfilter .FbsWrap {
    padding-top: 100px;
}
.brandsfilter .FilterTitle {
    color: #FFFFFF;
}
.brandsfilter .FilterListWrap {
    color: #FFFFFF;
}
.brandsfilter .FilterListWrap * {
    color: #FFFFFF;
}
.brandsfilter .FilterListWrap select option {
    color: #000000;
}
.BrandList {
    background: #FFFFFF;
    padding: 100px 0;
}
.BrandList .pwb-brands-cols-outer {
    gap: 0;
}
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 {
    width: 20%;
    padding: 10px 10px;
    position: relative;
}
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 img {
    width: 100%;
    max-height: 80%;
    max-width: 80%;
    object-position: center;
    object-fit: contain;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3>* {
    width: 100%;
}
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 > div {
    position: relative;
}

.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 p {
    margin: 0;
    position: absolute;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    display: flex;
    align-items: center;
    justify-content: center;
    left: 10px;
    top: 10px;
    opacity: 0;
}
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 p:hover {
    opacity: 1;
}
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 p a {
    height: 100%;
    padding: 0;
    background: #F2F2F2;
    justify-content: center;
    align-items: center;
    text-align: center; 
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #000000;
    padding: 10px;
}
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 p a::after {
    position: absolute;
    left: 0;
    bottom: 15%;
    content: 'EXPLORE';
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.2em;
    text-align: center;
    color: #00000059;
}
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 p small {
    display: none;
}
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 a {
    padding-bottom: 90%;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 0;
    position: relative;
}
.BrandList .pwb-all-brands .pwb-pagination-wrapper {
    display: none;
}
.BrandDtlsSec {
    background: #F6F6F6;
    display: flex;
}
.BLogoSide {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 24%;
    padding: 100px 5% 50px 7%;
}
.BContentSide {
    width: 76%;
    display: flex;
    background: #D9D9D9;
}
.BContentSideInner {
    width: 40%;
    padding: 100px 5% 20px;
}
.BContentSideInner h1 {
    color: #000000;
    text-transform: uppercase;
    font-size: 50px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: -0.02em;
}
.BtagLine {
    padding-bottom: 70px;
    color: #000000;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.05em;
    text-decoration-line: underline;
}
.BtaxonomyDescription, .BtaxonomyDescription * {
    font-size: 22px;
    font-weight: 300;
    line-height: 27.5px;
    letter-spacing: -0.02em;
    text-align: justify;
    color: #000000;
}
.BranImgWrap {
    width: 60%;
}
.BranImg {
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 70.5%;
}
.BranImg img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}
.Brandsbtns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:35px 7% 25px 0;
}
.Brandsbtns .BrandDownload {
    display: flex;
    gap: 15px;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.05em;
    color: #000000;
    text-transform: uppercase;
    position: relative;
    transition: .5s ease-in-out;
}
.Brandsbtns .BrandDownload:hover {
    font-weight: 800;
}

.Brandsbtns .BAllView {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.05em;
    color: #000000;
    text-transform: uppercase;
    padding-left: 60px;
    position: relative;
    transition: .5s ease-in-out;
}
.Brandsbtns .BAllView:before {
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 50px;
    height: 1px;
    content: '';
    background: #000000;
    transition: .5s ease-in-out;
}
.Brandsbtns .BAllView:hover {
    font-weight: 800;
}
.Brandsbtns .BAllView:hover:before {
    left: 20px;
    width: 30px;
}
.BrandFilter {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.BrandFilter .BFilterTitle {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #383838;
}
.BrandFilter .BFilterList, .BrandFilter .BFilterList * {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #383838;
}
.PlpscSec.BPlpscSec {
    padding: 100px 0;
}
.ProjectPageHeader {
    background-color: #F6F6F6;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 750px;
    padding-top: 110px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.ProjectPageHeader h1 {
    font-size: 26px;
    font-weight: 400;
    line-height: 26px;
    color: #ffffff;
    margin: 0 0 5px;
}
.ProjectPageHeader h2 {
    max-width: 980px;
    font-size: 110px;
    font-weight: 300;
    line-height: 110px;
    letter-spacing: -0.02em;
    color: #ffffff;
    margin: 0;
}
.filterProjects.filters {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 30px 0;
}
.filterProjects:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    content: '';
    background: linear-gradient(90deg, #FFFFFF 28.5%, #000000 76%);
    height: 1px;

}
.ProjectsListedSec {
    background: #ffffff;
    padding: 80px 0;
}
.ProjectsListedWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 70px 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.ProjectsListedWrap>* {
    width: calc(50% - 8px);
}
.ProjectsListedBox {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-bottom: solid 2px #000000;
}
.ProjectsListedBox .ProjectsListedImg {
    position: relative;
    width: 100%;
    padding-bottom: 80%;
    overflow: hidden;
    height: 0;
}
.ProjectsListedImg img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    position: absolute;
    transition: .5s ease-in-out;
}
.ProjectsListedBox:hover .ProjectsListedImg img {
    transform: scale(1.1);
}
.ProjectsListedTxt {
    display: flex;
    align-items: baseline;
    padding: 25px 0;
    gap: 40px;
}
.ProjectsListedTxt h3 {
    margin: 0;
    padding: 0;
    font-size: 50px;
    font-weight: 400;
    line-height: 60px;
    letter-spacing: -0.02em;
    color: #000000;
    max-width: calc(100% - 155px);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ProjectsListedTxt span {
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0.1em;
    color: #5C5C5C;
    text-transform: uppercase;
    transition: .5s ease-in-out;
    opacity: 0;
}
.ProjectsListedBox:hover .ProjectsListedTxt span {
    opacity: 1;
}
.psphWrap {
    position: relative;
    width: 100%;
}
.psphImg {
    position: relative;
    width: 100%;
    padding-bottom: 40%;
    height: 0;
    overflow: hidden;
}
.psphImg img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-position: center;
    object-fit: cover;
}
.ProjectsHeadingBar {
    position: absolute;
    left: 0;
    background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    width: 100%;
    display: flex;
    padding: 150px 20% 35px;
    align-items: baseline;
    justify-content: space-between;
}
.ProjectsHeadingBar h1 {
    font-size: 50px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: -0.02em;
    color: #ffffff;
    margin: 0;
}
.ProjectSinglePageContent {
    padding: 50px 0;
}
.container.containerMdm {
    max-width: 1550px;
}
.ProjectSinglePageContent h1 {
    font-size: 50px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: -0.02em;
    color: #282828;
    margin: 0;
}
.ProjectSinglePageContent p {
    font-size: 24px;
    font-weight: 400;
    line-height: 31.2px;
    letter-spacing: -0.02em;
    color: #000000;
    text-align: justify;
}
.ProjectSinglePageContent img {
    width: 100%;
    height: auto;
}
.SectorName {
    display: flex;
}
.SectorName p {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.05em;
    color: #ffffff;
    text-transform: uppercase;
}
.SectorName p span {
    font-weight: 600;
    color: #ffffff;
    text-transform: none;
}
.AdditionalInfo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 0 0 50px;
}
.AdditionalInfo>* {
    display: flex;
    gap: 40px;
}
.AdditionalInfo p {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.05em;
    color: #8E8E8E;
    text-transform: uppercase;
    display: flex;
    gap: 10px;
}
.AdditionalInfo p span {
    font-weight: 600;
    color: #555555;
    text-transform: none;
}
.AdditionalInfo .place p span {
    color: #8E8E8E;
    text-transform: uppercase;
    font-weight: 500;
}
.PSMainContent {
    padding-bottom: 50px;
}
.PSImageWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
    flex-wrap: wrap;
}
.PSImageWrap>* {
    width: calc(50% - 13px);
}
.PSContent {
    padding-top: 30px;
}
.PSVideo {
    width: 100%;
    position: relative;
    height: 0;
    padding-bottom: 46.25%;
    overflow: hidden;
    margin-top: 30px;
}
.PSVideo video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}
.PSPNNav {
    display: inline-block;
    width: 100%;
    padding-top: 50px;
    text-align: center;
}
.PSPNNav a {
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #383838;
    position: relative;
    transition: .5s ease-in-out;
}
.PSPNNav a:hover {
    font-weight: 800;
}
.PSPNNav .previous {
    float: left;
    margin-right: 15px;
}
.PSPNNav .next {
    float: right;
    margin-left: 15px;
}
.AllBtn {
    display: inline-block;
}
.NewsPageHeader {
    background-color: #F6F6F6;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 110px 0 60px;
}
.NewsPageHeader h1 {
    font-size: 110px;
    font-weight: 300;
    line-height: 110px;
    letter-spacing: -0.02em;
    color: #ffffff;
}
.filternews {
    padding-top: 100px;
}
.filternews .FilterTitle {
    color: #ffffff;
}
.filternews .FilterListWrap select {
    color: #ffffff;
}
.filternews .FilterListWrap select option {
    color: #383838;
}
.filternews .FilterListWrap {
    color: #ffffff;
}
.NewsListedSec {
    background: #ffffff;
    padding: 90px 0 125px;
}
.NewsListedWrap {
    display: flex;
    flex-wrap: wrap;
    gap: 150px 129px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.NewsListedWrap li {
    width: calc(33.33% - 86px);
    position: relative;
}
.NewsListedWrap li::before {
    position: absolute;
    content: '';
    right: -64px;
    bottom: 0;
    width: 1px;
    height: 100%;
    background: #000000;
}
.NewsListedWrap li:nth-child(3n):before,
.NewsListedWrap li:last-child::before {
    display: none;
}
.NewsListedWrap li:nth-child(3n)::after {
    position: absolute;
    content: '';
    right: 0;
    bottom: -75px;
    width: calc(300% + 260px);
    height: 1px;
    background: #000000;
}
.NewsListedBox {
    display: flex;
    flex-direction: column;
}
.NewsListedImg {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 118%;
    overflow: hidden;
}
.NewsListedImg img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    transition: .5s ease-in-out;
}
.NewsListedBox:hover .NewsListedImg img {
    transform: scale(1.1);
}
.NewsListedBox h3 {
    font-size: 30px;
    font-weight: 300;
    line-height: 36px;
    letter-spacing: -0.02em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 25px;
    color: #000000;
}
.NewFImage {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 67%;
    height: 0;
}
.NewFImage img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-position: center;
    object-fit: cover;
}
.NewsNav.PSPNNav {
    display: flex;
    justify-content: space-between;
}
.NewsNav.PSPNNav a {
    color: #8E8E8E;
}
.NewsRelated {
    padding: 60px 0;
    background: #EFEFEF;
}
.NewsRelatedWrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.NewsRelatedWrap>* {
    width: calc(50% - 25px);
    width: 100%;
}
.PSPContent .AdditionalInfo {
    padding-top: 30px;
}
.ProjectRelated {
    padding: 100px 0;
    background: #EFEFEF;
}
.AboutPageCarousel {
    background: #ffffff;
    margin-top: 30px;
}
.AboutCarouselImg {
    position: relative;
    height: 0;
    width: 100%;
    overflow: hidden;
    padding-bottom: 47%;
}
.AboutCarouselImg img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    max-width: 400px;
    max-height: 188px;
}
.AboutPageSec2 {
    background: #ffffff;
    padding: 120px 0;
}
.AboutPageSec2Head {
    display: flex;
    flex-direction: column;
}
.AboutPageSec2Head h1 {
    font-size: 26px;
    font-weight: 500;
    line-height: 26px;
    color: #5C5C5C;
    margin: 0;
}
.AboutPageSec2Head h2 {
    font-size: 110px;
    font-weight: 300;
    line-height: 110px;
    letter-spacing: -0.02em;
    margin: 0;
    color: #000000;
    max-width: 1350px;
}
.AboutPageSec2Head h2 b, .AboutPageSec2Head h2 strong {
    display: flex;
    width: 100%;
    font-weight: 700;
}
.AboutPageSec2Body {
    display: flex;
    flex-direction: column;
    padding-top: 120px;
}
.ABS2RepeaterSec {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.ABS2RepeaterSec:nth-child(odd) {
    flex-direction: row-reverse;
}
.ABS2RepeaterSec:first-child {
    align-items: center;
}
.ABS2RepeaterSec:nth-child(2) {
    align-items: center;
    padding-bottom: 120px;
}
.ABS2RepeaterSec .AbsrImg {
    width: 45%;
}
.ABS2RepeaterSec .AbsrTxt {
    width: 45%;
}
.ABS2RepeaterSec .AbsrTxt h2 {
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #5C5C5C;
}
.ABS2RepeaterSec .AbsrTxt p {
    font-size: 30px;
    font-weight: 300;
    line-height: 39px;
    letter-spacing: -0.02em;
    color: #000000;
}
.ABS2RepeaterSec .AbsrTxt h3, 
.ABS2RepeaterSec .AbsrTxt h4 {
    font-size: 65px;
    font-weight: 300;
    line-height: 78px;
    letter-spacing: -0.02em;
    color: #000000;
}
.ABS2RepeaterSec:first-child .AbsrImg,
.ABS2RepeaterSec:nth-child(2) .AbsrImg {
    width: 50%;
}
.ABS2RepeaterSec:first-child .AbsrTxt,
.ABS2RepeaterSec:nth-child(2) .AbsrTxt
 {
    width: 42%;
}
.ABS2RepeaterSec:nth-child(3) .AbsrImg {
    width: 34.5%;
}
.ABS2RepeaterSec:nth-child(3) .AbsrTxt {
    width: 55%;
}
.ABS2RepeaterSec:nth-child(4) {
    align-items: flex-end;
}
.ABS2RepeaterSec:nth-child(4) .AbsrImg {
    width: 34.5%;
}
.ABS2RepeaterSec:nth-child(4) .AbsrTxt {
    width: 55%;
}
.AboutPageSec3 {
    padding: 300px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.Aps3Wrap {
    display: flex;
    justify-content: flex-end;
}
.Aps3Wrap>* {
    width: 33%;
}
.Aps3Wrap * {
    font-size: 26px;
    font-weight: 300;
    line-height: 32.5px;
    color: #ffffff;
}
.Aps3Wrap h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #FFFFFF80;
}
.ApCertificateSec {
    background: #ffffff;
}
.ApCertificateSec .CertifiBox {
    background: #ffffff;
}
.ApCertificateSec .CertifiBox img {
    mix-blend-mode: multiply;
}
.TestimonialsCarouselSec {
    background: #fff;
    padding: 100px 0;
}
.TestimonialsCarousel:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 1px;
    background: #000000;
}
.TestimonialsCarousel:after {
    position: absolute;
    left: 0;
    bottom: 42px;
    content: '';
    width: 100%;
    height: 1px;
    background: #000000;
}
.TestimonialsCarousel .swiper-wrapper .swiper-slide {
    padding: 20px 0;
    display: flex;
    align-items: stretch;
}
.TestimonialsCarousel .swiper-wrapper .swiper-slide:after {
    position: absolute;
    right: -70px;
    top: 20px;
    width: 1px;
    height: calc(100% - 40px);
    background: #000000;
    content: '';
}
.TestimonialsCarouselBox {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    position: relative;
}
.TestimonialsCarouselBox::before {
    position: absolute;
    width: 48px;
    height: 37px;
    display: inline-block;
    content: '';
    background: url(../images/testibefore.svg);
    background-size: 100% 100%;
    left: 0;
    top: 0;
}
.TestimonialsCarouselBox::after {
    right: 0;
    bottom: 0;
    position: absolute;
    width: 48px;
    height: 37px;
    display: inline-block;
    content: '';
    background: url(../images/testiafter.svg);
    background-size: 100% 100%;
}
.TestimonialsCarouselBox p {
    margin:  80px 0 50px;
    font-size: 26px;
    font-weight: 300;
    line-height: 28.6px;
    color: #000000;
}
.TestimonialsCarouselBox h3 {
    margin: 0 0 40px;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #000000;
}
.swiper-horizontal>.swiper-pagination-bullets.Testipagination {
    display: flex;
    padding-top: 30px;
    align-items: center;
    justify-content: center;
    height: 42px;
}
.swiper-horizontal>.swiper-pagination-bullets.Testipagination .swiper-pagination-bullet {
    border-radius: 0;
    width: 12px;
    height: 12px;
    background: #282624;
    opacity: 1;
}
.swiper-horizontal>.swiper-pagination-bullets.Testipagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #9D9D9D;
}
.AboutPageSec6 {
    padding-bottom: 100px;
}
.AboutPageSec6 .container-fluid {
    position: relative;
}
.Aps6Img {
    position: absolute;
    width: 86%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}
.Aps6Wrap {
    display: flex;
    flex-direction: column;
    padding: 100px 8%;
    position: relative;
    align-items: flex-start;
}
.Aps6Wrap h3 {
    font-size: 50px;
    font-weight: 300;
    line-height: 55px;
    letter-spacing: -0.035em;
    color: #ffffff;
    margin-bottom: 100px;
}
.Aps6Wrap h3 b, .Aps6Wrap h3 strong {
    position: relative;
    width: 100%;
    font-weight: 700;
    display: block;
}
.Aps6Wrap p {
    font-size: 26px;
    font-weight: 300;
    line-height: 34px;
    color: #ffffff;
    max-width: 610px;
}
.Aps6Wrap a {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #ffffff;
    border: 1px solid #ffffff;
    background: #FFFFFF1A;
    padding: 20px 50px;
    margin-top: 10px;
}
.Aps6Wrap a:hover {
    background: #ffffff;
    color: #000000;
}

.page-template-careers-page .mainHeader {
    background: none;
}
.CareersPageHeader {
    padding: 290px 0 0;
    background: linear-gradient(180deg, #D9D9D9 23.31%, #EFEFEF 100%);
    margin-top: -153px;
}
.cphtWrap {
    display: flex;
    justify-content: space-between;
}
.cphtWrapImg {
    position: relative;
    width: 42.25%;
}
.cphtWrapTxt {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.cphtWrapTxt h1 {
    font-size: 26px;
    font-weight: 500;
    line-height: 26px;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 5px;
}
.cphtWrapTxt h2 {
    font-size: 110px;
    font-weight: 300;
    line-height: 110px;
    letter-spacing: -0.02em;
    color: #000000;
    margin: 0;
}
.cphtWrapTxt p {
    color: #5C5C5C;
    font-size: 32px;
    font-weight: 300;
    line-height: 42px;
    letter-spacing: -0.02em;
    max-width: 650px;
}
.cphtWrapTxt a {
    margin-bottom: 100px;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding-left: 60px;
    position: relative;
    color: #000000;
    transition: .5s ease-in-out;
}
.cphtWrapTxt a:before {
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 50px;
    height: 1px;
    content: '';
    background: #000000;
    transition: .5s ease-in-out;
}
.cphtWrapTxt a:hover {
    font-weight: 800;
}
.cphtWrapTxt a:hover:before {
    left: 20px;
    width: 30px;
}
.CareersJobSec {
    padding: 100px 0;
    background: #EFEFEF;
}
.CareersJobSec h2 {
    font-size: 35px;
    font-weight: 300;
    line-height: 42px;
    letter-spacing: -0.02em;
    margin-bottom: 40px;
    color: #000000;
}

.accordWrap .accordion-item {
    background: none;
}
.accordWrap .accordion-item .accordion-button {
    background: none;
    border-radius: 0;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
    font-size: 26px;
    font-weight: 700;
    line-height: 36.48px;
    color: #000000;
}
.accordWrap .accordion-body {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
.accordWrap .accordion-body .accordTxt, .accordWrap .accordion-body .accordTxt * {
    max-width: 1050px;
    font-size: 22px;
    font-weight: 400;
    line-height: 30.87px;
    color: #4D4D4D;
}
.accordWrap .accordion-button::after {
    background: none;
    content: "Read more";
    color: #5C5C5C;
    width: auto;
    transform: rotate(0deg);
    font-size: 20px;
    font-weight: 700;
    line-height: 28.06px;
    padding-left: 15px;
}
.accordWrap .accordion-button:not(.collapsed)::after {
    background: none;
    content: "X";
    color: #000000;
}
.accordWrap .accordion .accordion-item {
    border: none;
    border-radius: 0;
    border-bottom: solid 1px #000;
}
.accordWrap .accordion .accordion-item:first-child {
    border-top: solid 1px #000;
}
.accordWrap h2 {
    font-family: 'Satoshi-Variable' !important;
    font-size: 36px;
    font-weight: 500;
    line-height: 48.6px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #2F2F2F;
    margin-bottom: 20px;
}
.careerForm {
    padding-top: 50px;
    max-width: 1050px;
    padding-bottom: 20px;
}
.fileuploadFld label {
    display: flex;
    gap: 15px;
    position: relative;
    border-bottom: 1px solid #2F2F2F;
}
.fileuploadFld label br {
    display: none;
}
.fileuploadFld span.filesp1 {
    font-size: 20px;
    font-weight: 300;
    line-height: 26px;
    text-align: left;
    letter-spacing: -0.02em;
    color: #5C5C5C;
    height: 40px;
}
.fileuploadFld span.filesp2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    text-align: left;
    letter-spacing: -0.02em;
    color: #5C5C5C;
    height: 40px;
}
.fileuploadFld label .wpcf7-form-control-wrap {
    position: absolute;
    width: 100%;
}
.fileuploadFld label input {
   opacity: 0; 
}
.careerForm .formFld.submitFld {
    display: flex;
    justify-content: end;
    width: 100%;
}
.careerForm .formFld.submitFld input {
    padding-left: 35px;
    padding-right: 35px;
    color: #fff;
    background: #383838;
    transition: all 0.5s ease;
    border: 1px solid #383838;
    font-size: 16px;
    font-weight: 700;
    line-height: 22.45px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    height: 48px;
}
.careerForm .formFld.submitFld input:hover {
    color: #383838;
    background: #ffffff;
}
.careerForm .formFld input, 
.careerForm .formFld select, 
.careerForm .formFld textarea {
    background: none;
    border: none;
    border-bottom: solid 1px #5C5C5C;
    box-shadow: none;
}
.formWrap {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px 0px;
}
.formFld {
    width: 100%;
}
.formFld.halfFld {
    width: 48%;
}
.formFld input, .formFld select, .formFld textarea {
    font-size: 20px;
    font-weight: 300;
    line-height: 26px;
    letter-spacing: -0.02em;
    width: 100%;
    background: none;
    border: none;
    border-bottom: 1px solid #5C5C5C;
    color: #5C5C5C;
    height: 40px;
}
.formFld textarea {
    resize: none;
}
.cpSec3 {
    padding: 100px 0;
    background: #5C5C5C;
}
.cpSec3Txt * {
    font-size: 32px;
    font-weight: 300;
    line-height: 42px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
}
.cpSec3Btn {
    display: flex;
    justify-content: flex-end;
    padding-top: 50px;
}
.cpSec3Btn a {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding-left: 60px;
    position: relative;
    color: #ffffff;
    transition: .5s ease-in-out;
}
.cpSec3Btn a:before {
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 50px;
    height: 1px;
    content: '';
    background: #ffffff;
    transition: .5s ease-in-out;
}
.cpSec3Btn a:hover {
    font-weight: 800;
}
.cpSec3Btn a:hover:before {
    left: 20px;
    width: 30px;
}
.page-template-contact-page .mainHeader {
    background: none;
}
.page-template-contact-page .topBar {
    border-bottom-color: #ffffff;
}
.page-template-contact-page .mainHeader * {
    color: #ffffff;
}
.page-template-contact-page ul.menu li.current-menu-item>a {
    color: #ffffff;
}
.page-template-contact-page .stickyHeader ul.menu li.current-menu-item>a {
    color: #333333;
}
.page-template-contact-page .topBar .Logo img {
    filter: brightness(0) invert(1);
}

.page-template-contact-page .mainHeader.stickyHeader {
    background: #ffffff;
}
.page-template-contact-page .stickyHeader .topBar {
    border-bottom-color: #000000;
}
.page-template-contact-page .mainHeader.stickyHeader * {
    color: #333333;
}
.page-template-contact-page .stickyHeader .topBar .Logo img {
    filter: brightness(0) invert(0);
}
.ContactPageHeader {
    padding: 290px 0 0;
    background: linear-gradient(180deg, #3D3D3D 0%, #5C5C5C 100%);
    margin-top: -153px;
}
.cpinnerWrap {
    position: relative;
    width: 100%;
    display: flex;
    padding-bottom: 80px;
}
.LogoContact {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 33.25%;
}
.contphtWrap {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    gap: 30px;
}
.contphtWrapTitle {
    display: flex;
    flex-direction: column;
}
.contphtWrapTitle h1 {
    font-size: 26px;
    font-weight: 500;
    line-height: 26px;
    color: #FFFFFF;
    margin-bottom: 5px;
}
.contphtWrapTitle h2 {
    font-size: 110px;
    font-weight: 300;
    line-height: 110px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0;
    max-width: 650px;
}
.contphtWrapForm {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.contphtWrapContent {
    width: 43%;
}
.contphtWrapContent * {
    font-size: 30px;
    font-weight: 300;
    line-height: 39px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
}
.contphtForm {
    width: 43%;
    padding-top: 35px;
}
.contphtForm .formFld input, 
.contphtForm .formFld select, 
.contphtForm .formFld textarea {
    border: none;
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
    background: none;
    padding-left: 0;
    box-shadow: none;
}
.contphtForm .formFld input:focus, 
.contphtForm .formFld select:focus, 
.contphtForm .formFld textarea:focus {
    background: none;
}
.contphtForm .formFld textarea {
    height: 60px;
}
.contphtForm .formFld input::-webkit-input-placeholder, 
.contphtForm .formFld select::-webkit-input-placeholder, 
.contphtForm .formFld textarea::-webkit-input-placeholder {
    color: #ffffff;
}
.contphtForm .formFld input::-moz-placeholder, 
.contphtForm .formFld select::-moz-placeholder, 
.contphtForm .formFld textarea::-moz-placeholder {
    color: #ffffff;
}
.contphtForm .formFld input:-ms-input-placeholder, 
.contphtForm .formFld select:-ms-input-placeholder, 
.contphtForm .formFld textarea:-ms-input-placeholder {
    color: #ffffff;
}
.contphtForm .formFld.checkboxFld {
    width: 100%;
}
.CareersJobSec .formFld.checkboxFld span,
.contphtForm .formFld.checkboxFld span {
    margin: 0;
    max-width: calc(100% - 25px);
}
.CareersJobSec .formFld.checkboxFld label,
.contphtForm .formFld.checkboxFld label {
    display: flex;
    align-items: start;
    gap: 7px;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    cursor: pointer;
    color: #FFFFFF;
    flex-wrap: wrap;
}
.CareersJobSec .formFld.checkboxFld label a,
.contphtForm .formFld.checkboxFld label a {
    color: #FFFFFF;
    text-decoration: underline;
}
.CareersJobSec .formFld.checkboxFld label a,
.CareersJobSec .formFld.checkboxFld label {
    color: #383838;
}
.CareersJobSec .formFld.checkboxFld label input,
.contphtForm .formFld.checkboxFld label input {
    width: 18px;
    height: 18px;
    background: none;
}
.contphtForm .formFld.submitFld {
    display: flex;
    justify-content: flex-end;
}
.formFld.submitFld p {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
    align-items: center;
}
.formFld.submitFld .wpcf7-spinner {
    margin: 0;
}
.contphtForm .formFld.submitFld .wpcf7-spinner {
    background-color: #ffffff;
}
.contphtForm .formFld.submitFld .wpcf7-spinner::before {
    background: #3D3D3D;
}
.contphtForm .formFld.submitFld input {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 0;
    height: auto;
    padding-left: 60px;
    position: relative;
    color: #ffffff;
    background: none;
    border: none;
}
.contphtForm .formFld.submitFld p:before {
    position: absolute;
    left: 30px;
    bottom: 3px;
    width: 50px;
    height: 1px;
    content: '';
    background: #ffffff;
    transition: .5s ease-in-out;
}
.contphtForm .formFld.submitFld input:hover {
    font-weight: 800;
}
.contphtForm .formFld.submitFld p:hover:before {
    left: 50px;
    width: 30px;
}
.ContactAddressSec {
    background: #D9D9D9;
    padding: 100px 0;
}
.cAddressWrap {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
}
.cAddressWrap li {
    width: 100%;
    padding: 60px 0;
    border-bottom: solid 1px #5C5C5C;
}
.cAddressWrap li:first-child {
    padding-top: 0;
}
.cAddressWrap li:last-child {
    padding-bottom: 0;
    border: none;
}
.cAddressWrap h3 {
    font-size: 26px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 40px;
}
.CaddressDtls {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 60px;
}
.CaddressDtls>* {
    width: 35%;
}
.CaddressDtls h4 {
    margin-bottom: 20px;
    font-size: 26px;
    font-weight: 500;
    line-height: 26px;
    color: #000000;
}
.CaddressDtls p {
    font-size: 33px;
    font-weight: 300;
    line-height: 42px;
    letter-spacing: -0.02em;
    color: #5C5C5C;
}
.CaddressDtls p.CnumberEmail {
    display: flex;
    flex-direction: column;
}
.CaddressDtls p .gmapWrap {
    display: flex;
    width: 100%;
    padding-top: 5px;
}
.CaddressDtls p .GmapBtn {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #000000;
    position: relative;
    padding-left: 60px;
    margin-left: 0;
    display: inline-block;
    transition: .5s ease-in-out;
}
.CaddressDtls p a {
    color: #000000;
}
.CaddressDtls p .GmapBtn:before {
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 50px;
    height: 1px;
    content: '';
    background: #000000;
    transition: .5s ease-in-out;
}
.CaddressDtls p .GmapBtn:hover:before {
    left: 20px;
    width: 30px;
}
.ResourcesPageHeader {
    background: linear-gradient(180deg, #EFEFEF 0%, rgba(239, 239, 239, 0) 100%);
    padding-top: 180px;
    margin-top: -153px;
}
.ResourcesHeadWrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: solid 2px #000000;
    min-height: 200px;
}
.ResourcesHeadWrap .rhTitle h1 {
    font-size: 110px;
    font-weight: 300;
    line-height: 110px;
    letter-spacing: -0.02em;
    color: #000000;
}
.ResourcesHeadWrap .rhImage {
    width: 42.5%;
}
.ResourcesHeadWrap .rhImage img {
    width: 100%;
    height: auto;
}
.ResourceTableSec {
    padding: 100px 0;
    background: #ffffff;
}
.rTableSort {
    width: 100%;
}
table.rTableSort thead th {
    font-size: 26px;
    font-weight: 700;
    line-height: 36.48px;
    color: #000000;
    background: #ffffff;
    padding: 10px 15px 20px;
    cursor: pointer;
}
table.rTableSort tr {
    border-bottom:  solid 1px #00000080;
}

table.rTableSort tbody td {
    font-size: 22px;
    font-weight: 400;
    line-height: 28.6px;
    letter-spacing: -0.02em;
    color: #000000;
    background: #ffffff !important;
    padding: 10px 15px;
}
table.rTableSort tbody td a {
    font-size: 18px;
    font-weight: 600;
    line-height: 23.4px;
    letter-spacing: 0.1em;
    color: #8E8E8E;
    text-transform: uppercase;
}
.rTableSort tbody td:last-child {
    text-align: right;
}
table.rTableSort tbody tr:hover td {
    background: #383838 !important;
    color: #ffffff !important;
}
table.rTableSort tbody tr:hover a {
    color: #ffffff;
}
table.rTableSort thead tr th.sortable img {
    opacity: 0;
    margin: 0 5px;
} 
table.rTableSort thead tr th.sortable:hover img {
    opacity: 1;
}
table.rTableSort thead tr th.sortable.sorted-asc img {
    opacity: 1;
}
table.rTableSort thead tr th.sortable.sorted-desc img {
    opacity: 1;
    transform: rotate(180deg);
}
.relatedSubCate {
    padding: 100px 0;
    background: #D9D9D9;
}
.relatedSubCateWrap {
    display: flex;
    justify-content: space-between;
}
.relatedSubCateWrap .HomeProductText {
    flex-direction: column;
    align-items: flex-start;
    width: 24%;
    padding: 0;
}
.relatedSubCateList {
    width: 70%;
}
.relatedSubCateListBox {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.relatedSubCateListBox .rscLImg {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    background: #ffffff;
}
.relatedSubCateListBox .rscLImg img {
    position: absolute;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    left: 20px;
    top: 20px;
    object-position: center;
    object-fit: contain;
    transition: .5s ease-in-out;
}
.relatedSubCateListBox:hover .rscLImg img {
    transform: scale(1.05);
}
.relatedSubCateListBox .rscLTxt h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 28.8px;
    letter-spacing: -0.02em;
    color: #5C5C5C;
    margin: 0;
}
.rsclPrev, .rsclNext {
    width: 30px;
    height: 30px;
    color: #000000;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    z-index: 1;
}
.rsclPrev.swiper-button-disabled, .rsclNext.swiper-button-disabled {
    color: #9D9D9D;
    cursor: auto;
    pointer-events: none;
}
.similarSingleProd .HomeProductText {
    gap: 80px;
    justify-content: flex-start;
}
.similarSingleProd .PlpscSecBox {
    background: #ffffff;
}
.similarSingleProd .PlpscSecBox .brandIcon {
    position: absolute;
    right: 15px;
    top: 15px;
}
.similarSingleProd .PlpscSecBox .brandIcon img {
    width: auto;
    height: 21px;
}
.BrandDtlsSec .containerFull {
    display: flex;
}
.relatedSubCate.relatedBrandSec {
    background: #ffffff;
    border-top: 2px solid #383838;
}
.relatedBrandSec .HomeProductText {
    gap: 35px;
    justify-content: flex-start;
}
.relatedBrandSec .relatedSubCateWrap {
    align-items: center;
}
.offcanvas.MobileMenu {
    width: calc(100% - 20px);
    background: #F6F6F6;
    z-index: 1050;
}
.MobileMenu .offcanvas-header {
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0;
}
.MobileMenu .closeMobileMenu {
    color: #333333;
    background: none;
    border: none;
    padding: 0;
    font-size: 30px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    margin-right: -8px;
}
.MobileMenu .offcanvas-body {
    /*padding-left: 0;
    padding-right: 0;*/
}
.MobileMenu .mainMobMenu ul {
    display: flex;
    flex-direction: column;
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
    gap: 0;
}
.MobileMenu .mainMobMenu ul li {
    border-bottom: solid 1px #CDCDCD;
}
.MobileMenu .mainMobMenu li a {
    display: flex;
    color: #000;
    font-size: 16px;
    padding: 15px 30px 12px 0;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background-image: url(../images/nlicon.svg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 8px auto;
}
.MobileMenu .SecendMobileMenu {
    display: flex;
    padding: 50px 0 0;
    gap: 20px;
    justify-content: space-between;
}
.MobileMenu .SecendMobileMenu ul {
    display: flex;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
    gap: 20px;
    
}
.MobileMenu .SecendMobileMenu ul li {
    width: auto;
}
.MobileMenu .SecendMobileMenu ul li a {
    color: #202020;
    padding: 10px 0px;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.42px;
    text-transform: uppercase;
}
.PdpTxt.forMob {
    display: none;
}
.subscriptionBox .iceSubsForm .gjs-row {
    margin: 0 !important;
}
.subscriptionBox .iceSubsForm .gjs-row .gjs-cell {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    position: relative;
}
.subscriptionBox .iceSubsForm .gjs-row .gjs-cell input[type="email"] {
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0.05em;
    background: none;
    color: #ffffff;
    border: none;
    padding: 0 0 10px;
    width: 100%;
    border-bottom: solid 1px #ADADAD;
}
.subscriptionBox .iceSubsForm .gjs-row .gjs-cell input[type="email"]:placeholder {
    color: #ADADAD;
}
.subscriptionBox .iceSubsForm .gjs-row .gjs-cell .es_gdpr label {
    margin-top: 10px;
    padding-left: 23px;
}
.subscriptionBox .iceSubsForm .gjs-row .gjs-cell .es_gdpr label,
.subscriptionBox .iceSubsForm .gjs-row .gjs-cell .es_gdpr label * {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0;
    color: #ADADAD;
}
.subscriptionBox .iceSubsForm .gjs-row .gjs-cell .es_gdpr label input {
    margin-right: 10px !important;
    margin-left: -23px !important;
}

.subscriptionBox .iceSubsForm .gjs-row .gjs-cell input[type="submit"] {
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #ffffff;
    background: none;
    border: none;
    padding: 0;
    /*position: relative;*/
    /*padding-right: 20px;
    background: none;
    background-image: url(../images/iconsubs.svg);
    background-repeat: no-repeat;
    background-position: center right;*/
    position: absolute;
    right: 0;
    bottom: 0;
    padding-bottom: 10px;
}
.subscriptionBox .iceSubsForm .gjs-row .gjs-cell input[type="submit"]:hover {
    background-color: transparent;
    border: none;
    color: #ffffff;
}
.subscriptionBox .iceSubsForm .es_subscription_message.success {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0.05em;
    color: #75f575;
}
.subscriptionBox .iceSubsForm {
    position: relative;
}
.subscriptionBox .iceSubsForm .es_spinner_image {
    position: absolute;
    left: 0;
    bottom: -40px;
}
.subscriptionBox .iceSubsForm .es_spinner_image img {
    filter: invert(1) brightness(200%);
}
.searchFilter {
    display: flex;
    padding-bottom: 15px;
    justify-content: flex-end;
}
.searchFilter input {
    font-size: 20px;
    font-weight: 300;
    line-height: 26px;
    letter-spacing: -0.02em;
    width: 100%;
    max-width: 250px;
    background: none;
    border: none;
    border-bottom: 1px solid #5C5C5C;
    color: #5C5C5C;
    height: 40px;
}
.searchFilter input::-webkit-input-placeholder {
    color: #5C5C5C;
}
.searchFilter input::-moz-placeholder {
    color: #5C5C5C;
}
.searchFilter input:-ms-input-placeholder {
    color: #5C5C5C;
}
.contphtForm .wpcf7 form .wpcf7-response-output {
    color: #ffffff;
}
.bgcolorDark.CateProjectSec {
    background: #F6F6F6;
}
.New__StatsSec,
.New__StartsSec {
    position: relative;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}
.New__StatsWrap {
    display: flex;
}
.New__TItleLogo {
    width: 34.5%;
    display: flex;
    flex-direction: column;
    gap: 120px;
    position: relative;
}
.New__LogoImg img {
    position: absolute;
    bottom: 0;
}
.New__StatsTextWrap {
    width: 65.5%;
    background: #2D2D2D1A;
    backdrop-filter: blur(8.600000381469727px);
    padding: 50px 7% 50px 5%;
}
.New__StatsText {
    display: flex;
    gap: 60px;
    justify-content: space-between;
    align-items: center;
}
.New__StatsText * {
    transition: .5s ease-in-out;
}
.New__TItleLogo h5 {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.02em;
    color: #F6F6F6;
    padding: 100px 0 0 21%;
}
.New__StatsNum {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    padding: 50px;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    align-items: end;
    overflow: hidden;
    height: 713px;
    -ms-overflow-style: none; 
    scrollbar-width: none; 
    overflow-y: scroll;
}
.New__StatsNum::-webkit-scrollbar {
    display: none;
}
.New__StatsNum li {
    display: flex;
    width: 100%;
}
.New__StatsNum li a {
    font-size: 220px;
    font-weight: 700;
    line-height: 215px;
    letter-spacing: -0.03em;
    color: #FFFFFFA6;
    width: 100%;
    text-align: right;
}
.New__StatsNum li.active a, .New__StatsNum li:hover a {
    color: #ffffff;
}

.New__StatsContent {
     display: flex;
     align-items: center;
     flex-direction: column;
     height: 100%;
     position: relative;
}
.New__StatsContent p {
    margin: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 60px;
    font-weight: 300;
    line-height: 72px;
    letter-spacing: -0.02em;
    color: #ffffff;
    width: 330px;
}
.ForMob {
    display: none;
}
.BCBox {
    background: #F6F6F6;
    display: block;
}
.BCBox img {
    mix-blend-mode: multiply;
}
.error404 .mainHeader {
    background: none;
}
.page404Sec {
    width: 100%;
    height: 100vh;
/*    background: radial-gradient(214.97% 278.04% at 34.6% 12.5%, #FFFFFF 0%, #DFDFDF 61.72%);*/
    background: linear-gradient(180deg, #D9D9D9 23.31%, #EFEFEF 100%);
    padding: 170px 0 0;
    margin-top: -153px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bg404 {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bg404 img {
    position: absolute;
    right: 50px;
    bottom: 50px;
    height: calc(100% - 50px);
    width: auto;
}
.page404Wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.page404Wrap .page404Title {
    max-width: 40%;
}
.page404Wrap .page404Title h1 {
    color: #000;
    font-size: 162px;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: -3.254px;
}

.page404Wrap .page404Txt {
    max-width: 55%;
}
.page404Wrap .page404Txt p {
    color: #5C5C5C;
    font-size: 48px;
    font-weight: 300;
    line-height: 120%;
    letter-spacing: -0.96px;
}
.page404Wrap .page404Txt a {
    color: #000;
    font-size: 22px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    padding-left: 60px;
    position: relative;
    transition: .5s ease-in-out;
    display: flex;
}
.page404Wrap .page404Txt a:before {
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 50px;
    height: 1px;
    content: '';
    background: #000000;
    transition: .5s ease-in-out;
}
.page404Wrap .page404Txt a:hover {
    font-weight: 800;
}
.page404Wrap .page404Txt a:hover:before {
    left: 20px;
    width: 30px;
}
.BrandCarouselSec .CertificateCarousel .swiper-slide {
    height: 143px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.BrandCarouselSec .CertificateCarousel .BCBox {
    height: 100%;
    width: 100%;
    position: relative;
}
.BrandCarouselSec .CertificateCarousel .BCBox img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.brandFilterSec {
    padding-top: 60px;
}
.radioWrap .FilterListWrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.radioWrap .FilterListWrap .FilterItem {
    width: 16.6667%;
    padding: 10px 10px;
    position: relative;
}
.radioWrap .FilterListWrap .FilterItem label {
    display: flex;
    gap: 5px;
    align-items: center;
    cursor: pointer;
    position: relative;
}
.radioWrap .FilterListWrap .FilterItem label.allFltr .radioBrandLogo p {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    margin: 0;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #000000;
    padding: 0 10px;
}
.radioWrap .FilterListWrap .FilterItem label:hover span,
.radioWrap .FilterListWrap .FilterItem label.active span {
    opacity: 1;
}
.radioWrap .FilterListWrap .FilterItem label span {
    position: absolute;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    display: flex;
    align-items: center;
    justify-content: center;
    left: 10px;
    top: 10px;
    opacity: 0;
    background: #F2F2F2;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #000000;
    padding: 0 10px;
}
.radioWrap .FilterListWrap .FilterItem label input{
    display: none;
}
.radioBrandLogo {
    padding-bottom: 90%;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 0;
    position: relative;
}
.radioBrandLogo img {
    width: 100%;
    max-height: 80%;
    max-width: 80%;
    object-position: center;
    object-fit: contain;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.radioWrap .FilterTitle {
    margin-bottom: 50px;
}
.ForDeskBrands {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.forMobBrands {
    display: none;
}
.otherBrandPartner .BCBox {
    background: transparent;
    width: 100%;
    text-align: center;
    height: 100px;
}
.otherBrandPartner .BCBox img {
    mix-blend-mode: multiply;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    max-width: 70%;
}
.ClientHomeSec {
    background: #ffffff;
}
.ClientHomeSec .BCBox {
    background: #ffffff;
}
/*.ClientHomeSec .BrandCarousel .swiper-slide:first-child .BCBox img,
.ClientHomeSec .BrandCarousel .swiper-slide:nth-child(2) .BCBox img {
    object-position: center;
    left: 50%;
    transform: translate(-50%, -50%);
}*/
.ClientHomeSec .BrandCarousel .swiper-slide .BCBox img {
    max-width: initial;
    max-height: initial;
}
.swiper-horizontal>.swiper-pagination-bullets.galleryPagination {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
    align-items: center;
    justify-content: center;
    display: none;
}
.swiper-horizontal>.swiper-pagination-bullets.galleryPagination .swiper-pagination-bullet {
    border-radius: 0;
    width: 12px;
    height: 12px;
    background: #282624;
    opacity: 1;
}
.swiper-horizontal>.swiper-pagination-bullets.galleryPagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #9D9D9D;
}
.mainHeader.ShowSearchBar {
    background: #5C5C5C;
}
.mainHeader.ShowSearchBar:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 153px;
    position: absolute;
    content: '';
    background: #5C5C5C;
}
.HideSearchBar {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.ShowSearchBar .HideSearchBar {
    display: block;
}
.TopSearchBar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    width: 100%;
    height: 93px;
    background: #5C5C5C;
    border-bottom: solid 1px #ffffff;
    gap: 30px;
}
.mainHeader.ShowSearchBar.stickyHeader {
    background: #5C5C5C !important;
}
.mainHeader.ShowSearchBar .MenuMain ul li a {
    color: #ffffff;
}
.MainSearchLogo {
    width: 104px;
}
.MainSearchLogo img {
    filter: brightness(0) invert(1);
}
.SearchBtnClose {
    width: 20px;
    height: 20px;
    color: #ffffff !important;
}
.SearchWrap {
    width: 100%;
}
.SearchWrap div.asl_w {
    background: none;
    box-shadow: none;
    border: none;
}
.SearchWrap #ajaxsearchlite1 .probox, div.asl_w .probox {
    background: none;
    border: none;
    box-shadow: none;
}
.SearchWrap #ajaxsearchlite1 .probox .proinput,
.SearchWrap div.asl_w .probox .proinput {
    color: #ffffff !important;
    text-shadow: none;
    margin: 0;
}
.SearchWrap div.asl_w .probox .promagnifier {
    border: none;
    box-shadow: none;
    background: none;
    display: none !important;
}
.SearchWrap div.asl_w .probox .promagnifier .innericon svg {
    fill: #ffffff;
}
.SearchWrap div.asl_w .probox div.asl_simple-circle {
    border-color: #ffffff;
}
.SearchWrap #ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input {
    font-family: 'Acumin' !important;
    color: #FFF !important;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.6px;
    text-shadow: none;
}
.SearchWrap #ajaxsearchlite1 .probox .proinput input:placeholder, 
.SearchWrap div.asl_w .probox .proinput input:placeholder {
    font-family: 'Acumin' !important;
    color: #FFF !important;
}
.SearchWrap div.asl_w .probox input::placeholder {
    font-family: 'Acumin' !important;
    color: #FFF !important;
    opacity: 1 !important;
    filter: brightness(0) invert(1);
}
.SearchWrap div.asl_w .probox input::-webkit-input-placeholder {
    font-family: 'Acumin' !important;
    color: #FFF !important;
}
.SearchWrap div.asl_w .probox input:-ms-input-placeholder {
    font-family: 'Acumin' !important;
    color: #FFF !important;
}
.SearchWrap div.asl_w .probox input::-ms-input-placeholder {
    font-family: 'Acumin' !important;
    color: #FFF !important;
}
.SearchWrap div.asl_m .probox .proclose {
    display: none !important;
}
.SearchWrap div.asl_m .probox .proclose svg {
    box-shadow: none;
    background: #5C5C5C;
    opacity: 0;
}
.SearchWrap div.asl_m .probox .proclose:before {
    width: 100%;
    height: 100%;
    position: absolute;
    content: "\f659";
    left: 0;
    top: 0;
    color: #ffffff;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 28px;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
}
div.asl_r .results .item .asl_content h3 {
    max-width: calc(100% - 80px);
}
div.asl_r .results .item .asl_content h3, 
div.asl_r .results .item .asl_content h3 a {
    font-family: 'Acumin' !important;
    font-size: 20px !important;
    font-weight: 400;
    line-height: 24px !important;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #FFFFFF !important;
    text-shadow: none;
}
div.asl_r .results .item .asl_image {
    background-color: #ffffff !important;
}
body div.asl_r.asl_w {
    padding: 0 !important;
    text-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    left: 0 !important;
    width: 100% !important;
}
body div.asl_r.asl_w .results {
    padding-left: 7%;
    padding-right: 7%;
    box-sizing: border-box;
}
body div.asl_r .results .item {
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .6);
}
body div.asl_r.vertical .results .item:last-child {
    margin-bottom: 30px;
}
body div.asl_r .results .item .asl_content {
    font-family: 'Acumin' !important;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 20px !important;
    letter-spacing: 1.4px;
    color: #FFFFFF !important;
    padding: 0;
    margin: 10px 0;
    display: flex;
    align-items: center;
}
body div.asl_r .results .item .asl_content .asl_desc,
body div.asl_r .results .item .asl_content .etc {
    font-family: 'Acumin' !important;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 20px !important;
    letter-spacing: 1.4px;
    color: #FFFFFF !important;
    display: none;
}
body div.asl_r.asl_w.vertical .results .item::after {
    display: none;
}
body div.asl_r p.showmore {
    padding-left: 7%;
    padding-right: 7%;
    box-sizing: border-box;
    background: #5C5C5C;
}
body div.asl_r p.showmore span {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #ffffff;
    border: 1px solid #ffffff;
    background: #FFFFFF1A;
    padding: 20px 50px;
    margin-bottom: 10px;
}
body div.asl_r p.showmore span:hover {
    background: #ffffff;
    color: #000000;
}
.right-sidebar .content-area {
    display: none !important;
}
.topMenuNew {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.topBar .LogoWrap .Logo {
    transform: translate(0, 0);
    position: static;
    display: flex;
}
.scrollTop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    background: #ffffff;
    font-size: 28px;
    line-height: 28px;
    color: #000;
    z-index: 9999;
    width: 28px;
    height: 28px;
    overflow: hidden;
    border-radius: 4px;
    display: none;
}
.grecaptcha-badge,
.cky-btn-revisit-wrapper {
    opacity: 0;
    visibility: hidden;
}
.cky-banner-element {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.1em;
    color: #F6F6F6;
    border-radius: 5px;
    background: #383838;
    border: solid 1px #383838;
    text-transform: uppercase;
    padding: 15px 25px;
    transition: .5s ease-in-out;
    cursor: pointer;
    margin-bottom: 15px;
}
.careerForm .wpcf7-not-valid-tip,
.contphtForm .wpcf7-not-valid-tip {
    font-size: 14px;
    line-height: 18px;
}
@media screen and (min-width: 2000px) {
.container-fluid {
    max-width: 1920px;
}
body div.asl_r.asl_w .results {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}
.ProjectsHeadingBar {
    padding: 150px 24.5% 35px;
}
}
@media screen and (max-width: 1770px) {
.New__TItleLogo {
    gap: 100px;
}
.New__StatsText {
    gap: 50px;
}
.New__TItleLogo h5 {
    padding: 80px 0 0 21%;
}
.New__StatsNum {
    padding: 50px 40px;
    max-height: 620px;
}
.New__StatsNum li a {
    font-size: 170px;
    line-height: 185px;
}

.New__StatsContent p {
    font-size: 45px;
    line-height: 55px;
    width: 330px;
}
.page404Wrap .page404Txt p {
    font-size: 47px;
}
.BrandCarouselSec .CertificateCarousel .swiper-slide {
    height: 136px;
}
}
@media screen and (max-width: 1700px) {
.padT {
    padding-top: 150px;
}
.padB {
    padding-bottom: 150px;
}
.padY {
    padding: 150px 0;
}
.topMenu ul {
    gap: 40px;
}
.HeroHeader {
    padding-bottom: 80px;
}
.HomeHeroTxt h1 {
    font-size: 75px;
    line-height: 78px;
    margin-bottom: 30px;
}
.HomeHeroTxt a {
    font-size: 18px;
    line-height: 20px;
}
.HomeHeronext {
    bottom: 20%;
    width: 34px;
    height: 34px;
    font-size: 34px;
    line-height: 34px;
}
.HomeHeroprev {
    bottom: 20%;
    width: 34px;
    height: 34px;
    font-size: 34px;
    line-height: 34px;
}
.watermarkLogo img {
    height: 100%;
    object-position: right bottom;
}
.textHASWrap {
    padding-bottom: 170px;
}
.textHAS h2 {
    font-size: 55px;
    line-height: 70px;
}
.knowMoreBtn {
    font-size: 18px;
    line-height: 20px;
}
.HomeProductText h2 {
    font-size: 40px;
    line-height: 50px;
}
.HomeProductText a,
.btnarrows a {
    font-size: 17px;
    line-height: 20px;
}

.HPCBox h4 {
    font-size: 28px;
    line-height: 40px;
}
.BrandCarousel {
    width: 100%;
    height: 340px;
    margin-left: auto;
    margin-right: auto;
}

.TItleLogo {
    gap: 100px;
}
.StatsText {
    gap: 50px;
}
.TItleLogo h5 {
    padding: 80px 0 0 21%;
}
.StatsNum {
    padding: 50px 40px;
    max-height: 620px;
}
.StatsNum span {
    font-size: 170px;
    line-height: 185px;
}
.StatsText:hover .StatsNum span {
    transform: translateY(-185px);
}
.StatsContent p {
    font-size: 45px;
    line-height: 55px;
    width: 330px;
}
.projectBox .PTxt h4 {
    font-size: 28px;
    line-height: 34px;
}
.HNWheading h2 {
    font-size: 40px;
    line-height: 50px;
}

.HNWheading a {
    font-size: 17px;
    line-height: 20px;
}
.HNWTxt {
    padding: 50px 70px;
    padding-right: 0;
}
.HNWTxt ul li a p {
    font-size: 24px;
    line-height: 30px;
}
.HNWTxt ul li a span {
    font-size: 14px;
    line-height: 14px;
}
.MainFooter {
    background-color: #202020;
    padding: 90px 0 80px;
}
.ftrLinks {
    width: 60%;
}
.footerLinksBar {
    display: flex;
    gap: 70px;
    padding-bottom: 90px;
}
.InnerBanner {
    padding: 110px 0 80px;
}
.TitleInnerLink h1 {
    font-size: 62px;
    line-height: 65px;
}
.TitleInnerLink a {
    font-size: 18px;
    line-height: 20px;
}
.InnerTextImg {
    width: 45%;
}
.InnerTextImg p {
    font-size: 18px;
    line-height: 24px;
    max-width: 250px;
}
.InnerContentTitle h2 {
    font-size: 40px;
    line-height: 55px;
    max-width: 650px;
}
.ProdBox {
    margin-bottom: 50px;
}
.ProdBox h3 {
    font-size: 24px;
    line-height: 28px;
}

.ProBrandTitle {
    max-width: 330px;
}
.ProBrandTitle h2 {
    font-size: 40px;
    line-height: 50px;
} 
.ProBrandTitle a {
    font-size: 18px;
    line-height: 20px;
    padding: 15px 30px;
}
.ProBrandImgs {
    max-width: 60%;
    gap: 90px;
}
.CateProSec .PTxt h4 {
    font-size: 24px;
    line-height: 32px;
}
.CateProSec .PTxt h5 {
    font-size: 18px;
    line-height: 24px;
}
.QLCarousel {
    padding-left: 15%;
    padding-top: 30px;
}
.QLBox h4 {
    font-size: 24px;
    line-height: 32px;
}
.AboutPageSec2 {
    padding: 110px 0;
}
.AboutPageSec2Head h1 {
    font-size: 24px;
    line-height: 28px;
}
.AboutPageSec2Head h2 {
    font-size: 100px;
    line-height: 100px;
    max-width: 1200px;
}
.AboutPageSec2Body {
    padding-top: 110px;
}
.ABS2RepeaterSec:nth-child(2) {
    padding-bottom: 110px;
}
.ABS2RepeaterSec .AbsrTxt h2 {
    font-size: 18px;
    line-height: 20px;
}
.ABS2RepeaterSec .AbsrTxt p {
    font-size: 28px;
    line-height: 36px;
}
.ABS2RepeaterSec .AbsrTxt h3, .ABS2RepeaterSec .AbsrTxt h4 {
    font-size: 55px;
    line-height: 68px;
}
.Aps3Wrap * {
    font-size: 24px;
    line-height: 30px;
}
.Aps3Wrap h3 {
    font-size: 18px;
    line-height: 20px;
}
.AboutPageSec3 {
    padding: 280px 0;
}
.TestimonialsCarouselSec {
    padding: 90px 0;
}
.TestimonialsCarouselBox::before,
.TestimonialsCarouselBox::after {
    width: 45px;
    height: 35px;
}
.TestimonialsCarouselBox p {
    margin: 70px 0 50px;
    font-size: 24px;
    line-height: 28px;
}
.TestimonialsCarouselBox h3 {
    margin: 0 0 40px;
    font-size: 18px;
    line-height: 20px;
}
.Aps6Wrap {
    padding: 90px 8%;
}
.Aps6Wrap h3 {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 90px;
}
.Aps6Wrap p {
    font-size: 24px;
    line-height: 28px;
    max-width: 580px;
}
.AboutPageSec6 {
    padding-bottom: 90px;
}
.BfFtrWrap {
    padding: 110px 0;
}
.BfFtrBox h4 {
    font-size: 30px;
    line-height: 34px;
}
.BrandPageSec {
    padding: 90px 0 60px;
}
.brandsfilter .FbsWrap {
    padding-top: 90px;
}
.BrandPageInner h1 {
    font-size: 24px;
    line-height: 28px;
}
.BrandPageInner h2 {
    font-size: 100px;
    line-height: 100px;
}
.brandsfilter .FbsWrap {
    padding-top: 90px;
}
.BContentSideInner h1 {
    font-size: 40px;
    line-height: 50px;
}
.BtagLine {
    padding-bottom: 60px;
    font-size: 14px;
    line-height: 16px;
}
.BtaxonomyDescription, .BtaxonomyDescription * {
    font-size: 20px;
    line-height: 26px;
}
.Brandsbtns .BrandDownload {
    font-size: 14px;
    line-height: 16px;
}
.Brandsbtns .BAllView {
    font-size: 14px;
    line-height: 16px;
    padding-left: 60px;
}
.Brandsbtns .BAllView:before {
    width: 50px;
}
.PlpscTitle h3 {
    font-size: 22px;
    line-height: 26px;
}
.PlpscSec.BPlpscSec {
    padding: 90px 0;
}
.relatedSubCate {
    padding: 90px 0;
}
.ProjectPageHeader {
    height: 700px;
    padding-top: 100px;
}
.ProjectPageHeader h1 {
    font-size: 24px;
    line-height: 28px;
}
.ProjectPageHeader h2 {
    max-width: 980px;
    font-size: 100px;
    line-height: 100px;
}
.ProjectsListedTxt h3 {
    font-size: 40px;
    line-height: 50px;
}
.ProjectsHeadingBar {
    padding: 150px 14% 35px;
}
.ProjectsHeadingBar h1 {
    font-size: 40px;
    line-height: 50px;
}
.ProjectSinglePageContent h1 {
    font-size: 40px;
    line-height: 50px;
}
.SectorName p {
    font-size: 18px;
    line-height: 20px;
}
.AdditionalInfo p {
    font-size: 18px;
    line-height: 20px;
}
.ProjectSinglePageContent p {
    font-size: 22px;
    line-height: 26px;
}
.ProjectRelated {
    padding: 90px 0;
}
.ResourcesHeadWrap .rhTitle h1 {
    font-size: 100px;
    line-height: 100px;
}
table.rTableSort thead th {
    font-size: 24px;
    line-height: 32px;
    padding: 10px 15px 20px;
}
table.rTableSort tbody td {
    font-size: 20px;
    line-height: 26px;
    padding: 10px 15px;
}
table.rTableSort tbody td a {
    font-size: 16px;
    line-height: 20px;
}
.ResourceTableSec {
    padding: 90px 0;
}
.CareersPageHeader {
    padding: 270px 0 0;
}
.ContactPageHeader {
    padding: 270px 0 0;
}
.contphtWrapTitle h1 {
    font-size: 24px;
    line-height: 28px;
}
.contphtWrapTitle h2 {
    font-size: 100px;
    line-height: 100px;
    max-width: 650px;
}
.cphtWrapTxt h1 {
    font-size: 24px;
    line-height: 28px;
}
.cphtWrapTxt h2 {
    font-size: 100px;
    line-height: 100px;
}
.cphtWrapTxt p {
    font-size: 28px;
    line-height: 36px;
    max-width: 580px;
}
.contphtWrapContent * {
    font-size: 28px;
    line-height: 36px;
}
.cphtWrapTxt a {
    margin-bottom: 90px;
}
.CareersJobSec {
    padding: 90px 0;
}
.CareersJobSec h2 {
    font-size: 32px;
    line-height: 40px;
}
.formFld input, .formFld select, .formFld textarea {
    font-size: 18px;
    line-height: 24px;
}
.searchFilter input {
    font-size: 18px;
    line-height: 24px;
}
.fileuploadFld span.filesp1 {
    font-size: 18px;
    line-height: 24px;
}
.fileuploadFld span.filesp2 {
    font-size: 18px;
    line-height: 24px;
}
.careerForm .formFld.submitFld input {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 14px;
    line-height: 20px;
    height: 46px;
}
.accordWrap .accordion-item .accordion-button {
    font-size: 24px;
    line-height: 32px;
}
.accordWrap .accordion-body .accordTxt, .accordWrap .accordion-body .accordTxt * {
    font-size: 20px;
    line-height: 28px;
}
.accordWrap .accordion-button::after {
    font-size: 18px;
    line-height: 26px;
}
.cpSec3Txt * {
    font-size: 30px;
    line-height: 36px;
}
.cpSec3 {
    padding: 90px 0;
}
.cpSec3Btn a {
    font-size: 14px;
    line-height: 16px;
}
.contphtForm .formFld.submitFld input {
    font-size: 14px;
    line-height: 16px;
}
.ContactAddressSec {
    padding: 90px 0;
}
.cAddressWrap h3 {
    font-size: 24px;
    line-height: 32px;
}
.CaddressDtls h4 {
    font-size: 24px;
    line-height: 32px;
}
.CaddressDtls p {
    font-size: 30px;
    line-height: 36px;
}
.NewsPageHeader {
    padding: 100px 0 60px;
}
.NewsPageHeader h1 {
    font-size: 100px;
    line-height: 100px;
}
.NewsListedBox h3 {
    font-size: 28px;
    line-height: 36px;
}
.NewsListedSec {
    padding: 80px 0 120px;
}
.NewsListedWrap {
    gap: 130px 110px;
}
.NewsListedWrap li {
    width: calc(33.33% - 74px);
}
.NewsListedWrap li::before {
    right: -55px;
}
.NewsListedWrap li:nth-child(3n):before,
.NewsListedWrap li:last-child::before {
    display: none;
}
.NewsListedWrap li:nth-child(3n)::after {
    bottom: -65px;
    width: calc(300% + 220px);
}
.SolutionPageInner {
    padding: 100px 0 50px;
}
.SolutionPageInner h1 {
    font-size: 24px;
    line-height: 28px;
}
.SolutionPageInner h2 {
    font-size: 40px;
    line-height: 50px;
    max-width: 840px;
}
.SolutionPageInner a {
    font-size: 14px;
    line-height: 16px;
    margin-top: 230px;
}
.SLBTxt h3 {
    font-size: 24px;
    line-height: 28px;
}
.ScpsTxt h1 {
    font-size: 40px;
    line-height: 50px;
}
.ScpsTxt a {
    font-size: 14px;
}
.ScpsTxt p {
    font-size: 28px;
    line-height: 36px;
}
.sclbTitle h3 {
    font-size: 24px;
    line-height: 30px;
}
.PlpsWrap h1 {
    font-size: 40px;
    line-height: 50px;
}
.PlpsWrap p {
    font-size: 20px;
    line-height: 24px;
    max-width: 600px;
}
.PlpsWrap a {
    font-size: 14px;
    line-height: 16px;
    padding-left: 80px;
}
.PlpsWrap a:before {
    width: 70px;
}
.PlpsWrap a:hover:before {
    left: 35px;
    width: 35px;
}
.backBtnLogo {
    padding: 30px 0;
}
.backBtnLogo a {
    font-size: 14px;
    line-height: 20px;
}
.pdTitle h1 {
    font-size: 40px;
    line-height: 50px;
}
.PdpTxt {
    padding-right: 90px;
}
.PdpImg {
    padding-left: 90px;
}
.pdTitle {
    padding: 30px 0;
}
.pdDetailsBox {
    padding: 30px 0;
}
.pdModels * {
    font-size: 14px;
    line-height: 20px;
}
.pdBrandT * {
    font-size: 18px;
    line-height: 24px;
}
.pdBrandD * {
    font-size: 18px;
    line-height: 24px;
}
.pdBrandH * {
    font-size: 18px;
    line-height: 24px;
}
.pdDownloadBtn a {
    font-size: 18px;
    line-height: 20px;
    padding: 12px 25px;
}

.New__TItleLogo {
    gap: 100px;
}
.New__StatsText {
    gap: 50px;
}
.New__TItleLogo h5 {
    padding: 80px 0 0 21%;
}
.New__StatsNum {
    padding: 50px 40px;
    max-height: 620px;
}
.New__StatsNum li a {
    font-size: 170px;
    line-height: 185px;
}

.New__StatsContent p {
    font-size: 45px;
    line-height: 55px;
    width: 330px;
}
.page404Wrap .page404Title h1 {
    font-size: 150px;
    letter-spacing: -3px;
}
.page404Wrap .page404Txt p {
    font-size: 42px;
}
.page404Wrap .page404Txt a {
    font-size: 20px;
    line-height: 20px;
}
.BrandCarouselSec .CertificateCarousel .swiper-slide {
    height: 122px;
}
.MenuMain ul li {
    font-size: 13px;
    line-height: 20px;
}
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 p a {
    font-size: 18px;
    line-height: 20px;
}
}
@media screen and (max-width: 1600px) {
.padT {
    padding-top: 130px;
}
.padB {
    padding-bottom: 130px;
}
.padY {
    padding: 130px 0;
}
.topMenu ul {
    padding: 15px 0;
    gap: 30px;
}
.topMenu ul li {
    font-size: 14px;
    line-height: 20px;
}
.MenuMain ul li {
    font-size: 13px;
    line-height: 20px;
}
.MenuMain ul li a {
    padding: 15px 0;
}
.HeroHeader {
    padding-bottom: 70px;
}
.HomeHeroTxt {
    padding-top: 40px;
}
.HomeHeroTxt h1 {
    font-size: 65px;
    line-height: 75px;
}
.HomeHeroTxt a {
    font-size: 16px;
    line-height: 18px;
}
.HomeHeroprev, .HomeHeronext {
    width: 34px;
    height: 34px;
    font-size: 34px;
    line-height: 34px;
}
.textHASWrap {
    padding-bottom: 150px;
}
.textHAS h3 {
    font-size: 16px;
    line-height: 18px;
}
.textHAS h2 {
    font-size: 55px;
    line-height: 60px;
}
.knowMoreBtn {
    font-size: 16px;
    line-height: 18px;
}
.ImgHASWrap a {
    font-size: 16px;
    line-height: 20px;
    padding: 19px 30px;
}
.HomeProductText {
    padding-bottom: 40px;
}
.HomeProductText h2 {
    font-size: 35px;
    line-height: 40px;
}
.HomeProductText a,
.btnarrows a {
    font-size: 16px;
    line-height: 20px;
}
.HPCBox h4 {
    font-size: 26px;
    line-height: 36px;
    padding: 15px 30px;
    margin-bottom: 40px;
}
.HPCarouselPrev, .HPCarouselNext {
    width: 28px;
    height: 28px;
    font-size: 28px;
    line-height: 28px;
}
.BrandCarousel {
    height: 300px;
}
.BrandCarousel .BCBox {
    width: 150px;
    height: 150px;
}
.TItleLogo {
    gap: 100px;
}
.StatsTextWrap {
    padding: 40px 7% 40px 5%;
}
.StatsText {  
    gap: 40px;
}
.TItleLogo h5 {
    font-size: 16px;
    line-height: 20px;
    padding: 80px 0 0 21%;
}
.StatsNum {
    padding: 40px;
    max-height: 510px;
}
.StatsNum span {
    font-size: 150px;
    line-height: 150px;
}
.StatsText:hover .StatsNum span {
    transform: translateY(-170px);
}
.StatsContent p {
    font-size: 40px;
    line-height: 46px;
    width: 220px;
}
.projectBox {
    gap: 25px;
}
.projectBox .PTxt h4 {
    font-size: 26px;
    line-height: 34px;
}
.pcBtns {
    padding-top: 40px;
    gap: 40px;
}
.PCPrev, .PCNext {
    width: 28px;
    height: 28px;
    font-size: 28px;
    line-height: 28px;
}
.HNWheading h2 {
    font-size: 35px;
    line-height: 40px;
}
.HNWheading a {
    font-size: 16px;
    line-height: 20px;
}
.HNWTxt {
    padding: 40px 50px;
    padding-right: 0;
}
.HNWTxt ul li {
    padding: 15px 0;
}
.HNWTxt ul li a {
    /*padding: 15px 5px;*/
}
.HNWTxt ul li a p {
    font-size: 22px;
    line-height: 28px;
}
.HNWTxt ul li a span {
    font-size: 14px;
    line-height: 20px;
}
.MainFooter {
    padding: 80px 0 70px;
}
.footerLinksBar {
    gap: 60px;
    padding-bottom: 80px;
}
.ftrlinkList ul {
    gap: 15px;
}
.ContactFtr ul {
    gap: 15px;
}
.SocialLinks ul li * {
    font-size: 24px;
    line-height: 28px;
}

.InnerBanner {
    padding: 100px 0 80px;
    margin-top: 131px;
}
.TitleInnerLink h1 {
    font-size: 55px;
    line-height: 60px;
}
.TitleInnerLink a {
    font-size: 18px;
    line-height: 20px;
}
.InnerTextImg {
    width: 45%;
}
.InnerTextImg p {
    font-size: 18px;
    line-height: 24px;
    max-width: 250px;
}
.InnerContentTitle h2 {
    font-size: 40px;
    line-height: 55px;
    max-width: 650px;
}
.ProdBox {
    margin-bottom: 50px;
}
.ProdBox h3 {
    font-size: 24px;
    line-height: 28px;
}

.ProBrandTitle {
    max-width: 330px;
}
.ProBrandTitle h2 {
    font-size: 40px;
    line-height: 45px;
} 
.ProBrandTitle a {
    font-size: 18px;
    line-height: 20px;
    padding: 15px 30px;
}
.ProBrandImgs {
    max-width: 60%;
    gap: 90px;
}
.CateProSec .PTxt h4 {
    font-size: 24px;
    line-height: 32px;
}
.CateProSec .PTxt h5 {
    font-size: 18px;
    line-height: 24px;
}
.QLCarousel {
    padding-left: 15%;
    padding-top: 30px;
}
.QLBox h4 {
    font-size: 24px;
    line-height: 32px;
}
.AboutPageSec2 {
    padding: 100px 0;
}
.AboutPageSec2Head h1 {
    font-size: 22px;
    line-height: 24px;
}
.AboutPageSec2Head h2 {
    font-size: 90px;
    line-height: 90px;
    max-width: 1100px;
}
.AboutPageSec2Body {
    padding-top: 100px;
}
.ABS2RepeaterSec:nth-child(2) {
    padding-bottom: 100px;
}
.ABS2RepeaterSec .AbsrTxt h2 {
    font-size: 16px;
    line-height: 18px;
}
.ABS2RepeaterSec .AbsrTxt p {
    font-size: 26px;
    line-height: 34px;
}
.ABS2RepeaterSec .AbsrTxt h3, .ABS2RepeaterSec .AbsrTxt h4 {
    font-size: 55px;
    line-height: 60px;
}
.Aps3Wrap * {
    font-size: 22px;
    line-height: 28px;
}
.Aps3Wrap h3 {
    font-size: 16px;
    line-height: 18px;
}
.AboutPageSec3 {
    padding: 250px 0;
}
.TestimonialsCarouselSec {
    padding: 80px 0;
}
.TestimonialsCarouselBox::before,
.TestimonialsCarouselBox::after {
    width: 39px;
    height: 30px;
}
.TestimonialsCarouselBox p {
    margin: 60px 0 50px;
    font-size: 22px;
    line-height: 26px;
}
.TestimonialsCarouselBox h3 {
    margin: 0 0 40px;
    font-size: 16px;
    line-height: 18px;
}
.Aps6Wrap {
    padding: 80px 8%;
}
.Aps6Wrap h3 {
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 80px;
}
.Aps6Wrap p {
    font-size: 22px;
    line-height: 26px;
    max-width: 530px;
}
.Aps6Wrap a {
    font-size: 16px;
    line-height: 20px;
    padding: 15px 30px;
}
.AboutPageSec6 {
    padding-bottom: 80px;
}
.BfFtrWrap {
    padding: 100px 0;
}
.BfFtrBox h4 {
    font-size: 28px;
    line-height: 30px;
}
.BrandPageSec {
    padding: 80px 0 60px;
}
.brandsfilter .FbsWrap {
    padding-top: 80px;
}
.BrandPageInner h1 {
    font-size: 22px;
    line-height: 24px;
}
.BrandPageInner h2 {
    font-size: 90px;
    line-height: 90px;
}
.FilterTitle {
    font-size: 14px;
    line-height: 20px;
}
.FilterListWrap, .FilterListWrap * {
    font-size: 14px;
    line-height: 20px;
}
.BrandFilter .BFilterTitle {
    font-size: 14px;
    line-height: 20px;
}
.FilterListWrap select {
    font-size: 14px;
    line-height: 20px;
}
.BrandFilter .BFilterList, .BrandFilter .BFilterList * {
    font-size: 14px;
    line-height: 20px;
}
.BContentSideInner h1 {
    font-size: 35px;
    line-height: 40px;
}
.BtaxonomyDescription, .BtaxonomyDescription * {
    font-size: 18px;
    line-height: 24px;
}
.PlpscSec.BPlpscSec {
    padding: 80px 0;
}
.relatedSubCate {
    padding: 80px 0;
}
.ProjectPageHeader {
    height: 680px;
    padding-top: 90px;
}
.ProjectPageHeader h1 {
    font-size: 22px;
    line-height: 24px;
}
.ProjectPageHeader h2 {
    max-width: 900px;
    font-size: 90px;
    line-height: 90px;
}
.ProjectsListedTxt h3 {
    font-size: 35px;
    line-height: 45px;
}
.ProjectsHeadingBar {
    padding: 130px 10% 35px;
}
.ProjectsHeadingBar h1 {
    font-size: 35px;
    line-height: 45px;
}
.ProjectSinglePageContent h1 {
    font-size: 35px;
    line-height: 45px;
}
.SectorName p {
    font-size: 16px;
    line-height: 18px;
}
.AdditionalInfo p {
    font-size: 16px;
    line-height: 18px;
}
.ProjectSinglePageContent p {
    font-size: 20px;
    line-height: 24px;
}
.PSPNNav a {
    font-size: 16px;
    line-height: 18px;
}
.ProjectRelated {
    padding: 80px 0;
}
.ResourcesHeadWrap .rhTitle h1 {
    font-size: 90px;
    line-height: 90px;
}
table.rTableSort thead th {
    font-size: 22px;
    line-height: 30px;
    padding: 10px 15px 20px;
}
table.rTableSort tbody td {
    font-size: 18px;
    line-height: 24px;
    padding: 10px 15px;
}
table.rTableSort tbody td a {
    font-size: 16px;
    line-height: 20px;
}
.ResourceTableSec {
    padding: 80px 0;
}
.CareersPageHeader {
    padding: 250px 0 0;
}
.ContactPageHeader {
    padding: 250px 0 0;
}
.contphtWrapTitle h1 {
    font-size: 22px;
    line-height: 24px;
}
.contphtWrapTitle h2 {
    font-size: 90px;
    line-height: 90px;
    max-width: 600px;
}
.cphtWrapTxt h1 {
    font-size: 22px;
    line-height: 24px;
}
.cphtWrapTxt h2 {
    font-size: 90px;
    line-height: 90px;
}
.cphtWrapTxt p {
    font-size: 26px;
    line-height: 34px;
    max-width: 540px;
}
.contphtWrapContent * {
    font-size: 26px;
    line-height: 34px;
}
.NewsListedBox h3 {
    font-size: 26px;
    line-height: 34px;
}
.cphtWrapTxt a {
    margin-bottom: 80px;
    font-size: 14px;
    line-height: 16px;
    padding-left: 50px;
}
.cphtWrapTxt a:before {
    width: 40px;
}
.cphtWrapTxt a:hover:before {
    left: 20px;
    width: 20px;
}
.CareersJobSec {
    padding: 80px 0;
}
.CareersJobSec h2 {
    font-size: 30px;
    line-height: 36px;
}
.cpSec3Txt * {
    font-size: 28px;
    line-height: 32px;
}
.accordWrap .accordion-item .accordion-button {
    font-size: 22px;
    line-height: 30px;
}
.accordWrap .accordion-body .accordTxt, .accordWrap .accordion-body .accordTxt * {
    font-size: 18px;
    line-height: 24px;
}
.accordWrap .accordion-button::after {
    font-size: 16px;
    line-height: 24px;
}
.cpSec3 {
    padding: 80px 0;
}
.cpSec3Btn a {
    padding-left: 50px;
}
.cpSec3Btn a:before {
    width: 40px;
}
.cpSec3Btn a:hover:before {
    left: 20px;
    width: 20px;
}
.contphtForm .formFld.submitFld input {
    padding-left: 50px;
}
.contphtForm .formFld.submitFld p:before {
    width: 40px;
}
.contphtForm .formFld.submitFld p:hover:before {
    left: 50px;
    width: 30px;
}
.ContactAddressSec {
    padding: 80px 0;
}
.cAddressWrap h3 {
    font-size: 22px;
    line-height: 30px;
}
.CaddressDtls h4 {
    font-size: 22px;
    line-height: 30px;
}
.CaddressDtls p {
    font-size: 28px;
    line-height: 32px;
}
.NewsPageHeader h1 {
    font-size: 90px;
    line-height: 90px;
}
.NewsListedSec {
    padding: 70px 0 100px;
}
.NewsListedWrap {
    gap: 100px 80px;
}
.NewsListedWrap li {
    width: calc(33.33% - 54px);
}
.NewsListedWrap li::before {
    right: -40px;
}
.NewsListedWrap li:nth-child(3n)::after {
    bottom: -50px;
    width: calc(300% + 160px);
}
.SolutionPageInner {
    padding: 90px 0 50px;
}
.SolutionPageInner h1 {
    font-size: 22px;
    line-height: 24px;
}
.SolutionPageInner h2 {
    font-size: 35px;
    line-height: 45px;
    max-width: 840px;
}
.SolutionPageInner a {
    margin-top: 200px;
}
.SLBTxt h3 {
    font-size: 22px;
    line-height: 24px;
}
.ScpsTxt h1 {
    font-size: 35px;
    line-height: 40px;
}
.ScpsTxt p {
    font-size: 26px;
    line-height: 34px;
}
.SolutionChildPageSec {
    padding-bottom: 70px;
}
.sclbTitle h3 {
    font-size: 22px;
    line-height: 28px;
}
.PlpsWrap h1 {
    font-size: 35px;
    line-height: 40px;
}
.PlpsWrap p {
    font-size: 18px;
    line-height: 24px;
    max-width: 550px;
}
.pdTitle h1 {
    font-size: 35px;
    line-height: 45px;
}
.PdpTxt {
    padding-right: 80px;
}
.PdpImg {
    padding-left: 80px;
}
.BrandCarousel .BCBox img {
    /*max-height: 70px;
    max-width: 100px;*/
}
.New__TItleLogo {
    gap: 100px;
}
.New__StatsTextWrap {
    padding: 40px 7% 40px 5%;
}
.New__StatsText {  
    gap: 40px;
}
.New__TItleLogo h5 {
    font-size: 16px;
    line-height: 20px;
    padding: 80px 0 0 21%;
}
.New__StatsNum {
    padding: 40px;
    max-height: 510px;
}
.New__StatsNum li a {
    font-size: 150px;
    line-height: 150px;
}
.New__StatsContent p {
    font-size: 40px;
    line-height: 46px;
    width: 220px;
}
.page404Wrap .page404Title h1 {
    font-size: 130px;
}
.page404Wrap .page404Txt p {
    font-size: 40px;
}
.page404Wrap .page404Txt a {
    font-size: 18px;
    line-height: 18px;
}
.BrandCarouselSec .CertificateCarousel .swiper-slide {
    height: 150px;
}
.radioWrap .FilterListWrap .FilterItem label span,
.radioWrap .FilterListWrap .FilterItem label.allFltr .radioBrandLogo p {
    font-size: 13px;
}
.TopSearchBar {
    height: 81px;
}
body div.asl_r p.showmore span {
    font-size: 16px;
    line-height: 20px;
    padding: 15px 30px;
}
.mainHeader.ShowSearchBar:before {
    height: 131px;
}
}
@media screen and (max-width: 1500px) {
.padT {
    padding-top: 100px;
}
.padB {
    padding-bottom: 100px;
}
.padY {
    padding: 100px 0;
}
.topMenu ul {
    padding: 15px 0;
    gap: 30px;
}
.topMenu ul li {
    font-size: 14px;
    line-height: 20px;
}
.MenuMain ul li {
    font-size: 11px;
    line-height: 20px;
}
.MenuMain ul li a {
    padding: 10px 0;
}
.HeroHeader {
    padding-bottom: 60px;
}
.HomeHeroTxt {
    padding-top: 40px;
}
.HomeHeroTxt h1 {
    font-size: 60px;
    line-height: 65px;
}
.HomeHeroTxt a {
    font-size: 14px;
    line-height: 18px;
}
.HomeHeroprev, .HomeHeronext {
    width: 32px;
    height: 32px;
    font-size: 32px;
    line-height: 32px;
}
.textHASWrap {
    padding-bottom: 130px;
}
.textHAS h3 {
    font-size: 14px;
    line-height: 18px;
}
.textHAS h2 {
    font-size: 48px;
    line-height: 55px;
}
.knowMoreBtn {
    font-size: 14px;
    line-height: 18px;
}
.ImgHASWrap a {
    font-size: 14px;
    line-height: 18px;
    padding: 19px 30px;
}
.HomeProductText {
    padding-bottom: 40px;
}
.HomeProductText h2 {
    font-size: 32px;
    line-height: 36px;
}
.HomeProductText a,
.btnarrows a {
    font-size: 14px;
    line-height: 18px;
}
.HPCBox h4 {
    font-size: 24px;
    line-height: 32px;
    padding: 15px 30px;
    margin-bottom: 40px;
}
.HPCarouselPrev, .HPCarouselNext {
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 28px;
}
.BrandCarousel {
    height: 280px;
}
.BrandCarousel .BCBox {
    width: 140px;
    height: 140px;
}
.TItleLogo {
    gap: 80px;
}
.StatsTextWrap {
    padding: 40px 7% 40px 5%;
}
.StatsText {
    gap: 40px;
}
.TItleLogo h5 {
    font-size: 16px;
    line-height: 20px;
    padding: 60px 0 0 21%;
}
.StatsNum {
    padding: 40px;
    max-height: 510px;
}
.StatsNum span {
    font-size: 150px;
    line-height: 150px;
}
.StatsText:hover .StatsNum span {
    transform: translateY(-170px);
}
.StatsContent p {
    font-size: 36px;
    line-height: 40px;
    width: 200px;
}
.projectBox {
    gap: 25px;
}
.projectBox .PTxt h4 {
    font-size: 24px;
    line-height: 32px;
}
.pcBtns {
    padding-top: 40px;
    gap: 40px;
}
.PCPrev, .PCNext {
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 28px;
}
.HNWheading h2 {
    font-size: 32px;
    line-height: 36px;
}
.HNWheading a {
    font-size: 14px;
    line-height: 18px;
}
.HNWTxt {
    padding: 40px 50px;
    padding-right: 0;
}
.HNWTxt ul li {
    padding: 15px 0;
}
.HNWTxt ul li a {
    /*padding: 15px 5px;*/
}
.HNWTxt ul li a p {
    font-size: 18px;
    line-height: 24px;
}
.HNWTxt ul li a span {
    font-size: 14px;
    line-height: 20px;
}
.MainFooter {
    padding: 70px 0 60px;
}
.footerLinksBar {
    gap: 50px;
    padding-bottom: 70px;
}
.ftrlinkList ul {
    gap: 15px;
}
.ContactFtr ul {
    gap: 15px;
}
.SocialLinks ul li * {
    font-size: 20px;
    line-height: 20px;
}
.AboutPageSec2 {
    padding: 80px 0;
}
.AboutPageSec2Head h1 {
    font-size: 20px;
    line-height: 24px;
}
.AboutPageSec2Head h2 {
    font-size: 75px;
    line-height: 75px;
    max-width: 900px;
}
.AboutPageSec2Body {
    padding-top: 80px;
}
.ABS2RepeaterSec:nth-child(2) {
    padding-bottom: 80px;
}
.ABS2RepeaterSec .AbsrTxt h2 {
    font-size: 14px;
    line-height: 18px;
}
.ABS2RepeaterSec .AbsrTxt p {
    font-size: 24px;
    line-height: 30px;
}
.ABS2RepeaterSec .AbsrTxt h3, .ABS2RepeaterSec .AbsrTxt h4 {
    font-size: 48px;
    line-height: 55px;
}
.Aps3Wrap * {
    font-size: 20px;
    line-height: 24px;
}
.Aps3Wrap h3 {
    font-size: 14px;
    line-height: 18px;
}
.AboutPageSec3 {
    padding: 200px 0;
}
.TestimonialsCarouselSec {
    padding: 80px 0;
}
.TestimonialsCarouselBox::before,
.TestimonialsCarouselBox::after {
    width: 35px;
    height: 27px;
}
.TestimonialsCarouselBox p {
    margin: 55px 0 40px;
    font-size: 20px;
    line-height: 24px;
}
.TestimonialsCarousel .swiper-wrapper .swiper-slide:after {
    right: -60px;
}
.TestimonialsCarouselBox h3 {
    margin: 0 0 30px;
    font-size: 14px;
    line-height: 18px;
}
.Aps6Wrap {
    padding: 80px 8%;
}
.Aps6Wrap h3 {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 80px;
}
.Aps6Wrap p {
    font-size: 20px;
    line-height: 24px;
    max-width: 480px;
}
.Aps6Wrap a {
    font-size: 14px;
    line-height: 18px;
    padding: 15px 30px;
}
.AboutPageSec6 {
    padding-bottom: 80px;
}
.BfFtrWrap {
    padding: 80px 0;
}
.BfFtrBox h4 {
    font-size: 26px;
    line-height: 30px;
}
.BrandPageInner h1 {
    font-size: 20px;
    line-height: 24px;
}
.BrandPageInner h2 {
    font-size: 75px;
    line-height: 75px;
}
/*.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 img {
    max-height: 70px;
    max-width: 100px;
}*/
.BContentSideInner h1 {
    font-size: 32px;
    line-height: 36px;
}
.BtaxonomyDescription, .BtaxonomyDescription * {
    font-size: 16px;
    line-height: 20px;
}
.Brandsbtns .BAllView {
    padding-left: 50px;
}
.Brandsbtns .BAllView:before {
    width: 40px;
}
.Brandsbtns .BAllView:hover:before {
    left: 20px;
    width: 20px;
}
.PlpscTitle h3 {
    font-size: 20px;
    line-height: 24px;
}
.PlpscSec.BPlpscSec {
    padding: 80px 0;
}
.relatedSubCate {
    padding: 80px 0;
}
.ProjectPageHeader {
    height: 550px;
    padding-top: 80px;
}
.ProjectPageHeader h1 {
    font-size: 20px;
    line-height: 24px;
}
.ProjectPageHeader h2 {
    max-width: 800px;
    font-size: 75px;
    line-height: 75px;
}
.ProjectsListedTxt h3 {
    font-size: 32px;
    line-height: 36px;
}
.ProjectsHeadingBar {
    padding: 120px 9% 35px;
}
.ProjectsHeadingBar h1 {
    font-size: 32px;
    line-height: 36px;
}
.ProjectSinglePageContent h1 {
    font-size: 32px;
    line-height: 36px;
}
.SectorName p {
    font-size: 14px;
    line-height: 18px;
}
.AdditionalInfo p {
    font-size: 14px;
    line-height: 18px;
}
.ProjectSinglePageContent p {
    font-size: 18px;
    line-height: 24px;
}
.PSPNNav a {
    font-size: 14px;
    line-height: 18px;
}
.ProjectRelated {
    padding: 80px 0;
}
.ResourcesHeadWrap .rhTitle h1 {
    font-size: 75px;
    line-height: 75px;
}
table.rTableSort thead th {
    font-size: 20px;
    line-height: 24px;
    padding: 10px 15px 20px;
}
table.rTableSort tbody td {
    font-size: 16px;
    line-height: 22px;
    padding: 10px 15px;
}
table.rTableSort tbody td a {
    font-size: 14px;
    line-height: 20px;
}
.ResourceTableSec {
    padding: 80px 0;
}
.CareersPageHeader {
    padding: 220px 0 0;
}
.ContactPageHeader {
    padding: 220px 0 0;
}
.contphtWrapTitle h1 {
    font-size: 20px;
    line-height: 24px;
}
.contphtWrapTitle h2 {
    font-size: 75px;
    line-height: 75px;
    max-width: 520px;
}
.cphtWrapTxt h1 {
    font-size: 20px;
    line-height: 24px;
}
.cphtWrapTxt h2 {
    font-size: 75px;
    line-height: 75px;
}
.cphtWrapTxt p {
    font-size: 24px;
    line-height: 30px;
    max-width: 490px;
}
.contphtWrapContent * {
    font-size: 24px;
    line-height: 30px;
}
.NewsListedBox h3 {
    font-size: 24px;
    line-height: 30px;
    margin-top: 20px;
}
.CareersJobSec {
    padding: 80px 0;
}
.CareersJobSec h2 {
    font-size: 26px;
    line-height: 30px;
}
.cpSec3Txt * {
    font-size: 24px;
    line-height: 30px;
}
.formFld input, .formFld select, .formFld textarea {
    font-size: 16px;
    line-height: 20px;
}
.searchFilter input {
    font-size: 16px;
    line-height: 20px;
}
.fileuploadFld span.filesp1 {
    font-size: 16px;
    line-height: 20px;
}
.fileuploadFld span.filesp2 {
    font-size: 16px;
    line-height: 20px;
}
.careerForm .formFld.submitFld input {
    padding-left: 25px;
    padding-right: 25px;
    height: 40px;
}
.accordWrap .accordion-item .accordion-button {
    font-size: 20px;
    line-height: 24px;
}
.accordWrap .accordion-body .accordTxt, .accordWrap .accordion-body .accordTxt * {
    font-size: 16px;
    line-height: 20px;
}
.accordWrap .accordion-button::after {
    font-size: 14px;
    line-height: 20px;
}
.cAddressWrap h3 {
    font-size: 20px;
    line-height: 24px;
}
.CaddressDtls h4 {
    font-size: 20px;
    line-height: 24px;
}
.CaddressDtls p {
    font-size: 24px;
    line-height: 30px;
}
.CaddressDtls>* {
    width: 40%;
}
.NewsPageHeader {
    padding: 90px 0 60px;
}
.NewsPageHeader h1 {
    font-size: 75px;
    line-height: 75px;
}
.SolutionPageInner {
    padding: 80px 0 50px;
}
.SolutionPageInner h1 {
    font-size: 20px;
    line-height: 24px;
}
.SolutionPageInner h2 {
    font-size: 32px;
    line-height: 36px;
    max-width: 660px;
}
.SolutionPageInner a {
    margin-top: 150px;
}
.SLBTxt h3 {
    font-size: 20px;
    line-height: 24px;
}
.ScpsTxt h1 {
    font-size: 32px;
    line-height: 36px;
}
.ScpsTxt p {
    font-size: 24px;
    line-height: 30px;
}
.sclbTitle h3 {
    font-size: 20px;
    line-height: 24px;
}
.PlpsWrap h1 {
    font-size: 32px;
    line-height: 36px;
}
.PlpsWrap p {
    font-size: 16px;
    line-height: 20px;
    max-width: 500px;
}
.pdTitle h1 {
    font-size: 32px;
    line-height: 36px;
}
.pdBrandT * {
    font-size: 16px;
    line-height: 20px;
}
.pdBrandD * {
    font-size: 16px;
    line-height: 20px;
}
.pdBrandH * {
    font-size: 16px;
    line-height: 20px;
}
.pdDownloadBtn a {
    font-size: 16px;
    line-height: 20px;
    padding: 10px 20px;
}
.New__TItleLogo {
    gap: 80px;
}
.New__StatsTextWrap {
    padding: 40px 7% 40px 5%;
}
.New__StatsText {
    gap: 40px;
}
.New__TItleLogo h5 {
    font-size: 16px;
    line-height: 20px;
    padding: 60px 0 0 21%;
}
.New__StatsNum {
    padding: 40px;
    max-height: 510px;
}
.New__StatsNum li a {
    font-size: 150px;
    line-height: 150px;
}

.StatsContent p {
    font-size: 36px;
    line-height: 40px;
    width: 200px;
}
.page404Wrap .page404Title h1 {
    font-size: 120px;
}
.page404Wrap .page404Txt p {
    font-size: 38px;
}
.page404Wrap .page404Txt a {
    font-size: 18px;
    line-height: 18px;
}
body div.asl_r p.showmore span {
    font-size: 14px;
    line-height: 18px;
    padding: 15px 30px;
}
.mainHeader.ShowSearchBar:before {
    height: 121px;
}
}
@media screen and (max-width: 1400px) {
.page404Wrap .page404Txt p {
    font-size: 36px;
}
.MenuMain ul li {
    font-size: 10px;
    line-height: 20px;
}
}
@media screen and (max-width: 1300px) {
.container {
    padding-left: 100px;
    padding-right: 100px;
}
.container-fluid {
    padding-left: 50px;
    padding-right: 50px;
}
.padT {
    padding-top: 80px;
}
.padB {
    padding-bottom: 80px;
}
.padY {
    padding: 80px 0;
}
.topMenu ul {
    padding: 15px 0;
    gap: 30px;
}
.topMenu ul li {
    font-size: 14px;
    line-height: 20px;
}
.MenuMain ul li {
    font-size: 10px;
    line-height: 20px;
}
.MenuMain ul li a {
    padding: 10px 0;
}
.HeroHeader {
    padding-bottom: 50px;
}
.HomeHeroTxt {
    padding-top: 30px;
}
.HomeHeroTxt h1 {
    font-size: 55px;
    line-height: 55px;
    margin-bottom: 20px;
}
.HomeHeroprev, .HomeHeronext {
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 30px;
}
.textHASWrap {
    padding-bottom: 110px;
}
.textHAS h3 {
    font-size: 14px;
    line-height: 18px;
}
.textHAS h2 {
    font-size: 43px;
    line-height: 45px;
}
.knowMoreBtn {
    font-size: 14px;
    line-height: 18px;
}
.ImgHASWrap a {
    font-size: 14px;
    line-height: 18px;
    padding: 14px 25px;
}
.HomeProductText {
    padding-bottom: 30px;
}
.HomeProductText h2 {
    font-size: 30px;
    line-height: 30px;
}
.HomeProductText a,
.btnarrows a {
    font-size: 14px;
    line-height: 18px;
}
.HPCBox {
    padding: 0 25px 20px;
}
.HPCBox h4 {
    font-size: 20px;
    line-height: 24px;
    padding: 15px 25px;
    margin-bottom: 40px;
    width: calc(100% + 50px);
    margin-left: -25px;
}
.BrandCarousel {
    height: 250px;
}
.BrandCarousel .BCBox {
    width: 125px;
    height: 125px;
}
.TItleLogo {
    gap: 60px;
}
.StatsTextWrap {
    padding: 40px 7% 40px 5%;
}
.StatsText {
    gap: 40px;
}
.TItleLogo h5 {
    font-size: 14px;
    line-height: 20px;
    padding: 40px 0 0 21%;
}
.StatsNum {
    padding: 40px;
    max-height: 410px;
}
.StatsNum span {
    font-size: 120px;
    line-height: 120px;
}
.StatsText:hover .StatsNum span {
    transform: translateY(-150px);
}
.StatsContent p {
    font-size: 30px;
    line-height: 36px;
    width: 160px;
}
.projectBox {
    gap: 20px;
}
.projectBox .PTxt h4 {
    font-size: 20px;
    line-height: 24px;
}
.pcBtns {
    padding-top: 30px;
    gap: 30px;
}
.HNWheading h2 {
    font-size: 30px;
    line-height: 30px;
}
.HNWheading a {
    font-size: 14px;
    line-height: 20px;
}
.HNWTxt {
    padding: 25px 30px;
    padding-right: 0;
}
.HNWTxt ul li {
    padding: 15px 0;
}
.HNWTxt ul li a {
    /*padding: 15px 5px;*/
}
.HNWTxt ul li a p {
    font-size: 16px;
    line-height: 20px;
}
.HNWTxt ul li a span {
    font-size: 14px;
    line-height: 20px;
}
.MainFooter {
    padding: 50px 0 40px;
}
.ftrLinks {
    width: 70%;
}
.footerLinksBar {
    gap: 40px;
    padding-bottom: 50px;
}
.ftrlinkList ul {
    gap: 12px;
}
.ContactFtr ul {
    gap: 12px;
}
.SocialLinks ul li * {
    font-size: 20px;
    line-height: 20px;
}
.ftrLogo img {
    width: 180px;
}
.AboutPageSec2 {
    padding: 70px 0;
}
.AboutPageSec2Head h1 {
    font-size: 18px;
    line-height: 20px;
}
.AboutPageSec2Head h2 {
    font-size: 65px;
    line-height: 75px;
    max-width: 800px;
}
.AboutPageSec2Body {
    padding-top: 70px;
}
.ABS2RepeaterSec:nth-child(2) {
    padding-bottom: 70px;
}
.ABS2RepeaterSec .AbsrTxt p {
    font-size: 22px;
    line-height: 28px;
}
.ABS2RepeaterSec .AbsrTxt h3, .ABS2RepeaterSec .AbsrTxt h4 {
    font-size: 40px;
    line-height: 45px;
}
.Aps3Wrap * {
    font-size: 18px;
    line-height: 24px;
}
.Aps3Wrap h3 {
    font-size: 14px;
    line-height: 18px;
}
.AboutPageSec3 {
    padding: 150px 0;
}
.TestimonialsCarouselSec {
    padding: 70px 0;
}
.TestimonialsCarouselBox::before,
.TestimonialsCarouselBox::after {
    width: 30px;
    height: 23px;
}
.TestimonialsCarouselBox p {
    margin: 50px 0 30px;
    font-size: 18px;
    line-height: 24px;
}
.TestimonialsCarousel .swiper-wrapper .swiper-slide:after {
    right: -60px;
}
.Aps6Wrap {
    padding: 70px 8%;
}
.Aps6Wrap h3 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 70px;
}
.Aps6Wrap p {
    font-size: 18px;
    line-height: 24px;
    max-width: 430px;
}
.AboutPageSec6 {
    padding-bottom: 70px;
}
.BfFtrWrap {
    padding: 70px 0;
}
.BfFtrBox h4 {
    font-size: 24px;
    line-height: 28px;
}
.BrandPageInner h1 {
    font-size: 18px;
    line-height: 20px;
}
.BrandPageInner h2 {
    font-size: 65px;
    line-height: 75px;
}
.BrandPageSec {
    padding: 70px 0 50px;
}
.brandsfilter .FbsWrap {
    padding-top: 70px;
}
.BContentSideInner h1 {
    font-size: 30px;
    line-height: 30px;
}
.BtagLine {
    padding-bottom: 50px;
}
.BtaxonomyDescription, .BtaxonomyDescription * {
    font-size: 14px;
    line-height: 20px;
}
.PlpscSecWrap>* {
    width: calc(33.3333% - 10px);
}
.PlpscSec.BPlpscSec {
    padding: 70px 0;
}
.relatedSubCate {
    padding: 70px 0;
}
.ProjectPageHeader {
    height: 500px;
    padding-top: 70px;
}
.ProjectPageHeader h1 {
    font-size: 18px;
    line-height: 20px;
}
.ProjectPageHeader h2 {
    max-width: 700px;
    font-size: 65px;
    line-height: 75px;
}
.ProjectsListedTxt h3 {
    font-size: 30px;
    line-height: 32px;
}
.ProjectsHeadingBar {
    padding: 100px 9% 30px;
}
.ProjectsHeadingBar h1 {
    font-size: 30px;
    line-height: 32px;
}
.ProjectSinglePageContent h1 {
    font-size: 30px;
    line-height: 32px;
}
.ProjectSinglePageContent p {
    font-size: 16px;
    line-height: 20px;
}
.ProjectRelated {
    padding: 70px 0;
}
.ResourcesHeadWrap .rhTitle h1 {
    font-size: 65px;
    line-height: 75px;
}
table.rTableSort thead th {
    font-size: 18px;
    line-height: 22px;
    padding: 10px 15px 20px;
}
table.rTableSort tbody td {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 15px;
}
table.rTableSort tbody td a {
    font-size: 14px;
    line-height: 20px;
}
.ResourceTableSec {
    padding: 70px 0;
}
.CareersPageHeader {
    padding: 200px 0 0;
}
.ContactPageHeader {
    padding: 200px 0 0;
}
.contphtWrapTitle h1 {
    font-size: 18px;
    line-height: 20px;
}
.contphtWrapTitle h2 {
    font-size: 65px;
    line-height: 75px;
    max-width: 450px;
}
.cphtWrapTxt h1 {
    font-size: 18px;
    line-height: 20px;
}
.cphtWrapTxt h2 {
    font-size: 65px;
    line-height: 75px;
}
.cphtWrapTxt a {
    margin-bottom: 70px;
}
.cphtWrapTxt p {
    font-size: 22px;
    line-height: 28px;
    max-width: 450px;
}
.contphtWrapContent * {
    font-size: 22px;
    line-height: 28px;
}
.NewsListedBox h3 {
    font-size: 22px;
    line-height: 28px;
}
.CareersJobSec {
    padding: 70px 0;
}
.CareersJobSec h2 {
    font-size: 24px;
    line-height: 28px;
}
.cpSec3Txt * {
    font-size: 22px;
    line-height: 26px;
}
.accordWrap .accordion-item .accordion-button {
    font-size: 18px;
    line-height: 20px;
}
.accordWrap .accordion-body .accordTxt, .accordWrap .accordion-body .accordTxt * {
    font-size: 14px;
    line-height: 20px;
}
.accordWrap .accordion-button::after {
    font-size: 12px;
    line-height: 18px;
}
.cpSec3 {
    padding: 70px 0;
}
.ContactAddressSec {
    padding: 70px 0;
}
.cAddressWrap h3 {
    font-size: 18px;
    line-height: 20px;
}
.CaddressDtls h4 {
    font-size: 18px;
    line-height: 22px;
}
.CaddressDtls p {
    font-size: 22px;
    line-height: 24px;
}
.NewsPageHeader {
    padding: 80px 0 60px;
}
.NewsPageHeader h1 {
    font-size: 65px;
    line-height: 75px;
}
.SolutionPageInner {
    padding: 70px 0 40px;
}
.SolutionPageInner h1 {
    font-size: 20px;
    line-height: 24px;
}
.SolutionPageInner h2 {
    font-size: 30px;
    line-height: 32px;
    max-width: 600px;
}
.SolutionPageInner a {
    margin-top: 120px;
}
.SLBTxt h3 {
    font-size: 20px;
    line-height: 24px;
}
.ScpsTxt h1 {
    font-size: 30px;
    line-height: 30px;
}
.ScpsTxt p {
    font-size: 22px;
    line-height: 28px;
}
.SolutionChildPageSec {
    padding-bottom: 50px;
}
.sclbTitle h3 {
    font-size: 20px;
    line-height: 24px;
}
.PlpsWrap h1 {
    font-size: 30px;
    line-height: 30px;
}
.PlpsWrap p {
    font-size: 14px;
    line-height: 20px;
    max-width: 450px;
}
.pdTitle h1 {
    font-size: 30px;
    line-height: 32px;
}
.PdpTxt {
    padding-right: 70px;
}
.PdpImg {
    padding-left: 70px;
}
.New__TItleLogo {
    gap: 60px;
}
.New__StatsTextWrap {
    padding: 40px 7% 40px 5%;
}
.New__StatsText {
    gap: 40px;
}
.New__TItleLogo h5 {
    font-size: 14px;
    line-height: 20px;
    padding: 40px 0 0 21%;
}
.New__StatsNum {
    padding: 40px;
    max-height: 410px;
}
.New__StatsNum li a {
    font-size: 120px;
    line-height: 120px;
}
.New__StatsContent p {
    font-size: 30px;
    line-height: 36px;
    width: 160px;
}
.page404Wrap .page404Title h1 {
    font-size: 110px;
}
.page404Wrap .page404Txt p {
    font-size: 34px;
}
.page404Wrap .page404Txt a {
    font-size: 16px;
    line-height: 16px;
}
.radioWrap .FilterListWrap .FilterItem label span,
.radioWrap .FilterListWrap .FilterItem label.allFltr .radioBrandLogo p {
    font-size: 12px;
}
body div.asl_r.asl_w .results {
    padding-left: 50px;
    padding-right: 50px;
}
}
@media screen and (max-width: 1199px) {
.container-fluid {
    padding-left: 30px;
    padding-right: 30px;
}
.container {
    padding-left: 30px;
    padding-right: 30px;
}
.MainMenuBar {
    display: none;
}
.HeroHeader {
    padding-bottom: 50px;
    height: calc(100vh - 53px);
}
.ImgHASWrap a {
    left: 30px;
}
.menu-top-right-menu-container, .menu-top-left-menu-container {
    display: none;
}
.MenuBtn {
    display: block;
}
.topBar .Logo {
    width: 80px;
}
.topBar {
    border-bottom: none;
}
.AboutPageSec2Head h1 {
    font-size: 18px;
    line-height: 20px;
}
.AboutPageSec2Head h2 {
    font-size: 60px;
    line-height: 60px;
    max-width: 800px;
}
.ABS2RepeaterSec .AbsrTxt p {
    font-size: 20px;
    line-height: 24px;
}
.TestimonialsCarouselSec {
    padding: 50px 0;
}
.Aps6Wrap {
    padding: 70px 50px;
}
.Aps6Img {
    width: calc(100% - 60px);;
}
.BfFtrBox h4 {
    font-size: 20px;
    line-height: 24px;
}
.BrandPageInner h1 {
    font-size: 18px;
    line-height: 20px;
}
.BrandPageInner h2 {
    font-size: 60px;
    line-height: 60px;
}
.BLogoSide {
    padding: 100px 5% 50px 30px;
}
.Brandsbtns {
    padding: 35px 30px 25px 0;
}
.ProjectPageHeader {
    height: 400px;
    padding-top: 70px;
}
.ProjectPageHeader h1 {
    font-size: 18px;
    line-height: 20px;
}
.ProjectPageHeader h2 {
    max-width: 600px;
    font-size: 60px;
    line-height: 60px;
}
.ProjectsHeadingBar {
    padding: 80px 30px 30px;
}
.ResourcesHeadWrap .rhTitle h1 {
    font-size: 60px;
    line-height: 60px;
}
.ResourcesPageHeader {
    margin-top: -58px;
    padding-top: 80px;
}
.CareersPageHeader {
    padding: 120px 0 0;
    margin-top: -58px;
}
.ContactPageHeader {
    padding: 120px 0 0;
    margin-top: -58px;
}
.contphtWrapTitle h1 {
    font-size: 18px;
    line-height: 20px;
}
.contphtWrapTitle h2 {
    font-size: 60px;
    line-height: 60px;
    max-width: 400px;
}
.cphtWrapTxt h1 {
    font-size: 18px;
    line-height: 20px;
}
.cphtWrapTxt h2 {
    font-size: 60px;
    line-height: 60px;
}
.cphtWrapTxt p {
    font-size: 20px;
    line-height: 24px;
    max-width: 410px;
}
.contphtWrapContent * {
    font-size: 20px;
    line-height: 24px;
}
.NewsListedBox h3 {
    font-size: 20px;
    line-height: 24px;
}
.CareersJobSec h2 {
    font-size: 22px;
    line-height: 26px;
}
.cpSec3Txt * {
    font-size: 20px;
    line-height: 24px;
}

.NewsPageHeader h1 {
    font-size: 60px;
    line-height: 60px;
}
.SolutionPageInner h1 {
    font-size: 18px;
    line-height: 20px;
}
.SLBTxt h3 {
    font-size: 18px;
    line-height: 20px;
}
.ScpsTxt p {
    font-size: 20px;
    line-height: 24px;
}
.sclbTitle h3 {
    font-size: 18px;
    line-height: 20px;
}
.SubCateListWrap>* {
    width: calc(50% - 10px);
}
.sclbTitle i {
    font-size: 18px;
    line-height: 18px;
}
.PdpTxt {
    padding-right: 50px;
}
.PdpImg {
    padding-left: 50px;
}
.page404Sec {
    padding: 120px 0 0;
    margin-top: -58px;
}
.TopSearchBar {
    height: 58px;
    border-bottom: none;
}
.mainHeader.ShowSearchBar:before {
    height: 58px;
}
body div.asl_r.asl_w .results {
    padding-left: 30px;
    padding-right: 30px;
}

}
@media screen and (min-width: 992px) {
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3:first-child::before, 
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3:nth-child(5n + 1)::before {
    position: absolute;
    left: -10px;
    bottom: -10px;
    background-image: url(../images/brandicon_before.svg);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    content: '';
} 
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3::after {
    position: absolute;
    right: -10px;
    bottom: -10px;
    background-image: url(../images/brandicon.svg);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    content: '';
}
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3:nth-child(5n)::after {
    
    background-image: url(../images/brandicon_after.svg);
}
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3:nth-child(-n+5) > div::before { 
    position: absolute;
    left: -24px;
    top: -13px;
    background-image: url(../images/brandicon_first5.svg);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 18px;
    content: '';
} 
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3:first-child > div::before { 
    background-image: url(../images/brandicon_firstbf.svg);
    width: 16px;
    height: 16px;
    left: -12px;
    top: -16px;
}
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3:nth-child(5) > div::after { 
    position: absolute;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    content: '';
    background-image: url(../images/brandicon_last5.svg);
    width: 16px;
    height: 16px;
    right: -12px;
    top: -16px;
}
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3:last-child::after {
    background-image: url(../images/brandicon_firstbf.svg);
    transform: rotate(180deg);
    width: 16px;
    height: 16px;
}

/*Category Brand Icons */

.radioWrap .FilterListWrap .FilterItem:first-child::before, 
.radioWrap .FilterListWrap .FilterItem:nth-child(6n + 1)::before {
    position: absolute;
    left: -10px;
    bottom: -10px;
    background-image: url(../images/brandicon_before.svg);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    content: '';
} 
.radioWrap .FilterListWrap .FilterItem::after {
    position: absolute;
    right: -10px;
    bottom: -10px;
    background-image: url(../images/brandicon.svg);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    content: '';
}
.radioWrap .FilterListWrap .FilterItem:nth-child(6n)::after {
    background-image: url(../images/brandicon_after.svg);
}
.radioWrap .FilterListWrap .FilterItem:nth-child(-n+6) label::before { 
    position: absolute;
    left: -24px;
    top: -13px;
    background-image: url(../images/brandicon_first5.svg);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 18px;
    content: '';
} 
.radioWrap .FilterListWrap .FilterItem:first-child label::before { 
    background-image: url(../images/brandicon_firstbf.svg);
    width: 16px;
    height: 16px;
    left: -12px;
    top: -16px;
}
.radioWrap .FilterListWrap .FilterItem:nth-child(6) label::after { 
    position: absolute;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    content: '';
    background-image: url(../images/brandicon_last5.svg);
    width: 16px;
    height: 16px;
    right: -12px;
    top: -16px;
}
.radioWrap .FilterListWrap .FilterItem:last-child::after {
    background-image: url(../images/brandicon_firstbf.svg);
    transform: rotate(180deg);
    width: 16px;
    height: 16px;
    bottom: 0;
    right: 0;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 {
    width: 25%;
}
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3:first-child::before, 
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3:nth-child(4n + 1)::before {
    position: absolute;
    left: -10px;
    bottom: -10px;
    background-image: url(../images/brandicon_before.svg);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    content: '';
} 
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3::after {
    position: absolute;
    right: -10px;
    bottom: -10px;
    background-image: url(../images/brandicon.svg);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    content: '';
}
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3:nth-child(4n)::after {
    
    background-image: url(../images/brandicon_after.svg);
}
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3:nth-child(-n+4) > div::before { 
    position: absolute;
    left: -24px;
    top: -13px;
    background-image: url(../images/brandicon_first5.svg);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 18px;
    content: '';
} 
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3:first-child > div::before { 
    background-image: url(../images/brandicon_firstbf.svg);
    width: 16px;
    height: 16px;
    left: -12px;
    top: -16px;
}
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3:nth-child(4) > div::after { 
    position: absolute;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    content: '';
    background-image: url(../images/brandicon_last5.svg);
    width: 16px;
    height: 16px;
    right: -12px;
    top: -16px;
}
/*.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 img {
    max-height: 70px;
    max-width: 100px;
}*/
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3:last-child::after {
    background-image: url(../images/brandicon_firstbf.svg);
    transform: rotate(180deg);
    width: 16px;
    height: 16px;
}
.page404Wrap .page404Title h1 {
    font-size: 90px;
}
.page404Wrap .page404Txt p {
    font-size: 24px;
}
.page404Wrap .page404Txt a {
    font-size: 16px;
    line-height: 16px;
}
.radioWrap .FilterListWrap .FilterItem {
    width: 100%;
}
}

@media screen and (max-width: 991px) {
.padT {
    padding-top: 60px;
}
.padB {
    padding-bottom: 60px;
}
.padY {
    padding: 60px 0;
}
.topMenu ul {
    display: none;
}
.HeroHeader {
    padding-bottom: 50px;
}
.HomeHeroWrap {
    flex-direction: column;
    gap: 30px;
}
.HomeHeroTxt {
    width: 100%;
}
.HomeHeroImg {
    width: 100%;
}
.HomeHero {
    padding-bottom: 50px;
}
.swiper-horizontal>.swiper-pagination-bullets.HomeHeropagination {
    left: 50%;
    bottom: 0;
    width: auto;
    max-width: 100px;
    transform: translateX(-50%);
}
.HomeHeroprev, .HomeHeronext {
    display: none;
}
.textHAS {
    flex-direction: column;
    gap: 20px;
}
.textHAS>* {
    max-width: 100%;
}
.ImgHASWrap {
    padding-bottom: 100%;
    height: 0;
    overflow: hidden;
    width: 100%;
}
.ImgHASWrap img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.StatsSec {
    display: none;
}
.HomeNewsWrap {
    flex-direction: column;
    gap: 30px;
}
.HNWheading {
    width: 100%;
}
.HNWTxt {
    width: 100%;
}

.EsagLogo {
    width: 100%;
}
.ftrLinks {
    width: 100%;
    flex-wrap: wrap;
    gap: 0;
    justify-content: space-between;
    flex-direction: column;
}
.ftrlinkList, .ContactFtr {
    width: 100%;
}
.ftrBtmBar {
    flex-wrap: wrap;
}
.BuildBy,
.copyRight {
    width: 60%;
}
.AboutPageSec2 {
    padding: 50px 0;
}
.AboutPageSec2Head h1 {
    font-size: 16px;
    line-height: 20px;
}
.AboutPageSec2Head h2 {
    font-size: 50px;
    line-height: 50px;
    max-width: 90%;
}
.AboutPageSec2Body {
    padding-top: 50px;
}
.ABS2RepeaterSec:nth-child(2) {
    padding-bottom: 50px;
}
.ABS2RepeaterSec .AbsrTxt h3, .ABS2RepeaterSec .AbsrTxt h4 {
    font-size: 36px;
    line-height: 40px;
}
.Aps3Wrap * {
    font-size: 16px;
    line-height: 20px;
}
.Aps3Wrap h3 {
    font-size: 14px;
    line-height: 18px;
}
.TestimonialsCarouselBox p {
    font-size: 16px;
    line-height: 20px;
}
.TestimonialsCarousel .swiper-wrapper .swiper-slide:after {
    right: -30px;
}
.Aps6Wrap {
    padding: 60px 40px;
}
.Aps6Wrap h3 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 60px;
}
.Aps6Wrap p {
    font-size: 16px;
    line-height: 20px;
    max-width: 390px;
}
.AboutPageSec6 {
    padding-bottom: 60px;
}
.BfFtrWrap {
    padding: 60px 0;
    border: none;
}
.BrandPageInner h1 {
    font-size: 16px;
    line-height: 20px;
}
.BrandPageInner h2 {
    font-size: 50px;
    line-height: 50px;
}
.BrandDtlsSec .containerFull {
    flex-direction: column;
}
.BLogoSide {
    padding: 50px 30px;
    flex-direction: row;
    width: 100%;
    align-items: center;
}
.BContentSide {
    width: 100%;
}
.BContentSideInner {
    padding: 50px 5% 20px 30px;
}
.PlpscTitle h3 {
    font-size: 18px;
    line-height: 22px;
}
.relatedSubCateWrap {
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;
}
.relatedBrandSec .relatedSubCateWrap {
    align-items: flex-start;
}
.relatedBrandSec .HomeProductText {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
}
.relatedSubCateList {
    width: 100%;
}
.ProjectPageHeader {
    padding-top: 70px;
    height: auto;
    min-height: 400px;
}
.ProjectPageHeader h1 {
    font-size: 16px;
    line-height: 20px;
}
.ProjectPageHeader h2 {
    max-width: 500px;
    font-size: 50px;
    line-height: 50px;
    max-width: calc(100% - 140px);
}
.ProjectsListedTxt {
    justify-content: space-between;
}
.ProjectsListedTxt span {
    font-size: 12px;
    line-height: 18px;
    opacity: 1;
}
.projectBox .PTxt span {
    opacity: 1;
}
.ResourcesHeadWrap .rhTitle h1 {
    font-size: 50px;
    line-height: 50px;
}
.rTableSort thead {
    display: none;
}
table.rTableSort tbody tr {
    display: block;
    margin-bottom: 10px;
}

table.rTableSort tbody td {
    display: block;
    text-align: right;
    position: relative;
    padding-left: 50%;
}

table.rTableSort tbody td::before {
    content: attr(data-label);
    position: absolute;
    left: 10px;
    font-weight: 700;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
}
.contphtWrapTitle h1 {
    font-size: 16px;
    line-height: 20px;
}
.contphtWrapTitle h2 {
    font-size: 50px;
    line-height: 50px;
    max-width: 360px;
}
.cphtWrapTxt h1 {
    font-size: 16px;
    line-height: 20px;
}
.cphtWrapTxt h2 {
    font-size: 50px;
    line-height: 50px;
}
.CareersJobSec h2 {
    font-size: 20px;
    line-height: 24px;
}
.cpSec3Txt * {
    font-size: 18px;
    line-height: 22px;
}
.CaddressDtls>* {
    width: 45%;
}
.NewsPageHeader h1 {
    font-size: 50px;
    line-height: 50px;
}
.NewsListedSec {
    padding: 70px 0 100px;
}
.NewsListedWrap {
    gap: 100px 80px;
}
.NewsListedWrap li {
    width: calc(50% - 40px);
}
.NewsListedWrap li::before {
    right: -40px;
}
.NewsListedWrap li:nth-child(3n)::after {
    display: none;
}
.NewsListedWrap li:nth-child(3n):before {
    display: block;
}
.NewsListedWrap li:nth-child(2n):before {
    display: none;
}
.NewsListedWrap li:nth-child(2n)::after {
    position: absolute;
    content: '';
    right: 0;
    bottom: -50px;
    width: calc(200% + 80px);
    height: 1px;
    background: #000000;
    display: block;
}
.SolutionPageInner h1 {
    font-size: 16px;
    line-height: 20px;
}
.SLBTxt h3 {
    font-size: 16px;
    line-height: 20px;
}
.sclbTitle h3 {
    font-size: 16px;
    line-height: 20px;
}
.sclbTitle i {
    font-size: 16px;
    line-height: 16px;
}
.relatedSubCateWrap .HomeProductText {
    gap: 30px;
    width: 80%;
}
.New__StatsSec,
.New__StartsSec {
    display: none;
}
.ForDesk {
    display: none;
}
.ForMob {
    display: block;
}
.subscriptionBox {
    padding: 50px 30px;
    background: #1B1B1B;
    margin-left: -30px;
    width: calc(100% + 60px);
    max-width: inherit;
    border-bottom: solid 1px #575757;
}
.subscriptionBox .subscribeTitle label {
    color: #FAFAFA;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.8px;
}
.subscriptionBox .iceSubsForm .gjs-row .gjs-cell input[type="email"] {
    border-radius: 4px;
    border: 1px solid #363636;
    background: #2D2D2D;
    height: 50px;
    width: calc(100% - 60px);
    padding: 0 20px;
    color: #808080;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.8px;
}
.subscriptionBox .iceSubsForm .gjs-row .gjs-cell input[type="submit"] {
    width: 50px;
    height: 50px;
    text-indent: -9999px;
    border-radius: 4px;
    background-color: #DADADA;
    background-image: url(../images/nlicon.svg);
    background-repeat: no-repeat;
    background-position: center center;
}
.subscriptionBox .iceSubsForm .gjs-row .gjs-cell .es_gdpr label,
.subscriptionBox .iceSubsForm .gjs-row .gjs-cell .es_gdpr label * {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0;
    color: #848484;
}
.subscriptionBox .iceSubsForm .gjs-row .gjs-cell .es_gdpr label input[type="checkbox"] {
    width: 24px;
    height: 24px;
    float: left;
}
.MainFooter {
    padding: 0;
}
.ftrlinkList.FooterAccordion:first-child {
    flex-wrap: wrap;
    flex-direction: row;
}
.ftrlinkList.FooterAccordion:first-child ul {
    width: 50%;
}
.FooterAccordion {
    padding: 20px 0;
    border-bottom: solid 1px #575757;
}
.FooterAccordion h5~h5 {
    display: none;
}
.FooterAccordion h5 {
    cursor: pointer;
    color: #FAFAFA;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.85px;
    width: 100%;
    position: relative;
    margin: 0;
}
.FooterAccordion h5:before {
    background-image: url(../images/accordicon.svg);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    height: 100%;
    content: '';
}
.FooterAccordion h5.active:before {
    transform: rotate(180deg);
}
.FooterAccordion ul {
    display: none;
    margin-top: 15px;
}
.FooterAccordion ul li a {
    color: #C6C6C6;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 300%; 
    letter-spacing: 0.7px;
    text-transform: uppercase;
}
.ftrBtmBar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
}
.ftrBtmBar:before {
    width: 1px;
    height: 100%;
    left: calc(50% - .5px);
    top: 0;
    background: #575757;
    content: '';
    position: absolute;
}
.EsagLogo {
    width: auto;
    max-width: 200px;
}
.SocialLinks {
    width: 115px;
    min-width: auto;
    flex-direction: column-reverse;
    gap: 15px;
    align-items: flex-start;
}
.SocialLinks h5 {
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.copyRight {
    padding: 15px 30px;
    background: #1B1B1B;
    margin-left: -30px;
    width: calc(100% + 60px);
    color: #D9D9D9;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.28px;
    text-transform: uppercase;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}
.copyRight p {
    margin: 0;
    font-weight: 500;
    color: #C0C0C0;
}
.footerLinksBar {
    flex-direction: column;
    padding-bottom: 20px;
    gap: 0;
}
.ForDeskBrands {
    display: none;
}
.forMobBrands {
    display: block;
    width: 100%;
}
.radioWrap .FilterTitle {
    margin-bottom: 20px;
}
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 p a {
    font-size: 14px;
    line-height: 20px;
}
.btnarrows {
    justify-content: center;
}
.ForMob .btnarrows {
    padding-top: 30px;
}
.pcBtns {
    justify-content: center;
}
.ForMob .HNWheading {
    display: flex;
    justify-content: center;
    align-items: center;
}
.MSSWrap {
    padding: 0 0 50px;
}
.PlpscImg .ViewProd {
    opacity: 1;
}
.PlpscSecWrap .downloadBtn {
    opacity: 1;
}
.topMenu {
    gap: 15px;
}
.page-template-policy-page .ResourcesHeadWrap {
    padding-bottom: 10px;
    min-height: initial;
}
}
@media screen and (max-width: 768px) {
.container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}
.container {
    padding-left: 15px;
    padding-right: 15px;
}
.padT {
    padding-top: 50px;
}
.padB {
    padding-bottom: 50px;
}
.padY {
    padding: 50px 0;
}
.ABS2RepeaterSec .AbsrTxt p {
    font-size: 18px;
    line-height: 24px;
}
.Aps6Wrap {
    padding: 50px 30px;
}
.Aps6Wrap h3 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 50px;
}
.Aps6Img {
    width: calc(100% - 30px);;
}
.AboutPageSec6 {
    padding-bottom: 50px;
}
.BfFtrWrap {
    padding: 50px 0;
}
.BfFtrBox h4 {
    font-size: 18px;
    line-height: 20px;
}
.BfFtrBox h4 i {
    font-size: 20px;
    line-height: 20px;
}
.BrandPageSec {
    padding: 50px 0 20px;
}
.brandsfilter .FbsWrap {
    padding-top: 50px;
}
.FilterTitle {
    font-size: 12px;
    line-height: 20px;
}
.FilterListWrap, .FilterListWrap * {
    font-size: 12px;
    line-height: 20px;
}
.FilterListWrap select {
    font-size: 12px;
    line-height: 20px;
}
.BrandFilter .BFilterTitle {
    font-size: 12px;
    line-height: 20px;
}
.BrandFilter .BFilterList, .BrandFilter .BFilterList * {
    font-size: 12px;
    line-height: 20px;
}
.BLogoSide {
    padding: 30px 15px;
}
.BContentSide {
    width: 100%;
     flex-direction: column;
}
.BContentSideInner {
    padding: 30px 15px 20px 15px;
    width: 100%;
    max-width: 500px;
}
.BranImgWrap {
    width: 100%;
}
.Brandsbtns {
    padding: 25px 15px 25px 15px;
}
.PlpscSecWrap>* {
    width: calc(50% - 10px);
}
.PlpscSec.BPlpscSec {
    padding: 50px 0;
}
.relatedSubCate {
    padding: 50px 0;
}
.ProjectPageHeader {
    padding-top: 50px;
    min-height: 350px;
}
.ProjectPageHeader h1 {
    font-size: 16px;
    line-height: 20px;
}
.ProjectPageHeader h2 {
    max-width: 300px;
    font-size: 30px;
    line-height: 30px;
}
.filterProjects.filters {
    padding: 20px 0;
}
.ProjectsListedSec {
    padding: 50px 0;
}
.ProjectsHeadingBar {
    padding: 60px 25px 25px;
}
.ProjectSinglePageContent p {
    font-size: 14px;
    line-height: 20px;
}
.ProjectRelated {
    padding: 50px 0;
}
.ResourceTableSec {
    padding: 50px 0;
}
.CareersPageHeader {
    padding: 100px 0 0;
}
.ContactPageHeader {
    padding: 100px 0 0;
}
.contphtWrapTitle h1 {
    font-size: 16px;
    line-height: 20px;
}
.contphtWrapTitle h2 {
    font-size: 30px;
    line-height: 30px;
    max-width: 210px;
}
.cphtWrapTxt h1 {
    font-size: 16px;
    line-height: 20px;
}
.cphtWrapTxt h2 {
    font-size: 30px;
    line-height: 30px;
}
.contphtWrapContent {
    width: 100%;
}
.contphtForm {
    width: 100%;
}
.cphtWrap {
    flex-direction: column;
}
.cphtWrapImg {
    width: 100%;
}
.cphtWrapTxt a {
    margin-bottom: 50px;
}
.cphtWrapTxt {
    gap: 30px;
}
.cphtWrapTxt a:before {
    width: 40px;
}
.cphtWrapTxt p {
    font-size: 18px;
    line-height: 24px;
    max-width: 410px;
}
.contphtWrapContent * {
    font-size: 18px;
    line-height: 24px;
}
.NewsListedBox h3 {
    font-size: 18px;
    line-height: 24px;
}
.CareersJobSec {
    padding: 50px 0;
}
.CareersJobSec h2 {
    font-size: 18px;
    line-height: 20px;
}
.cpSec3Txt * {
    font-size: 16px;
    line-height: 20px;
}
.formFld.halfFld {
    width: 100%;
}
.formFld input, .formFld select, .formFld textarea {
    font-size: 14px;
    line-height: 20px;
}
.searchFilter input {
    font-size: 14px;
    line-height: 20px;
}
.fileuploadFld span.filesp1 {
    font-size: 14px;
    line-height: 20px;
}
.fileuploadFld span.filesp2 {
    font-size: 14px;
    line-height: 20px;
}
.accordWrap .accordion-item .accordion-button {
    font-size: 16px;
    line-height: 20px;
}
.accordWrap .accordion-body .accordTxt, .accordWrap .accordion-body .accordTxt * {
    font-size: 14px;
    line-height: 20px;
}
.careerForm {
    padding-top: 20px;
}
.cpSec3 {
    padding: 50px 0;
}
.contphtForm .formFld.checkboxFld label {
    font-size: 12px;
    line-height: 20px;
}
.ContactAddressSec {
    padding: 50px 0;
}
.cAddressWrap h3 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 30px;
}
.CaddressDtls h4 {
    font-size: 16px;
    line-height: 20px;
}
.CaddressDtls p {
    font-size: 20px;
    line-height: 24px;
}
.NewsPageHeader {
    padding: 70px 0 30px;
}
.SolutionPageInner {
    padding: 70px 0 30px;
}
.SolutionPageInner a {
    margin-top: 100px;
}
.SolutionPageInner h1 {
    font-size: 16px;
    line-height: 18px;
}
.SolutionPageInner h2 {
    font-size: 24px;
    line-height: 30px;
    max-width: 500px;
}
.SLBTxt h3 {
    font-size: 16px;
    line-height: 20px;
}
.SLBTxt span {
    font-size: 12px;
}
.ScpsTxt h1 {
    font-size: 24px;
    line-height: 28px;
}
.ScpsTxt p {
    font-size: 18px;
    line-height: 24px;
}
.ScpsImg {
    width: 48%;
}
.ScpsTxt {
    width: 52%;
}
.PlpsWrap h1 {
    font-size: 24px;
    line-height: 28px;
}
.pdTitle h1 {
    font-size: 24px;
    line-height: 30px;
    max-width: 100%;
}
.pdTitle {
    flex-direction: column;
}
.pdDetailsBoxInner {
    flex-direction: column;
}
.pdBrandT {
    width: 100%;
}
.pdBrandD {
    width: 100%;
}
.subscriptionBox {
    padding: 50px 15px;
    margin-left: -15px;
    width: calc(100% + 30px);
}
.copyRight {
    padding: 15px 15px;
    margin-left: -15px;
    width: calc(100% + 30px);
}
body div.asl_r.asl_w .results {
    padding-left: 15px;
    padding-right: 15px;
}
div.asl_r .results .item .asl_content h3, 
div.asl_r .results .item .asl_content h3 a {
    font-size: 16px !important;
    line-height: 20px !important;
}
}
@media screen and (max-width: 767px) {
/*.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 img {
    max-height: 50px;
    max-width: 90px;
}*/
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 {
    width: 50%;
}
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3:first-child::before, 
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3:nth-child(2n + 1)::before {
    position: absolute;
    left: -10px;
    bottom: -10px;
    background-image: url(../images/brandicon_before.svg);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    content: '';
} 
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3::after {
    position: absolute;
    right: -10px;
    bottom: -10px;
    background-image: url(../images/brandicon.svg);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    content: '';
}
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3:nth-child(2n)::after {
    
    background-image: url(../images/brandicon_after.svg);
}
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3:nth-child(-n+2) > div::before { 
    position: absolute;
    left: -24px;
    top: -13px;
    background-image: url(../images/brandicon_first5.svg);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 18px;
    content: '';
} 
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3:first-child > div::before { 
    background-image: url(../images/brandicon_firstbf.svg);
    width: 16px;
    height: 16px;
    left: -12px;
    top: -16px;
}
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3:nth-child(2) > div::after { 
    position: absolute;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    content: '';
    background-image: url(../images/brandicon_last5.svg);
    width: 16px;
    height: 16px;
    right: -12px;
    top: -16px;
}
.BrandList {
    padding: 80px 0;
}
.BrandCarousel .BCBox img {
    /*max-height: 50px;
    max-width: 90px;*/
}
.gallery-top {
    height: auto;
}
.page404Sec {
    height: auto;
}
.page404Wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 60px;
}
.page404Wrap .page404Title,
.page404Wrap .page404Txt {
    max-width: 100%;
}
.page404Wrap .page404Title h1 {
    font-size: 77px;
    letter-spacing: -2%;
}
.page404Wrap .page404Txt p {
    font-size: 22px;
}
.page404Wrap .page404Txt a {
    font-size: 16px;
    line-height: 16px;
    margin-top: 40px;
}
.bg404 {
    overflow: hidden;
    padding-top: 70px;
    padding-bottom: 150px;
}
.bg404 img {
    right: -30px;
    bottom: -40px;
    height: auto;
    width: 90%;
}
.radioWrap .FilterListWrap .FilterItem label span,
.radioWrap .FilterListWrap .FilterItem label.allFltr .radioBrandLogo p {
    font-size: 10px;
}
/*.radioBrandLogo img {
    max-height: 50px;
    max-width: 90px;
}*/
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 p a {
    font-size: 10px;
    line-height: 16px;
}
.BrandList .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 p a::after {
    font-size: 10px;
    line-height: 16px;
}
.radioWrap .FilterListWrap .forMobBrands .FilterItem {
    padding: 0;
}
}
@media screen and (max-width: 760px) {
*+h1, *+h2, *+h3, *+h4, *+h5, *+h6 {
    margin-top: 30px;
}
*+ol, *+p, *+ul {
    margin-top: 20px;
}
.HeroHeader {
    height: auto;
}
.HomeHeroImg {
    height: 0;
    padding-bottom: 110%;
}
.HomeHeroTxt h1 {
    font-size: 45px;
    line-height: 45px;
}
.textHAS h2 {
    font-size: 24px;
    line-height: 30px;
}
.ImgHASWrap a {
    font-size: 14px;
    line-height: 20px;
    padding: 14px 15px;
}
.HomeProductText {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
}
.HomeProductText h2 {
    font-size: 24px;
    line-height: 30px;
}
.HPCBox h4 {
    font-size: 18px;
    line-height: 22px;
}
.projectBox .PTxt h4 {
    font-size: 18px;
    line-height: 22px;
}
.HNWheading h2 {
    font-size: 24px;
    line-height: 30px;
}
.HNWTxt ul li a {
    flex-direction: column;
    gap: 15px;
}
.HNWTxt ul li a p {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
}

.ftrBtmBar {
    /*flex-direction: column;
    gap: 30px;
    align-items: center;*/
}
.AboutPageSec2Head h1 {
    font-size: 14px;
    line-height: 18px;
}
.AboutPageSec2Head h2 {
    font-size: 30px;
    line-height: 30px;
    max-width: 95%;
}
.ABS2RepeaterSec {
    flex-direction: column;
    gap: 30px;
}
.ABS2RepeaterSec .AbsrTxt {
    width: 100% !important;
}
.ABS2RepeaterSec .AbsrImg {
    width: 100% !important;
}
.ABS2RepeaterSec:nth-child(odd) {
    flex-direction: column;
}
.ABS2RepeaterSec .AbsrTxt h3, .ABS2RepeaterSec .AbsrTxt h4 {
    font-size: 24px;
    line-height: 30px;
    margin-top: 0;
}
.ABS2RepeaterSec:nth-child(2) {
    padding-bottom: 0;
}
.AboutPageSec2Body {
    gap: 50px;
}
.AboutPageSec3 {
    padding: 100px 0;
}
.Aps3Wrap>* {
    width: 100%;
}
.TestimonialsCarouselBox p {
    font-size: 16px;
    line-height: 20px;
}
.TestimonialsCarousel .swiper-wrapper .swiper-slide:after {
    display: none;
}
.BrandPageInner h1 {
    font-size: 16px;
    line-height: 18px;
}
.BrandPageInner h2 {
    font-size: 30px;
    line-height: 30px;
}
.BContentSideInner h1 {
    font-size: 24px;
    line-height: 30px;
}
.BtagLine {
    padding-bottom: 30px;
    font-size: 12px;
}
.Brandsbtns .BrandDownload {
    font-size: 12px;
    line-height: 16px;
}
.Brandsbtns .BrandDownload img {
    width: 14px;
}
.Brandsbtns .BAllView {
    padding-left: 0;
    font-size: 12px;
    line-height: 16px;
}
.Brandsbtns .BAllView:before {
    display: none;
}
.PlpscSecWrap>* {
    width: 100%;
}
.relatedBrandSec .HomeProductText {
    flex-direction: column;
}
.ProjectsListedTxt h3 {
    font-size: 24px;
    line-height: 26px;
}
.ProjectsListedWrap>* {
    width: 100%;
}
.ProjectsListedWrap {
    gap: 40px;
}
.ProjectsListedTxt {
    padding: 20px 0;
}
.ProjectsHeadingBar h1 {
    font-size: 24px;
    line-height: 30px;
}
.ProjectSinglePageContent h1 {
    font-size: 24px;
    line-height: 30px;
}
.psphImg {
    padding-bottom: 100%;
}
.ProjectsHeadingBar {
    flex-direction: column;
    gap: 20px;
}
.AdditionalInfo>* {
    flex-direction: column;
    gap: 20px;
}
.AdditionalInfo {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding-bottom: 30px;
}
.PSImageWrap {
    flex-direction: column;
}
.PSImageWrap>* {
    width: 100%;
}
.PSPNNav a {
    font-size: 12px;
    line-height: 18px;
}
.ResourcesHeadWrap .rhTitle h1 {
    font-size: 30px;
    line-height: 30px;
}
.ResourcesHeadWrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
}
.ResourcesHeadWrap .rhImage {
    width: 100%;
}
.CaddressDtls p {
    font-size: 18px;
    line-height: 22px;
}
.CaddressDtls {
    gap: 50px;
}
.cAddressWrap li {
    padding: 50px 0;
}
.CaddressDtls>* {
    width: 100%;
}
.NewsPageHeader {
    padding: 60px 0 20px;
}
.NewsPageHeader h1 {
    font-size: 30px;
    line-height: 30px;
}
.NewsListedSec {
    padding: 50px 0 90px;
}
.NewsListedWrap {
    gap: 80px;
}
.NewsListedWrap li {
    width: 100%;
}
.NewsListedWrap li::before {
    display: none;
}
.NewsListedWrap li:nth-child(3n)::after {
    display: block;
    bottom: -40px;
    width: 100%;
}
.NewsListedWrap li::after {
    position: absolute;
    content: '';
    right: 0;
    bottom: -40px;
    width: 100%;
    height: 1px;
    background: #000000;
    display: block;
}
.NewsListedWrap li:nth-child(2n)::after {
    bottom: -40px;
    width: 100%;
}
.NewsRelatedWrap {
    gap: 40px;
}
.NewsRelatedWrap>* {
    width: 100%;
}
.NewsNav.PSPNNav {
    padding-top: 10px;
}
.SolutionListBox .SLBTxt {
    flex-direction: column;
    gap: 10px;
}
.SolutionListWrap>* {
    width: 100%;
}
.ScpsTxt a {
    font-size: 12px;
}
.ScpsTxt p {
    font-size: 16px;
    line-height: 20px;
}
.SolutionChildPageSecWrap {
    flex-direction: column-reverse;
}
.ScpsTxt {
    width: 100%;
    padding: 30px 30px 50px;
}
.ScpsImg {
    width: 100%;
}
.SubCateListWrap>* {
    width: 100%;
}
.FbsWrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
.PlpsWrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
.PlpsWrap a {
    font-size: 12px;
    line-height: 16px;
    padding-left: 60px;
}
.PlpsWrap a:before {
    width: 50px;
}
.PlpsWrap a:hover:before {
    left: 20px;
    width: 30px;
}
.ProductDetailsPageSec {
    height: auto;
}
.PdpTxt {
    padding-right: 0;
    width: 100%;
    height: auto;
}
.PdpImg {
    padding-left: 0;
    width: 100%;
}
.PdpWrap {
    flex-direction: column-reverse;
}
.PdpTxt.forMob {
    display: flex;
}
.forDesktop {
    display: none;
}
.ProductDetailsPageSec:before {
    width: 100%;
}
.backBtnLogo a {
    font-size: 12px;
    line-height: 16px;
}
.backBtnLogo {
    padding: 20px 0;
}
.pdTitle {
    padding: 20px 0;
}
.pdDetailsBox {
    padding: 20px 0;
}
.pdModels * {
    font-size: 12px;
    line-height: 16px;
}
.pdBrandT * {
    font-size: 14px;
    line-height: 20px;
}
.pdBrandD * {
    font-size: 14px;
    line-height: 20px;
}
.pdBrandH * {
    font-size: 14px;
    line-height: 20px;
}
.pdDownloadBtn a {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 20px;
}
.HNWTxt ul li a .HomeNewsThumb {
    width: 100%;
}
.HNWTxt {
    padding-left: 0;
    padding-top: 0;
}
.HNWTxt ul li a .HomeNewsTxt {
    width: 100%;
    gap: 10px;
    padding: 15px;
    padding-top: 0;
}
.HNWTxt ul li a span {
    font-size: 12px;
    line-height: 16px;
}

.product__carousel .gallery-thumbs {
    display: none;
}
.product__carousel .gallery-top {
    position: relative;
}
.swiper-horizontal>.swiper-pagination-bullets.galleryPagination {
    display: flex;
}
.SocialLinks h5 {
    display: none;
}
.HeroHeader {
    padding-bottom: 20px;
}
.product__carousel {
    margin: 0 auto;
}
.SocialLinks {
    align-items: flex-end;
}
.ftrBtmBar:before {
    display: none;
}
.product__carousel .gallery-top .swiper-slide a {
    margin-top: 10px;
}
.careerForm .wpcf7-not-valid-tip,
.contphtForm .wpcf7-not-valid-tip {
    font-size: 12px;
    line-height: 18px;
}
}
@media screen and (max-width: 500px) {
.ftrBtmBar:before {
    left: 215px;
}
}