.customradio, p {margin-bottom: 0}
.sericon img, .servtitle h4 {transition: .1s}
.fullField.error textarea, .halfField.error input { border: 1px solid red;}
.fullField.successVal textarea, .halfField.successVal input { border: 1px solid #72be9d;}
.halfField.error input#comName2 {border: none !important;}
div#mail-status b { color: #009900; margin-top: 10px !important; text-align: center; display: block; font-size: 14px; }
.imagehover, ul.slick-dots li {overflow: hidden}
#loading-bar-spinner.spinner {right: 33%;margin-left: 0;top: 16px;margin-top: 0;position: absolute;z-index: 19 !important;animation: loading-bar-spinner 400ms linear infinite;}
#loading-bar-spinner.spinner .spinner-icon {width: 30px;height: 30px;border: solid 4px transparent;border-top-color: #fff !important;border-left-color: #fff !important;border-radius: 50%;}
@keyframes loading-bar-spinner {
    0% { transform: rotate(0deg); transform: rotate(0deg); }
    100% { transform: rotate(360deg); transform: rotate(360deg); }
}
:root {--primary-color: #e74032;--secondary-color: #572c8b;--white: #FFFFFF}
html {scroll-behavior: smooth}
::-webkit-scrollbar {width: 1px;background-color: transparent}
::-webkit-scrollbar-button:end:increment, ::-webkit-scrollbar-button:start:decrement {display: none}
::-webkit-scrollbar-track-piece {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: transparent}
::-webkit-scrollbar-thumb:vertical {border-radius: 0;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: #050607}
.popupMain, [class^=box-] {display: none}
.customradio, ul.slick-dots li {display: inline-block;vertical-align: middle}
.popupMain.show, [class^=box-].showfirst {display: block}
.customradio {position: relative;padding-left: 25px;cursor: pointer;font-size: 15px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-weight: 400;color: var(--white)}
.customradio input {position: absolute;opacity: 0;cursor: pointer}
.checkmark {position: absolute;top: 4px;left: 0;height: 11px;width: 11px;border-radius: 3px;background-color: #e0e0e0}
.customradio input:checked ~ .checkmark {background: #ff6101}
.slick-list {margin: 0 -15px}
.slick-slide {margin: 0 15px}
ul.slick-dots {padding: 20px 0 0;text-align: center}
ul.slick-dots li {margin: 0 8px 0 0;width: auto;padding: 0;border: none}
.slick-dots li button:before {color: var(--white);opacity: 1;font-size: 20px}
.slick-dots li button {height: 11px;width: 11px;border-radius: 50%;padding: 0;background: #d6d6d6;border: none;cursor: pointer;font-size: 0;box-sizing: border-box}
.slick-dots li.slick-active button {background: #4fb3c2}
span.arrows {width: 36px;height: 36px;border: none;position: absolute;bottom: 0;margin: auto;z-index: 2;cursor: pointer;line-height: 39px;font-size: 12px;text-align: center;font-weight: 300;top: 0;border-radius: 0;background: #dde2e6;color: #222}
span.arrows.next {right: 1%}
.slick-initialized .slick-slide {outline: 0 !important}
p {color: #282828;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 30.8px */}
p + p {margin-top: 15px}
ul {padding: 0;margin: 0;list-style: none}
@media (min-width: 100px) {
    .padding-full {padding-right: 15px;padding-left: 15px}
    .no-padding, .no-padding-right {padding-right: 0}
    .no-padding, .no-padding-left {padding-left: 0}
}
body {overflow-x: hidden !important; font-family: "Inter", sans-serif !important;
    background: #fff url("../images/others/bgbodystripe.webp");
    overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Space Grotesk", sans-serif !important;
}

.videoSec video {
    width: 100%;
    height: 100%;
}
@media (max-width: 850px) {
    .videoSec video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .videoSec {
        width: 100%;
        height: 100%;
    }
}
.banner-img {
    height: 100vh;
    overflow: hidden;
    max-height: 916px !important;! i;!;
}
.videoSec {
    position: relative;
}

.videoSec:after {
    content: "";
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 98;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.2;
}
.BanerVideoText {
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 916px;
}

.container-fluid {
    max-width: 1630px;
}

.bannerTextwrap h1 {
    color: #FFF;
    font-size: 78px;
    font-style: normal;
    font-weight: 700;
    line-height: 95%; /* 83.6px */
    letter-spacing: -1.76px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.bannerTextwrap {
    max-width: 750px;
}

.watchbtn a {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 98%; /* 19.6px */
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "Space Grotesk";
}
.paginatiobanner {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    z-index: 99;
}

.paginatiobanner span.swiper-pagination-bullet {
    width: 12px;
    height: 26px;
    border: 1px solid #fff;
    border-radius: 0;
}

.paginatiobanner span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
}
header {
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    /* border-bottom: 1px solid #fff; */
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    height: 85px;
    transition: 0.3s;
}

.logoleft {
    width: 249px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #fff;
    transition: 0.3s;
}

.ContactRight {
    width: 230px;
    /* border-left: 1px solid #fff; */
    transition: 0.3s;
    display: block;
}

.MenuCenter {
    width: calc(100% - 233px);
    display: flex;
    align-items: center;
    justify-content: start;
}

.MainMenu ul {
    display: flex;
    align-items: center;
    justify-content: center;
}
.MainMenuList > ul > li > a,
.menu-primary-menu-container > ul > li > a {
    text-decoration: none;
    color: #FFF;
    font-family: "Space Grotesk";
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 98%; /* 18.62px */
    letter-spacing: 0.95px;
    text-transform: uppercase;
    transition: 0.3s;
}

.MainMenu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 70px;
}

.MainMenuList > ul > li + li,
.menu-primary-menu-container > ul > li +li{
    margin-left: 50px;
}

.MenuIcons {
    margin-left: 40px;
}
.MainMenu ul {
    justify-content: flex-end;
    padding-right: 40px;
}
.MenuIcons img {
    width: 100%;
    height: auto;
    transition: 0.3s;
}

.MenuIcons ul li + li {
    margin-left: 20px;
}

.contactctaBtn a {
    color: #FFF;
    transition: 0.3s;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 98%; /* 18.62px */
    letter-spacing: 0.95px;
    text-transform: uppercase;
    text-decoration: none;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.contactctaBtn a img {
    margin-left: 10px;
    transition: 0.3s;
}

.contactctaBtn {
    display: block;
    width: 100%;
    height: 100%;
}
header.sticky-header,
header.active-header {
    height: 70px;
    background: #fff;
    /* border-bottom: 1px solid #000; */
    box-shadow: 0 0 10px 0px rgb(0 0 0 / 14%);
}
header.active-header {
    height: 85px;
}
header.sticky-header .logoleft,
header.active-header .logoleft {
    background: #fff;
}
header.sticky-header .MainMenuList > ul > li > a,
header.active-header .MainMenuList > ul > li > a,
header.sticky-header .menu-primary-menu-container > ul > li > a,
header.active-header .menu-primary-menu-container > ul > li > a,
header.active-header .contactctaBtn a,
header.sticky-header .contactctaBtn a {
    color: #282828;
}
header.sticky-header .contactctaBtn a img,
header.active-header .contactctaBtn a img,
header.active-header .MenuIcons img,
header.sticky-header .MenuIcons img {
    filter: brightness(0);
}
header.sticky-header .ContactRight,
header.active-header .ContactRight {
    border-left: 1px solid #000;
}
header.sticky-header .logoleft,
header.active-header .logoleft {
    /* border-right: 1px solid #000; */
}
.megaMenuHeader.active-megaMenu {
    visibility: visible;
    opacity: 1;
}
.megaMenuleft {
    width: 249px;
    /* border-right: 1px solid #000; */
}

.megaMenuCenter {
    width: calc(100% - 280px);
}
.megaMenuRight {
    width: 230px;
    display: none;
    /* border-left: 1px solid #000; */
}
li.lineMenu.active-Menu img {
    transform: rotate(90deg);
}
.megaMenuHeader {
    position: absolute;
    top: 85px;
    width: 100%;
    background: #fff;
    height: auto;
    z-index: 999999;
    box-shadow: 0 10px 10px 0px rgb(0 0 0 / 14%);
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
}
.megaMenuHeaderInner {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    height: 100%;
}
.menucolbox > span,
.menucolbox > span > a{
    color: #282828;
    font-family: "Space Grotesk";
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 98%; /* 18.62px */
    letter-spacing: 0.95px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 15px;
    text-decoration:none;
}

.menucolbox > ul > li > a {
    color: #282828;
    font-family: Inter;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 98%; /* 18.62px */
    text-decoration: none;
    transition: 0.3s;
    position: relative;
}
.menucolbox > ul > li > a:hover,
.menucolbox > ul > li.active > a {
    color: #C5313B;
}
.menucolbox > ul > li:hover > a:before,
.menucolbox > ul > li.active > a:before {
   content: "";
    background: url("../images/others/arrowmenu.svg");
    width: 7px;
    height: 11px;
    position: absolute;
    left: -16px;
    top: 6px;

}
.megamenuliImage img {
    width: 385px;
    height: 318px;
    object-fit: contain;
}
.menucolbox > ul > li + li {margin-top: 15px;}
.MenuInnerCol.menucol-3 .menucolbox:last-child {
    width: 40%;
}
.MenuInnerCol {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    height: 100%;
}

.menucolbox {
    padding: 50px 90px;
}

.MenuInnerCol.menucol-4 .menucolbox {
    width: 25%;
}
.proleftMenu ul li a {
    color: #282828;
    font-family: "Space Grotesk";
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 98%; /* 18.62px */
    letter-spacing: 0.95px;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.3s;
    width: 100%;
    padding: 20px 30px;
    display: block;
}

.proleftMenu ul li {
    display: block;
    width: 100%;
}

.proleftMenu ul {
    padding: 40px 0;
}

.proleftMenu ul li:hover a,
.proleftMenu ul li.active a{
    background: #C5313B;
    color: #fff;
}
.MenuInnerCol .menucolbox + .menucolbox {
    /* border-left: 1px solid #000; */
    height: 100%;
}
.RedTextTitle {
    color: #BE1E2D;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 98%; /* 25.48px */
    letter-spacing: -0.52px;
    display: block;
    margin-bottom: 20px;
}
.megamenuliImage {
    display: flex;
    align-items: center;
    justify-content: center;
}
.SecTitle {
    color: #282828;
    font-size: 60px;
    font-style: normal;
    font-weight: 500;
    line-height: 66px; /* 55px */
    letter-spacing: -1.1px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.SolutionText {
    margin-top: 40px;
    display: block;
}
.sec-padding {
    padding:110px 0;
}
.sec-padding-bottom {
    padding-bottom: 110px;
}
.sec-padding-top {
    padding-top: 110px;
}
.solutionbox {
    width: 50%;
    position: relative;
    transition: 0.5s;
}

.SolutionImageWrap {
    /* display: flex; */
    /* align-items: stretch; */
    /* justify-content: space-between; */
    /* gap: 40px; */
}

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

.solutionbox h4 {
    color: #FFF;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 95%; /* 34.2px */
    letter-spacing: 1.08px;
    text-transform: uppercase;
    position: absolute;
    top: 35px;
    left: 60px;
    right: initial;
    margin: 0 auto;
    width: 60%;
    display: block;
    text-align: left;
    z-index: 99;
}

.solutionbox a:before {
    content: "";
    background: #C5313B;
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 90;
    mix-blend-mode: multiply;
    transition: 0.5s;
}

.solutionbox:hover a:before {
    mix-blend-mode: multiply;
    width: 100%;
}

.solutionbox a:after {
    content: "";
    background: #C5313B;
    width: 10px;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 89;
    top: 0;
}
.SolutionImages {
    position: relative;
    top: -175px;
    z-index: 999;
}
.solutionbox:hover a:after {
    display: none;
}
.solutionbox a {
    display: block;
    position: relative;
    transition: 0.5s;
}
.simpleBtn a {
    color: #282828;
    font-family: "Space Grotesk";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 98%; /* 19.6px */
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.3s;
    display: inline-block;
    padding: 20px 0px;
}

.simpleBtn a:hover {
    background: #BE1E2D;
    color: #fff;
    padding: 20px 30px;
}

.simpleBtn {
    margin-top: 25px;
}
.AboutStats {}

.AboutStatsWrap {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 40px;
}

.AboutStatsBox {
    width: 50%;
    position: relative;
    transition: 0.5s;
}

.AboutStatsBox ul li {
    color: #282828;
    font-family: "Space Grotesk";
    font-size: 55px;
    font-style: normal;
    font-weight: 400;
    line-height: 119%; /* 65.45px */
    transition: 0.3s;
}

.AboutStatsBox ul li h6 {
    color: #282828;
    font-family: Inter;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 119%; /* 30.94px */
}

.AboutStatsBox ul li {
    border-left: 2px solid #282828;
    padding-left: 35px;
}
.AboutStatsBox ul li:hover {
    border-color: #C5313B;
    border-width: 10px;
}
.AboutStatsBox ul li + li {
    margin-top: 60px;
}
.solutionTabs {
    background: url("../images/home/solutionBg.webp") center center / cover no-repeat;
    height: 100vh;
    max-height: 916px;
    position: relative;
}
.SecTitle.whiteTitle {
    color: #fff;
}
.simpleBtn.simplewhiteBtn a {
    color: #fff;
}
.solutionTabs .SecTitle.whiteTitle {
    font-size: 92px;
    line-height: 82px;
}
.ProductsGrid ul {
    border: 1px solid #282828;
    display: flex;
    align-items: stretch;
    justify-content: space-evenly;
}

.ProductsGrid ul li {
    width: 33.3%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.ProductsGrid ul li + li {
    border-left: 1px solid #282828;
}

.ProImage img {
    width: 90%;
    height: auto;
    margin: 0 auto;
    display: table;
    transition: 0.3s;
    filter: grayscale(1);
}

.proTitle h4 {
    color: #282828;
    text-align: center;
    font-family: "Space Grotesk";
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 95%; /* 28.5px */
    letter-spacing: -0.6px;
    text-transform: uppercase;
    transition: 0.3s;
}

.proTitle {
    display: block;
    margin: 10px 0 60px;
}

.ProImage {
    margin-top: 10px;
}
.ProductsGrid ul li:hover {
    background: rgba(0, 0, 0, 0.07);
    box-shadow: inset 0 0 0 8px #C5313B;
}

.ProductsGrid ul li:hover .ProImage img {
    filter: initial;
}

.ProductsGrid ul li:hover .proTitle h4 {
    color: #C5313B;
}
.sectoreslideboximage img {
    width: 100%;
    height: auto;
}

.sectoreslideboxText h4 {
    color: #282828;
    font-family: "Space Grotesk";
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 98%; /* 29.4px */
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.sectoreslideboxText p {
    color: #828282;
    /* 30.8px */
}

.sectoreslideboximage {
    margin-bottom: 25px;
    position: relative;
}

.sectoreslideboximage:before {
    content: "";
    width: 0;
    height: 100%;
    background: #C5313B;
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.3s;
}

.sectoreslideboximage:before {}

.sectoreslideboximage:hover:before {
    width: 10px;
}
.featProjects {
    background: #1D1D1D url("../images/others/blackstripe.webp");
}
.featProjects .MainTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.featProjects .MainTitle .SecTitle.whiteTitle {
    margin-bottom: 0;
}

.featProjects .MainTitle .simpleBtn.simplewhiteBtn {
    margin-top: 0;
}
.fprojectimage img {
    width: 100%;
    height: auto;
}

.fprotextwrap h4 {
    color: #F0ECE9;
    font-family: "Space Grotesk";
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 98%; /* 29.4px */
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.fprotextwrap {
    color: #fff;
    border: 1px solid #828282;
    border-left: 0;
    border-right: 0;
    padding: 35px 0 15px;
}

.fprotextwrap p {
    color: #fff;
}

.fprotextwrap ul li {
    color: #FFF;
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px; /* 30.8px */
}

.fprotextwrap ul {
    margin: 19px 0 0;
}

.mainFprojects .row {
    display: flex;
    align-items: center;
}

.fprojectText {
    padding-left: 150px;
}

.fprotextwrap ul {
    list-style: circle;
    padding-left: 23px;
}
.proslideMain {
    margin-top: 30px;
}
.mainFprojects {
    background: #1D1D1D url(../images/others/blackstripe.webp);
}

.FproSlider {
    width: 100%;
    display: block;
}
.FproSlider .swiper-slide {
    height: auto !important;
}
.fixedsec {
    /*!*background: url(../images/home/fixedimg.webp) center center / cover no-repeat !important;*!*/
    /*min-height: 100vh;*/
    /*position: absolute;*/
    /*z-index: 9999;*/
    /*min-width: 100vh !important;*/
    overflow: hidden !important;! i;!;
    height: 100vh;
    position: relative;
}
.fixedImg img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: center;
}
.row.letkraw {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.NewsSec .MainTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.NewsSec .MainTitle h2 {
    margin: 0;
}

.NewsSec .MainTitle .simpleBtn {
    margin: 0;
}
.blogimage img {
    width: 100%;
    height: auto;
    transition: 0.3s;
}

.blogContent h5 {
    color: #282828;
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%; /* 26.4px */
    min-height: 55px;
    margin-bottom: 12px;
}

.blogContent a {
    color: #282828;
    font-family: "Space Grotesk";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 98%; /* 15.68px */
    letter-spacing: 0.8px;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.3s;
}

.blogimage {
    margin-bottom: 15px;
}
.blogContent a:hover {
    color: #C5313B;
}
.blogimage a {
    display: block;
    overflow: hidden;
}

.blogimage a:hover img {
    transform: scale(1.05);
}
footer {
    background: #1D1D1D url(../images/others/blackstripe.webp);
    padding: 120px 0;
    padding-bottom: 60px;
}
.tabLinkListul {
    width: 100%;
}

.tabLinkList ul li a {
    color: #FFF;
    font-family: "Space Grotesk";
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 95%; /* 38px */
    letter-spacing: -0.8px;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.3s;
}

.tabLinkList ul li a .Linkbox {
    width: 22px;
    height: 22px;
    border: 1px solid #fff;
    margin-right: 30px;
    transition: 0.3s;
}

.tabLinkList ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 40px 0;
}

.tabLinkList ul {
    border-top: 1px solid #FAF9F9;
    border-bottom: 1px solid #FAF9F9;
}

.tabLinkList ul li + li {border-top: 1px solid #FAF9F9;}

.tabLinkList ul li a:hover {
    color: #BE1E2D;
}

.tabLinkList ul li a:hover .Linkbox {
    background: #BE1E2D;
    border-color: #BE1E2D;
}
.footerCenter {
    padding: 100px 0 149px;
    position: relative;
    overflow: hidden;
}

.FooterNav h5 {
    color: #E5E5E5;
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 98%; /* 13.72px */
    letter-spacing: 0.28px;
    text-transform: uppercase;
    margin-bottom: 19px;
    transition: 0.3s;
}

.FooterNav ul li a {
    color: #E5E5E5;
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 98%; /* 13.72px */
    letter-spacing: 0.28px;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.3s;
}

.FooterNav ul li a:hover {
    color: #FFD146;
}

.FooterNav ul li + li {
    margin-top: 15px;
}
.FooterNav {
    position: relative;
}

.FooterNav:after {
    content: "";
    background: linear-gradient(180deg, rgba(57, 57, 57, 0.50) 0%, rgba(57, 57, 57, 0.00) 100%);
    width: 115%;
    height: 450px;
    position: absolute;
    top: -40px;
    left: -15%;
    z-index: 90;
    transition: 0.3s;
    opacity: 0;
}

.FooterNav h5, .FooterNav ul {
    position: relative;
    z-index: 99;
}

.FooterNav:hover:after {
    opacity: 1;
}

.FooterNav:hover h5 {
    color: #BE1E2D;
}
.FooterNewletterBox h5 {
    color: #E5E5E5;
    font-family: "Space Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 98%; /* 17.64px */
    letter-spacing: 0.36px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.NewsForm input {
    border: none;
    background: transparent;
    box-shadow: none;
    outline: none;
    border-bottom: 1px solid #828282;
    padding: 7px 0;
    color: #fff;
}

.NewsForm input[type="submit"] {
    border: none;
    color: #FFF;
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 98%; /* 13.72px */
    letter-spacing: 0.28px;
    text-transform: uppercase;
    margin-left: 12px;
    transition: 0.3s;
}

.NewsForm input[type="submit"]:hover {
    color: #BE1E2D;
}
.followuswrap ul li span {
    color: #B2AFAF;
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 98%; /* 13.72px */
    letter-spacing: 0.28px;
    text-transform: uppercase;
}

.followuswrap {
    margin-top: 100px;
}

.followuswrap ul li img {
    width: 25px;
    height: 25px;
    transition: 0.3s;
}
.followuswrap ul {
    display: flex;
    align-items: center;
    justify-content: start;
}

.followuswrap ul li + li {
    margin-left: 16px;
}

.followuswrap ul li a:hover img {
    filter: brightness(100);
}
.footerLogo {
    position: absolute;
    bottom: 0;
    right: -3px;
}

.footerLogo img {
    opacity: 0.2;
    transition: 0.2s;
}

.footerLogo:hover img {
    opacity: 1;
}
.fbleft p {
    color: #E5E5E5;
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 13.72px */
    letter-spacing: 0.28px;
    text-transform: uppercase;
}

.fbcenter ul li a {
    color: #828282 !important;
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 13.72px */
    letter-spacing: 0.28px;
    text-transform: uppercase;
    text-decoration: none;
    display: inherit;
    transition: 0.3s;
}

.fbcenter ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fbcenter ul li + li {
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #828282;
}

.fbright a {
    color: #B2AFAF !important;
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 98%; /* 13.72px */
    letter-spacing: 0.28px;
    text-transform: uppercase;
    text-align: right;
    text-decoration: none;
    transition: 0.3s;
}

.fbright p {
    line-height: 16px;
    text-align: right;
}

.footerBottom .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footerBottom {
    margin-top: 50px;
}

.fbcenter ul li a:hover,
.fbright a:hover { color: #FFD146;}
.fixedsec .container-fluid {
    position: absolute;
    top: 0;
    z-index: 999;
    left: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.ContentBoxfixed {
    width: 460px;
    height: auto;
    background: #fff url("../images/others/bgbodystripe.webp");
    padding: 40px 60px;
}

.fixedContent {
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    gap: 30px;
}

.ContentBoxfixed.witebox {
    border-left: 6px solid #C5313B;
    /* transform: translateY(-150%); */
    position: relative;
    top: -250%;
}

.ContentBoxfixed.witebox h5 {
    color: #282828;
    font-family: "Space Grotesk";
    font-size: 55px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 55px */
    letter-spacing: -1.1px;
    text-transform: uppercase;
    word-break: break-word;
}

.ContentBoxfixed.witebox h5 span {
    color: #C5313B;
}

.ContentBoxfixed.blackBox {
    background: #1D1D1D url(../images/others/blackstripe.webp);
    border-left: 6px solid #C5313B;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}
.ContentBoxfixed.blackBox h5 {
    color: #FFF;
    font-family: "Space Grotesk";
    font-size: 55px;
    font-style: normal;
    font-weight: 500;
    line-height: 95%; /* 52.25px */
    letter-spacing: -1.1px;
    text-transform: uppercase;
}

.ContentBoxfixed.blackBox p {
    color: #fff;
    margin-top: 20px;
}
.solutiontabs {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #fff;
    width: 100%;
}

.solutiontabsrow {
    display: flex;
    align-items: stretch;
    justify-content: space-evenly;
}

.solutiontabbox {
    width: 100%;
    text-align: center;
    border-top: 0;
    border-left: 1px solid #fff;
    cursor: pointer;
    transition: 0.3s;
    position: relative;
}

.solutiontabbox > span {
    color: #FFF;
    font-family: "Space Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 95%; /* 28.5px */
    letter-spacing: 0.9px;
    text-transform: uppercase;
    padding: 30px 0;
    display: block;
    transition: 0.8s;
}

.solutiontabbox:last-child {border-right: 1px solid #fff;}
.solutiontabbox.activebox span {
    color: #595959;
    position: relative;
    z-index: 99;
}
.solutionhoverbox {
    position: absolute;
    bottom: 100%;
    width: calc(100% * 3);
    display: flex;
    align-items: center;
    justify-content: start;
    left: -1px;
    transition: 0.8s;
}

.solutioncol {width: calc(33.3% + 3px);border: 1px solid #fff;background: #fff;padding: 40px;position: relative;}

.solutioncol img {
    width: 100%;
    height: auto;
}

.solutioncol + .solutioncol {
    width: 66.6%;
    padding: 0 30px;
    text-align: left;
    background: transparent;
    border: none;
    transition: 0.8s;
}

.solutioncol p {
    color: #fff;
}

.solutioncol p a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

.solutioncol img {
    max-width: 90%;
}
.solutioncol:first-child:after {
    content: "";
    width: 100%;
    position: absolute;
    bottom: -105px;
    background: #fff;
    height: 104px;
    left: 0;
    z-index: 90;
}
.solutionhoverbox.index-0 {
    left: -1px;
}

.solutionhoverbox.index-1 {
    left: 100%;
}
.solutionhoverbox.index-2 {
    left: calc(200% - -1px);
}
.solutionhoverbox.index-3 {
    left: calc(300% - -2px);
}
.solutionhoverbox.index-4 {
    left: calc(400% - -3px);
}
.solutionhoverbox.index-5 {
    left: calc(500% - -4px);
}
.solutionhoverbox.index-6 {
    left: calc(600% - -5px);
}
.solutionhoverbox.index-4 .solutioncol + .solutioncol,
.solutionhoverbox.index-6 .solutioncol + .solutioncol,
.solutionhoverbox.index-5 .solutioncol + .solutioncol {
    position: relative;
    left: -95.6%;
}
.fprojectimage {
    height: 74vh;
    overflow: hidden;
}

.fprojectimage img {
    height: 100%;
    object-fit: cover;
}
.fenavandfraction {
    position: absolute;
    top: 15%;
    right: 0;
    z-index: 99;
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Fpr-pagination.swiper-pagination-fraction.swiper-pagination-horizontal {
    color: #4E4D4D;
    font-family: "Space Grotesk";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 98%; /* 19.6px */
    letter-spacing: 1px;
    text-transform: uppercase;
    width: auto;
}

.FproSlider {
    position: relative;
}
.swiperbtn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.vertical-prev {
    transform: rotate(-90deg);
    margin-left: 15px;
}

.vertical-next {
    transform: rotate(90deg);
    margin-left: 10px;
}
.swiperbtn .swiper-button-disabled {
    opacity: 0.3;
}
section.categorySec.CateggoryBoxwrap {
    background: #fff;
    padding: 100px 70px;
}

.categoryBoxes {
    background: #fbfbfb url(../images/others/bgbodystripe.webp);
    padding: 50px;
}
.categoryBoxes + .categoryBoxes,
.Catorygridwerap {
    margin-top: 70px;
}
.simpleBtn a.RedTextTitle {
    color: #BE1E2D;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 98%;
    letter-spacing: -0.52px;
    display: block;
    margin-bottom: 20px;
}
.simpleBtn a.RedTextTitle:hover {
    color: #fff;
}
.categorySec .catboxgridText .flexText {
    flex-direction: column;
    align-items: start;
    justify-content: start;
    position: relative;
    z-index: 9;
}
p.flexTextCon {
    padding-right: 0px;
    min-height: 84px;
}
section.categorySec.CateggoryBoxwrap .flexText
{
    align-items: start;
}
.catIMg img {
    max-width: 60%;
}
.catIMg {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    margin-top: -80px;
    z-index: 1;
}
.Catorygridwerap .row {
}

.Catorygridwerap .col-md-6 {
    width: 49%;
}

.Catorygridwerap .row {
    display: flex;
    align-items: start;
    justify-content: space-between;
}
.catefixset .ContentBoxfixed.witebox {
    top: 0;
    right: 50%;
}
.ProListingBanner .bannerTextwrap h1,
.ProListingBanner .bannerHead .bannerBottom p {
    color: #000;
}
.catgoryBanner img {
    width: 100%;
    height: auto;
    border-right: 10px solid #BE1E2D;
}
.banerProImg {
    position: relative;
    height: 100%;
    display: flex;
    align-items: flex-end;
}

.banerProImg .simpleBtn {
    position: absolute;
    bottom: 20px;
    right: 50px;
}

section.ProListingBanner {
    padding-bottom: 0;
}
.ProListingBanner .bannerHead .bannerBottom p {
    font-size: 22px;
}
.productInfo h3 {
    color: #282828;
    font-family: "Space Grotesk";
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 98%; /* 25.48px */
    letter-spacing: 0.3px;
    text-transform: uppercase;
    padding-right: 50px;
}

.productInfo p {
    color: #282828;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 28px */
}

.productListul > ul {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    border-left: 1px solid #B2AFAF;
}

.productListul > ul > li {
    width: 33.3%;
    border: 1px solid #B2AFAF;
    border-left: 0;
    padding: 30px;
    position: relative;
}

.productIMage {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    transition: 0.3s;
}
.productlistwrap {
    position: relative;
    height: 100%;
    z-index:99;
    /* overflow: hidden; */
}
.productListul > ul > li:before,
.productlistwrap:before {
    content: "";
    width: 16px;
    height: 16px;
    background: #ffffff;
    border-radius: 100%;
    position: absolute;
    top: -8px;
    left: -8px;
    z-index: 99;
}

.productListul > ul > li:after,
.productlistwrap:after {
    content: "";
    width: 16px;
    height: 16px;
    background: #ffffff;
    border-radius: 100%;
    position: absolute;
    top: -8px;
    right: -8px;
    z-index: 99;
}
.productlistwrap:before {
    top: initial;
    bottom: -38px;
    left: -38px;
}
.productlistwrap:after {
    top: initial;
    bottom: -38px;
    right: -38px;
}
.productlistwrap a {
    text-decoration: none;
}
.productListul > ul > li:nth-child(n+4) {
    border-top: 0;
}
.productListul > ul > li:hover .productIMage {
    transform: scale(1.05);
}
.discovermoerlistingsec .ContentBoxfixed.witebox {
    width: 90%;
    right: 5%;
}
.discovermoerlistingsec .container-fluid {
    width: 100%;
    justify-content: center;
}

.discovermoerlistingsec .container-fluid .row {
    width: 100%;
}
.moreprolist ul {
    display: flex;
    align-items: stretch;
    justify-content: start;
}

.moreprolist ul img {
    filter: initial;
}
.moreprolist ul li {
    width: 33.3%;
}

.moreprolist ul li .ProImage {
    margin-bottom: 30px;
}
.moreprolist ul li .proTitle a {
    text-decoration: none;
}
.moreprolist ul li .ProImage {
    transition: 0.3s;
}

.moreprolist ul li:hover .ProImage {
    transform: scale(1.02);
}
section.ceilingbannerCat {
    background: #1D1D1D url(../images/others/blackstripe.webp);
}
section.sec1.ceilingbannerCat .col-md-4 {
    display: flex;
    align-items: center;
}

section.sec1.ceilingbannerCat .col-md-4 .bannerHead {
    gap: 30px;
}

section.sec1.ceilingbannerCat .col-md-4 .bannerHead .bannerBottom p {
    font-size: 20px;
}
section.sec1.ceilingbannerCat .catgoryBanner {
    width: 100%;
    height: auto;
}

.productListul.col-2-prolist > ul > li {
    width: 50%;
}

.productListul.col-2-prolist > ul > li:nth-child(n+3) {
    border-top: 0;
}
.productListul.col-2-prolist {
    max-width: 90%;
    margin: 0 auto;
}
.catlist ul li {
    color: #282828;
    font-family: "Space Grotesk";
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 98%; /* 16.66px */
    text-transform: uppercase;
}

.catlist ul {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-top: 20px;
}
.catlist ul li + li {
    margin-left: 25px;
}
.singlepRO span.bredsingle {
    color: #282828;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 25.2px */
}

.singlepRO span.proTag {
    color: #828282;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 28px */
}

.singlepRO .bannerHead .bannerTextwrap h1 {
    font-size: 55px;
    line-height: 60px;
    margin: 15px 0 !important;
}

.singlepRO .bannerBottom {
    padding-right: 150px;
}

.singlepRO .banerProImg {
    width: 100%;
}

.singlepRO .catgoryBanner {
    width: auto;
    margin: 0 auto;
}

.singlepRO .catgoryBanner img {border-right: 0;}
.singleMenublack {
    background: #1D1D1D url(../images/others/blackstripe.webp);
}

.singleMenublack .mainsecmenu {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.secmenuleft ul {
    display: flex;
    align-items: center;
    justify-content: start;
}

.secmenuleft ul li a {
    color: #E5E5E5;
    font-family: "Space Grotesk";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 98%; /* 19.6px */
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 40px 0 35px;
    display: block;
    border-bottom: 5px solid transparent;
}
.secmenuleft ul li + li {
    margin-left: 80px;
}

.secmenuright a {
    color: #BE1E2D;
    font-family: "Space Grotesk";
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 98%; /* 25.48px */
    letter-spacing: -0.52px;
    text-decoration: none;
}

.secmenuleft ul li.active a, .secmenuleft ul li:hover a {
    border-color: #BE1E2D;
}
section.ProListingBanner.sec2.sec-padding.singlepRO {
    background: #FAF9F9;
}
.wrapper.innerPages header {
    background: #fff;
}
section.prodesc-details {
    background: #fff;
}
.desboxinner h2 {
    color: #282828;
    font-family: "Space Grotesk";
    font-size: 55px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 55px */
    letter-spacing: -1.1px;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.prodetimgImg img {
width: auto;
    height: auto;
    margin: 0 auto !important;
    display: block;
        max-width: 100%;
    
}
.mainoptionthicknessslider {
    height: 100%;
}
.products-image {
    max-width: 80%;
    margin: 0 auto;
    position: sticky;
    height: 100%;
    top: 0;
    z-index: 999;
}
.tabhead {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tabhead h5 {
    /* overflow: hidden; */
    color: #282828;
    text-overflow: ellipsis;
    font-family: "Space Grotesk";
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 36.4px */
    text-transform: uppercase;
}

.tabhead i.fa {
    font-size: 24px;
}

.tabhead {
    border-bottom: 1px solid #000;
    position: relative;
}

.tabhead:before {
    content: "";
    background: #000;
    width: 30%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
}

.tabssepec {
    margin-top: 30px;
}
.descleftmain + .descleftmain {
    padding-top: 70px;
}
.descleftmain + .descleftmain {
    padding-top: 70px;
}

.tabbody ul li {
    overflow: hidden;
    color: #282828;
    text-overflow: ellipsis;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 28px */
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
}

.tabbody ul li span + span {
    min-width: 240px;
}

.tabbody ul li + li {
    border-top: 1px solid #B2AFAF;
}
.tabssepec + .tabssepec {
    margin-top: 50px;
}
.advanul ul {
    column-count: 1;
    max-width: 80%;
    list-style: disc;
    padding-left: 22px;
}
.advanul ul.colcount2 {
    column-count: 2;
}
.advanul ul li {
    color: #282828;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 28px */
    margin-bottom: 5px;
}
.descboxmain.downloadul ul li span {
    color: #282828;
    font-family: "Space Grotesk";
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 95%; /* 24.7px */
    letter-spacing: -0.52px;
    text-transform: uppercase;
}

.descboxmain.downloadul ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #282828;
    padding: 30px 0;
}

.descboxmain.downloadul ul {
    margin-top: 20px;
}

div#related-downloads {
    padding: 90px 0;
}
.descboxmain.downloadul ul li:last-child {
    border-bottom: 1px solid #282828;
}
div#advantages {
    padding-top: 90px;
}
.descboxmain.downloadul ul li img {
    cursor: pointer;
}
.relatedtextbtn h4 {
    color: #BE1E2D;
    font-family: "Space Grotesk";
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 36px */
    letter-spacing: -0.72px;
    text-transform: uppercase;
}

.relatedtextbtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.relatedtextbtn a {
    color: #282828;
    text-align: right;
    font-family: "Space Grotesk";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 98%; /* 19.6px */
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
}
.innerPages .MenuIcons img,
.innerPages .contactctaBtn a img{
    filter: brightness(0);
}
.selectthickbox span {
    color: #282828;
    font-family: "Space Grotesk";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 98%; /* 19.6px */
    letter-spacing: 1px;
    text-transform: uppercase;
}

.selectthickbox {
    display: flex;
    align-items: center;
    justify-content: start;
}

.seelectlist span {
    color: #BE1E2D;
    position: relative;
    margin-left: 10px;
}
.seelectlist i.fa{
    color: #BE1E2D;
    font-size: 22px;
    position: relative;
    top: 1px;
}
.seelectlist ul {
    display: block;
    position: absolute;
    top: 100%;
    background: #fff;
    border: 1px solid #ccc;
    min-width: 170px;
    border-radius: 5px;
    padding: 5px 0;
    left: 10px;
    display: none;
    z-index: 999;
}

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

.seelectlist ul li {
    padding: 10px 15px;
    transition: 0.3s;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.seelectlist ul li:hover {
    color: #BE1E2D;
}

.seelectlist:hover ul {
    display: block;
}
section.ProListingBanner.sec2.sec-padding.singlepRO.singlepRO2 {
    padding: 90px 0;
}

section.ProListingBanner.sec2.sec-padding.singlepRO.singlepRO2 .bannerHead {
    gap: 50px;
}

section.ProListingBanner.sec2.sec-padding.singlepRO.singlepRO2 .banerProImg {
    align-items: center;
}
#performance ul {
    column-count: 1;
    max-width: 100%;
}
.singlepro2desc .desboxinner h2 {
    font-size: 35px;
}
.tabhead h5 {
    display: flex;
}

.tabhead h5 .seelectlist {
    margin-left: 20px;
}
.prodesc-details .col-md-7 {
    padding-right: 90px;
}
.MenuWrapper {
    width: 100%;
}
.LetstalkTextbtn .LetstalkTextInner {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.MainMenuList > ul > li > a:hover {
    color: #BE1E2D;
}
section.sec1.ceilingbannerCat .catgoryBanner {
    padding-left: 40px;
}
.vertical-prev-cat {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -30px;
}
.sliderwrapmain {
    position: relative;
    height: auto;
}
.products-image.sliderwrapmain {
    position: sticky;
    transition: 0.3s;
    top: 120px;
}
/*section.prodesc-details.sec-padding.stickyslider .products-image.sliderwrapmain {*/
/*    top: 120px;*/
/*}*/
.vertical-next-cat {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -30px;
}
.vertical-next-cat.swiper-button-disabled,
.vertical-prev-cat.swiper-button-disabled{
    opacity: 0.3;
}
.proTitle a {
    text-decoration: none;
}
.SolutioSlider {
    width: 100%;
}

.SolutioSlider .solutionbox {
    width: 100%;
}
.aboutsectop .container-fluid .solutionLeft {
    width: 36%;
}

.aboutsectop .container-fluid .SolutionImages {
    width: 64%;
}
.SolutioSlider .swiper-slide {
    width: 430px;
}
.dilterTitle span {
    color: #282828;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 98%; /* 19.6px */
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: "Space Grotesk";
}

.filteroptions ul li a {
    color: #828282;
    font-family: "Space Grotesk";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 98%; /* 19.6px */
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
}

.filteroptions ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 25px;
}

.filterineer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.projectboxmain a{
    text-decoration: none;
}
.filterwrapmain {
    border-top: 1px solid #000;
    padding: 40px 0;
    margin-bottom: 20px;
}

.projectTitle h3 {
    color: #282828;
    font-family: "Space Grotesk";
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 98%; /* 25.48px */
    text-transform: uppercase;
    text-decoration: none;
}

.projectImg {
    overflow: hidden;
    margin-bottom: 20px;
}

.projectImg img {
    transition: 0.3s;
    width: 100%;
    height: auto;
}

.projectboxmain a:hover .projectImg img {
    transform: scale(1.05);
}
.projectboxmainwrap:nth-child(n+4) {
    margin-top: 50px;
}
.filteroptions ul li a:hover {
    color: #BE1E2D;
}

.single-project header {
    background: rgba(0, 0, 0, 0.11) !important;
    position: absolute;
}

.single-project header.active-header {
    background: #fff !important;
}
.singprodetbanner img {
    width: 100%;
    height: auto;
}
.prodetailtitle h2 {
    color: #FFF;
    font-family: "Space Grotesk";
    font-size: 55px;
    font-style: normal;
    font-weight: 500;
    line-height: 95%; /* 52.25px */
    letter-spacing: -1.1px;
    text-transform: uppercase;
}

section.bannerProdet {
    position: relative;
}

section.bannerProdet .container-fluid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    right: 0;
    display: flex;
    align-items: center;
}

.prodetailtitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.bannerProdet .container-fluid .row {
    width: 100%;
}

.prodetailtitle span a{
    color: #FFF;
    font-family: "Space Grotesk";
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 98%; /* 25.48px */
    letter-spacing: -0.52px;
    text-decoration: none;
}

.prodetailtitle span i.fa {
    margin-right: 6px;
}
.singleprojectdetaildontent .advanul ul {
    max-width: 100%;
    column-count: 1;
}

.singleprojectdetaildontent .descleftmain + .descleftmain {
    padding-top: 40px;
}

.singleprojectdetaildontent .tabssepec {
    margin: 0;
}

.singleprojectdetaildontent .tabssepec ul li span:first-child {
    overflow: hidden;
    color: #282828;
    text-overflow: ellipsis;
    font-family: "Space Grotesk";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 28px */
    text-transform: uppercase;
}

.singleprojectdetaildontent .desboxinner h2 {
    overflow: hidden;
    color: #282828;
    text-overflow: ellipsis;
    font-family: "Space Grotesk";
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 36.4px */
    text-transform: uppercase;
}
.singleprojectgallery {
    padding-left: 50px;
}

.singlegalleryprojectimg img {
    width: 115%;
    height: auto;
}

.singlegalleryprojectimg+.singlegalleryprojectimg {
    margin-top: 20px;
}

.singleprojectdetaildontent .col-md-7 {
    padding-right: 0;
}
.singleprowrapcon {
    position: sticky;
    top: 40px;
}
.single-project .footerTop {
    display: none;
}

.single-project .footerCenter {
    padding-top: 30px;
}
.cateNews span {
    color: #828282;
    font-family: "Space Grotesk";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 15.68px */
    letter-spacing: 0.8px;
    text-transform: uppercase;
    border-left: 8px solid #BE1E2D;
    display: block;
    padding-left: 7px;
}

.titleNews a,
.titleNews h2{
    color: #282828;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 127.273% */
    text-decoration: none;
}

.titleNews h2 {
    font-family: "Inter", sans-serif !important;
}

.cateNews {
    margin-bottom: 12px;
}

.newscon {
    margin-top: 20px;
}

.newslistinginner ul li {
    width: calc(33.3% - 40px);
}

.newslistingImg img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    object-position: center;
    transition: 0.3s;
    filter: grayscale(0.8);
}

.newslistinginner ul {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
}

.newslistinginner ul li:first-child {
    width: calc(66.6% - 20px);
}

.newslistingImg {
    overflow: hidden;
}

.newslistingImg a {
    display: block;
}

.newslistingImg:hover img {transform: scale(1.05);}
.newslistinginner ul li {
    position: relative;
}

.newslistinginner ul li:before {
    content: "";
    width: 1px;
    height: 100%;
    background: #ccc;
    position: absolute;
    left: -30px;
    top: 0;
}

.newslistinginner ul li:first-child:before,.newslistinginner ul li:nth-child(3n):before {
    display: none;
}
.newslistinginner ul li:after {
    content: "";
    width: calc(100% + 60px);
    height: 1px;
    background: #ccc;
    position: absolute;
    bottom: -30px;
    left: 0;
}

.newslistinginner ul li:nth-child(2):after,.newslistinginner ul li:nth-child(3n - 1):after {
    width: 100%;
}
.newsTitleinner h1 {
    color: #282828;
    font-size: 46px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 55px */
    font-family: "Inter", sans-serif !important;
    margin-top: 10px;
}

.newsTitleinner {
    margin-bottom: 25px;
}

.featuredImagenews img {
    width: 100%;
    height: auto;
}

.newsdesinner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
    padding-left: 0;
}

.featimgnews {
    padding-right: 50px;
}
.newsdesinnerwrap {
    display: flex;
}
.newsimg img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    object-position: center;
    transition: 0.3s;
}
.newwrapiiner img {
    max-width: 100%;
    margin: 20px 0;
}

.sidebarnewsinner {
    max-width: 80%;
    position: sticky;
    top: 40px;
}
.drywallTabs .vertical-prev-cat,.drywallTabs .vertical-next-cat {
    transition: initial;
    top: 15%;
}
.sidebarnewdetails ul li {
    color: #828282;
    font-family: "Space Grotesk";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 98%; /* 15.68px */
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.sidebarnewdetails ul li+li {
    margin-top: 22px;
}

.sidebarrecentNews {
    margin-top: 70px;
}
.newsconmainwrap {
    position: relative;
    padding-left: 30px;
}

.newsconmainwrap:before {
    content: "";
    background: #ccc;
    width: 1px;
    height: 100%;
    position: absolute;
    left: -45px;
}

.newsconte h3 {
    color: #282828;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    font-family: "Inter", sans-serif !important; /* 133.333% */
    margin-top: 10px;
}

.newsconte a {
    color: #BE1E2D;
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 98%; /* 13.72px */
    letter-spacing: 0.7px;
    text-transform: uppercase;
    text-decoration: none;
}.newsimg {
     overflow: hidden;
 }

.newsimg:hover img {
    transform: scale(1.05);
}
.newwrapiiner blockquote {
    color: #282828;
    font-family: "Space Grotesk";
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.3px;
    margin: 25px 0;
}
.sidebarrecentNews h5 {
    color: #B2AFAF;
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 98%; /* 13.72px */
    letter-spacing: 0.7px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.recentfullBox span {
    color: #828282;
    font-family: "Space Grotesk";
    font-size: 23px;
    font-style: normal;
    font-weight: 500;
    line-height: 98%; /* 25.48px */
    letter-spacing: -0.52px;
    text-transform: uppercase;
    display: block;
}

.recentfullBox h5 {
    color: #282828;
    font-family: Inter;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 55px */
    font-family: "Inter", sans-serif !important;
    margin: 15px 0;
}

.recentfullBox a {
    color: #282828;
    font-family: "Space Grotesk";
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 98%; /* 25.48px */
    letter-spacing: -0.52px;
    text-decoration: none;
    transition: 0.3s;
}

.recentfullBox a:hover {
    color: #BE1E2D;
}

section.sec8.recentNewTitle.sec-padding {
    padding: 50px 0;
}
.abtHeadLeft.whitetext h1 {
    color: #fff;
}
.contactBannerimg img {
    width: 100%;
}
.bannerConmain .row.abtHead {
    margin-bottom: 40px;
}

.contactforntext p {
    color: #FAF9F9;
    font-family: Inter;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px; /* 28.6px */
}
.contactforntext span a {
    color: #BE1E2D;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.contactforntext span {
    color: #BE1E2D;
    text-align: right;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 23.4px */
    margin-left: 6px;
}

.forminner {
    padding-left: 50px;
}
.config-tabs-ad ul li {
    color: rgba(250, 249, 249, 0.54);
    font-family: "Space Grotesk";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 28.6px */
    letter-spacing: 1.1px;
    text-transform: uppercase;
    padding: 15px 0;
    position: relative;
    cursor: pointer;
}

.config-tabs-ad ul {
    display: flex;
    align-items: center;
    justify-content: start;
    border-bottom: 1px solid #ccc;
    gap: 25px;
}

.config-tabs-ad {
}

.formstab {
    margin-top: 20px;
}

.config-tabs-ad ul li.active {
    color: #fff;
    border-bottom: 5px solid #fff;
}
.formhasgyp input {
    background: rgba(217, 217, 217, 0.20);
    border: none;
    box-shadow: none;
    outline: none;
    border-bottom: 1px solid #cfcfcf;
    width: 100%;
    height: 48px;
    padding: 0 20px;
    color: #fff;
	    font-size: 16px;
}

.formSubmitbtn input {
    background: transparent;
    width: auto;
    border: none;
    color: #FFD146;
    text-align: right;
    font-family: "Space Grotesk";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 98%; /* 19.6px */
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 22px 0;
    transition: 0.3s;
}
.formSubmitbtn:hover input
{
    color: #BE1E2D;
}
.formhasgyp input::placeholder {
    color: #FAF9F9;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%; /* 20.8px */
    letter-spacing: 0.48px;
    text-transform: uppercase;
}
.formSubmitbtn {
    text-align: right;
}
.halffield .fullform {
    width: 49%;
}

.halffield {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.formhasgyp>div+div {
    margin-top: 2%;
}
.formtaccon {
    margin-top: 40px;
}
.addressCon h4 {
    color: #BE1E2D;
    font-family: "Space Grotesk";
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 28.6px */
    letter-spacing: 1.1px;
    text-transform: uppercase;
}

.addressCon p {
    overflow: hidden;
    color: #FFF;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px; /* 25.2px */
}

.addressCon a {
    overflow: hidden;
    color: #FFF;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px; /* 25.2px */
}

.addressCon ul li {
    overflow: hidden;
    color: #FFF;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px; /* 25.2px */
}

.addressCon ul {margin-top: 20px;}
.addressCon.headoffic h4 {
    color: #fff;
}

.addressCon.headoffic ul li+li {
    margin-top: 20px;
}
.orderfomwrap .formhasgyp>div {
    width: 20%;
    margin: 0;
}

.orderfomwrap .formhasgyp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.orderfomwrap .formhasgyp .formSubmitbtn {
    text-align: left;
}

.orderfomwrap .formhasgyp .formSubmitbtn input {
    padding: 0;
}
.ordetitle h4 {
    color: #FFF;
    font-family: "Space Grotesk";
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 28.6px */
    letter-spacing: 1.1px;
    text-transform: uppercase;
    margin-bottom: 17px;
}

.ordetitle p {
    color: #FAF9F9;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%; /* 23.4px */
}

.ordetitle {
    margin-bottom: 30px;
    border-top: 1px solid #fff;
    margin-top: 60px;
    padding-top: 60px;
}
.showmobile
{
    display: none !important;
}


.CateggoryBoxwrap .filterwrapmain {
    padding: 0;
    border: none;
    margin-bottom: 50px;
}
li.lineMenu.active-Menu {}

li.lineMenu.active-Menu img.hemIcon {
    display: none;
}

img.CloseIcon {
    display: none;
}

li.lineMenu.active-Menu img.CloseIcon {
    display: block;
}
.mobilemegamenu {
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
}


.MainMenuList {
    width: 100%;
}
.tabbody ul li span:first-child {
    min-width: 210px;
}

.tabbody ul li span + span {
    text-align: right;
}
.whoPra {
    margin-top: 30px;
}
.headeroverlaymobile
{
    display: none;
}
section.singleMenublackwrap.sticky .singleMenublack {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
.drywallsingleaimge img {
    width: 100%;
    height: auto;
    margin-top: 30px;
}
.productIMage img {
    width: 100%;
    height: auto;
}
.videoOverlay {
    content: "";
    background: url(../images/others/overlayVideo.png);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 98;
    background-repeat: repeat-x;
}
.singlepRO .banerProImg img {
    max-height: 500px;
}
.filterwrapmain {
    display: none !important;
}
.tabhead i.fa {
    cursor: pointer;
}
.productListul > ul > li {
    transition: 0.3s;
}

/*.productListul > ul > li:hover {*/
/*    border-color: #ae212e;*/
/*}*/

.productListul > ul > li:hover .productInfo h3 {
    color: #ae212e;
}

.productListul > ul > li .productInfo h3 {
    transition: 0.3s;
}
.abtcertificateimg ul li {
    width: 33.3%;
}

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

.abtcertificateimg ul li {
    margin: 30px 0;
}

section.capcSec.sec-padding .row {
    display: flex;
    align-items: stretch;
    height: 100%;
}

section.capcSec.sec-padding .container-fluid {
    height: 100%;
}

.abtcertificateimg {
    display: flex;
    align-items: end;
    justify-content: flex-end;
    height: 100%;
}
.catProdItem a {
    text-decoration: none;
}
.solutioncol {
    padding: 20px;
}

.solutioncol img {
    max-width: 100%;
    min-height: 130px;
    object-fit: contain;
}

.simpleBtn.menuviewallbtn {}

.simpleBtn.menuviewallbtn:hover a {
    padding: 20px 0;
    background: transparent;
    color: #BE1E2D;
}

.simpleBtn.menuviewallbtn a {
    letter-spacing: 0.3px;
    font-size: 16px;
}
.hoverBorder {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 90;
    border: 3px solid #bf2433;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.productListul > ul > li:hover .hoverBorder {
    opacity: 1;
    visibility: visible;
}
.projectImg img {
    filter: grayscale(1);
}

.projectImg:hover img {
    filter: none;
}
.catProdItem img {
    transition: 0.3s;
}

.catProdItem:hover img {
    transform: scale(1.05);
}
.logomain {
    height: 77%;
}

.logomain img {
    height: 100%;
}
.mapColInner img {
    width: 100%;
    height: auto;
}
.mapImg {
    opacity: 0;
    transition: 0.3s;
}
.mapImg.active {
    opacity: 1;
}
.mapColInner {
    position: relative;
}

.mapColInner img {
    position: absolute;
    top: 0;
    left: 0;
}
.newwrapiiner a {
    color: #9f3034;
}
.newwrapiiner img {
    width: 100%;
    height: auto;
}
.abtcertificateimg ul li img {
    width: auto;
    height: auto;
    max-width: 60%;
}
.newslistingImg:hover img {
    transform: scale(1.05);
    filter: grayscale(0);
}
.blogimage,
.newslistingImg {
    border: 0.6px solid rgb(204 204 204 / 40%);
}
.megaMenuHeader .simpleBtn a {
    color: #BE1E2D;
}

.megaMenuHeader .simpleBtn a:hover {
    color: #282828;
}
.wpcf7 form.spam .wpcf7-response-output {
    color: #f56e28;
    border: none;
    padding: 0;
    margin: 30px 0 0;
}
.MenuInnerCol.menucol-4 .menucolbox:nth-child(-n+2) span, .MenuInnerCol.menucol-4 .menucolbox:nth-child(-n+2) span a, .MenuInnerCol.menucol-4 .menucolbox:nth-child(-n+2) ul li a {
    opacity: 0.5;
}
.wpcf7 form.sent .wpcf7-response-output {
    color: #fff;
    border: none;
    margin: 0;
    padding: 0;
    color: #46b450;
    margin-top: 15px;
}
.wpcf7-not-valid-tip {
    display: none !important;
}

.wpcf7-not-valid {
    border-bottom: 1px solid #dc3232 !important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    color: #fff;
    margin: 0;
    padding: 0;
    border: none;
    margin-top: 20px;
    color: red;
}
.formtaccon span.wpcf7-spinner {
    position: absolute;
    left: 0;
    margin-top: 16px;
}

.formtaccon {
    position: relative;
}
section.notfound {
    text-align: center;
    padding: 100px 0;
}

section.notfound h1 {
    color: #bd1e2d;
    font-size: 194px;
    line-height: 194px;
    font-weight: 700;
}
.tnp-field.tnp-field-email label {
    dis'anchor-name: none';
    dis'anchor-name: none';
    dis'anchor-name: none';
    dis'anchor-name: none';
    dis'align-content: normal';
    dis'align-content: normal';
    display: none;
}

.tnp.tnp-subscription {
    margin: 0;
}

.tnp-field.tnp-field-email input {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    border-bottom: 1px solid #828282 !important;
    padding: 7px 0 !important;
    color: #fff !important;
}

.tnp-field.tnp-field-button input {
    border: none !important;
    color: #FFF !important;
    font-family: "Space Grotesk" !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 98% !important;
    letter-spacing: 0.28px !important;
    text-transform: uppercase !important;
    margin-left: 12px !important;
    transition: 0.3s !important;
    background: transparent !important;
}

.tnp.tnp-subscription {
    display: flex;
    align-items: center;
}

.tnp-field.tnp-field-email {
    width: 50%;
}
.grecaptcha-badge {
    visibility: hidden;
    opacity: 0;
}
.cky-revisit-bottom-left {
    opacity: 0;
    visibility: hidden;
}
.defaultcon h2,
.defaultcon h3{
    margin-top: 30px;
}

h2#who-we-are {
    margin-top: 0;
}
.followuswrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* popuUI */
.popupDownloadForm {
    background: rgba(32, 32, 32, 0.91);
    backdrop-filter: blur(7.5px);
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
}
.popupDownloadForm.showform
{
	display:flex;
}
.downloadofrmUI {
    max-width: 550px;
    height: auto;
}
.downformtitle h4 {
    color: #BE1E2D;
    font-family: "Space Grotesk";
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 98%; /* 25.48px */
    letter-spacing: -0.52px;
}

.downformtitle h2 {
    color: #FFF;
    font-family: "Space Grotesk";
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: 95%; /* 52.25px */
    letter-spacing: -1.1px;
    text-transform: uppercase;
    max-width: 100%;
    margin: 20px 0;
}
.closepopupdownload span {
    color: #B2AFAF;
    font-family: "Space Grotesk";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 98%;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: absolute;
    top: 312px;
    left: 0;
    cursor: pointer;
}
span.wpcf7-spinner {
    background: #bf2433 !important;
}
.downloadofrmUI span.wpcf7-spinner {
left: 67%;
    margin-top: 20px;
    background: #bf2433 !important;
}
.LinkboxIconDownll {
    margin-right: 25px;
}
/* popuUI End */
.footerCenter {
    padding-top: 30px;
}
.footerTop+.footerCenter {
    padding-top: 100px;
}
.gjs-row {
    display: flex;
    align-items: center;
}
.es_spinner_image {
    position: absolute;
    top: 15px;
    left: 174px;
    display: inline-block;
    background-color: #23282d;
    opacity: 0.75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    background: #bf2433 !important;
}

.es-form-field-container {
    position: relative;
}

div#es_form_f3-n1 {
    position: relative;
}

.es_spinner_image:before {
    content: '';
    position: absolute;
    background-color: #fbfbfc;
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    border: none;
    border-radius: 100%;
    transform-origin: 8px 8px;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.es_spinner_image img {
    display: none !important;
}
span#es_subscription_message_689376a3c2de4 {}

.es_subscription_message.success {
    background: rgb(0 128 0 / 25%);
    display: block;
    padding: 12px;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
}
.mapcontentInner {
    position: relative;
}

.mapcontentInnerBox {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.3s;
}
.mapcontentInnerBox.active
{
	opacity:1;
}