.newsliderText .autoFlexs {gap: 3vw;}
 .sliderText.newsliderText {padding: 2.34375vw 0 3.125vw;}
.newsliderText h2 {
    color: #C60D12
}
.sliderText.newsliderText p {
    font-size: 1.5em;
    line-height: 1.333;
}
.newsliderText .woocommerce-product-details__short-description ul li {
    line-height: 1;
    font-family: 'Figtree-Medium';
    font-style: normal;
    margin-bottom: 1.0416666666666667vw; /*20px*/
}

.newsliderText .pdSlider-nav {padding: 0 4.208333333333333vw;}
.newsliderText .woocommerce-product-details__short-description{padding-right: 1.5625vw;/*30px*/}
.newsliderText .pdwiz {margin-top: 3.3854166666666665vw; /*65px*/}
.newsliderText .head3 {
    font-size: 2.625em;
    text-transform: capitalize;
}
.dotUl.liGap-30 {
    display: flex;
    flex-direction: column;
    gap: 1.5625vw;/*30px*/
}

.dotUl.liGap-30 li {line-height: 1}

.customFlex {
    display: flex;
    flex-wrap: wrap;
    gap: 2.0833333333333335vw /*40px*/
}
.customImg {width: 10.416666666666666vw /*200px*/}
.customTxt {width: 23.541666666666668vw;/*19px*/}

.customTxt p {margin: 0 !important;}
.pdfBtn .commBtn {
    width: 100%;
    line-height: 1;
    min-height: 3.125vw;/*60px*/
    justify-content: flex-start;
    gap:  0.9895833333333334vw;/*452px*/
    background: linear-gradient(5deg, #9C0E13 4.53%, #EE5228 96.17%);
    box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.40);
    text-align: left;
}
.pdfBtn .commBtn:hover {background: linear-gradient(5deg, #EE5228 4.53%, #9C0E13 96.17%);}
.pdfBtn .commBtn svg {height: 1.6666666666666667vw;}

.cata {
    display: flex;
    flex-wrap: wrap;
    margin: 3.125vw 0 0;/*60px*/
    list-style: none;
    padding: 0;
}

.cata p{
    font-size: 1.500em;/* 24px*/
    line-height: 1.333;
}
.cata a {
    text-decoration: none;
    color: #0066CE;
}
.fullImg-01 {margin-top: 3.125vw;/* 24px*/}

.fullImg-01 img {display: block}

.newSpTab #spTab > li {padding: 0}
.newSpTab .spTabCont {
    padding: 1.5625vw 3.125vw;/*30/60 */
    border-bottom: 1px solid #ABA8A8;
}

.newSpTab .spTabCont:last-child {border-bottom: 0}
.newSpTab .spTabCont .autoFlexs {
    margin: 0;
    gap:0.3125vw; /* 6px */
    justify-content: flex-start;
}
.newSpTab .bdrBtmNone .spTabItm {border-bottom: 0;}
.newSpTab .autoFlexs.spCal-4 .spTabItm {
    width: calc(25% - 0.2604166666666667vw);/* 5 */
    justify-content: center
}
.newSpTab .autoFlexs.spCal-5 .spTabItm {
    width: calc(20% - 0.2604166666666667vw);/* 5 */
    justify-content: center
}
.newSpTab .autoFlexs.spCal-4 .spTabItm.textLeft ,
.newSpTab .autoFlexs.spCal-5 .spTabItm.textLeft {
	justify-content: flex-start;
}
.newSpTab .autoFlexs.spCal-1 .spTabItm p {
    font-family: 'Figtree-Medium';
    font-style: normal;
}
.newSpTab .autoFlexs.spCal-1 .spTabItm {
    width: 100%;
    padding: 1.1458333333333333vw 0 0.7291666666666666vw;/* 22/14 */
}
.newSpTab .spTabItm {
    padding: 0.625vw 0; /* 12 */
    align-items: center;
    display: flex;
    gap: 10px; 
}
.newSpTab .spTabCont .sptabHead {
    font-family: inherit;
    padding: 1.1458333333333333vw 0 0.7291666666666666vw;/* 22/14 */
    line-height: 1;
}
.newSpTab .spTabItm p strong {
    font-size: 1.000em;
    font-family: 'Figtree-Bold';
    font-weight: normal;
    font-style: normal;
    border-bottom: 0;
    padding-top: 0;
    line-height: 1;
}
.newSpTab .spTabItm strong {font-family: 'Figtree-Medium'}

.newSpTab .spTabItm p {line-height: 1}

.spTabItm.spEnd {align-items: flex-end}
.spTabItm.spStore p {width: 79%}
.spTabStore {width: 21%}

@media screen and (max-width:767px) {
    .newsliderText .pdSlider-nav {padding: 0 50px}
    .sliderText.newsliderText p {font-size: 12px}
    .newSpTab #spTab > li {height: 500px}
    .newSpTab .spTabItm {padding: 6px 0;}
    .newSpTab .spTabItm p strong {font-size: 12px}
    .pdfBtn .commBtn svg {height: 20px}
    
    .customFlex {gap: 10px}
    .customImg,.customTxt {width: 100%}

}




/* ===== Scrollbar CSS ===== */

#spTab > li {
    height: 46.875vw; /* 900 */
    background: #fff;
    padding: 0 3.125vw 3.6458333333333335vw;
    overflow: auto;
    display: none;
}

#spTabs li.active {font-weight: normal;}
#spTab > li::-webkit-scrollbar, .woocommerce-product-details__short-description::-webkit-scrollbar{width: 16px}
#spTab > li::-webkit-scrollbar-track,.woocommerce-product-details__short-description::-webkit-scrollbar-track {
    background: #D9D9D9;
    border-radius: 100px;
    padding: 10px
  }

 #spTab > li::-webkit-scrollbar-thumb ,.woocommerce-product-details__short-description::-webkit-scrollbar-thumb{
     background-color: #fff;
     border-radius: 10px;
     border: 6px solid #D9D9D9;
     padding: 10px
 }


.fontSizeP-24 p,.fontSizeP-24 .dotUl li {
    font-size: 1.500em;/* 24px*/
    line-height: 1.333;
    font-weight: 400;
}
.colorFff h3{color: #fff}
.color000 h3{color: #000}
.pdgBtm-40 {padding-bottom: 2.0833333333333335vw}/*40px*/

.bg-E1F0FF{background:#E1F0FF}
.bg-48729D{background:#48729D}
.shadowImg2 img {
    box-shadow: 0px 15px 60px 0px rgba(0, 0, 0, 0.10);
    border-radius: 50%;
}
.pdText.padgTop-30 {padding-top: 1.5625vw}
.bndLogo {text-align: center}
.bndLogo a {display: block}
.bndLogo {padding: 2.0833333333333335vw 0 0;/*40px*/}
.bndLogo img{
    width: 8.489583333333334vw;/*163px*/
    height: auto;
}
@media screen and (max-width:767px) {
    .fontSizeP-24 p,
    .fontSizeP-24 .dotUl li {font-size: 12px}
    .bndLogo {padding: 20px 0 10px}
    .bndLogo img {width: 70px}
}


/********************************/
/*******    New Text Image    *******/
/********************************/
.newTextImg .textImgInner.textImgInnerIn {
    gap: 2.0833333333333335vw;/*40px*/
    align-items: center;
}

.newTextImg .textImgInner.textImgInnerIn .imgBox {
    width: 30.260416666666668vw !important;/*581px*/
}
.newTextImg .imgBox{height: auto}
.newTextImg .textImgInner.textImgInnerIn  .textBox {
    display: flex;
    gap: 2.0833333333333335vw;/*40px*/
    width: 42.8125vw; /*822px*/
    flex-wrap: nowrap;
    align-items: flex-start;
}
.newTextImg .textImgInner.textImgInnerIn  .textBox {
    display: flex;
    gap: 2.0833333333333335vw;
    width: 42.8125vw;

}
.textBox2Logo {width: 5.208333333333333vw; /*100px*/}

.textBox2text {width: 35.572916666666664vw;/*683px*/}

.newTextImg h2 {
    font-size: 2.625em; /*42px*/
    line-height: normal;
    text-transform: capitalize;
    font-family: 'Figtree-Bold';
}

.flexCenter {align-items: center !important;}


@media screen and (max-width:767px) {
    .pdgBtm-40 {padding-bottom: 30px}
    .newTextImg .textImgInner.textImgInnerIn .textBox {gap: 15px}
    .newTextImg .textImgInner.textImgInnerIn .imgBox {width: 70.703125vw !important}
    .textBox2Logo {width: 50px}
    .textBox2text {width: 78%}
}


/********************************/
/*******    Box4s   *******/
/********************************/


.box4s {
    display: flex;
    gap: 3.125vw;/*60px*/
}

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

.box4Head {
    color: #000;
    text-align: center;
    font-size: 2.625em;/*42px*/
    font-family: 'Figtree-Bold';
    font-style: normal;
    line-height: normal;
}

.box4 p {margin: 0 !important;}

.box4 {
    display: flex;
    flex-direction: column;
    gap: 2.0833333333333335vw;/*40px*/
}

@media screen and (max-width:767px) {
    .box4s {
        gap: 30px;
        display: flex;
        flex-wrap: wrap;
    }
    .box4 {
        gap: 15px;
        width: calc(50% - 15px);
    }
    .box4Head {font-size: 18px}
}


.newTextImg  h3 {
    text-align: left;
    font-size: 2.000em;/*32px*/
    font-family: 'Figtree-Bold';
    margin: 2.0833333333333335vw 0 2.0833333333333335vw;/*40px*/
    text-transform: capitalize;
    font-style: normal;
    line-height: 1;
    padding: 0;
}
  .textImg.newTextImg .autoFlexs p:first-child {margin: 0 !important;}

.newTextImg .autoFlexs .dotUl li {
    font-size: 1.500em;
    line-height: 1.3333;
}




/********************************/
/*******    .nnCtsection   *******/
/********************************/


.nnCtsection {padding: 5.208333333333333vw 0 3.125vw; /*100/60*/}

.bndNnCt img  {
    width: 26.09375vw; /*501px*/
    height: auto;
}

/********************************/
/*******    fullImage  *******/
/********************************/

.fullImage .container {
    max-width: 100% !important;
    width: 100%;
}

.full-Img img {width: 100%}

.contMeansSec {padding-bottom: 5.208333333333333vw;/*100px*/}
.pCaPpss {
    display: flex;
    justify-content: space-between;
    margin:  1.8229166666666667vw 0 3.125vw; /*35px/ 60*/
    align-items: center;
    gap: 1.5625vw; /*30px*/
}

.pCaPps {
    display: flex;
    align-items: center;
    gap: 2.0833333333333335vw;/*40px*/
}

.pCaPpsImgs {
    display: flex;
    align-items: center;
    gap: 1.0416666666666667vw; /*20px*/
}
.pCaPpsImg img {
    display: block;
    width: 3.3854166666666665vw; /*65px*/
}
.pCaPpsCont p {margin: 0 !important;
}
.pCaPpsCont strong {display: block;}

.contMeans {
    display: flex;
    align-items: center;
    gap: 3.125vw; /*60px*/
}

.contMeanlft {width: 17.708333333333332vw /*340px*/}

.contMeanBoxs {width: 54.375vw} /*1044*/

.contMeanBoxs {
    display: flex;
    flex-wrap: wrap;
    gap: 2.0833333333333335vw;/*40px*/
}

.contMeanlft h2 {
    color: #009FE3;
    font-size: 4.063em; /*65px*/ 
    font-family: 'Figtree-Bold';
    font-style: normal;
    text-transform: uppercase;
}

.contMeanBoxs p {
    margin: 0 !important;
    color: #fff
}

.contMeanBox {
    text-align:center;
    align-items:center;
    background: #009FE3;
    justify-content: center;
    padding: 2.0833333333333335vw;/*40px*/
    width: 26.145833333333332vw; /*502px*/
    border-radius: 0.78125vw;
    min-height: 9.0625vw; /*174px*/
    display: flex;
}
.contMeanBox:nth-child(1), .contMeanBox:nth-child(4) {background: #000}

.contMeanBoxs p strong {display: block;}

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

    .pCaPpss {
        gap: 15px;
        margin: 10px 0 30px;
        flex-wrap: wrap;
    }

    .pCaPpsImgs {gap: 10px}
    .pCaPpsImg img {width: 35px}
    .pCaPpsCont p {font-size: 14px}
    .contMeans {
        gap: 15px;
        flex-wrap: wrap;
    }
    .contMeanlft {width: 100%}
    .contMeanBoxs {
        flex-wrap: wrap;
        gap: 20px;
        width: 100%;
    }
    .contMeanBox {
        width: calc(50% - 10px);
        padding: 14px;
        border-radius: 8px;
        min-height: 80px;
    }
    .contMeanBoxs p {font-size: 14px;}
}





.cameKyeSec.newTextImg .imgBox {padding-top: 2.0833333333333335vw;/*40px*/}
.newTextHead {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.newTextHead a {
    color: #FFF;
    font-size: 1.5em;
    font-family: 'Figtree-Bold';
    font-style: normal;
    text-decoration: none;
    display: inline-block;
}

.newTextHead h2 {
    font-size: 4.063em; /*65px*/
    font-family: 'Figtree-Bold';
    font-style: normal;
    line-height: 1;
}


.smartPhoneSec {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1.1979166666666667vw;
    margin-top: 3.125vw; /*60px*/
    width: 100%;
}

.newTextImg .smartApp h3 {
    margin: 0;
    font-size: 1.750em;/*28px*/
}

.smartLogo a ,.smartPhoneSec img{display: block}

.smartApp {display: flex;
    flex-direction: column;
    gap: 0.3125vw}/*6px*/

.smartApps {
    display: flex;
    gap: 1.875vw; /*36px*/
}

.smartApps img {
    width: 8.645833333333334vw; /*166px*/
    height: auto;
}

.smartLogo img {
    width:  5.885416666666667vw;/*113px*/
    height: auto;
}

@media screen and (max-width:767px) {
    .smartPhoneSec {
        gap: 10px;
        margin-top: 20px
    }
    .smartLogo img {width: 68px}

    .smartApp {gap: 6px}

    .smartApps img {width: 100px}

    .newTextImg .smartApp h3 {font-size: 14px}
}


/********************************/
/*******    Portfolio Section   *******/
/********************************/
.portfolioSection {padding: 5.208333333333333vw 0 9.375vw;/*100px/180px*/}

.vDoSection .container {width: 76.77083333333333vw;/*1470px*/}

.vDoSection h2 {
    color: #C60D12;
    text-transform: capitalize
}

.vidoActive .vDoBox,
.portfolioActive .portfolioItem {margin: 0.78125vw 0.78125vw 2.6041666666666665vw}/*15/50*/
.vidoActive .vDoBox a {
    color: #000;
    text-decoration: none
}

.vidoActive .vDoBox p {
    color: #000;
    font-weight: normal;
    font-family: 'Figtree-Medium';
    margin: 1.0416666666666667vw 0 0 !important;/*20px*/
}


.vidoActive .slick-arrow,
.portfolioActive .slick-arrow {
    position: absolute;
    top: -2.5vw;/*15px*/
    right: 0.78125vw;/*15*/
    height: 1.6666666666666667vw;
    width: auto;
}

.vidoActive .slick-prev.slick-arrow,
.portfolioActive .slick-prev.slick-arrow {
    left: inherit;
    position: absolute;
    margin-right: 3.125vw;
}

.vidoActive .stroke,
.portfolioActive .stroke {
    stroke: #A8A8A8
}

.vidoActive svg:hover .stroke,
.portfolioActive svg:hover .stroke {stroke: #000}

.portfolioItem  img {
    display: block;
    width: 100%;
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.10);
    width: 100%
    
}

.vDoSection .slick-dots .slick-active button {
    width: 3.125vw;
    background: #C60D12;
}


@media screen and (max-width:767px) {
    .vDoSection .container {
	width: 100%;
	padding: 0 15px;
}
    .vDoSection {padding: 50px 0}
    .vidoActive .vDoBox, 
    .portfolioActive .portfolioItem {
	margin: 0 0 15px;
}
    .vidoActive .vDoBox {
	padding: 10px 20px;
}
    .vidoActive .vDoBox p {font-size: 12px;margin: 10px 0 0 !important;}
    .vidoActive .vDoplay svg {height: 30px}
    .portfolioSection {padding: 50px 0 100px}
    .vidoActive .slick-arrow,
    .portfolioActive .slick-arrow {display: none !important}
}



/********************************/
/*******    Fitted Section   *******/
/********************************/
.fittedSection {padding: 0 0 3.125vw}/*60*/
.fittedSection .imgBox {width: 21.979166666666668vw !important;/*422*/}
.fittedSection .textBox {width: 51.041666666666664vw !important; /*980*/}

@media screen and (max-width:767px) {
.fittedSection {padding: 20px 0 40px}
.fittedSection .imgBox ,.fittedSection .textBox{
	width: 100% !important;
}
}

/********************************/
/*******    Guide Section   *******/
/********************************/

.guideSection h2 {
	color: #000;
	font-size: 2em;/*32*/
    font-family: 'Figtree-Bold';
	margin-bottom:  1.0416666666666667vw;/*20*/
}
.guideTab table{box-shadow: 0px 0 0.78125vw rgba(0, 0, 0, 0.2);}
.guideTab {padding-bottom: 0.78125vw} /*15*/
.guideTab .guidHead {
	text-align: center !important;
	padding-left: 18.75vw !important;/*360*/
}
.guideTab td {
	font-size: 1.500em;/*24*/
	padding: 0.7291666666666666vw 1.0416666666666667vw;/*14/20*/
	text-align: center;
	border-bottom: 1px solid #D8D8D8;
	background: #FFF;
	line-height: 1;
}

.guideTab tr td:first-child {
    text-align: left;
    padding: 0.7291666666666666vw 0 0.7291666666666666vw 2.0833333333333335vw;  /*14/40*/
}

.guideTab tr:last-child td {
     border-bottom: 0 
}
.guideTab td svg {
	width: 1.875vw;/*36*/
	height: auto;
	line-height: 0;
}
@media screen and (max-width:767px) {
    .guideTab td {font-size: 12px}
    .guideTab td svg {width: 14px}
    .guideTab td {padding: 6px 5px}
    .guideTab tr td:first-child {padding: 6px 5px}
}

/********************************/
/*******    Complete Range    *******/
/********************************/

.tecHead {
    color: #000;
    line-height: 1;
    font-size: 1.500em;/*24*/
    font-family: 'Figtree-Bold';
    padding: 1.0416666666666667vw 1.0416666666666667vw 1.0416666666666667vw 2.0833333333333335vw;/*20/40*/
    font-weight: normal;
    display: block;
}

.tecHead2 {
    display: flex;
    border-bottom: 1px solid #D8D8D8;
    padding: 1.0416666666666667vw 0 1.0416666666666667vw;/*20*/
    border-top: 1px solid #D8D8D8;
}

.tecHead2 span {
    color: #000;
    font-family: 'Figtree-Bold';
    padding: 0 2.0833333333333335vw;/*40*/
    font-size: 1.500em;/*24*/
    line-height: 1;
}

.tecCode {width: 18.072916666666668vw}/*347*/

.tecItm {
    display: flex;
    border-bottom: 1px solid #D8D8D8;
    align-items: flex-start;
}
.tecItm p {margin: 0 !important}
.tecLft {
    width: 18.072916666666668vw;/*347*/
    padding: 0 2.0833333333333335vw;/*40*/
}
.tecCodeIn {
    color: #000;
    font-family: 'Figtree-Bold';
    font-size: 2.000em;/*32*/
    line-height: 1;
    display: block;
    margin-bottom: 0.5208333333333334vw;/*10*/
    margin-top: 1.5625vw; /*30px*/
}
.tecLogo {
  display: flex;
  align-items: flex-end;
  gap: 0.2604166666666667vw;/*5*/  
}
.tecLogo a {max-width: 2.6041666666666665vw;/*50*/  }
.tecMid {
    width: 46.614583333333336vw;/*895*/
    padding: 0 2.0833333333333335vw;/*40*/
}
.tecMid p {
	color: #000;
	font-size: 1.500em;/*24*/
	font-weight: 400;
	line-height: 1.1;
}
.tecItm .tecMid p {margin-top: 1.5625vw !important;/*30px*/} 
.tecRit {
    width: 10.416666666666666vw; /*200*/
    padding: 0.5208333333333334vw 1.0416666666666667vw; /*10/ 20*/
    text-align: center;
}


@media screen and (max-width:767px) {
    .tecHead {
        font-size: 16px;
        padding: 6px 15px;
    }
    .tecHead2 {
        padding: 0;
        border-top: 0;
    }
    .tecHead2 span {display: none}
    .tecItm {flex-wrap: wrap}
    .tecLft,.tecMid,.tecRit {
        width: 100%;
        padding: 0 15px;
    }
    .tecRit {padding:15px}

    .tecCodeIn {
        font-size: 16px;
        margin-bottom: 4px;
        margin-top: 15px;
    }
    .tecLogo {gap: 5px}
    .tecLogo a {max-width: 30px}
    .tecItm .tecMid p {
        margin-top: 10px !important;
        font-size: 12px
    }
}