#eae5e5h2.color-fff,
p.color-fff{color:#fff;}
.textCenter {
    text-align: center;
    width: 100%;
}
img{
    height: auto;
}
.textImg p:first-child {margin: 0.78125vw 0 0 !important}
.colorH2-960F13{color: #960F13}

.textLeft{text-align: left}
.colorFff ,.colorFff h2 ,.colorFff p{color: #fff}
.color000 ,.color000 h2 ,.color000 p{color: #000}
.padgTop-30{margin-top: 1.5625vw} /*30*/
.mTop-60{margin-top: 3.125vw} /*30*/
.left-p p{text-align: left}
.bgOpacity{background: rgba(244, 244, 244, 0.70);}
.imgShadow{box-shadow: 0px 15px 60px 0px rgba(0, 0, 0, 0.10);}
.imgShadow{box-shadow: 0px 15px 60px 0px rgba(0, 0, 0, 0.10);}
.border-radius img{border-radius: 50%}
.textCapitalize h2 {text-transform: capitalize;}
h2.heading-2,.heading2 h2{
    font-size: 2.25em;
    color: #C60D12}

h3 {
    color: #960F13;
    text-align: center;
    font-size: 2.063em; /*33*/
    text-transform: uppercase;
    margin: 0 0 1.0416666666666667vw; /*20*/
    font-family: 'MortendBold';
    line-height: 1.333;   /*44*/
    border-radius: 
}

.titleSize-24 h2{
    color: #960F13;
    display: block;
    text-transform: uppercase;
    margin: 0 0 1.0416666666666667vw;
    font-family: 'MortendBold';
    font-style: normal;
    font-size: 1.5em; /*24*/
}
.titleSize-32 h2{
    color: #C60D12;
    font-size: 2em; /*24*/
}
.bgGray .titleSize-24 h2{color: #fff;}

button.commBtn {
    background-color: transparent;
    cursor: pointer;
}
.commTab{margin-bottom:1.0416666666666667vw }/*20*/
.tabBtn {
    width: 100%;
    display: flex;
    flex-shrink: 0;
    font-weight: 600;
    font-size: 1.500em;
    padding: 0 1.5625vw;
    justify-content: space-between;
    min-width: 6.979166666666667vw;
    border-radius: 5.2083333333333336vw;
    min-height: 3.6458333333333335vw;/* 70 */
    background:transparent !important;
    gap: 0.5208333333333333vw;
    border: 1px solid #000;
    box-sizing: border-box;
    align-items: center;
    text-align: left;
    line-height: 1;
    color: #000;
}
.tabBtn svg{
	width:1.015625vw; /* 19.5 / 1920 */
	line-height:0;
}
.tabBtn .stroke{stroke:#000}

.tabBtn:focus,
.tabBtn:hover,
.tabBtn:active {
    color: #000;
    background-color: transparent;
    border-color: #000;
}

.showText {
    display: none;
    margin-top: 1.0416666666666667vw }/*20*/

.tabBtn.acTiveTab + .showText{display: block;}


@media screen and (max-width: 767px) {
    .mTop-60{margin-top: 20px} 
}

@media screen and (max-width: 639px) {
    .commTab {margin-bottom: 10px;}
    .tabBtn {
        font-size: 12px;
        padding: 0 20px;
        min-height: 30px;
    }
    .tabBtn svg {width: 12px;}
}

/********************************/
/*********    Banner    *********/
/********************************/

.bannerSec2 {
    padding: 
}

.banner-2 .bnrInner {width: 48.625vw}

@media screen and (max-width: 767px) {
    .banner-2  .bnrInner {width: 100%}
}


/*================= Banner Style 3 =================*/
.banner.banner-kye {
    text-align: left;
}
.banner-kye .container > .elementor-container {
    display: flex;
    justify-content: space-between;
    padding-top: 5.208333333333333vw;
    flex-wrap: wrap;
    align-items: center;
}
.banner-kye .bnrInner {
    width: 45.260416666666664vw !important;
    margin: 0;
    padding: 3.125vw;
}
.banner-kye h1 {
    text-align: left;
}
.banner-kye h2 {
    font-size: 1.813em;
    font-family:Figtree-Black;
    color: #000;
    padding: 1.5625vw 0 0;
}
.bnrInner h1,.bnrInner h2 {margin-top: 0 !important}

.banner-kye .bnrInner p {
    border-left: 0.20833333333333334vw solid #D82327;
    padding-left: 1.0416666666666667vw;
}
.bnrLogo {
    width: 23.541666666666668vw !important
}
.bnrLogo img {
    border-radius: 50%;
    box-shadow: 0px 0.5208333333333334vw  2.6041666666666665vw rgba(0, 0, 0, 0.50);
    height: auto;
}


.fullBanner-1.banner {
    min-height: auto;
    padding: 60px 0;
}
.fullBanner-1 .bnrInner p {
    font-size: 1.125em;
    line-height: 1.6;
}
.banner-kye.fullBanner-1 .bnrInner {
    width: 33vw !important; 
    margin: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
}
.banner-kye.fullBanner-1 .bnrInner h1 {color: #C60D12 !important;}
.fullBanner-1 .bnrLogo {
    width: 39vw !important;
}

.fullBanner-1 .bnrLogo img {
    border-radius: 10px;
    box-shadow: 0px 0.5208333333333334vw  2.6041666666666665vw rgba(0, 0, 0, 0.30);
    height: auto;
    width: 100%;
}
.column-ful-width .elementor-widget-wrap {
    display: flex !important;
    gap: 1.5625vw;
}

.column-ful-width .elementor-widget-wrap .elementor-element {
    width: auto !important;
}

.column-ful-width .commBtn {
    font-size: 1.125em;
}





@media screen and (max-width:767px){
    .fullBanner-1.banner {
    padding: 20px 0 30px;
}
    .banner-kye.fullBanner-1 .bnrInner,.fullBanner-1 .bnrLogo {
    width: 100% !important;
}
    .fullBanner-1 .bnrInner p,.column-ful-width .commBtn {
    font-size: 12px;
}
.banner-kye .bnrInner {
    width: 100% !important;
    padding: 15px;
}
    .bnrLogo {
    width: 170px !important;
    margin: 40px auto 0;
}
}
/*=== Banner Style 3 End =====*/
/********************************/
/**********   textImg   *********/
/********************************/
.textImg.pdgBtm-0 {padding-bottom: 0}
.advantages.bgGray {background-image: none}
.bgGray {background: rgba(72, 114, 157, 0.80) !important}
.textImg.pdgBtm334{padding-bottom: 17.395833333333332vw}
.textImg.pdgTop334{padding-top: 17.395833333333332vw}
.textInner {margin-top: 3.6458333333333335vw}/* 70 */
.textImg.pdgBtm-340 {padding-bottom: 17.708333333333332vw}
.textCenter.pdgTop-100 {padding-top: 5.208333333333333vw}
.textImg.pdgBtm-550 {padding-bottom: 28.645833333333332vw}
.textImgInner.alignStart {align-items: flex-start}
.textImg.pdg-0 {padding: 0}
.textImgInner .listarrow li {
    color: #000;
    background-image: url(images/arrow-white.svg);
}
.imgBox.imgBoxShadow {
    box-shadow: 0  0.5208333333333334vw 1.5625vw 0 rgba(0, 0, 0, 0.25);
    border-radius: 1.5625vw;
    aspect-ratio: 1;
    justify-content: center;
    align-items: center;
    display: flex;
}
.textImgInner.pdgTop-100 {padding-top: 5.208333333333333vw;}
.container.mgnTop-340 h2 {color: #960F13;margin-bottom: 1.5625vw}/* 30 */
.bgGray .textBox h2,
.bgGray .textBox p {text-align: left}
.bgGray  p a{color: #fff}
.bgGray .textBox .dotUl li {color: #fff}
.bgGray .commBtn {
    color: #fff;
    border-color: #fff;
}
.bgGray .commBtn .stroke{stroke: #fff}

.bgColor-F4F4F4 {background-color: rgba(225, 225, 225, 0.6)}

.textTop {
    width: 100%;
    text-align: center;
    margin: 0 0.5208333333333334vw 3.125vw !important; /* 10  60*/
} 

.textTop p {margin: 1.0416666666666667vw 0 0 !important}/*20*/
.textTop .commBtn {margin-top: 1.5625vw}/*30*/
.textImg1 .imgBox {
    width: 52% !important;
    height: auto;
}

.textImg1 .textBox {width: calc(48% - 3.125vw)!important}

.textImg3 .imgBox {
    height: auto;
    width: 40.134444% !important;
}
.textImg3 .textBox {width: 57.3333333%;}
.textImg3 .textBox .dotUl {margin-top: 1.0416666666666667vw;}
.textImgInner.textFlexFirst {align-items: flex-start;}
.textBoxText p {margin: 0;}
.textBoxText strong {
    margin-top: 1.5625vw;
    display: block;
}
.textBoxText {margin-bottom: 2.6041666666666665vw;}


.textImg3 .imgBox {
    width: 29.322916666666665vw !important;
    box-shadow: none;
    border-radius: 1.5625vw;
    overflow: hidden;
    line-height: 0;
    height: auto;
}

.imgBoxShadow img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    border-radius: 1.5625vw;/*30*/
    box-shadow: 0 0.5208333333333333vw 1.5625vw 0 rgba(0,0,0,0.25);
}

.text-top {
    padding: 4.166666666666667vw 0 0;
    max-width: 1336px;
    margin: 0 auto;
    text-align: center;
}
.text-top.textLeft p {text-align: left;}

.textImgBtm {
    margin-top: 1.5625vw;
    text-align: center;
    width: 100%
}
.textImgBtm p {text-align: left;}


.imgBoxIn,
.imgBoxIn > .elementor-container{
    display: flex;
    justify-content: space-between;
    margin-top: 2.8125vw;} /*54*/
.imgBoxIn > .elementor-container{margin-top: 0;}
.imgBoxIn .imgBox2,
.imgBoxIn .imgBox2 >.elementor-widget-wrap {
    width: 51.5%;
    justify-content: space-between;
    display: flex;
}
.imgBoxIn .imgBox2 >.elementor-widget-wrap {width: 100%;}
.imgBoxIn .imgBox2 .elementor-widget-wrap>.elementor-element {width: 48%}
.imgBoxIn .texBoxtin {
    width: calc(48% - 3.125vw);
    text-align: left;
}

.imgBoxIn .imgBox2.orderRgt {order: 2;}
.imgBoxIn .img-1 img {
    width: 100%;
    border-radius: 1.0416666666666667vw;
}
.dotHed {
    font-size: 1.125em;
    margin-top: 1.5625vw;
    display: block;
}
.textTitel {margin-bottom: 2.6041666666666665vw;}


.textImg3 .textImgInner, .textImg4 .textImgInner {
    align-items: flex-start;
}
.textImg4 .textImgInner > .elementor-container,
.textImg3 .textImgInner > .elementor-container,
.textImg2 .textImgInner > .elementor-container,
.textImg1 .textImgInner > .elementor-container {align-items: flex-start;width: 100%}


.locatBnr3 .cmnBtnGp .elementor-widget-wrap.elementor-element-populated {
    display: flex;
    gap: 20px;
}

.locatBnr3  .cmnBtnGp .elementor-element {
    width: auto;
}

@media screen and (max-width: 767px) {
    .textImg3 .textBox,
    .textImg3 .imgBox {width: 100% !important}
    .textImg.pdgBtm-540 {padding-bottom: 50px} 
    .textImg.pdgBtm-550 {padding-bottom: 50px;}
    .imgBoxIn, 
    .imgBoxIn > .elementor-container {flex-wrap:  wrap}
    .imgBoxIn .imgBox2.orderRgt {
        order: -1;
        width: 100% !important;
    }
    .imgBoxIn .texBoxtin {width: 100% !important}
    .textBoxText strong {font-size: 12px;}
    .textImg1 .textBox {width: 100% !important}
    .textImg1 .imgBox {width: 100% !important}
}

/********************************/
/********textImg Area End********/
/********************************/


/*=========================
   Advantages Area Area Start 
===========================*/
.advantages{
    padding:5.2083333333333336vw; /* 100 / 1920 */
    background-image:url(images/advantagesBg.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    text-align:center;
}

.advantages.mgnTop-322{margin-top:-17.5vw} /* 322 / 1920 */
.advantages.pdgTop-300{padding-top:17.625vw} /* 300 / 1920 */

.advantages.pdgTop-270 {padding-top: 14.0625vw}
.advantages.pdgTop-410 {padding-top: 21.354166666666668vw;}
.advantages.mgnTop--270 {
    margin-top: -14.0625vw;
    z-index: 1;
}

.container.mgnTop-340 {margin-top: -17.708333333333332vw;} /* 340 / 1920 */

.advantages p{
    margin:1.0416666666666666vw 0 0 !important; /* 20 / 1920 */
    color:#fff
}
.advantages h2{color:#fff}

.advBoxs,
.advBoxs > .elementor-container{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    margin-top:3.125vw; /* 60 / 1920 */
    gap:1.5625vw; /* 30 / 1920 */
}
.useSafes .titleSize-24 {margin: 3.125vw 0 1.5625vw;}

.useSafes .advBoxs {margin: 0;}
.advBoxs.adcBox3 ,.advBoxs.adcBox5 {justify-content: center;}
.adcBox3 .advBoxc {width: calc(33.333% - 1.0416666666666667vw);} /*20*/
.adcBox5 .advBoxc {width: calc(20% - 1.3020833333333334vw)}

.adcBox3 .advBoxc strong {
    display: block;
    font-size: 1.5em;/*24*/
    line-height: 1.2;
    margin-top: 1.0416666666666667vw; /*20*/
    font-style: normal;
}

.advSvg{
	width:100%;
	line-height:0;
}
.advSvg svg,.advSvg img{
    height:3.125vw; /* 60 / 1920 */
    line-height: 0;
    width: auto
} 

.advBoxc{
    gap:1.5625vw; /* 30 / 1920 */
    padding:1.5625vw; /* 30 / 1920 */
    background:#FFF;
    border-radius:0.78125vw; /* 15*/
    width:calc(25% - 1.3020833333333334vw); /* 25 / 1920 */
    box-shadow:0 0.5208333333333333vw 1.3020833333333334vw 0 rgba(0, 0, 0, 0.25);
    flex-direction:column;
    display:flex;
}
.advBoxs.pdgBtm-80{padding-bottom: 4.166666666666667vw;}
.advBoxs .advBoxc.width50 {width: calc(50% - 1.0416666666666667vw);}
.adcBox2 .advBoxc {width: calc(50% - .8vw);}

.advBoxs p{
    margin:0 !important;
    font-size:1.125em;/*18*/
    line-height:1.4444;
    color:#000;
}
.advBoxs.adcBox3 p {color: #000;}
.advBoxs .advBoxc p{
    color:#000;
    text-align: center;
}

.advimg .smHed {
    color: #000;
    margin-top: 1.0416666666666667vw; /*20*/
    display: block;
}

.advSvg.advFlx,
.advSvg.advFlx > .elementor-container{
    display: flex;
    align-items: center;
    gap: 1.0416666666666667vw;
}
.advSvg.advFlx svg {height:4.166666666666667vw;}
.advSvg.advFlx strong {margin: 0;}

.advantagesText .listarrow {margin-bottom: 1.5625vw;} /* 30 / 1920 */
.advSvg strong {
    color: #000;
    display: block;
    margin-top: 1.0416666666666667vw; /* 20 */ 
    line-height: 1.2; /* 20 */ 
}

.advantages.magTop--334 {margin-top: -18vw}

.advantages.pdgTop-334 {padding-top: 18vw}

.advantages.magTop--485 {margin-top: -26.7vw}

.advantages.pdgTop-485 {padding-top: 26.7vw}

.advantagesText {
    text-align: left;
    margin: 2.0833333333333335vw 0  4.583333333333333vw;
}

.advSvg.advFlx1,
.advSvg.advFlx1 > .elementor-container{
    display: flex;
    align-items: center;
    gap: 1.3541666666666667vw;
}

.advSvg.advFlx1 .smHed {
    margin: 0;
    font-size: 1.125em;/*20*/
}

.advSvg.advFlx1 svg {height: 2.5vw}/*48*/

.advBoxs.textLeft p {text-align: left;}
.advSection {padding: 5.208333333333333vw 0;}

.advSection.pdgTop-310 {padding-top:16.145833333333332vw}

.advSection.pdgTop-330 {padding-top:16.145833333333332vw}

.bgGray h2 ,.bgGray p{color: #fff;text-align: center;}

.advSection h2,
.advSection p {text-align: center;}

@media screen and (max-width: 767px){
	.advantages{padding:50px 0}
	.advantages.mgnTop-322{margin-top:0}
	.advantages.pdgTop-300{padding-top:50px}
    .advantages.pdgTop-410 {padding-top: 50px;}
    .advantages.mgnTop--270 {margin-top: 0;}
    .advantages.pdgTop-485 {padding-top: 41vw}
    .advantages.magTop--485 {margin-top: -41vw;}
    .advantages.pdgTop-334 {padding-top: 26.2vw;}
    .advantages.magTop--334 {margin-top: -26.2vw;}
    .container.mgnTop-340 {margin-top: 0;}
	.advBoxs{
		margin-top:15px;
		gap:15px;
	}
	.advBoxc {
		width: calc(50% - 7.5px);
		padding: 15px 5px;
	}
    .adcBox2 .advBoxc {width: calc(50% - 7.5px)}
	.advSvg svg ,.advSvg img {height: 40px}
	.advBoxs p {font-size: 12px}
    .adcBox3 .advBoxc {width: calc(48% - 1.0416666666666667vw)}

    .advantages h2 br {display: none;}
    .useSafes .titleSize-24 {margin: 40px 0 20px}
    .advBoxs .advBoxc p br {display: none}
} 

@media screen and (max-width:639px){
    .advantages.magTop--485 {margin-top: -69.6vw}
    .advantages.pdgTop-485 {padding-top: 69.6vw}
    .advantages.pdgTop-334 {padding-top: 40vw}
    .advantages.magTop--334 {margin-top: -40vw;}
    .advBoxc {
        width: 100% !important;
        padding: 15px 10px;
	}
    .advBoxImages .advBoxc {
        width: calc(50% - 7.5px) !important;
    }
    .adcBox2 .advBoxc {width: 100%;}
    .advSvg.advFlx,
    .advSvg.advFlx > .elementor-container,
    .advSvg.advFlx1, 
    .advSvg.advFlx1 > .elementor-container {flex-wrap: wrap;}
    .advSvg.advFlx1 .smHed {
        font-size: 14px;
        text-align: center;
    }
    .advSvg.advFlx svg, 
    .advSvg.advFlx1 svg{
        height: 40px;
        margin: 0 auto
    }
    .advSvg.advFlx strong {
        margin: 0;
        width: 100%;
        text-align: center;
    }
    .advSvg strong br{
       display: none;
    }
    .advBoxs.textLeft p {text-align: center;}
    .advSvg.advFlx1 .smHed {width: 100%;}
    .adcBox3 .advBoxc strong {text-align: center;}
    
}
/*=========================
   Diffent Type Area Area Start 
===========================*/
.dfTpArea{
    width:100%;
    padding:5.2083333333333336vw 0; /* 100 / 1920 */
    background:url(images/diffferent-type-bg.png) no-repeat center center;
    background-size:cover;
    text-align:center;
}
.dfTpArea.pdgBtm-490{padding-bottom:25.52083333333333vw} /* 490 / 1920 */

.dfTpArea .container{max-width:63.75vw; /* 1224 / 1920 */}
.dfTpArea h2{color:#fff;}
.box50s,
.box50s > .elementor-container{
    display:flex;
    justify-content:space-between;
    gap:2.0833333333333332vw; /* 40 / 1920 */
}
.boxWid1220{
    max-width:63.54166666666666vw; /* 1220 / 1920 */
    margin:0 auto;
}
.box50{width:calc(50% - 1.0416666666666666vw)} /* 20 / 1920 */
.box50{
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-top:2.0833333333333332vw; /* 40 / 1920 */
}
.box50 > .elementor-widget-wrap{width: 100%}
.box50 img{border-radius:50%;}
.listarrow{
    padding:0;
    width:100%;
    gap:0.5208333333333333vw; /* 10 / 1920 */
    margin:1.0416666666666666vw 0 0; /* 20 / 1920 */
    flex-direction:column;
    text-align:left;
    list-style:none;
    display:flex;
}

.smHed{
    margin-top:2.0833333333333332vw; /* 40 / 1920 */
    font-family: 'Figtree-Bold'; 
    font-size:1.500em;/*24*/
	font-weight:600;
    display: block;
    color:#FFF;
}

.smHed a{
    color:#000;
    text-decoration: underline;
}
a.smHed{
    color:#000;
    text-decoration: underline;
}
.smHed a:hover{
    color:#C60D12;
    text-decoration: none;
}
.listarrow li{
    color:#FFF;
    font-size:1.125em;/*18*/
    line-height:1.666;
    padding-left:1.9270833333333334vw; /* 37 / 1920 */
    background-image:url(images/listarrow-1.png);
    background-position:left 0 top 50%;
    background-repeat:no-repeat;
    background-size:1.0416666666666666vw; /* 20 / 1920 */
}
.listarrow.arrowBlack li{
    background-image: url(images/arrow-black.png);
    color: #000;
}
.arrow-Black li{
    padding-left:1.9270833333333334vw; /* 37 / 1920 */
    background-image: url(images/arrow-black.png);
    background-position:left 0 top 50%;
    background-repeat:no-repeat;
    background-size:1.0416666666666666vw; /* 20 / 1920 */
}
.listarrow li a{text-decoration: none;color: #fff}
.listarrow.arrowBlack li a{color: #000}

@media screen and (max-width: 767px){
	.dfTpArea{padding:50px 0}
	.dfTpArea.pdgBtm-490{padding-bottom:50vw} /* 490 / 1920 */
	.dfTpArea .container{max-width:calc(100% - 1.5625vw)}
	.smHed{font-size:14px}
	.listarrow li {
		font-size: 12px;
		padding-left: 15px;
		background-position: left 7px;
		background-size: 10px auto;
	}
    .smHed a,
    .adcBox3 .advBoxc strong {font-size: 14px}
}

@media screen and (max-width:639px){
	.dfTpArea.pdgBtm-490{padding-bottom:100vw}
	.box50s,
    .box50s > .elementor-container {display: block}
	.box50,
	.box50 > .elementor-widget-wrap {
		width: 100%;
		padding-top:15px;
	}
}

/*=========================
   acBoxs Slider Area End 
===========================*/
.acBoxSlider{
    width:100%;
	position:relative;
    padding:5.2083333333333336vw 0; /* 100 / 1920 */
    text-align:center;
    z-index:9;
}

.acBoxSlider.pdgTop-0 {padding-top: 0;}
.acBoxSlider.magTop--542 {margin-top: -28.229166666666668vw;}
.acBoxSlider .commBtn.bold {margin: 1.5625vw 0 5.2083333333333336vw;} /* 30 / 100/ 1920 */
.acBoxSlider .commBtn.medium {margin-top: 1.5625vw;} /* 30 / 1920 */


.acBoxSlider.mgnTop-498{margin-top:-25.9375vw} /* 498 / 1920 */

.acBoxSlider .container{width:78.20833333333333vw}

.acBoxSlider p{margin:0.9375vw 0 0 !important} /* 18 / 1920 */
.acBoxSlider.colorFff .acBoxShow3 p {text-align: left;}
.acBoxs,
.acBoxShow2,
.acBoxShow3{
    margin:0;
    padding:0 0.78125vw; /* 15 / 1920 */
}
.acBoxs .slick-track ,
.acBoxShow2 .slick-track,
.acBoxShow3 .slick-track{display:flex;}
.acBox{
    background:#FFF;
    position:relative;
    box-shadow:0 0.26041666666666665vw 0.78125vw 0 rgba(0, 0, 0, 0.25);
    margin:2.6041666666666668vw 0.78125vw; /* 50-15 / 1920 */
    border-radius:15px;
    height:auto;
}

.acBoximg{
    border-radius:15px 15px 0 0;
    overflow:hidden;
    display:flex;
}
.acBoximg img{width:100%;height: auto;}
.acBoxCont,
.acBoxCont > .elementor-container{
    display:flex;
    padding:1.5625vw; /* 30 / 1920 */
    flex-direction:column;
    border-radius:0 0 15px 15px;
    justify-content:space-between;
    align-items:center;
    align-self:stretch;
    text-align:center;
    gap:1.5625vw; /* 30 / 1920 */
    flex:1 0 0;
}
.adIimBtn .acBoxCont{padding:1.5625vw 1.5625vw 5.2083333333333336vw;} /* 30-100 / 1920 */
.acBoxSlider .smHed{
    color:#000;
    margin:0;
}
.acBoxCont p{
    color:#000;
    margin:0 !important;
    line-height:1.444;
}
.acBoxCont .commBtn{
    left:50%;
    bottom:1.5625vw; /* 30 / 1920 */
    position:absolute;
    transform:translate(-50%);
}
.acBoxSlider .acBoxs.textLeft p {text-align: left;}


@media screen and (max-width: 767px){
	.acBoxSlider{padding-bottom:50px}	
	.acBoxSlider.mgnTop-498 {margin-top: -46.4vw}
    .acBoxSlider.magTop--542 {margin-top: 30px;}
	.acBox {
		margin-left:1.5vw;
		margin-right:1.5vw;
		margin-bottom:15px;
	}
	.acBoxCont {padding: 15px}
	.adIimBtn .acBoxCont {padding: 15px 15px 50px}
	.acBoxCont .commBtn {bottom:15px}
    .acBoxSlider.magTop--542.colorFff h2, 
    .acBoxSlider.magTop--542.colorFff p {color: #000}
}

@media screen and (max-width:639px){
	.acBoxSlider.mgnTop-498 {margin-top: -92vw}
}

/*=========================
   Serve  Area StArt 
===========================*/
.serve{
	width:100%;
	text-align:center;
	padding-bottom:25.26041666666667vw; /* 485 / 1920 */
}
.serveGg{text-align:center;}
.serveGg{
    background:rgba(72, 114, 157, 0.90);
    padding:5.2083333333333336vw 0; /* 100 / 1920 */
}
.serveGg.pdgTop-410{padding-top:21.354166666666666vw} /* 410 / 1920 */
.serveGg.pdgBtm-170{padding-bottom:8.854166666666667vw} /* 170 / 1920 */
.serveGg.pdgBtm-320{padding-bottom:16.666666666666666vw} /* 320 / 1920 */
.serveGg.pdgBtm-464{padding-bottom: 24.166666666666668vw}/* 464 / 1920 */
.serveGg h2,
.serveGg p,
.serveGg .commBtn{color:#fff;}

.serveGg p{margin:0.5208333333333333vw 0 0 !important} /* 10 / 1920 */
.serveGg .commBtn{border-color:#fff;}
.serve p{margin:0.5208333333333333vw 5.2083333333333336vw 0 !important} /* 10-100 / 1920 */
.cmnBtnGp,
.cmnBtnGp > .elementor-container{
    display:flex;
    justify-content:center;
    padding:2.0833333333333332vw 0 0; /* 40 / 1920 */
	flex-wrap: wrap;
    gap:1.5625vw; /* 30 / 1920 */
}

@media screen and (max-width:767px){
	.serve{padding-bottom:50px}
	.serve p {margin: 10px 0 !important}
	.serveGg,
    .serveGg.pdgBtm-464{padding:50px 0}
	.serveGg.pdgBtm-170{padding-bottom:50px}
	.serveGg.pdgTop-410{padding-top:50px}
	.serveGg.pdgBtm-320{padding-bottom:50px}
	.cmnBtnGp {gap: 15px}
	.serveGg p {margin:10px 0 15px !important}
	.serveGg br{display:none}
}

/*=========================
   InterComArea  Area Start 
===========================*/
.interComArea{
	width:100%;
    padding:5.2083333333333336vw 0; /* 100 / 1920 */
    text-align:center;
}
.interComArea.pdgTop-480{padding-top:25vw} /* 480 / 1920 */
.interComArea.pdgBtm-320{padding-bottom:16.666666666666666vw} /* 320 / 1920 */

.interComFlex,
.interComFlex > .elementor-container{
    display:flex;
    justify-content:space-between;
    flex-wrap: wrap;
}
.interComFlex > .elementor-container{margin-top:3.125vw}
.interComLeft{width:46% !important}
.interComRig{
    width:50% !important;
    text-align:right;
}
.interComRig.orderRgt{order:2}
.interCom{text-align:left;}
.interCom h3{
    color:#960F13;
    font-size:2.000em;/*32*/
    line-height:1.375;/*44*/
    text-transform:uppercase;
    font-family:'MortendBold';
    font-style:normal;
    margin:0 0 0.5208333333333333vw; /* 10 / 1920 */
	text-align:left;
}
.interCom p{margin:0 !important}
.interComLeft .interCom{margin-bottom:3.125vw} /* 60 / 1920 */

.interComFlex3,
.interComFlex3 > .elementor-container{
    display:flex;
    justify-content:space-between;
    gap:3.125vw; /* 60 / 1920 */
}
.interComFlex3 .interCom{
    margin-top:2.4479166666666666vw; /* 47 / 1920 */
    width:33.3333%
}

@media screen and (max-width:767px){
	.interComArea{padding:50px 0}
	.interComArea.pdgTop-480{padding-top:50px}
	.interComArea.pdgBtm-320{padding-bottom:50px}
	.interComFlex {
		margin-top:5px;
		display:block;
	}
	.interComLeft,.interComRig {
		width:100% !important;
		padding-top:15px;
	}
	.interComRig.orderRgt{order:-1}
	.interComFlex3,
	.interComFlex3 > .elementor-container {
		flex-wrap: wrap;
		gap: 15px;
	}
	.interComFlex3 .interCom {
		margin-top: 0;
		width: 100% !important;
	}
}

/*=========================
   Camra  Area Start 
===========================*/
.camraArea .container{
	padding:5.1041666666666666vw 1.6666666666666666vw 2.96875vw; /* 98-32-57 / 1920 */
}
.camraArea p{margin:0.5208333333333333vw 0 0 !important} /* 10 / 1920 */
.camras,
.camras > .elementor-container{
    display:flex;
    justify-content:center;
    margin-top:1.5625vw; /* 30 / 1920 */
    gap:3.125vw; /* 60 / 1920 */
}
.camraMid{width:16.618287373004353% !important} /* 229 / 1378 */
.camraMid-2{width:33.454281567489114% !important} /* 461 / 1378 */ 

.camras.camraPad{align-items:center;}
.camTexFlx,
.camTexFlx > .elementor-container{
    display:flex;
    align-items:center;
    gap:1.3020833333333334vw; /* 25 / 1920 */
}
.camTexFlx svg{
	width:auto;
	height:3.6458333333333336vw; /* 70 / 1920 */
}
.camTexleft,
.camTexleft > .elementor-widget-wrap{
    align-items:flex-end;
    text-align:right;
}
.camTexRit{text-align:left}
.camTexleft,
.camTexleft > .elementor-widget-wrap,
.camTexRit,
.camTexRit > .elementor-widget-wrap{
    display:flex;
    flex-direction:column;
    margin-top:0; /* 30 / 1920 */
    gap:2.6041666666666668vw; /* 50 / 1920 */
}
.camTexleft .camTexFlx {justify-content: flex-end}
.camTexFlx span{
    color:#000;
    font-size:1.250em;/*20*/
    font-style:normal;
    font-weight:600;
}
.dorImg {
    width: calc(40% - 1.71875vw) !important;
}
.dortext {
    width: calc(60% - 1.71875vw) !important;
}
@media screen and (max-width:767px){
	.camraArea .container {padding: 2.6041666666666665vw 15px}
	.camraArea .elementor-column {width: auto}
	.camraArea p {margin: 10px 0 !important}
	.camras {
		margin-top: 15px;
		gap:15px;
	}
	.camTexFlx svg {
		width:25px;
		min-width: 25px;
		height:auto;
	}
    .camTexFlx span {font-size: 10px}
    .camTexleft,
    .camTexleft > .elementor-widget-wrap,
    .camTexRit,
    .camTexRit > .elementor-widget-wrap{margin-top:0}
    .dorImg, .dortext {width: 100% !important}
    .dortext p {font-size: 12px}
}

/*=========================
   Camra  Area End 
===========================*/

/*=======================
Range Box Style Start
========================*/

.flex4s ,
.flex4s > .elementor-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 2.0833333333333335vw 0;
    text-align: left;
}
.flex4s .flex4 {width: calc(25% - 2.6041666666666665vw);}
.flex4 strong {
    font-size: 1.5em; /*24*/
    line-height: 1.20833; /*29*/
    margin-bottom: 1.0416666666666667vw; /*20*/
    display: block;
}
.flex4s .flex4 ul,
.flex4s .flex4 ul > .elementor-container {
    width: 100%;
    list-style: disc;
    padding: 0 0 0 1.5104166666666667vw; /*24*/
    justify-content: space-between;
    text-align: left;
    flex-wrap: wrap;
    gap: 1.5625vw; /*30*/
    display: flex;
    margin: 0;
}
.flex4s .flex4 ul li {
    width: 100%;
    font-size: 1.125em; /*18*/
    line-height: 1.444444;
    font-weight: 400;
}
.rangeBox p {margin: 1.0416666666666667vw 0 0 !important} /*20*/

.rangeBox .commBtn.addarrow {margin: 0 auto;}
@media screen and (max-width: 767px) {
    .flex4s .flex4 {
    width: calc(100% - 2.6041666666666665vw);
    margin-top: 20px;
    margin-left: 10px
}
 .flex4s .flex4 ul li {font-size: 12px;}
    .advSvg strong {
    font-size: 12px}
}

/*=======================
Range Box Style End
========================*/


/*=======================
Type Of Area  Start
========================*/

.typeOfArea {
    padding: 5.208333333333333vw 0; /*100/ 1920*/
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/typeBg-1.png);
    background-size: cover;
    text-align: center;
}
.typeOfArea.magTop--505 {margin-top: -26.6vw} 
.typeOfArea.pdgTop-505 {padding-top: 26.6vw} 
.typeOfArea.pdgBtm-550 {padding-bottom: 28.645833333333332vw} 
.typeOfArea h2,.typeOfArea p{color: #fff;}

.pt550{padding-top: 28.645833333333332vw;}

.typeOfArea.magTop--574{margin-top: -30.4vw}
.typeOfArea.pdgTop-574 {padding-top: 30.4vw} 
.typeOfArea.pdgTop-514 {padding-top: 26.5vw} 
.typeOfArea.magTop--514 {margin-top: -26.5vw}

@media screen and (max-width: 767px) {
    section.typeOfArea.magTop--574.pdgTop-574 {padding-bottom: 50px}
    .pt550 {padding-top: 50px}
    .typeOfArea.pdgTop-574 {padding-top: 50.895833vw}
    .typeOfArea.magTop--574 {margin-top: -50.895833vw}
    .typeOfArea.magTop--514 {margin-top: -36.5vw}
    .typeOfArea.pdgTop-514 {padding-top: 36.5vw}
}
@media screen and (max-width: 639px) {
.typeOfArea.pdgTop-574 {padding-top: 86.444444vw}
.typeOfArea.magTop--574 {margin-top: -86.444444vw}
.typeOfArea.magTop--514 {margin-top: -63.5000vw}
.typeOfArea.pdgTop-514 {padding-top: 63.5000vw}
}
/*=======================
Type Of Area  End
========================*/

/* ================== 
Gallary Box Area Start 
==================*/
.gallarySection {
    padding: 5.208333333333333vw 0 0;
    text-align: center;
}
.gallarySection::after {
    top: 0;
    width: 100%;
    position: absolute;
    background: #F4F4F4;
    height: 71.5%;
    content: "";
    left: 0;
}
.gallarySection p {margin: 0.9375vw 0 0 !important} /*15*/ 

.gallaryBoxs{
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0px 0.5208333333333334vw 30px rgba(0, 0, 0, 0.25);
    border-radius: 15px; /*15*/ 
    margin-top: 3.125vw; /*60*/
    overflow: hidden;
}

.gallaryBox {
    position: relative;
    width: 25%
}
.gallaryBox img {
    display: block;
    width: 100%;
}

.gallaryBox span {
    top: 50%;
    left: 50%;
    width: 100%;
    display: block;
    position: absolute;
    font-family: 'MortendBold';
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    text-align: center;
    font-size: 1.25vw;
    line-height: 1;
    color: #FFF;
    z-index: 1;
}

.gallaryBox:nth-child(2) span,
.gallaryBox:nth-child(4) span,
.gallaryBox:nth-child(5) span,
.gallaryBox:nth-child(7) span {color:#960F13}

@media screen and (max-width: 767px) {
    .typeOfArea.magTop--505 {margin-top: -53.302083vw}
    .typeOfArea.pdgTop-505 {padding-top: 53.302083vw}
    .typeOfArea.pdgBtm-550 {padding-bottom: 50px}
}

@media screen and (max-width:425px){
    .gallaryBox span {font-size: 1em;}
    .typeOfArea.pdgTop-505 {padding-top: 65.302083vw;}
    .typeOfArea.magTop--505 {margin-top: -65.302083vw;}
}
/* ================== 
Gallary Box Area End 
==================*/

/* ================== 
Ned Section  Start 
==================*/
.nedSection{
    padding: 5.208333333333333vw 0; /*100*/
    text-align: center;
}

.dotUlFlex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.dotUlFlex .dotUl {
    width: calc(50% - 2.0833333333333335vw);
    margin-top: 2.5vw;
}
.dotUlFlex .dotUl li {line-height: 1.8;}

@media screen and (max-width:767px){
    .gallarySection {padding: 50px 0 0}
    .dotUlFlex .dotUl {
        width: 100%;
        margin: 15px  15px 0;
    }
    .dotUl li {font-size: 12px;}
}
/* ================== 
Ned Section  End 
==================*/


/*===============
Code Section Start 
=================*/
.codeCompliance {padding: 5.208333333333333vw 0;}

.codeCompliance h2 {
    font-size: 2.063em; /*33*/
    line-height: 1.3333; /*44*/
    margin-bottom: 1.0416666666666667vw;
}
.codeCompliance p {margin: 0 !important}

.codeCompliance h3 {
    margin: 0 0 1.0416666666666667vw;
    line-height: 2.2;
    font-size: 1.25em; /*33*/
    font-family: 'Figtree-Bold';
    text-align: left;
    font-weight: 600;
    color: #960F13;
}
.codeCompliance .box50s {gap:0}

.codeCompliance .box50 {
    margin-top: 3.0729166666666665vw;
    align-items: flex-start;
    width: calc(50% - 1.6666666666666667vw);
}

.dotUl,.dotUl2 ul ,.autoFlexs ul {
    margin: 0;
    list-style: disc;
    padding: 0 0 0 1.0416666666666667vw;
    text-align: left;
}
.dotUl li,.dotUl2 li,.autoFlexs li {
    font-size: 1.125em;  /*18*/
    line-height: 1.666; /*30*/
}
.spTabCont .autoFlexs li {
    font-size: 1.5em;
    line-height:2;
}
.dotUl li a{color: #000}
.dotUl li a:hover{color: #960F13}

.codeCompliance .dotUl {padding: 0 0 1.8229166666666667vw  1.0416666666666667vw}

.codeImages,
.codeImages > .elementor-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.8229166666666667vw;
    gap: 1.8229166666666667vw;
}
.codeImage {width: 50% !important}
.codeImages img {
    border-radius: 30px;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.25);
    width: 100%;
}

.oriPostFlex {
    display: flex;
    padding: 1.8229166666666667vw 0;
    justify-content: space-between;
    border-bottom: 1px solid #000;
    flex-wrap: wrap;
}
.orgihead {
    color: #000;
    font-size: 1.625em;/* 26*/
    line-height: 1.153846153846154;
    display: block;
}
.oriLike {
    display: flex;
    align-items: center;
    gap: 0.5208333333333334vw; 
}
.oriSocialUl {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    gap: 0 1.8229166666666667vw;
}
.oriSocialUl li a {display: block;}
.oriSocialUl li a:hover svg path {fill: #960F13;}
.nextPrevPost {
    display: flex;
    justify-content: space-between;
    padding: 1.8229166666666667vw 0;
    flex-wrap: wrap;
}

.nextPrevPost a {
    color: #000;
    text-decoration: none;
}
.nextPrevPost a:hover {color: #960F13;}
.nextPostHed {
    font-family: 'MortendBold';
    font-size: 1.25em;/* 20 */
    line-height: 2.2; /* 44*/
}
.nextPrevPost p {
    font-size: 1.25em;/* 20*/
    line-height: normal;
}
.oriSocialUl li a svg {height: 1.25vw;}
.recentpostBox {padding-bottom: 4.166666666666667vw;}
.recentpostBox h2 {
    text-align: center;
    margin-bottom: 2.0833333333333335vw;
}
.recPosts {
    display: flex;
    justify-content: space-between;
}
.recPost {width: calc(33.333% - 1.0416666666666667vw);}
.recPost h4 {
    color: #960F13;
    font-size: 1.25em;/* 20*/
    font-weight: 700;
    text-transform: uppercase;
    line-height: normal;
    margin: 0;
}
.recPost p {margin: 1.5625vw 0 !important}
.commBtn.addarrow svg {height: 1.1458333333333333vw;}/* 22*/


@media screen and (max-width:767px){
    .recentpostBox {padding-bottom: 50px}
    .codeCompliance .box50 {width: 100%}
    .codeCompliance h3 {
        line-height: 1.1;
        font-size: 12px;
    }
    .oriSocialUl {margin-top: 10px}
    .oriLike {width: 100%}
    .oriSocialUl {gap: 10px}
    .oriSocialUl li a svg {height: 20px}
    .recentpostBox {margin-top: 20px}
    .originalPostArea .nextPrevPost {flex-wrap: nowrap}
    .nextPrevPost p {font-size: 12px}
    .nextPrevPost {
        padding: 15px 0;
        gap: 20px;
    }
    .nextPostHed {font-size: 12px}
    a.nextPost {text-align: right}
    .recPosts {
        flex-wrap: wrap;
        gap: 30px;
    }
    .recPost {width: 100%}
    .recPost h4 {font-size: 12px}
    .dotUl2 ul li{font-size: 12px}
}
/*=============== codeBanner End =================*/

/*=========================
   washroomsSec Area Start 
===========================*/
.washroomsSec.pdgBtm-310{padding-bottom:16.145833333333332vw}/* 310*/
.washroomsSec {padding: 5.208333333333333vw 0;}

.washRooms,
.washRooms > .elementor-container {
    display: flex;
    justify-content: space-between;
    text-align: left;
    margin-top: 3.125vw;
    gap: 2.6041666666666665vw;/*50*/
}
.washRooms > .elementor-container {margin-top: 0;}

.washRooms h3 {
    text-align: left;
    font-size: 1.5em; /*24*/
}

.washRoomLft {
    width: 29%;
    padding-left: 1.5625vw;
}
.washRoomRit {width: 28%;}

.washRoomMid {width: 33.54%;}

.washRoomMid img {
    width: 100%;
    display: block;
    border-radius: 15px;
}

/*=========================
   washroomsSec Area End 
===========================*/

.redBox.midTexts .container {padding: 3.125vw}

.middleCenter.midTexts p {font-size: 1.25em} /*20*/

.redBoxP .redBoxleft p {padding-right: 1.1458333333333333vw}
@media screen and (max-width:767px){
    .washroomsSec {padding: 50px 0}
    .washroomsSec.pdgBtm-310 {padding-bottom: 30px}
    .redBox.midTexts .container {padding: 50px 15px}
    .washRooms,.washRooms > .elementor-container  {flex-wrap: wrap}
    .washRoomLft {width: 100%}
    .washRoomMid {
        width: 100%;
        padding: 20px 0;
    }
    .washRoomRit {width: 100%}
    .middleCenter.midTexts p {
            font-size: 12px;
            text-align: center
    }
}
/*=========================
   Advantages Area Area Start 
===========================*/

/*============= 
ComPon Area Start 
===============*/
.comPonArea {
    padding: 5.2083333333333336vw 0;
    text-align: center;
}
.comPonArea.magTop--284{margin-top: -14.791666666666666vw}

.comPonArea.pdgTop-284{padding-top: 14.791666666666666vw}

.comPonArea h2,
.comPonArea p{color: #fff;}

.comPonArea p{text-align: left}

.comPonArea .flexRit p {margin: 0 !important}

.comPonArea .container {width: 61.197916666666664vw;} /* 1175  1920 */

.comPonArea .flexs {margin-top: 3.125vw;}

.comPonArea .flexs,
.comPonArea .flexs > .elementor-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2.0833333333333335vw;
}
.comPonArea .flexLft {width: 39% !important}
.comPonArea .flexRit {width: 50% !important}
.comPonArea .commBtn.bold {
    color: #fff;
    border-color: #fff;
    font-family: inherit;
    font-weight: 500;
}
.comPonArea .commBtn .stroke {stroke: #fff;}

@media screen and (max-width:767px){
    .comPonArea.pdgTop-284 { padding-top: 30vw}
    .comPonArea.magTop--284 {margin-top: -30vw}
    .comPonArea .container {width: calc(100% - 30px)}
}
@media screen and (max-width:639px){
    .comPonArea.magTop--284 {margin-top: -44.3vw}
    .comPonArea.pdgTop-284 {padding-top: 44.3vw}
    .comPonArea {padding: 50px 0}
    .comPonArea .flexLft,
    .comPonArea .flexRit {width: 100% !important}
}

/*============= 
ComPon Area End  
===============*/

/*=============
ourSrvc  Section  Start
===============*/
.pdtOffer.pdgTop-385 {padding-top: 20.052083333333332vw}
.pdtOffer.pdgBtm-90 {padding-bottom: 4.6875vw}
.pdtOffer.ourSrvc  p {
    width: 62.625vw;
    margin: 0.4166666666666667vw auto 0;
}
.ourSrvc .commBtn{margin: 1.5625vw 0}

@media screen and (max-width: 767px) {
    .pdtOffer.pdgTop-385 {padding-top: 50px}
    .pdtOffer.ourSrvc  p {width: calc(100% - 30px)}
}
/*=============
ourSrvc  Section  Start
===============*/
/*=============
cmmnSection area  Start
===============*/

.cmmnSection {
    padding: 5.208333333333333vw;
    text-align: center;
}

.cmmnSection p {
    text-align: left;
    margin: 1.0416666666666667vw 0 0 !important
}

.cmmnSection .listarrow {
    display: flex;
    align-items: center;
    flex-direction: inherit;
    gap: 0.5208333333333334vw 2.0833333333333335vw;
    justify-content: center;
    flex-wrap: wrap;
}

.cmmnSection .listarrow li {width: auto;}

/*================
cmmnSection area End
==================*/

/*================
Hollow Section Start 
==================*/

.hollowSec {
    padding: 5.208333333333333vw 0;
    text-align: center;
}

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

.hollowBox {
    padding: 1.5625vw 0;
    background: #FFF;
    box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.25);
    transition: all .3s ease;
    border-radius: 0.78125vw;
    text-align: center;
}

#turnstilesbox .hollowBox {
    margin: 0.625vw  0.78125vw 1.5625vw;
}
#turnstilesbox .hollowBox img {
    height: 13.541666666666666vw;
    width: 100%;
}
#turnstilesbox .hollowBox {
    box-shadow: 0px 0.20833333333333334vw 0.78125vw 0px rgba(0, 0, 0, 0.25);
}

#turnstilesbox .hollowBox:hover {
   box-shadow: 0px 0.20833333333333334vw 0.78125vw 0px rgba(0, 0, 0, 0.4);
}

.hollowBox:hover {
    box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.4);
}
.hollowSec .hollowBox {width: calc(16.66666666666667% - 25px);}

.hollowBox img {display: inline-block;}

.hollowBox strong {
    color: #000;
    display: block;
    transition: all .3s ease;
    padding: 1.5625vw 1.5625vw 0;/*30*/
    font-family: 'Figtree-Bold';
    font-size: 1.5em; /*24*/
    line-height: 1.25; /* 30 */
    font-weight: 600;
}
.hollowBox:hover strong{
    color: #10559A
}


/*================
Hollow Section End 
==================*/
/*================
buildingsSec  Section Start 
==================*/
.buildingsSec {padding: 5.208333333333333vw 0;}

.commFlexLft h2 {margin-top: 4.6875vw}

.commFlexs,
.commFlexs > .elementor-container{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.buildingsSec .commFlexs {margin-top: 1.125vw}

.commFlexLft {width: 43% !important}

.commFlexRit {width: calc(57% - 3.125vw )!important}

.commFlexRit .hollowBox {width: calc(50% - 1.5625vw);}

.commFlexRit .hollowBoxs {
    gap: 3.125vw;
    margin-top: 2vw;
}

/*================
buildingsSec  Section End 
==================*/
.outDoors{padding: 5.208333333333333vw 0}

.outDoors::after {
    top: 0;
    left: 0;
    width: 100%;
    content: "";
    position: absolute;
    height: 38.333333333333336vw;
    background: rgba(72, 114, 157, 0.80);
}

.outDoors .container{z-index: 9}

.outDoors p ,.outDoors h2{color: #fff;}

.outDoors h2 {text-align: center;}

.outDoors .commFlexLft {width: 58%;}

.outDoors .commFlexRit {width: calc(42% - 2.6041666666666665vw)}

.outDoors p {
    text-align: left;
    margin: 0 !important;
}
.outDoors .commFlexs,.outDoors .hollowBoxs{margin-top: 3.125vw;}
.outDoors .listarrow{margin: 0}

.outDoors .hollowBox {width: calc(33.3333% - 2.0833333333333335vw);}

@media screen and (max-width: 767px) {
    .outDoors {padding: 50px 0;}
    .outDoors::after {height: 100%;}
    .outDoors .commFlexLft ,.outDoors .commFlexRit{width: 100% !important}
    .commFlexRit {
        width: 100% !important;
        margin-top: 20px;
    }
    .commFlexLft {width: 100% !important}
    .hollowBox {
    border-radius: 8px;
}
    #turnstilesbox .hollowBox img {
    height: auto;
}
}
/*===========================
            weServe
=============================*/

.weServe.pdgBtm-385{padding-bottom: 20.052083333333332vw}
.weServe.pdgTop-550 {padding-top: 28.645833333333332vw}
.weServe.pdgTop-515{padding-top: 26.822916666666668vw}
.pdtOffer.pdgTop-380{padding-top:  19.791666666666668vw}
@media screen and (max-width: 767px) {
    .weServe.pdgBtm-385 {padding-bottom: 50px;}
    .weServe.pdgTop-515{padding-top: 50px}
    .pdtOffer.pdgTop-380{padding-top:  50px}
}
/*===========================
            Center Section
=============================*/

.CenterSection {
    padding: 5.208333333333333vw 0;
}
@media screen and (max-width: 767px) {
    .cmmnSection,.hollowSec,.buildingsSec {padding: 50px 0;}
    .hollowSec .hollowBox {
        width: calc(50% - 10px);
        margin: 10px 0;
    }
}
/*===========================
            Center Section
=============================*/

/*===========================
    metalDoors  Section
=============================*/
.middleCenter.metalDoors .container {padding: 4.166666666666667vw 4.427083333333333vw 4.166666666666667vw;}
.middleCenter.metalDoors.midCen2 .container {padding: 4.166666666666667vw 7.291666666666667vw 4.166666666666667vw;}
.metalDoors h2 {margin-bottom: 3.125vw}
.metalDoors .flexs {
    display: flex;
    justify-content: space-between;
    text-align: left;
    flex-wrap: wrap;
}
.metalDoors.midCen2 .flexs {margin-bottom: 2.6041666666666665vw;}
.metalDoors .flexRit, .metalDoors .flexLft {width: calc(28% - 1.5625vw);}
.metalDoors.midCen2 .flexRit, .metalDoors.midCen2 .flexLft {width: calc(33% - 1.5625vw);}
.metalDoors.midCen2 .flexMid {width: 30%;}
.metalDoors .flexMid {
    text-align: center;
    width: 43%;
}

.metalDoors p {
    margin: 0 0 3.125vw !important;
    line-height: 1.6666;
}
.metalDoors p:last-child {margin-bottom: 0 !important}

.metalDoors strong {
    display: block;
    margin-bottom: 0.5208333333333334vw;
}
.middleCenter.metalDoors .commBtn {margin: 0;}
.metalDoors .metstrHed {
    display: flex;
    align-items: center;
    gap: 1.0416666666666667vw;
}
.metalDoors .metstrHed img {height: 0.9375vw}

.metDors2 .flexs {margin-top: 3.125vw}

.middleCenter.metalDoors.metDors2 h2 {margin: 0 0 1.0416666666666667vw;}

@media screen and (max-width: 767px) {
    .middleCenter.metalDoors .container {
        padding: 50px 15px;
        width: calc(100% - 30px);
    }
    .metalDoors .metstrHed img {height: 12px}
}
@media screen and (max-width:639px){
    .metalDoors .flexRit, .metalDoors .flexLft {width: 100% !important}
    .metalDoors.midCen2 .flexMid {
    width: 100%;
}
    .metalDoors .flexMid {
        width: 100%;
        margin: 10px;
    }
    .metalDoors .metstrHed {
        gap: 10px;
        font-size: 12px
    }
    .metalDoors br {display: none;}
}
/*===========================
metalDoors Section
=============================*/
.suleBasedSec{padding: 5.208333333333333vw 0;}
.shareSec{padding-top: 30px}
.suleContent img {
    margin: 1.5625vw 0 0;
    border-radius: 1.5625vw;
    display: block;
}

.likeOp {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5208333333333334vw;
}
.likeOp svg {
    height: auto;
    line-height: 0;
    width: 1.6666666666666667vw;
}

.likeOp p {margin: 0 !important}

.shareOption {text-align: center;}
.sharea {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none !important;
    gap: 1.5625vw;
    margin:0;
}
.sharea a {display: flex}

.sharea a {
    width: 2.5vw;
    overflow: hidden;
    border-radius: 5px;
}
.sharea a img {width: 100%;}

.shareOption h2 {margin: 1.5625vw 0;}

.nextPrevPosts {
    padding: 3.125vw  0 2.125vw;
    display: flex;
    justify-content: space-between;
    gap:1.5625vw;
}
.nextPrevPosts a {
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
}
.nextPrevPosts .prevPost,.nextPrevPosts .nextPost {
    display: flex;
    align-items: center;
    gap: 1.0416666666666667vw;
}
.nextPrevPosts .prevPost {text-align: left;}
.nextPrevPosts .nextPost {text-align: right;}

.nextPrevPosts p, .nextPrevPosts .nextPostHed {
    margin: 0;
    font-size: 1.125em;/* 18*/
    line-height: 1.6666; /* 30*/
}
.nextPrevPosts .nextPostHed {
    color: #000;
    font-family: 'Figtree-Bold';
    font-weight: 500;
}
.nextPrevPosts svg {
    width: 2.0833333333333335vw;
    height: auto;
}


@media screen and (max-width: 767px) {
    
    .likeOp svg {width: 12px;}
    .nextPrevPosts {flex-wrap: wrap;}
    .nextPrevPosts p,
    .nextPrevPosts .nextPostHed {font-size: 12px;}
    .nextPrevPosts .prevPost,
    .nextPrevPosts .nextPost {gap: 10px;}
    .nextPrevPosts svg {width: 26px;}  
}
/*===========================
Banner 2 Area Start
============================= */

.banner.mAboutBnr .svcBnrInner {
    width: 36.71875vw; /* 705 */
    margin-top: 4.791666666666667vw}/* 92 */

.mAboutBnr .svcBnrInner p {
    color: #fff;
    line-height: 1.25 
}
.mAboutBnr .svcBnrInner h1 {color: #fff}
@media screen and (max-width: 767px) {
   .banner.mAboutBnr .svcBnrInner {
    width: 100%;
    margin-top: 0;
} 
    .mAboutBnr .svcBnrInner p {color: #000;}
    .mAboutBnr .svcBnrInner h1 {color: #C60D12;}
}
/*===========================
Banner 2 Area End
=============================*/

.sliderArea{padding: 5.208333333333333vw 0;}

.ccTvflexs,
.ccTvflexs .elementor-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3.125vw;
    justify-content: space-between;
}
.ccTvflexs .elementor-container {
    margin-top: 0;
}
.sliderArea .dotUl {margin-top: 1.0416666666666667vw;}
.ccTvRit {width: 52% !important}

.ccTvLft {width: 48% !important}
.ccTvThumb {
    float: left;
    width: 8.541666666666666vw;
}

.ccTvGaleria {
    float: right;
    width: 29.375vw;
}

.ccTvThumbItm {
    margin-bottom: 1.5625vw;
    overflow: hidden;
    border-radius: 5px;
}

.ccTvThumbItm img {width: 100%}

.ccTvGaleria img {width: 100%;}

.ccTvGaleria div,
.ccTvThumb div {outline: 0;}

.areowArea {padding: 5.208333333333333vw 0;}

.areowArea .camTexleft,
.areowArea .camTexleft > .elementor-widget-wrap,
.areowArea .camTexRit,
.areowArea .camTexRit > .elementor-widget-wrap {margin-top: 0 !important}



.showText {
    display: none;
    margin-top: 1.0416666666666667vw}

.tabBtn.acTiveTab + .showText{display: block;}
 
.bigBox {
    background: #FFF;
    border-radius: 15px;
    box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.50);
    backdrop-filter: blur(7.5px);
    display: inline-block;
    padding: 3.125vw 5.208333333333333vw;
    margin: 1.5625vw auto 0;
    text-align: center;
}
.bigBox_1 .bigBox {width: 44.270833333333336vw}
.bigBox_2 .bigBox {width: 33.333333333333336vw}
.bigBox h2 {
    color: #C60D12;
    margin-bottom: 2.0833333333333335vw;
}
.bigBox .commBtn{
    color: #000;
    border-color: #000;
}
.bigBox .commBtn .stroke {stroke: #000;}
.bigBox .commBtn:hover .stroke{stroke: #fff;}
.bigBox .commBtn:hover{
    background: linear-gradient(90deg, #A51E25 0%, #F05628 100%);
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);
    border-color: #A51E25;
    color: #fff;
}
.text-top {
    padding: 4.166666666666667vw 0 0;
    max-width: 1336px;
    text-align: center;
    margin: 0 auto;
}
@media screen and (max-width:767px){
    .bigBox {
    padding: 30px;
    margin: 30px auto 0;
}
    .ccTvLft {width: 100% !important}
    .ccTvRit {
    width: 100% !important;
    margin-top: 30px;
}
.ccTvThumb {
    width: 20vw;
}
    .ccTvGaleria {
    width: 70vw;
}
.bigBox_1 .bigBox,.bigBox_2 .bigBox {width: 100%}
}
@media screen and (max-width:639px){
    .camras {flex-wrap: wrap;}
    .areowArea .camraMid.camraMid-2 {width: 100% !important}

    .areowArea .camTexRit,.areowArea .camTexleft {
        align-items: flex-start;
        width: 100% !important
    }
}


/*================
section Padding
=====================*/
.sectionPdg{padding:5.208333333333333vw 0 }
/*.sectionPdg-60{padding:3.125vw 0 }*/

.sectionPdg.mgnTop--580 {
    margin-top: -25.208333vw;
    padding-top: 0
}
.sectionPdg.pdgBtm-0 {padding-bottom: 0}

.sectionPdg.pdgTop-0 {padding-top: 0}

.sectionPdg.pdgBtm-510 {padding-bottom: 26.5625vw}

.sectionPdg.pdgBtm-510 {padding-bottom: 26.5625vw}

.sectionPdg.magTop--442 {margin-top: -23.5vw}

.sectionPdg.pdgTop-442{padding-top: 23.5vw}

.sectionPdg.pdgBtm-542{padding-bottom: 28.229166666666668vw}

.sectionPdg.magTop--519 {margin-top: -27.4vw}

.sectionPdg.pdgTop-519{padding-top: 27.4vw}

.middleCenter.needSecurIn p{text-align: center;}

.needSecurIn .needSecurTop {flex-direction: column;}

.needSecurIn .needSecurTop svg {height: 5.208333333333333vw;}


@media screen and (max-width:767px){
    .sectionPdg {padding: 50px 0;}
    .sectionPdg.pdgBtm-510 {padding-bottom: 50px}
    .sectionPdg.pdgBtm-0 {padding-bottom: 50px}
    .sectionPdg.pdgTop-442 {padding-top: 50px}
    .sectionPdg.magTop--442 {margin-top: 0}
    sectionPdg.pdgBtm-542 {padding-bottom: 50px}
    .sectionPdg.pdgBtm-542 {padding-bottom: 50px}
    .sectionPdg.pdgTop-519 {padding-top: 45.03125vw}
    .sectionPdg.magTop--519 {margin-top: -45.03125vw} 
    .sectionPdg.colorFff.mgnTop--580 h2, 
    .sectionPdg.colorFff.mgnTop--580 p {color: #000}
    .sectionPdg.mgnTop--580 {
        margin-top: 0;
        padding-top: 50px
    }
}

@media screen and (max-width:639px){
    .sectionPdg.pdgTop-519 {padding-top: 72.03125vw;}
    .sectionPdg.magTop--519 { margin-top: -72.03125vw;}
    .needSecurIn .needSecurTop svg {height: 30px;}
}

/********************************/
/*******     partners     *******/
/********************************/
.partners.pdgTop-520{padding-top: 27.083333333333332vw}
.partners.pdgBtm-520{padding-bottom: 27.083333333333332vw}

.knoMore {
    text-align: center;
    background: #F4F4F4;
    padding: 5.208333333333333vw 0 8.75vw;
}

.knoMore strong {
    display: block;
    max-width: 1260px;
    margin: 0 auto 1.5625vw;
    line-height: 1.153846153846154; 
    font-size: 1.625em; /*26*/
    font-weight: 600;
    color: #000;
}
.sectionPdg.hulpBg{
    position: relative;
    z-index: 9;
}
.sectionPdg.hulpBg .advBoxs {
    left: 50%;
    width: 100%;
    z-index: 999;
    position: absolute;
    top: 7.291666666666667vw;
    transform: translate(-50%);
}
.sectionPdg.hulpBg .bgImg {height: 23.4375vw}



@media screen and (max-width:767px){
    .sectionPdg.hulpBg .bgImg {height: 100%}
     .partners.pdgTop-520 {padding-top: 50px}
    .partners.pdgBtm-520 {padding-bottom: 50px}
    .sectionPdg.hulpBg .advBoxs {
        left: 0;
        top: 30px;
        position: static;
        transform: none;
    }
    .knoMore {padding: 30px 0 70px;}
    .knoMore strong {font-size: 14px;}

}
/********************************/
/*******   needSecurity   *******/
/********************************/
.subHeading.pdgTop-70 {padding-top:2.0833333333333335vw;}
.weServe.pdgTop-510 {padding-top: 26.5625vw}

/********************************/
/*******   FaQ   *******/
/********************************/
.faqArea {padding: 3.6458333333333335vw 0 3.125vw;}/*70-60*/
.faqArea h2{margin-bottom: 1.5625vw}
.faqBoxs {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5625vw;
    text-align: left;
    gap: 1.5625vw;
}
.faqArea .faqBox p {margin: 1.0416666666666667vw 0 0 !important}

.faqBox {
    padding: 1.5625vw 2.0833333333333335vw;
    box-shadow: 0px 0.5208333333333334vw 1.5625vw 0px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    background: #FFF;
}

.faqhead {
    color: #000;
    font-size: 1.5em;/*20*/
    font-weight: 500;
    line-height: 1.5;/*30*/ 
    position: relative;
    border-bottom: 1px solid #CEDAE6;
    padding-bottom: 1.0416666666666667vw;
    cursor: pointer;
    display: block;
}
.faqhead::after {
    top: 0;
    position: absolute;
    width: 1.6666666666666667vw;
    height: 1.6666666666666667vw;
    background-image: url(images/faqClose.png);
    background-size: 1.6666666666666667vw;
    background-repeat: no-repeat;
    left: -2.9166666666666665vw;
    content: "";
}

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

    .faqArea {padding: 30px 20px;}
    .faqBoxs {
        gap: 15px;
        margin-top: 20px;
    }
    .faqBox {
        padding: 10px 5px 10px 15px;
        border-radius: 10px;
    }

    .faqhead::after {
        width: 20px;
        height: 20px;
        background-size: 20px;
        left: -25px;
    }

    .faqhead {font-size: 16px;}
}
/********************************/
/*******   fullWidth   *******/
/********************************/

.fullWidth.pdgBtm-500{padding-bottom: 26.041666666666668vw}
.fullWidth.pdgBtm-100 {padding-bottom: 5.208333333333333vw}


/********************************/
/*******   handicapFlex   *******/
/********************************/
.handicapFlex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.handicapBox {width: calc(50% - 1.5625vw);}
.handicapBox img {
    display: block;
    border-radius: 15px;
}

.handicapBox strong {
    color: #960F13;
    font-size: 1.5em;/* 20 */
    font-family: 'MortendBold';
    text-transform: uppercase;
    margin: 1.5625vw 0 1.0416666666666667vw; /* 30 / 20 */
    line-height: 1.83333; /* 44 */
    font-weight: 700;
    display: block;
}

.handicapBox p {margin: 0 1.0416666666666667vw 1.5625vw !important}

.stillUls {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    list-style: none;
    padding: 1.5625vw 0;
    margin: 0;
}
.stillUls li {
    width: calc(50% - 1.5625vw);
    padding-right: 1.0416666666666667vw;
    text-align: left;
}

.stillUl {
    color: #000;
    font-size: 1.5em;/*20*/
    background-repeat: no-repeat;
    padding-left: 2.8645833333333335vw;
    background-image: url(images/arrow-black-1.svg);
    background-position: left 0 top 50%;
    background-size: 1.875vw;
    font-style: normal;
    line-height: 1.5;/*30*/
    font-weight: 600;
}
.stillUls p {margin: 1.0416666666666667vw 0 1.5625vw !important}

@media screen and (max-width:767px){
    .handicapBox {
        width: calc(100% - 1.5625vw);
        margin-bottom: 30px;
    }
   .stillUls li {width: 100%;}
    
}
/********************************/
/*******   handicapFlex   *******/
/********************************/

.swingFlex,
.swingFlex >.elementor-container {
    display: flex;
    justify-content: space-between;
    text-align: left;
    align-items: center;
    margin-top: 3.125vw;/* 60*/
}
.swingFlex >.elementor-container {margin-top: 0}

.swingImg {width: 49% !important}
.swingTxt {width: calc(51% - 2.6041666666666665vw) !important}/* 50 */
.swingTxt .dotUl li {color: #fff;}
.swingFlex p {text-align: left;}

.swingTxt strong {
    color: #fff;
    font-weight: 400;
    font-size: 1.125em;
}
.textImgBtm.left-p {margin-top: 3.125vw;}
.swingFlex p {margin-top: 0 !important}
.bgGray .dotUl li {color: #fff;}
.textImgBtm.left-p p {text-align: left;}

@media screen and (max-width:767px){
    .swingFlex 
    .swingFlex >.elementor-container{flex-wrap: wrap;}
    .swingImg,.swingTxt {width: 100%  !important}
    .swingTxt strong {font-size: 12px;}
    .swingFlex p {margin-top: 15px !important}
}
/********************************/
/*******   busStmArea     *******/
/********************************/
.needNafes .listarrow {gap: 0.5208333333333334vw 0;}
.needNafes .listarrow li {
    font-size: 1.125em;
    background-size: 0.9375vw;
    padding-left: 2.0833333333333335vw;
}
.needNafes p {
    font-weight: 400;
    font-size: 1.125em;
}

.middleCenter.redBox .redBoxFlex ul li span a {
    text-decoration: underline;
    color: #fff;
}
.middleCenter.redBox .redBoxFlex ul li span a:hover {text-decoration: none}
@media screen and (max-width:767px){
    .busStmArea.needNafes .listarrow li {
        font-size: 12px;
        background-size: 12px;
        padding-left: 18px;
    }
    .stillUl {
        font-size: 14px;
        padding-left: 20px;
        background-size: 12px;
    }
    .dotUl ,.dotUl2 ,.autoFlexs ul{padding: 0 0 10px 15px !important;}
    .dotUl li, .dotUl2 li,.autoFlexs li {font-size: 12px;}
    .textBox span {font-size: 12px;}
    .middleCenter.redBox .redBoxFlex ul {padding: 0 0 0 15px}
    .metalDoors strong {font-size: 12px;}
    .needNafes p {font-size: 13px;}
}


/********************************/
/*******   Contact     *******/
/********************************/
.contact2 {
    width: 100%;
    padding: 5.208333333333333vw 0;
    background: url(images/contactBg.png) no-repeat center center;
    background-size: cover;
    position: relative;
}

.contactBox2 {
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.80);
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
    padding: 3.125vw;
    width: 75vw;
}

.footerLoog,
.footerLoog >.elementor-container {
    display: flex;
    justify-content: center;
}

.footerLoog img {width: 20.625vw;}

.contactBoxFlex, 
.contactBoxFlex >.elementor-container {
    display: flex;
    justify-content: space-between;
    text-align: center;
}
.contactBoxFlex >.elementor-container {
    margin-top: 3.125vw;
    gap: 3.125vw;
}

.contactBoxLeft,
.contactBoxLeft >.elementor-container {
    display: flex;
    flex-direction: column;
    gap: 2.0833333333333335vw;
    width: 50% !important;
}
.contactBoxLeft >.elementor-widget-wrap {
    display: flex;
    flex-direction: column;
    gap: 2.0833333333333335vw;
    width: 100% !important;
}

.contact2 #tabs2 {
    padding: 0;
    border-bottom: 0;
}

.contact2 #tabs2 {
    padding: 0;
    width: 100%;
    list-style: none;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    display: flex;
    margin: 0;
}

.contact2 #tabs2 li.active {
    font-weight: 600;
    color: #960F13;
}

.contact2 #tabs2 li {
    cursor: pointer;
    position: relative;
    line-height: 1.000;
    padding: 0 0 0.7291666666666666vw;
    font-size: 1.25em;
    width: 33.3333%;
    color: #0C0C0C;
}

.contact2 #tabs2 li.active::before {
    height:2px;
    width: 100%;
    content: "";
    background-color: #960F13;
    position: absolute;
    bottom: -3px;
    left: 0;
}

.contact2 #tab2 {
    margin: 0;
    padding: 0;
}

.contact2 #tab2 li {display: none;}

.contact2 #tab2 li.active {display: block;}

.contactBox2 p {
    margin: 0 !important;
    font-size: 1.25em;
    line-height: 1;
}

.contactBoxRight {
    display: flex;
    flex-direction: column;
    gap: 2.0833333333333335vw;
    width: 50% !important;
}

.tabContent {margin-top: 1.5625vw;}

.tabContent p {
    text-align: left;
    line-height: 1.35
}

.zhcont2 img {width: 100%;}

.zhcont2 .commBtn {
    margin-top: 2.0833333333333335vw;
    width: 100%;
}


@media screen and (max-width:1199px) {
    .contactBoxLeft {width: 45% !important}
}

@media screen and (max-width:767px) {
    .contactBoxFlex, 
    .contactBoxFlex >.elementor-container {flex-wrap: wrap}
    .contactBoxLeft >.elementor-widget-wrap {gap: 20px}
    .contactBox2 {
        width: 100%;
        padding: 30px 15px;
    }

    .contactBoxFlex {
        margin-top: 30px;
        flex-wrap: wrap;
        gap: 30px;
    }

    .footerLoog img {width: 200px;}
    .contactBoxLeft {gap: 20px;}
    .contactBoxLeft,
    .contactBoxRight {width: 100% !important}
    .contactBoxRight {margin-top: 30px}
    #tabs2 li,
    .contactBox2 p {font-size: 14px}
    .tabContent {margin-top: 15px}
    .contact2 #tabs2 li {font-size: 14px}
}



/*===== Contact Box 3 =====*/
.contact2.pdgTop-428{background: url(images/contactBg-2.png) no-repeat center center;
}
.contact2.pdgTop-428.mgnTop--428 {
    padding-top: 22.291666666666668vw;
    margin-top: -22.291666666666668vw;
}
.contactBox3 {margin-bottom: 4.010416666666667vw}
.contactBox3.contactBoxFlex,
.contactBox3.contactBoxFlex >.elementor-container {gap: 0;margin-top: 0;}
.contactBox3 .contactBoxLeft {
    padding: 3.125vw;
    border-radius: 0.5208333333333334vw 0px 0px 3.125vw;
    background: rgba(78, 76, 76, 0.80);
    width: 27.604166666666668vw !important;
}
.contactBox3 .contactBoxRight {
    background: rgba(255, 255, 255, 0.80);
    border-radius: 0 3.125vw 0.5208333333333334vw 0;
    box-shadow: 0px 0px 1.3020833333333333vw 0px rgba(0, 0, 0, 0.25);
    width: 47.65625vw!important;
    padding: 3.125vw;

}
.contactBox3 .contactBoxLeft h2 {
    font-family: 'Figtree-Bold';
    font-size: 2.063em;
}
.contactBox3 .contactBoxLeft h3 {
    font-size: 2.063em;
    margin: 0 !important;
    color: #fff;
}

.contactBox3 .contactBoxLeft p {
    font-size: 1.5em;
    line-height: 1.25;
    margin: 0 0.4166666666666667vw !important;
}
.padgTop-15{padding-top: 0.78125vw}
.zhcont {
    width: 100%;
    background: url(images/zhcont.webp) no-repeat center 100px;
}
.contactBox3 .zhcont .commBtn {
    margin-top: 2.0833333333333335vw;
    width: 100%;
}

@media screen and (max-width:767px){
    .contact2.pdgTop-428.mgnTop--428 {
        padding-top: 50px;
        padding-bottom: 60px;
        margin-top: 0;
    }
    .contactBox3 .contactBoxFlex {gap: 0}
    .contactBox3 .contactBoxLeft {
        border-radius: 15px 15px 0 0;
        width: 100% !important;
    }
    .contactBox3 .contactBoxRight {
        border-radius: 0 0 15px 15px;
        width: 100% !important;
    }
    .contactBox3 .contactBoxRight {
        margin-top: 0;
        padding-top: 40px;
    }
}
/*===== Contact Box 3 =====*/



/********************************/
/*******   Home Page   *******/
/********************************/
.autoSecurity {padding: 5.1041666666666666vw 0 21.0625vw;}
.weServe.pdgTop-355 {padding-top: 21.3vw;}
.eduCenter p{padding: 2.1875vw 0 0;}
.readTxt h3 {
    text-align: left;
    font-family: 'Figtree-Bold';
    text-transform: unset;
}
@media screen and (max-width: 767px) {
    .autoSecurity {padding: 50px 0}
    .weServe.pdgTop-355 {padding-top: 50px}
}
/********************************/
/*******   Home Page   *******/
/********************************/



/********************************/
/*******   Home Page Form  *******/
/********************************/
.zohoform h2 {padding: 0;}
.zhcont {
    gap: 1.5625vw;
    padding: 0;
}
.zhcont.newcommfrm {margin-top: 2.0833333333333335vw}
.contactBoxRight .zohoform h2 {margin-bottom: 32px}
.zhcont .frmcomwrp .inputbox {margin-bottom: 0}
.contactBoxRight .zohoform h2 {margin-bottom: 32px}
.zhcont .frmcomwrp .inputbox {margin-bottom: 0}
.contactBoxRight .zhcont .frmcomwrp .inputbox, 
.contactBoxRight .zhcont input[type='text'],
.contactBoxRight .zhcont textarea {
    line-height: 1.5;
    color: #000;
}
/*
.zhcont .frmcomwrp .inputbox, 
.zhcont input[type='text'],
.zhcont textarea {
    width: 100%;
    padding: 0.625vw 1.5625vw;
    border: 1px solid #000;
    line-height: 1.5;
    background: transparent;
    font-size: 1em;
    border-radius: 5px;
    color: #000;
}
*/
.zhcont .frmcomwrp textarea {
    min-height: 6.40625vw !important;
    resize: none;
}


.zhcont .frmcomwrp .inputbox::-webkit-input-placeholder { color: #000000}
.zhcont .frmcomwrp .inputbox::-moz-placeholder {color: #000000}
.zhcont .frmcomwrp .inputbox:-ms-input-placeholder { color: #000000}
.zhcont .frmcomwrp .inputbox:-moz-placeholder { color: #000000}

.zhcont #international_PhoneNumber_countrycodeval {
    background: url(images/form-icon.svg) no-repeat;
    background-position: right 1.0416666666666667vw top 50%;
    appearance: none;
}
.rcaptchacont {margin-bottom: 0 !important}
.frmcomwrp .zf-submitColor {
    max-width: 100%;
    font-family:inherit;
    border-radius: 30px;
    line-height: 2;
    color: #fff;
}
.frmcomwrp .zf-submitColor:hover {color: #fff}




.requestForm .zhcont .frmcomwrp .inputbox,
.requestForm .zhcont input[type='text'],
.requestForm .zhcont textarea {
    border-bottom: 1px solid #fff;
    font-family: Figtree-Regular;
    line-height: inherit;
    color: #fff;
}
.requestForm .zhcont .frmcomwrp .inputbox  option {color: #000}
.requestForm .zhcont .frmcomwrp .phncont > span:first-child,
.requestForm .zhcont .frmcomwrp .phncont > span {width: 100%}

.requestForm .zhcont .frmcomwrp textarea {min-height: 4.40625vw !important}
.requestForm .zhcont .frmcomwrp .inputbox::-webkit-input-placeholder { color: #fff}

.requestForm .zhcont .frmcomwrp .inputbox::-moz-placeholder {color: #fff}
.requestForm .zhcont .frmcomwrp .inputbox:-ms-input-placeholder { color: #fff}
.requestForm .zhcont .frmcomwrp .inputbox:-moz-placeholder { color: #fff}
@media screen and (max-width: 1023px) {
    .zhcont .frmcomwrp .inputbox {font-size: 12px}
}

@media screen and (max-width: 767px) {
/* .zhcont .frmcomwrp .phncont span{width: 73%}*/
    .contactBox3 #ftrbtn {
    margin: 15px 0;
}
}

/********************************/
/*******   Home Page Form  *******/
/********************************/

/*For Button */

/* All Slider Dot Buton  */
.slick-dots button {
    padding: 0;
    margin: 0;
}
/* All Slider Dot Buton */

.midCtrBox .elementor-container .elementor-widget-wrap {
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.dorFlex > .elementor-container{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    text-align: left;
    gap: 3.4375vw;
}
/* All Slider Dot Buton */



@media (max-width: 767px) {
    .dorFlex > .elementor-container {gap: 20px}
    .midCtrBox  .elementor-container .elementor-widget-wrap {flex-wrap: wrap}
    .midCtrBox .midCtrImg {margin: 10px 0;}
    .serviceArea {padding-top: 0}
}


.metalDoors.midCen2 .flexs >.elementor-container {
    display: flex;
    justify-content: space-between;
    text-align: left;
    flex-wrap: wrap;
}
.emergBtm > .elementor-container {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    display: flex;
}



/********************************/
/*********   commonBox   ********/
/********************************/
.serviceBox .titPadBox .box .icon {margin-bottom: 1.5625vw}
.serviceBox .titPadBox .title {
    padding-bottom: 0;
    padding-top: 1.0416666666666666vw;
}
@media (max-width: 767px) {
    .serviceBox .titPadBox .title {padding-top: 15px}
    .serviceBox .titPadBox .box .icon {margin-bottom: 15px}
}


/********************************/
/**********   Product-Details-Page  Start*********/
/********************************/


.header2 {
    background: #FFF;
    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.20);
}
.logoBg {
    width: 100vw;
    height: 100vh;
    background-image: url(images/logoBg.png);
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    position: fixed;
    opacity: .05;
    z-index: 3;
    left: 0;
    top: 0;
}
.bg-F4F4F4 {background-color: #F4F4F4}
.commBtn.btnBlack {
    background: #000;
    border-color: #000;
    font-size: 1.75em;
    line-height: 2.3;
    color: #fff;
}
.commBtn.btnBlack:hover {
    background: transparent;
    color: #000;
}
.pdfBtn .fill {fill: #fff}

.pdfBtn .commBtn svg {
    height: 2.0833333333333335vw;
    width: auto;
}
.pdfBtn {
    display: flex;
    gap: 1.0416666666666667vw;
    flex-wrap: wrap;
}
.pdfBtn .commBtn {
    border: none;
    background: linear-gradient(5deg, #9C0E13 4.53%, #EE5228 96.17%);
    padding: 0.5208333333333334vw 1.5625vw;
    font-size: 1.5em;
    color: #fff;
}

/********************************/
/**********   Top link   *********/
/********************************/

.secTop-170 {padding-top: 8.854166666666666vw !important}
.secTop-150 {padding-top: 7.291666666666667vw !important}
.secTop-100 {padding-top: 5.208333333333333vw !important}
.padgBt-1 {padding-bottom: 7.291666666666667vw !important}
.pagLink .stroke {stroke: #000}

.pagLink a svg {
    height: 1.1458333333333333vw;
    line-height: 0;
    width: auto;
}
.pagLinks {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #B6B6B6;
    padding-bottom: 1.5625vw;
    flex-wrap: wrap;
}
.head2 {
    color: #000;
    font-family: 'MortendBold';
    font-size: 1.125em;
    display: block;
}
.pagLinks .head2{
    max-width:42%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.pagLink {
    padding: 0;
    list-style: none;
    gap: 1.0416666666666667vw;
    align-items: center;
    flex-wrap: wrap;
    display: flex;
    margin: 0;
}

.pagLink li a {
    color: #000;
    font-weight: 400;
    font-size: 1.125em;
    font-family: 'Figtree-Bold';
    text-decoration: none;
    line-height: 1.7777;
    align-items: center;
    display: flex;
}

.pagLink li a:hover {color: #960F13}
.pagLink li a:hover .stroke {stroke: #960F13}

.pagLinks.comnPagLink > .elementor-widget-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    gap: 15px;
}

@media screen and (max-width:767px){
    .pagLinks .head2{max-width:inherit}
    .pagLink a svg {height: 12px}
    .pagLink li , ul.pagLink li a{font-size: 12px}
    .pagLinks.comnPagLink > .elementor-widget-wrap  .pagLink {align-items: flex-start}
}


/********************************/
/**********   Auto Flexs   *********/
/********************************/

.sliderText {padding: 2.34375vw 0 1.5625vw}

.autoFlexs {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 3.125vw;
}
.single-product .autoFlexs {gap: 3.125vw 0}
.pdsBox,
.pdText {width: calc(50% - 1.5625vw)!important}
.pdText {margin-top: 0.78125vw}
.woocommerce-product-details__short-description{
    width: 100%;
    height:34.5vw;
    overflow: auto;
}
.woocommerce-product-details__short-description > ul{padding-left: 1.2vw;}
.pdText .price{display: none}
.pdText .woocommerce-product-details__short-description ~ .commBtn.btnBlack{
    margin-top: 2.2vw;
    margin-bottom:1.5vw;
}
.pdSlider{
    border-radius: 0.78125vw;
    box-shadow: 0px 0px 0.78125vw 0px rgba(0, 0, 0, 0.10);
    background: #FFF;
    overflow: hidden;
    margin: 0.78125vw;
}
.pdSliderBox {
    border-radius: 0.78125vw;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    aspect-ratio:1;
    display: flex !important;
}
.arrow-prev.slick-arrow {
    position: absolute;
    left: 0.5208333333333334vw;
}
.arrow-next.slick-arrow {
    position: absolute;
    right: 0.5208333333333334vw;
}
.pdSliderBox img {
    width:90%;
    height: auto;
    max-width:100%;
    max-height:100%;
	margin: auto;
}
.pdSlider-nav {
    /* display: flex;
    align-items: center;
    justify-content: center; */
    padding: 0 5.208333333333333vw;
}
.pdSlider-nav .slick-arrow {margin-top: 0}
.pdSlider-nav .slick-arrow .stroke {stroke: #105499}


.pdSliderThumb.slick-slide {
    margin: 0.78125vw;
    height:5vw;
    max-width: 7vw !important;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    display: flex !important;
    border-radius: 5px;
    box-shadow: 0px 0 0.5208333333333334vw rgba(0, 0, 0, 0.25);
    border: 1px solid #fff;
    background: #fff;
    opacity: 0.5;
}
.pdSliderThumb.slick-slide.slick-current.slick-active{
    border-radius: 0.5208333333333334vw;
    border: 1px solid #105499;
    opacity: 1;
}
.pdSliderThumb.slick-slide img {
    width:auto !important;
    width:auto;
    height: auto;
    max-width:90%;
    max-height:90%;
}

.pdText .woocommerce-product-details__short-description ~ .cart{display: none;}
.pdText .commBtn.btnBlack {margin-top:1.2vw}
.sliderText p {margin: 2.0833333333333335vw 0 !important}
.pdwiz {margin-top: 4.166666666666667vw}

.custompro .head3 {
    color: #000;
    font-size: 2em;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 2.0833333333333335vw;
    display: block;
    font-family: 'Figtree-Bold';
    text-transform: capitalize;
}
.summary.entry-summary.pdText .pdwiz h2{
    font-family: 'Figtree-Bold';
    text-transform: inherit;
    color: #000;
}
.head3 {
    color: #000;
    font-size: 2em;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 2.0833333333333335vw;
    display: block;
    font-family: 'Figtree-Bold';
    text-transform: uppercase;
}

.summary .head3,.textImg.textImg4.h3Size-48 h3 {
    font-size: 2em;
    font-family: 'Figtree-Bold';
}

.summary ul {margin-top: 1.0416666666666667vw}
.summary ul li {font-size: 1.5em}
.summary ul li strong {font-weight: normal}
.summary ul li ul {margin: 0 !important}
.summary  ul li ul li,.summary ul li ul li strong {
    font-size: inherit;
}
.summary p .head3 {
    font-size: 2em;
}
.pdwizcont > p .head3 {font-size:1.333em}

.sliderText .dotUl li,
.sliderText p{font-size: 1.5em}
.desc {line-height:  1.666}
.productStyle-2 h2 {
    text-transform: capitalize;
    color: #C60D12;
}


.summary h5 {
    color: #000;
    font-family: 'Figtree-Bold';
    font-size: 2.5em !important;
    text-align: left !important;
    text-transform: capitalize;
    margin-bottom: 1.3020833333333333vw;
}
.summary h5 + p {margin-top: 0 !important}

.autoFlexs .pdwiz ul li{font-size: 1.5em}
.autoFlexs .pdwiz ul li ul li{font-size: inherit;}
.summary  h4 {
    font-size: 1.5em ;
    font-family: 'Figtree-Bold';
    color: #000;
    margin: 0 !important;
}
.summary table td, .summary table th, .summary table ul li {
    color: #000;
    font-size: 1.1em
}

@media screen and (max-width:1023px){
.summary h5 {font-size: 14px !important;margin-bottom: 15px;}
.autoFlexs .summary ul li{font-size: 12px}
.summary  h4 {
    font-size: 12px;
}
    .summary table td, .summary table th, .summary table ul li {
    color: #000;
    font-size: 10px
}
}
@media screen and (max-width:767px){
    .secTop-170,
    .secTop-150,
    .secTop-100 {padding-top: 70px !important}
    .pdsBox, .pdText {width: 100% !important}
    .pdSlider {margin-bottom: 15px}
    .pdSlider-nav {padding: 0 50px}
    .commBtn.btnBlack {
        font-size: 16px;
        border-radius: 30px;
    }
    .pdfBtn .commBtn {
        font-size: 11px;
        padding: 5px 10px;
        border-radius: 30px;
    }    
    .pdfBtn .commBtn svg {height: 18px}
    .pdSliderBox img {
        padding: 10px
    }
    .pdSliderThumb.slick-slide {
        width: 100% !important;
        max-width: 67px !important;
    }
    .head3,.summary .head3 ,.summary p .head3,.textImg.textImg4.h3Size-48 h3  {font-size: 14px}
    .summary ul {margin-top: 10px}
    .summary ul li {font-size: 12px}
    .woocommerce-product-details__short-description{height:auto;}
    .pdSliderThumb.slick-slide {height:8vw}
}

@media screen and (max-width:639px){
    .pdSliderThumb.slick-slide {height:13vw}
}


/********************************/
/**********   Specification   *********/
/********************************/
.specification {padding-bottom: 5.208333333333333vw}

#spTabs {
    padding: 0;
    border-bottom: 0;
}

#spTabs {
    padding: 0;
    width: 100%;
    list-style: none;
    align-items: center;
    flex-wrap: wrap;
    display: flex;
    margin: 0;
    gap: 1.0416666666666667vw;
}

#spTabs li {
    color: #959595;
    line-height: 2;
    font-weight:400;
    font-size: 1.5em;
    padding: 0.5208333333333334vw 1.5625vw;
    border-radius: 0.5208333333333334vw 0.5208333333333334vw 0px 0px;
    font-family: 'Figtree-Regular';
    cursor: pointer;
    background: #FFF;
}

#spTabs li.active {
    color: #fff;
    background: #10559A;
    font-family: 'Figtree-Bold';
    font-weight: 600;
}

#spTab {
    margin: 0;
    padding: 0;
}

#spTab > li {
    height:700px;
    background: #fff;
    box-shadow: 0px 0 0.78125vw rgba(0, 0, 0, 0.2);
    padding: 0 3.125vw 3.6458333333333335vw;
    border-radius: 0 0.78125vw 0.78125vw;
    overflow: auto;
    display: none;
}

#spTab > li.active {display: block}

.spTabCont .autoFlexs {
    gap: 0;
    margin-bottom: 1.5625vw;
}

.spTabCont strong {
    color: #000;
    font-weight:600;
    font-size: 1.5em;
    border-bottom: 1px solid #A5A5A5;
    padding-top: 2.0833333333333335vw;
    font-family: 'Figtree-Bold';
    line-height: 2;
    display: block;
}

.spTabItm {
    width: calc(50% - 5px);
    border-bottom: 1px solid #D8D8D8;
}

.spTabItm p {
    color: #000;
    font-size: 1.5em;
    margin: 0 !important;
    line-height: 2;
}

.spTabCont table h5 {
    font-family: 'Figtree-Bold';
}

@media screen and (max-width:767px){
.spTabCont table td {
    padding: 2px 2px;
}
.spTabCont table h5 {
    font-size: 10px;
} 
.speccont table h5.separator strong {
        font-size: 14px;
    }
    

    #spTab > li {height:auto}
}
/********************************/
/**********   Video   *********/
/********************************/
.vDoSection {padding: 5.208333333333333vw 0}

.vDoSection .container {width: 76.04166666666667vw}

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

.videoHed {
    display: flex;
    align-items: center;
    margin-bottom: 1.8229166666666667vw;
    padding: 0 0.78125vw;
    flex-wrap: wrap;
}

.videoHed h2 {margin-right: 5.208333333333333vw}

.vButtons {
    display: flex;
    gap: 1.5625vw;
}

.vButtons li {
    border-radius: 5.208333333333333vw;
    border: 0.10416666666666667vw solid #000;
    padding: 0.46875vw 1.5625vw;
    cursor: pointer;
}
.vButtons li.active {
    color: #fff;
    background: #000;
    font-weight: 500;
}

.vDoItem .autoFlexs {
    gap: 1.5625vw 0;
    margin: 0.78125vw 0.78125vw 2.6041666666666665vw;
}
.vDoBox {
    border-radius: 0.78125vw;
    background: #FFF;
    box-shadow: 0px 0px 0.78125vw 0px rgba(0, 0, 0, 0.10);
    width: calc(33.333% - 1.0416666666666667vw);
    padding: 1.0416666666666667vw 1.5625vw;
    text-decoration: none;
    text-align: center;
    color: #000;
}
.autoFlexs .vDoBox.procatbox img {
    height: 13.020833333333334vw;
    width: auto;
    margin: 0 auto;
}
.vDoImg {
    position: relative;
    z-index: 9;
}
.vDoplay {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    cursor: pointer;
}
.vDoImg img {
    width: 100%;
    display: block;
}
.vDoBox p {
    font-weight: 500;
    margin: 1.0416666666666667vw 0 0;
    line-height: 1.33333;
    font-size: 1.5em;
}
.vDoplay svg {
    fill: #000;
    fill-opacity: 0.55;
    height: 3.5416666666666665vw;
}
.vDoBox:hover svg {fill-opacity: 1}
.vDoItems {display: none}
.vDoItems.active {display: block}
.vDoItems .slick-arrow {
    position: absolute;
    top: -2.3958333333333335vw;
    right: 0.20833333333333334vw;
    height: 1.6666666666666667vw;
    width: auto;
}
.vDoItems .slick-prev.slick-arrow {
    left: inherit;
    position: absolute;
    margin-right: 3.125vw;
}
.vDoItems .stroke {stroke: #A8A8A8}
.vDoItems svg:hover .stroke {stroke: #000}
.videoHed h2 {
    margin-bottom: 0;
    font-size: 2.375em;
}
.img-grd {
    padding: 0;
    display: grid;
    margin: 0.78125vw 0.78125vw 2.6041666666666665vw;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-flow: dense;
    grid-gap: 1.5625vw;
}


.img-grd-itm img {width: 100%;height: 100%}
.img-grd .col12{
 grid-row: span 2;
  grid-column: span 1;
}
.img-grd .col22{
    grid-row: span 1;
    grid-column: span 2; 
}
.probtmcon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
}
.probtmcon .leftCont {width: 50%;}

.probtmcon .rgtCont {
    display: flex;
    width: calc(50% - 30px);
    flex-direction: column;
    gap: 10px;
}
.probtmcon.proS2dblock{display:none;}
.productStyle-2 .probtmcon.proS2dblock{
    display:block;
    padding-bottom: 35px;
}
.productStyle-2 .probtmcon .rgtCont{width: 100%;}
.probtmcon .leftCont span,
.probtmcon .leftCont h1,
.probtmcon .leftCont h2,
.probtmcon .leftCont h3,
.probtmcon .leftCont h4,
.probtmcon .leftCont h5,
.probtmcon .leftCont h6 {
    font-size: 1.2em !important;
    margin: 0 !important;
    font-family:  MortendBold !important;
    margin: 0 !important;
    color: #960F13;
}

@media screen and (max-width:767px){
    .vDoSection .container {
    width: calc(100% - 30px)}
    .videoHed h2 {
        margin-right: 0;
        margin-bottom: 8px;
    }
    .videoHed {padding: 0}
    .vDoItems .slick-arrow {top: -3.395833vw}
    .vDoSection .slick-arrow {
            width: auto;
            height: 12px;
        }
    .sliderText .dotUl li, .sliderText p, .desc,.spTabItm p {
        font-size: 12px;
    }
    .vDoSection .probtmcon .leftCont span,
    .vDoSection .probtmcon .rgtCont span {font-size: 14px}
    .vDoSection .probtmcon .rgtCont .posted_in.detail-container {
    display: block;
        margin-bottom: 6px;
}
    .vDoSection .probtmcon {gap: 4px}
    .vDoSection .probtmcon .leftCont ,
    .vDoSection .probtmcon .rgtCont {width: 100%;}
    .probtmcon .rgtCont {gap: 0}
    .probtmcon .leftCont span, 
    .probtmcon .leftCont h1, 
    .probtmcon .leftCont h2, 
    .probtmcon .leftCont h3, 
    .probtmcon .leftCont h4, 
    .probtmcon .leftCont h5, 
    .probtmcon .leftCont h6 {
        font-size: 15px !important;
        margin: 0 0 6px !important;
    }
}





/*==========================
        Brands-Page Start
=========== =================== */


/*========= Brands - Banner Start  =========== */
.eduCenter3 {
    position: relative;
    margin-top: 6.666666666666667vw;
    text-align: center;
}

.eduCenter3 .container {
    width: 52.08333333333334vw;
    height: 31.25vw;
}
.eduCenter3.allIndustrisBnr .container {
    width: 43.083333vw !important;
    height: 36.45555vw !important;
}
.eduCont {
    bottom: 50%;
    position: absolute;
    transform: translateY(50%);
    width: 100%;
    left: 0;
}

.eduCenter3 .eduLogo {
    margin: 0 auto;
    position: relative;
    height: 10.9375vw;
    align-items: flex-end;
    justify-content: center;
    display: flex;
}
.eduCenter3.allIndustrisBnr .eduLogo {height: 11.666666666666666vw}

.eduCenter3 h1, .eduCenter3 h2 {
    line-height: 1.095;
    font-size: 2.625em !important;
    text-transform: capitalize;
}
.eduCenter3.allIndustrisBnr .eduLogo h1{ text-transform: uppercase;}
.eduCenter3 p {
    color: #000;
    font-size: 1.5em;
    line-height: 1.416666666666667;
    margin: 0 !important;
    font-family: 'Figtree-Medium';
}
@media screen and (max-width:767px) {
    .eduCenter3 {margin-top: 60px}
    .eduCenter3 .container {
        width: calc(100% - 30px);
        height: 54.25vw;
    }

    section.elementor-section.eduCenter3.allIndustrisBnr .container {
        width: 60vw !important;
        height: 49.45555vw !important;
    }

    .eduCenter3 .eduLogo {
        height: 18vw;
        width: 57%;
    }

    .eduCenter3 h1,
    .eduCenter3 h2 {font-size: 1.5em !important}
    .eduCenter3.allIndustrisBnr p {font-size: 1em}
}

@media screen and (max-width:639px) {
    .eduCenter3.allIndustrisBnr .eduLogo {
    height: 15.666667vw;
}
    .eduCont {padding-top: 0}
}

/*========= Brands - Banner End  =========== */
ul#procontbx {
    width: 100%;
    margin: 0;
}
.productCatSec {padding: 5.208333333333333vw 0}
.pdtSlider2 .container {width: 76.04166666666667vw}
.pdgTop-40 {padding-top:  2.0833333333333335vw}

.proCatLr {
    display: flex;
    justify-content: space-between;
    gap:  1vw
}
.productCatSec .head2 {
    text-align: left;
    padding-top:  1.5625vw;
}
.proCatleft {
    width: 17vw;
    text-align: left;
    margin: 1.5625vw 0 0;
    box-shadow: 0px 0px 0.78125vw 0px rgba(0, 0, 0, 0.10);
    border-radius: 15px;
    background: #fff;
    padding: 10px 0;
    height: 40vw;
}

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

.proCatleft .proCatTo {
    overflow-y: scroll;
    border-radius: 0.78125vw;
    padding: 0  1.5625vw  1.5625vw;
    list-style: none;
    height: 100%;
}
.proCatleft .proCatTo li {
    position: relative;
    flex-direction: column;
}
.productCatSec .vDoBox img {
    width: 100%;
    display: block;
}

.productHed {
    color: #000;
    display: block;
    text-align: center;
    font-family: 'Figtree-Bold';
    line-height: 1.777777777777778;
    margin: 1.0416666666666667vw 5px 0.5208333333333334vw;
    font-size: 1.125em;
    font-style: normal;
    font-weight: 500;
}

.productCatSec .vDoBoxss .vDoBox p {
    color: #000;
    text-align: center;
    margin: 0  1.5625vw 1.0416666666666667vw !important;
    font-family: 'Figtree-Regular';
    line-height: 14px;
    font-weight: 400;
    font-size: 12px;
}

.proCatRight {width: 57vw;
margin-top: 0.78125vw}
.productCatSec .commBtn {font-family: 'Figtree-Bold'}
.productCatSec .vDoItems {padding: 0}
.productCatSec .vDoItems .slick-arrow {top: -1.2vw}
.proCatleft ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.proCatTo li {
    padding: 1.0416666666666667vw 0;
    border-bottom: 1px solid #898989;
    font-family: 'Figtree-Regular';
    font-size: 1.125em;
    cursor: pointer;
    display: flex;
}
.proCatTo li strong {
    font-family: 'Figtree-Regular';
    font-weight: 400;
}
.proCatTo li:last-child {border-bottom: 0}
.pCat1 .pCatAct1 {
    color: #898989;
    display: block;
    text-align: left;
    margin-top: 0.2604166666666667vw;
    background-position: right 0 top 50%;
    background-image: url(images/catArrow-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 0.5208333333333334vw;
    width: 0.7291666666666666vw;
    position: absolute;
    right: 0
}
.pCatAct.active{padding-right: 0.5208333333333334vw}
.pCat1 .pCatAct.active + .pCatAct1 {
    background-image: url(images/active-arrow1.png);
    background-size: contain;
    height:0.7291666666666666vw;
    width:  0.5208333333333334vw ;
}
.pCat1 .pCatAct.active + .pCatAct1.active {
    transform: rotate(89deg);
    margin-top: 4px;
}
.pCat1 .pCatAct1.active {
    transform: rotate(177deg);
    margin-top: 4px;
}
.pCat1 .pCat2 .pCatAct1 {background-image: none}
.pCat1 .pCat2 li strong {font-size: .9em}

.pCat1 > .pCatAct {font-family: 'Figtree-Bold'}

.pCatAct.active {
    background-image: url(images/active-arrow1.png);
    background-size: 0.5208333333333334vw;
    font-family: 'Figtree-Bold';
    color: #10559A;
    background-repeat: no-repeat;
    background-position: right 0 top 50%;
    width: 100%;
}
.pCat1 .pCatAct.active {
    background-image:none;
    background-size: 0;
    color: #10559A;
    background-repeat: no-repeat;
    background-position: right 0 top 50%;
    width: 100%;
}

.pCat1 .pCat2 .pCatAct.active {
    background-image: url(images/catArrow-active-2.png);
    color: #10559A;
}

.proCatTo ul .currentPage {
    font-family: 'Figtree-Bold';
    background-repeat: no-repeat;
    background-image: url(images/currentPage-arrow.png);
    background-position: right 0 top 50%;
    background-size:0.5208333333333334vw;
    color: #000;
}
.proCatleft .proCatTo .pCat2 {padding-left: 0.5208333333333334vw}
.proCatleft .proCatTo .pCat2 .pCat3 {padding-left: 1vw}
.proCatleft .proCatTo .pCat2 .pCat3 li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
.proCatleft .proCatTo .pCat2 .pCat3 li:last-child,
.proCatleft .proCatTo .pCat1 li:last-child,
.proCatleft .proCatTo .pCat1 .pCat2 li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.pCat2,
.pCat3 {display: none}
.pCatAct1.active + .pCat2,
.pCatAct1.active + .pCat3 {display: block}
/*

.proCatleft .proCatTo::-webkit-scrollbar {width: 5px}
.proCatleft .proCatTo::-webkit-scrollbar-track {background: #fff}
.proCatleft .proCatTo::-webkit-scrollbar-thumb {background: #fff}
.proCatleft .proCatTo:hover::-webkit-scrollbar-thumb {background: #898989}
.proCatRight .slick-dots::-webkit-scrollbar {width: 5px}
.proCatRight .slick-dots::-webkit-scrollbar-track {background: #d1d1d1}
.proCatRight .slick-dots::-webkit-scrollbar-thumb {background: #d1d1d1}
.proCatRight .slick-dots:hover::-webkit-scrollbar-thumb {background: #898989}
*/
.pSize-24 p {font-size: 1.5em}
.pSize-24.textImg p:first-child {margin-top: 0 !important}
.h3Size-48 h3 {
    color: #000;
    text-align: left;
    font-family: 'Figtree-Bold';
    margin: 2.6041666666666665vw 0 0;
    font-size: 2.625em;
    width: 100%;
}
.pSize-24 .dotUl li {font-size: 1.5em}
.dotUl.padgTop-30 {padding-top: 1.5625vw}
.textCenter .pdfBtn {
    justify-content: center;
    font-family: 'Figtree-Bold';
    padding-top: 1.5625vw;
}
.tXtInherit h2 {text-transform: inherit}
.productCatSec .vDoBoxCol3,
.productCatSec .vDoBoxCol2 {
    margin-top: 1.5625vw;
    justify-content: flex-start;
    gap: 1.5625vw;
}
.productCatSec .vDoBoxCol3 .vDoBox {
    width: calc(33.333% - 1.05vw);
    padding: 0 0 1.0416666666666667vw;
}
.productCatSec .vDoBoxCol2 .vDoBox {width: calc(50% - .8vw)}
.pdfImage {width: 100%}
.pdfImage img {width: 12.8125vw}
.allBrands {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 1.5625vw;
    flex-wrap: wrap;
    gap: 1.5625vw; /*30 */
}

.allBrand {
    display: flex;
    background: #fff;
    height: 6.770833333333333vw;
    width: calc(25% - 1.1979166666666667vw);
    box-shadow: 0px 0.5208333333333334vw 2.0833333333333335vw 0px rgba(0, 0, 0, 0.10);
    border-radius: 0.78125vw;
    justify-content: center;
    align-items: center;
    background: #FFF;
    padding: 10px;
}
.proCatRight .slick-dots {
    width: 100%;
    list-style: none;
    padding-bottom: 10px;
    gap: 1.0416666666666666vw;
    justify-content: center;
    max-width:  57.291666666666664vw;
    overflow-x: overlay;
    align-items:center;
    flex-wrap: wrap;
    display: flex;
    padding: 0;
    margin: 0;
}
@media screen and (max-width:1024px) {
    .pdfImage img {width: 100px}
    .allBrand {
        height: 9vw;
        padding: 20px;
    }
}
@media screen and (max-width:767px) {
    
    .pSize-24 p {font-size: 12px}
    .productCatSec {padding: 50px 0}
    .productCatSec .container {width: calc(100% - 30px)}
    .proCatleft {width: 33%;height: 90vw;}
    .proCatRight {width: 65%}
    .head2 {font-size: 14px}
    .productCatSec .vDoBoxCol3 .vDoBox,
    .productCatSec .vDoBoxCol2 .vDoBox,
    .productCatSec .vDoBox {
        width: 100%;
        padding: 0 0 20px;
    }
    .productCatSec .vDoBoxss .vDoBox p {margin: 0 10px 15px !important}
    .productHed {font-size: 16px}
    
    /* produc Cat */
    .pCat1 .pCatAct1 {
        font-size: 12px;
        background-size: 8px;
    }
    .pCatAct.active{
    padding-right: 10px;
}
    .pCat1 .pCatAct1.active {
    background-image: url(images/active-arrow1.png);
    background-size: 6px;
}
    .proCatTo ul .currentPage {background-size: 6px}
    .proCatTo li {font-size: 12px}
    .allBrand {width: calc(33.333% - 1.1979166666666667vw)}
    .allBrand {
        height: 14vw;
        padding: 30px 20px;
    }
    .pCatAct.active {
    background-size: 6px 9px;
}
    .pCat1 .pCatAct1 {
        margin-top: 4px;
        height: 6px;
        width: 10px;
    }
    .pCat1 .pCatAct1.active {
    height: 12px;
    width: 6px;
    margin-top: 0;
    transform: rotate(90deg);
}
    .pCat1 .pCatAct.active + .pCatAct1 {
    height: 12px;
    width: 6px;
}
  .pCat1 .pCatAct.active + .pCatAct1.active {
    transform: rotate(89deg);
    margin-top: 2px;
    }  
}

/*===============
    Footer 2 
==================*/
.footer2 {
    position: relative;
    padding-top: 40px;
    z-index: 9999;
}
.footer2 .ftrMenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ftrHed {
    color: #C60D12;
    font-family: 'MortendBold';
    font-size: 1em;
}
.footer2 .ftrMenu li,
.footer2 .ftrMenu li a {
    color: #000;
    font-size: 1em;
    font-weight: 400;
    font-style: normal;
    line-height: normal;
    font-family: 'Figtree-Regular';
    text-decoration: none;
    margin-top: 10px;
    cursor: pointer;
    display: block;
}
.footer2 .ftrMenu li a:hover ,.footer2 .ftrMenu li span:hover {color: #C60D12}
.footer2 .ftrAdds li a ,.footer2 .ftrAdds li span {
    display: flex;
    align-items: flex-start;
    gap: 0.625vw
}
.footer2 .ftrAdds li a svg,
.footer2 .ftrAdds li > span svg {height: 1.25vw}
.footer2 .ftrMenu ul li a p,
.footer2 .ftrMenu ul li > span p {
    margin: 0 !important;
    line-height: normal;
    font-size: 0.875em;
}
.footer2 .ftrMenu ul li a p strong {display: block}
.ftrSoLink svg {height: 1.6666666666666667vw}
.ftrSoLink {
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
    margin: 3.125vw 0 0;
    justify-content: center;
    gap: 1.0416666666666667vw;
    padding: 1.0416666666666667vw 0.78125vw;
    border-top: 1px solid #D8D8D8;
}
@media screen and (max-width:767px) {
    .footer2 .ftrMenu ul {padding: 0 !important}
    .ftrMenu {width: 48%}
    .ftrHed,
    .footer2 .ftrMenu li,
    .footer2 .ftrMenu li a,
    .footer2 .ftrMenu li span {font-size: 12px}
    .footer2 .ftrAdds li a svg,
    .footer2 .ftrAdds li > span svg {height: 12px}  
}

/*==========================
        Brands-Page End
=========== =================== */






    
    /********************************/
.bannerWText h1, .bannerWText p {color: #fff}

.bannerWText .commBtn {
    background: linear-gradient(90deg, #A51E25 0%, #F05628 100%);
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);
    border-color: #A51E25;
    color: #fff;
}
.bannerWText .commBtn:hover {
    background: linear-gradient(90deg, #F05628 0%, #A51E25 100%);
}
.trTopSecton  h2 {font-size: 1.563em}
.trTopSecton {
    text-align: center;
    padding: 100px 0 140px;
}
.prodcont .has-post-thumbnail > .elementor-top-section {margin: 0 !important;}
.prodcont.bg-F4F4F4 .product {padding-bottom: 100px;}
/* ======================= StyleV2  =======================*/
.midCtrBox .list {width: 100%}
.midCtrBox .elementor-container .elementor-widget-wrap .elementor-element {width: auto}
.emergImg {width: 29.322916666666665vw !important}
.emergTxt {width: 42.70833333333333vw !important}
.locatBnr2Inner {width: 36.614583333333334vw !important}
.serviceArea.serviceArea-1.elementor-section > .elementor-container {max-width: 100%}
.serviceArea.serviceArea-1 {padding-top: 4.155555vw}
.serviceArea-1 .svcAreaTop {top: -5.7291666666666664vw}
.ptnrBox6 .slick-dots .slick-active button{width:1.1458333333333333vw}

@media (max-width: 767px) {
    .emergImg,.emergTxt {width: 100% !important}
    .locatBnr2Inner {width: 100% !important}
    .serviceArea.serviceArea-1 {padding-top: 0}
    .serviceArea.serviceArea-1 .svcAreaTop{position: absolute}
    .slick-dots {gap: 5px}
    .slick-next {right: -10px}
    .slick-prev {left: -10px}
    .slick-dots button{
        width:12px;
        height: 12px;
    }
    .slick-dots .slick-active button{width:25px}
    .ptnrBox6 .slick-dots .slick-active button{width:12px}
}


/* ======================= StyleV2  =======================*/
/**********   Elementor  Style *********/
/********************************/
/*.elementor-section.elementor-section-boxed > .elementor-container {width:100%}*/




.cmnCntrFnt {padding: 70px 0 !important}
.elementor-pad.imgBoxShadow {padding: 70px !important}
.secTop-150.colorHedFFF .elementor-col-100 > .elementor-widget-wrap {width: 34vw}
.secTop-150.colorHedFFF .elementor-col-100 section .elementor-container {gap:20px}
.secTop-150.colorHedFFF  section .elementor-column.elementor-col-50 {width: auto}
.elementor-pad .elementor-column-gap-default > .elementor-column > .elementor-element-populated {padding: 10px}
.banner.elementor-section .elementor-container,
.banner .elementor-widget,
.banner .elementor-column,
.banner .elementor-widget-wrap,
.sectionPdg.hulpBg.elementor-section .elementor-container,
.sectionPdg.hulpBg .elementor-column,
.sectionPdg.hulpBg .elementor-widget-wrap,
.sectionPdg.hulpBg .elementor-widget,
.comPonArea.elementor-section .elementor-container,
.comPonArea .elementor-column,
.comPonArea .elementor-widget-wrap,
.comPonArea .elementor-widget{
    position: static;
    width: 100%;
}

.pdtOffer.elementor-section > .elementor-container{max-width: 100% !important}

.elementor-element{
    font-family:inherit !important;
    font-size: inherit !important;
}
.woocommerce-js h2 {margin-bottom: 0}
.pdwiz h5,
.pdText h1.product_title,
h1,
h1.elementor-heading-title,
h2.elementor-heading-title,
h3.elementor-heading-title,
h4.elementor-heading-title,
h5.elementor-heading-title,
h6.elementor-heading-title{
    margin: 1.5625vw 0 0 !important;
    text-transform: uppercase;
    font-family: MortendBold !important;
    font-weight: normal;
    line-height: 1.157;
    font-size: 2.375em !important;
    color: #960F13 !important;
}
.productStyle-2 .pdText h1.product_title{ display:none;} 
.colorHedFFF .pdwiz h5,
.colorHedFFF .pdText h1.product_title,
.colorHedFFF h1.elementor-heading-title,
.colorHedFFF h2.elementor-heading-title,
.colorHedFFF h3.elementor-heading-title,
.colorHedFFF h4.elementor-heading-title,
.colorHedFFF h5.elementor-heading-title,
.colorHedFFF h6.elementor-heading-title{color: #fff !important}

.pdText h1.product_title {margin: 0 0 2.1vw !important}
h3.elementor-heading-title{
    font-size: 1.875em !important;/*30*/
    text-align: left;}
.textCenter h3.elementor-heading-title{
    text-align: center;}
h4.elementor-heading-title{font-size: 1.563em !important; /*25*/}
h5.elementor-heading-title{font-size: 1.25em !important; /*20*/}
h6.elementor-heading-title{font-size: 1.125em !important; /*18*/}
.elementor-image-box-content h4 a ,
.elementor-image-box-content h4 {font-family: Figtree-Regular}
.elementor p a {
    font-size: inherit !important;
    text-decoration: underline;
    font-family: inherit;
    color: inherit;
}
.elementor p a:hover {
    text-decoration: none;
    color: inherit !important;
}
.mousey {margin-top: 20px}

.single-product .elementor-widget-container .pdsBox {width: calc(100%)}
.related.products  {width: 100%}
.productStyle-2 .related.products{display:none !important;}
.related.products > h2 {
    font-family: MortendBold !important;
    line-height: 1.157 !important;
    font-size: 2.375em !important;
    color: #960F13 !important;
    margin: 3.125vw 0 1.0416666666666667vw;
}
.vDoSection .container section.related.products h2 {margin-top: 0}
.related .products .astra-shop-thumbnail-wrap {
    margin-bottom: 0.5208333333333334vw;
    padding: 0.8vw;
}
.related .products .star-rating,.products .star-rating  {width: 100%}
.related .products .astra-shop-summary-wrap {
text-align: center !important;
padding: 0 0.5208333333333334vw !important}
.related .products .astra-shop-summary-wrap .star-rating::before {
    left: 50%;
    float: inline-end;
    position: absolute;
    transform: translate(-50%);
}
.products .astra-shop-summary-wrap .star-rating::before {
    left: 50%;
    float: inline-end;
    position: absolute;
    transform: translate(-50%);
}
ul.products.columns-4::after,
ul.products.columns-4::before {display: none}
ul.products.columns-4 {
    flex-wrap: wrap;
    margin: 0 !important;
    display: flex !important;
    justify-content: space-between;
    gap: 1.5625vw !important;
    padding: 0 !important;
}

ul.products.columns-4 li {
    margin: 0 !important;
    width: calc(25% - 1.5625vw) !important;
    box-shadow: 0px 0 0.5208333333333334vw rgba(0, 0, 0, 0.25);
    padding-bottom: 1.0416666666666667vw !important;
    border: 1px solid #fff;
    border-radius: 5px;
}

ul.products.elementor-grid.columns-4 li {width: 100% !important}
ul.products.columns-4 li.ast-col-sm-12 {width: calc(25% - 1.5625vw) !important}
.button, .elementor-button {
    color: #fff !important;
    border-radius: 30px !important;
    border-color: #A51E25 !important;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    background: linear-gradient(90deg, #A51E25 0%, #F05628 100%) !important;
    font-family: Figtree-Regular !important;
    font-size: inherit !important;
    display: inline-block;
    padding: 12px 1.5625vw;
}
.button:hover, .elementor-button:hover {
    background: linear-gradient(90deg, #F05628 0%, #A51E25 100%) !important;
}
.elementor-widget-container  h2  span strong,
.elementor-widget-container  h2 strong span {
    text-align: center;
    color: #960F13 !important;
    display: block;
}
.single-product #primary {
    float: inherit;
    margin: 0;
}
.pdText .pagLink {display: none}
.pdText .product_meta {display: none}

.e-widget-swiper {margin-top: 30px}
.textCenter.colorHedFFF .elementor-column-gap-no .elementor-column-gap-no  p ,.cmnCntrFnt .elementor-column-gap-no .elementor-column-gap-no  p {
    line-height: 1;
    margin: 8px 0 0 !important;
}
.cmnCntrFnt  .elementor-button-wrapper{margin-top: 30px}
.textCenter.colorHedFFF .elementor-column-gap-no .elementor-column-gap-no ,
.cmnCntrFnt .elementor-column-gap-no .elementor-column-gap-no  {margin-top: 50px}
.textCenter.colorHedFFF .elementor-column-gap-no .elementor-column-gap-no .elementor-icon svg,
.cmnCntrFnt .elementor-column-gap-no .elementor-column-gap-no .elementor-icon svg {fill: #69727d}
.cmnCntrFnt,.cmnCntrFnt h2, .cmnCntrFnt h3 {text-align: center !important;}
.topImg {text-align: center;}
.topImg img {width: 100%}
.shoptopbar {padding-bottom: 30px}
.shoptopbar > div {
    display: flex;
    align-items: flex-end !important;
    gap: 30px;
}
.woocommerce.widget_product_categories h5 {
    font-family: MortendBold !important;
    margin: 30px 0 5px;
}
.shoptopbar button {border-color: #000}
.orderby {
    border: 1px solid #dddddd !important;
    background-color: #fff !important;
    border-radius: 3px !important;
    padding: 14px  !important;
}
h2.woocommerce-loop-product__title {font-family: MortendBold !important}
.woocommerce-js ul.products li.product .star-rating {font-size: .857em !important}
.page-numbers {
    width: 100%;
    list-style: none;
    margin: 0 !important;
    gap: 1.0416666666666666vw;
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
nav.woocommerce-pagination > .page-numbers {
    display: flex !important;
    margin-bottom: 100px !important;
}
nav.woocommerce-pagination > .page-numbers li {
    font-family:Figtree-Medium;
    width: 1.9791666666666666vw;
    height: 1.9791666666666666vw;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.25);
    border: 1px solid #C1C1C1 !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: hidden !important;
    color: #B2B2B2 !important;
    display: flex !important;
    background-color: #fff;
    border-radius: 100%;
    font-weight: normal;
    line-height: 1.000;
    font-size: 1.125em;
}
nav.woocommerce-pagination > .page-numbers li a {
    color: #B2B2B2 !important;
}

nav.woocommerce-pagination > .page-numbers li  a:hover, nav.woocommerce-pagination > .page-numbers li  span.current {
    background-color: #C60D12!important;
    border-color: #C60D12!important;
    color: #fff!important;
}
.shoptopbar  .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 24px;
    font-size: 14px;
    font-family: inherit;
}
.related.products ul.products.elementor-grid.columns-4 li {width: calc(33% - 0.9375vw) !important}
.autoFlexs .pdwiz ul li{font-size: 1.5em}
.autoFlexs .pdwiz ul li ul li{font-size: inherit;}
@media screen and (max-width:1023px){
.shoptopbar .elementor-column.elementor-col-50,.shoptopbar .elementor-column[data-col="50"] {width: 100%}
.shoptopbar  .woocommerce.widget_product_categories h5 {margin: 0 0 5px}
.shoptopbar  .select2-container--default .select2-selection--single .select2-selection__rendered {font-size: 12px}

}

@media screen and (max-width:767px){
    ul.products.columns-4, ul.products.elementor-grid.columns-4{
    gap: 20px !important}
    ul.products.columns-4 li {width: calc(50% - 10px) !important}
    ul.products.elementor-grid.columns-4 li {width: 100% !important}  
    .secTop-150.colorHedFFF {
        padding: 100px 0 !important;
        background-position: center !important;
    }
    .secTop-150.colorHedFFF .elementor-col-100 > .elementor-widget-wrap {width: 100%}
    h1,
    h1.product_title,
    h2.elementor-heading-title,
    h3.elementor-heading-title,
    h4.elementor-heading-title,
    h6.elementor-heading-title,
    h6.elementor-heading-title{margin: 20px 0 0 !important}
    .single-product.elementor-section-boxed > .elementor-container {max-width: calc(100% - 30px)}
    .colorHedFFF h4.elementor-heading-title{margin: 10px 0 !important}
    .elementor-pad.imgBoxShadow {padding: 40px 0 !important}
    .elementor-pad .elementor-column-gap-default>.elementor-column>.elementor-element-populated {padding: 0}
    .button, .elementor-button {font-size: 12px !important}
    .related .products .astra-shop-summary-wrap {padding: 0 10px}
    .related.products ul.products.elementor-grid.columns-4 li {width: calc(50% - 10px) !important}
}




/* New  Page Style */

.featureOfSection,
.selectSecPer,
.nedSectionBtn{padding: 5.208333333333333vw 0 !important}
.featureOfSection  h4.elementor-heading-title {
    margin: 0 !important;
    padding: 16px 4px;
    font-size: 1.25em !important;
}
.featureOfSection .fadeInLeft h4.elementor-heading-title {text-align: left}
.featureOfSection .fadeInRight h4.elementor-heading-title {text-align: right}
.selectSecPer figcaption.elementor-image-carousel-caption {
    font-size: 1.25em;
    margin: 10px 0;
}
.nedSectionBtn  ul li a {
    padding: 10px 4px;
    font-size: 1.5em !important;
}
.featureOfSection .elementor-widget-wrap section {padding: 15px 5px 10px;}

.makeAcc {
    margin: 30px 0 100px;
    text-align: left;
}
.elePad{padding: 70px 0 !important;}

.flf1 .eael-elements-flip-box-padding h2 {font-size: 1.575em}
.contantGet1 h4 {
    margin: 0 !important;
    font-family: MortendBold !important;
}
.bnf1tp h1 {
    margin: 0 !important;
    padding: 10px 10px 0;
}
.contantGet1 p {margin: 0 !important}
.cmAccd .elementor-widget-eael-adv-accordion{margin-top: 10px}
.elementor-pad.imgBoxShadow.padgBt-1 {padding-bottom: 150px !important}
.pad_tit .uc_classic_carousel .card_carousel_title {
    font-family: 'MortendBold' !important;
    margin: 10px 0 !important;
}
.aliImgBoxs .elementor-image-box-wrapper h3 {text-align: left !important}
.aliImgBoxs .elementor-image-box-wrapper {margin: 15px 0}
.aliImgBoxs {margin-top: 100px}
.h3TexLeft h3{text-align: left}
.elementor-icon-list-items .elementor-icon-list-item > a {font-family: 'Figtree-Regular'}
.single-post section:last-child {padding-bottom: 5.208333333333333vw !important}
.single-post section .textImgInner:last-child {padding: 0 !important}
.single-post .textImgInner{padding-bottom:0 !important}
.maintenanceSec h4.elementor-heading-title {
    margin: 0 0 10px !important;
    text-align: center;
}
.card_carousel_title {
    font-family: inherit !important;
    font-family: MortendBold !important;
    text-transform: uppercase;
    padding-top: 30px;
    font-size: 1.2em !important;
}
.button br {display: none}
.requestForm > div {
    padding: 0 10px 20px !important;
}
@media screen and (max-width:1023px){
    .featureOfSection .fadeInLeft h4.elementor-heading-title ,
    .featureOfSection .fadeInRight h4.elementor-heading-title {text-align: center}
}

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

    .padgBt-1 {padding-bottom: 90px !important}
    .featureOfSection .elementor-widget-wrap section {margin-bottom: 20px}
    .nedSectionBtn ul {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 10px !important;
        font-size: 12px !important;
    }
    .h3TexLeft h3 {text-align: center}

    .elePad {padding: 40px 0 !important}
    .contantGet1 {padding: 40px 0 80px !important}
    .cmnCntrFnt {padding: 30px 0 !important}
    .elementor-icon-list-items .elementor-icon-list-item > a {font-size: 12px}
    .single-post .elementor-section > .elementor-container > div {padding: 0 10px !important}
    .single-post section:last-child {padding-bottom: 80px !important}
}

@media screen and (max-width:1024px){
.elementor-section.elementor-section-boxed > .elementor-container {max-width: 75.208333333333vw !important}
}

/********************************/
/*********    Amazin kye page Style    *********/
/********************************/

.acBoxSlider.pdgTop-224 h2 ,.acBoxSlider.pdgTop-224 p {color: #fff}
.acBoxSlider.pdgTop-224 .acBoxCont p {color: #000}
.amazon-vDoBox {padding-top: 1.5625vw}
.amazonBox {
    position: relative;
    display: flex;  
}
.amazon-vDoBox .vDoBox {
    border-radius: 0.78125vw;
    box-shadow: 0px 0px 0.78125vw 0px rgba(0, 0, 0, 0.10);
    padding: 0;
}
.amazonBox img {
    border-radius: 1.5625vw;
    border: 0.5208333333333334vw solid #FFF;
    box-shadow: 0px 0.5208333333333334vw 1.5625vw 0px rgba(0, 0, 0, 0.25);
    height: auto;
}
.amazon-vDoBox svg{height: 11.354166666666666vw}
.amazon-vDoBox:hover svg {fill-opacity: 1}
.acBoxSlider.pdgTop-224 .commBtn {
    margin: 1.0416666666666667vw 0 0;
}
.pdgBtm-260{padding-bottom: 17.385416666666668vw;}
.sectionPdg.pdgTop-244 {padding-top: 12.708333333333334vw;z-index: 1}
.sectionPdg.mgnTop--244 {margin-top: -12.708333333333334vw}
.sectionPdg.pdgBtm-412 {padding-bottom: 21.458333333333332vw}
.sectionPdg.pdgTop-412 {padding-top:21.458333333333332vw}
.acBoxSlider.mgnTop--224 {margin-top: -11.666666666666666vw}
.acBoxSlider.pdgTop-224 {padding-top:11.666666666666666vw}
.acBoxSlider.pdgTop-224.mgnTop--224::after {
    top:0;
    left: 0;
    width: 100%;
    position: absolute;
    background: rgba(72, 114, 157, 0.80) !important;
    height: 35.572916666666664vw;
    content: "";
    z-index: 1;
}
.middleCenter.kyeMid .container {padding-bottom: 0}
.middleCenter.kyeMid .autoFlexs > .elementor-container {
    gap: 0;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 2.6041666666666665vw;
    display: flex;
}
.midAutoTxt {
    width: 54% !important;
    text-align: left;
}
.midAutoImg {width: 46% !important;}
.midAutoImg img {display: block;height: auto}
.sectionPdg.color000 .acBoxCont .smHed {
    color: #000;
    margin: 0 !important;
}
.dotsNone .slick-dots {display: none !important}
.zindex10 {z-index: 10}  


@media screen and (max-width:767px){
    .brNone br{display: none}
    .sectionPdg.pdgBtm-412 {padding-bottom: 50px}
    .sectionPdg.mgnTop--244 {margin-top: 0}
    .sectionPdg.pdgTop-244 {padding-top: 50px}
    .sectionPdg.pdgTop-412 {padding-top: 50px}
    .acBoxSlider.pdgTop-224 {padding-top: 50px}
    .acBoxSlider.mgnTop--224 {margin-top: 0}
    .acBoxSlider.pdgTop-224.mgnTop--224::after {height: 100%}
    .midAutoTxt {
        width: 100% !important;
        text-align: center;
    }
     .midAutoImg {
        width: 80% !important;
        margin: 40px auto 0;
    }
}
/********************************/
/*********    Amazin kye page Style    *********/
/********************************/

.allAcBoxs {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5625vw;
    margin-top: 2.6041666666666665vw;
}

.allAcBoxs .acBox {
    margin: 0;
    width: calc(25% - 1.1979166666666667vw);
}

.allAcBoxs .acBoxCont {padding: 1.5625vw 1.5625vw 5.729166666666667vw}

.allAcBoxs a.smHed {
    text-decoration: none;
    margin-top: 0;
}

.allAcBoxs .acBoxCont p {margin: 0 0.625vw !important}

@media screen and (max-width:767px) {
    .allAcBoxs .acBoxCont {padding: 15px 10px 50px}
    .contact2.sectionPdg {padding-bottom: 70px}
    .allAcBoxs {gap: 20px}
    .allAcBoxs .acBox {width: calc(50% - 10px)}
    .allAcBoxs .acBoxCont p {margin: 0 !important}
}
@media screen and (max-width:567px) {
    .allAcBoxs .acBox {width: 100%}
}

/********************************/
/*********    woocommerce Style    *********/
/********************************/
.woocommerce h1,
.woocommerce-account h1,
.woocommerce h2,
.woocommerce-account h2 {font-size: 2.375em}
.textImg.textImg4.tXtInherit.pSize-24.h3Size-48 h2 {margin-bottom: 1.5625vw}
.sproloader {
    left: 50%;
    position: absolute;
    top: 2.6041666666666665vw;
    transform: translate(50%);
    z-index: 9;
}
.sproloader img {width: 3.125vw}

@media screen and (max-width:767px) {
    .sproloader { display: none !important}
    .textImg.textImg4.tXtInherit.pSize-24.h3Size-48 h2 {margin-bottom: 15px}
}


/********************************/
/*******     section3     *******/
/********************************/
.section3 {
    width: 100%;
    position: relative;
    padding: 5.2083333333333336vw 0;
    text-align: center;
    color: #fff;
}
.section3 h2 {color: #fff}
.sec3In {
    width: 100%;
    padding: 3.125vw 0;
    justify-content: space-between;
    flex-wrap: wrap;
    display: flex;
}

.section3 .sec3In .item .commBtn {text-decoration: none}
.section3 .sec3In .item .commBtn:hover {color: #fff !important}
.sec3In > .elementor-container {
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    display: flex;
}
.sec3In .item {
    padding: 1.5625vw 0;
    width: 6.366782006920416%;
    justify-content: space-between;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
    border-radius: 10px;
    background: #EBEBEB;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    color: #000;
}
.sec3In .item > .elementor-widget-wrap {
    width: 100%;
    min-height: 100%;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    display: flex;
}

.sec3In .item.active {
    width: 31.90311418685121%;
    padding-right: 3.125vw;
    padding-left: 3.125vw;
    cursor: default;
}

.sec3In .item .bgImg {
    visibility: hidden;
    opacity: 0;
}

.sec3In .item.active .bgImg {
    visibility: visible;
    opacity: 1;
}

.sec3Top {
    width: 100%;
    line-height: 1.000;
    font-family: MortendBold !important;
    font-size: 1.500em;
    position: relative;
    color: #233857;
    z-index: 1;
}

.sec3Mid {
    width: 100%;
    height: 17.1875vw;
    position: relative;
    z-index: 1;
}
.sec3Mid > .elementor-widget-container {
    width: 100%;
    height: 100%;
}

.active .sec3Mid {
    height: auto;
    order: 2;
}
.sec3In h3 {
    width: 17.1875vw;
    font-weight: normal;
    text-align: center;
    line-height: 1.000;
    font-size: 1.500em;
    font-family: Figtree-Bold;
    transform: rotate(90deg) translate(-50%, -50%);
    transform-origin: left top;
    position: relative;
    color: #233857;
    margin: 0;
    left: 50%;
    top: 50%;
}

.sec3In .active h3 {
    width: 100%;
    transform: none;
    position: static;
}

.sec3In p {
    padding: 0;
    line-height: 1.111;
    font-size: 1.125em;
    display: none;
}
.sec3In p + p {margin: 0}
.sec3In .smallBtn {display: none}
.sec3In .active p {display: block}
.sec3In .active .smallBtn {display: inline-flex}
.sec3In .icon {
    width: 100%;
    line-height: 0;
    position: relative;
    z-index: 1;
}
.sec3In .icon svg {
    width: auto;
    height: 2.6041666666666668vw;
}
.active .icon svg {height: 5.2083333333333336vw}
.section3 .normalBtn {
    border-color: #fff;
    color: #fff;
}
.sec3Btm {
    width: 100%;
    padding-bottom: 3.125vw;
}
.sec3Btm p {margin: 0 !important}
.section3 .commBtn.bold.colorFff {border-color: #fff}

@media screen and (max-width:767px) {
    .section3 {padding: 50px 0}
    .sec3In {
        padding: 15px 0;
        gap: 15px;
    }
    .sec3In > .elementor-container {gap: 15px}
    .sec3In .item,
    .sec3In .item.active {
        width: 100%;
        padding: 15px;
        flex-direction: unset;
    }
    .sec3In .item > .elementor-widget-wrap {
        width: 100%;
        flex-direction: unset;
    }
    .sec3In .item.active {
        flex-wrap: wrap;
        padding: 20px;
    }
    .sec3In .item.active > .elementor-widget-wrap {flex-wrap: wrap}
    .sec3Top {
        width: auto;
        font-size: 14px !important;
    }
    .active .sec3Top { width: 100%}

    .sec3Mid {
        width: auto;
        height: auto;
    }
    .active .sec3Mid {width: 100%}
    .sec3In h3 {
        width: auto;
        transform: none;
        position: static;
        font-size: 13px;
    }
    .sec3In .active p {
        margin: 15px 0 !important;
        font-size: 12px !important;
    }
    .sec3In .icon {width: auto}
    .active .icon {
        width: 100%;
        margin: 10px 0;
    }
    .sec3In .icon svg {height: 25px}
    .active .icon svg {height: 50px}
    .sec3Btm {padding-bottom: 15px}
}

/********************************/
/*******     section4     *******/
/********************************/

.section4 {
    width: 100%;
    position: relative;
    padding: 5.2083333333333336vw 0;
    text-align: center
}

.sec4Mid {
    width: 100%;
    padding: 3.125vw 0;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    display: flex
}

.sec4Mid > .elementor-container {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    display: flex
}

.sec4List {
    width: 23.958333333333332vw;
    gap: 2.0804438280166437vw;
    position: relative;
    flex-wrap: wrap;
    display: flex;
    z-index: 1;
}

.sec4List > .elementor-widget-wrap {
    width: 100%;
    gap: 2.0804438280166437vw;
    flex-wrap: wrap;
    display: flex
}
.sec4List > .elementor-widget-wrap > .elementor-widget {width: 100%}

.sec4Item svg {
    width: 5.208333333333333vw;
    height: auto;
    margin: 0 auto;
}

.sec4Item {
    width: 100%;
    padding: 1.5625vw;
    border-radius:0.78125vw;
    font-family:Figtree-Bold;
    box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.25);
    min-height: 13.020833333333334vw;
    gap: 1.0416666666666666vw;
    font-size: 1.50em;
    line-height: 1.25;
    background: #FFF;
    flex-wrap: wrap;
    display: flex
}

.sec4Item svg {
    width: 4.375vw;
    height: auto
}

.sec4Item span {
    display: block;
    width: 100%;
}

.sec4Inner {
    position: relative;
    line-height: 0;
    width: 20.833333333333332vw;
}

.sec4Inner img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
    box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.25);
    border-radius: 50%;
}

.section4 .normalBtn {
    font-family: Figtree-Bold;
    font-weight: 400
}

.sec4MidBox .sec4Item {
    width: 23.958333333333332vw;
    margin: 0 auto;
    text-align: center;
    padding: 2.4479166666666665vw 1.5625vw;
}

.sec4MidBox .sec4Item img {width: 6.770833333333333vw}
.sec4MidBox .sec4Item .elementor-widget-wrap {width: 100%}

.sec4MidBox .sec4Item span {
    font-family: Figtree-Bold;
    font-size: 1.50em;
    line-height: 1.25;
    display: block;
    margin-top: 1.5625vw;
}

@media screen and (max-width: 767px) {
    .section4 {padding: 50px 0}
    .sec4Item {
        font-size: 14px;
        gap: 10px;
        padding: 15px;
    }
    .sec4MidBox .sec4Item {
        width: 100%;
        padding: 15px;
    }
    .sec4MidBox .sec4Item span {
        font-size: 14px;
        margin-top: 10px;
    }
    .sec4MidBox .sec4Item img {width: 80px}
    .sec4Item svg {width: 30px}
}

@media screen and (max-width: 630px) {
    .sec4Mid {padding: 15px 0}
    .sec4List {
        width: 100%;
        gap: 15px
    }
    .sec4List > .elementor-widget-wrap {gap: 15px}
    .sec4Inner {
        width: 150px;
        margin: 15px auto
    }
}

/********************************/
/*******     Ful Box     *******/
/********************************/
.fullsection.elementor-section.elementor-top-section > .elementor-container {
    width: 96.875vw !important;
}

.box-col-5 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 3.125vw;
    gap: 1.5625vw;
}

.box-col-5 .hollowBox {width: calc(20% - 1.25vw)}
.ptnrBox6 {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ptnrBox6 .partner {
    display: flex;
    border-radius: .8vw;
    height: 6.770833333333333vw;
    padding: 1.0416666666666667vw;
    justify-content: center;
    align-items: center;
}

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

@media screen and (max-width: 1024px) {
    .fullsection.elementor-section.elementor-top-section > .elementor-container {
        max-width: 96.875vw !important;
    }
}

@media screen and (max-width: 767px) {
    .box-col-5 .hollowBox {
        width: calc(50% - 10px);
        padding: 10px;
    }

    .box-col-5 {
        margin-top: 30px;
        gap: 20px;
    }

    .hollowBox strong {font-size: 14px}

    .fullsection.elementor-section.elementor-top-section > .elementor-container {
        widows: 100% !important;
        max-width: 100% !important;
        padding: 0 15px !important;
    }

    .ptnrBox6 .partner {
        border-radius: 5px;
        height: 66px;
        padding: 15px;
    }
}

/********************************/
/*******     Center     *******/
/********************************/


.middleCenter.onlineShopMid .container {padding: 0 0 0 4.6875vw}

.onlineShopMid h3 {text-align: left}

.onlineShopMid .autoFlexs > .onlineShopBox,
.onlineShopMid .autoFlexs > .elementor-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.onlineShopMid .midAutoImg img {border-radius: 0 1.5625vw 1.5625vw 0}
.contact2.pdgTop-330 {padding-top: 17.1875vw}

@media screen and (max-width: 767px) {
    .middleCenter.onlineShopMid {padding: 50px 0}
    .onlineShopMid .autoFlexs > .onlineShopBox,
    .onlineShopMid .autoFlexs > .elementor-container {flex-wrap: wrap}
    .middleCenter.onlineShopMid .container {padding: 0}
    .middleCenter.onlineShopMid.proStyle2 .container {
        width: calc(100% - 30px) !important;
        max-width: inherit !important;
    }
    .onlineShopMid h3 {text-align: center}
    .onlineShopMid .midAutoImg img {border-radius: 0}
    .onlineShopMid .midAutoImg {width: 100% !important}
    .onlineShopMid .midAutoTxt {padding: 30px 15px 0}
    .contact2.pdgTop-330 {padding: 50px 0 70px}
}

/********************************/
/*******     Center     *******/
/********************************/
.autoSolution.haywardSection {background: transparent}
.haywardSection.pdgBtm330 {padding-bottom: 17.1875vw}
.forSection {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    gap: 1.5625vw;
    margin: 0;
}


.forSection li.acBox {
    margin: 8.333333333333334vw 0 0;
    width: calc(33.33333% - 1.0416666666666667vw);
    padding: 3.125vw 0 5.729166666666667vw;
    position: relative;
}

.forSection li a {text-decoration: none}
.for-img {
    top: -3.90625vw;
    position: absolute;
    transform: translate(-50%);
    left: 50%;
}

.for-img img {
    width: 7.8125vw;
    height: auto;
}
.forSection .smHed {color: #000}
.forSection .acBoxCont .commBtn {bottom: 3.125vw}
.turnstilesCont p {
    color: #fff;
    margin: 0 !important;
    font-family: 'Figtree-Bold';
    font-size: 2.25em;
}

.turnstilesCont h2 {
    color: #fff !important;
    margin: 0.5208333333333334vw 0 1.0416666666666667vw !important;
    font-size: 5.5em !important;
}

.turnstilesCont .commBtn {
    background: linear-gradient(135deg, #F29855 25.21%, #EE3524 74.79%);
    box-shadow: 0px 15px 50px 10px rgba(243, 147, 27, 0.30);
    border: 0px solid transparent;
    color: #fff;
}

.turnstilesCont .commBtn:hover {
    background: linear-gradient(135deg, #EE3524 25.21%, #F29855 74.79%);
}

@media screen and (max-width: 767px) {
    .forSection {gap: 15px}
    .forSection li.acBox {
        width: 100%;
        margin: 50px 0 0;
        padding: 30px 0 50px;
    }
    .for-img {top: -35px}
    .for-img img {width: 70px}
    .forSection .acBoxCont .commBtn {bottom: 20px}
}

/********************************/
/*******     photoitem     *******/
/********************************/
.photoitems {padding: 3.125vw 0}
.photoitems > .elementor-widget-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.5625vw;
}

.photoitems .photoitem img {
    width: 100%;
    border-radius: 0.5208333333333334vw;
    box-shadow: 0px 0.5208333333333334vw 1.0416666666666667vw 0px rgba(0, 0, 0, 0.20);
    height:15.104166666666666vw;
}

.photoitems .photoitem {width: calc(25% - 1.1979166666666667vw)}







/********************************/
/*******     turProduct     *******/
/********************************/
.turProduct {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
}

.turProduct li a {
    color: #898989;
    text-align: center;
    font-size: 1.125em;
    line-height: 1.77;
    font-family: 'Figtree-Bold';
    margin-bottom: 1.0416666666666667vw;
    text-align: left;
    display: block;
}

.turProduct li a.active ,.turProduct li a:hover {color: #10559A}

.turProduct li:last-child a {
    font-family: 'Figtree-Bold';
    margin-bottom: 0;
}

.turProduct li {
    margin: 1.0416666666666667vw 1.5625vw;
    border-bottom: 1px solid #B6B6B6;
}

.turProduct li:last-child {
    margin: 1.0416666666666667vw 1.5625vw 0;
    border-bottom: 0px solid #B6B6B6;
}

.turnstBoxs .elementor-container {
    display: flex;
    justify-content: space-between;
    padding-bottom: 1.6625vw;
    flex-wrap: wrap;
    gap: 1.5625vw;
}

.turnstBoxs .turnstLeft {width: calc(25% - 1.2vw)}
.turnstBoxs .turnstRight {width: calc(75% - 0.3645833333333333vw)}
.box-col-3 {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5625vw;
}

.box-col-3 .hollowBox {
    width: calc(33.333% - 1.0416666666666667vw);
    padding: 0;
}

.box-col-3 .hollowBox img {border-radius: 15px 15px 0}

.box-col-3 .hollowBox strong {
    padding: 0 1.0416666666666667vw 1.0416666666666667vw;
    font-size: 1.125em;
    line-height: 1.3;
}
.turnstBoxs .turnstRight .hollowBox img {
    height: 15.104166666666666vw;
    padding: 1.5625vw;
}
@media screen and (max-width: 767px) {
    .turnstBoxs .elementor-container {padding-bottom: 30px}
    .box-col-3 {gap: 20px}
    .turnstBoxs .turnstRight {width: 52%}
    .turnstBoxs .turnstLeft {width: 45%}
    .turProduct li a {font-size: 12px}
    .box-col-3 .hollowBox {
        border-radius: 8px;
        width: 100%;
    }
    .box-col-3 .hollowBox img {border-radius: 8px 8px 0 0}
    .turnstBoxs .turnstRight .hollowBox img {
        height: auto;
        padding: 20px;
    }
    .box-col-3 .hollowBox strong {
        padding: 0px 15px 20px;
        font-size: 14px;
    }
}



/********************************/
/*******     turProduct     *******/
/********************************/
#spTab .speccont,
.spTabCont .autoFlexs {margin-top: 1.5625vw}
#spTab .speccont h2 {
    font-size: 1.5em;
    margin: 1.5625vw 0;
    font-family: 'Figtree-Bold';
    text-transform: inherit;
}
#spTab .speccont ul {margin: 0}
#spTab .speccont li {
    box-shadow: none;
    border-radius: 0;
    display: list-item;
    background: transparent;
    margin: 0.5208333333333334vw 0 0 1.0416666666666667vw;
    font-family: 'Figtree-Regular';
    font-size: 1.125em;
    color: #000;
    padding:0;
}

#spTab .spTabCont .speccont strong {border-width: 0}
#spTab .spTabCont .speccont table h5 strong {padding: 0}
#spTab .spTabCont .speccont p strong {
    margin: 0 !important;
    padding: 0;
}
#spTab .spTabCont .speccont ul li strong {
    padding: 0;
    font-size: inherit;
}
.speccont p {
    margin: 0 !important;
}
#spTab .spTabCont .speccont p {
  margin: 1.5625vw 0 !important;
}
.speccont a.f-bold {
    color: #fff;
    border: none;
    font-size: 1em;
    display: inline-block;
    background: linear-gradient(5deg, #9C0E13 4.53%, #EE5228 96.17%);
    padding: 0.5208333333333334vw 1.5625vw;
    text-decoration: none;
    border-radius: 48px;
    margin-bottom:20px;
}

.speccont a.f-bold:hover {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    background: linear-gradient(5deg, #EE5228 4.53%, #9C0E13 96.17%);
    color: #fff;
}

.speccont a.f-bold img {width: 1.5625vw}
.speccont p strong {font-size: inherit;}
@media screen and (max-width: 767px) {
    #spTab .speccont,
    .spTabCont .autoFlexs {margin-top: 20px}
    #spTab .speccont ul {margin: 0 0 0 10px !important}
    #spTab .speccont li,.speccont p {font-size: 12px}
    .speccont a.f-bold img {width: 20px}
    .speccont a.f-bold {padding: 6px 10px}
    #spTab .speccont table li {font-size: 8px}
}


/*!!!!!!!!!!!!!*/

.proCatPdf.pdgBtm300 {padding-bottom: 15.625vw}
.partnerSvgSec {padding: 7.8125vw 0 17.1875vw}
.findInon {
    left: 50%;
    position: absolute;
    top: -11.458333333333334vw;
    transform: translate(-50%)
}

.findInon img {
    width: 6.25vw;
    height: auto;
}
.proCatSec h2,
.proCatPdf h2 {color: #C60D12}

.proCatSec .textCenter.textCapitalize p {
    font-size: 1.5em;
    margin: 1.0416666666666667vw 0 0 !important;
}
.proCatSec {padding: 3.125vw 0 5.208333333333333vw}
.proCatSec .turnstBoxs {margin-top: 3.125vw}
.proCatPdf p {
    font-size: 1.5em;
    margin: 1.0416666666666667vw 0 0 !important;
}
.proCatPdf .pdfBtn .commBtn {
    font-size: 1.875em;
    font-family: Figtree-Bold;
    background: linear-gradient(5deg, #9C0E13 4.53%, #EE5228 96.17%);
    box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.40);
    padding: 0.3125vw 2.0833333333333335vw;
    gap: 1.3020833333333333vw;
}



@media screen and (max-width: 767px) {
    .partnerSvgSec {padding: 50px 0 0}
    .findInon {top: -80px}
    .findInon img {width: 50px}
    .proCatPdf.pdgBtm300 {padding-bottom: 0}
    .proCatPdf p,
    .proCatSec .textCenter.textCapitalize p {
        font-size: 12px;
        margin: 10px 0 !important;
    }

    .proCatPdf .pdfBtn .commBtn {
        font-size: 13px;
        padding: 5px 25px;
        gap: 5px;
    }
    .proCatSec {padding: 30px 0 50px}
    .proCatSec .turnstBoxs {margin-top: 20px}
}