/* Header */
.header{padding: 0.8em 0; position: fixed; top: 0; z-index: 1000; transition: all 0.3s ease; background: rgba(0, 0, 0, 0.001); backdrop-filter: blur(10px); border-bottom: 1px solid var(--border);}
.headerSec{display: flex; justify-content: space-between; align-items: center;}
.siteLogo{max-width: 175px;}
.headMenu > nav{margin: auto;}
.headMenu > nav > ul{display: flex; gap: 28px;}
.headMenu > nav > ul > li a{color: var(--primary-05);font-size: var(--fs-body-subSub); text-transform: uppercase;}
.headMenu > nav > ul > .active a{color: var(--primary-06); font-weight: var(--fw-medium);}
.headRgt{display: flex; align-items: center; gap: 16px;}
.header.stickyHead {width: 100%; background: var(--white); box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;padding: 1em 0;}

.menuIcon, .menuClose {display: none;max-width: 40px;margin-left: auto;}

.mainBody{padding-top:128px;}

/* loader */
.webLoader{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: fixed; inset: 0; z-index: 9999; background: #000;}
.webLoader video{object-fit: cover; height: 100%;}
body.loading, html.loading {overflow: hidden;}


/* ==== page common banner */
.psComPageHead{background-repeat: no-repeat; background-size: cover; background-position: center; padding: 7.93em 0 6.687em;}
.psComPageInfo{max-width: 717px; width: 100%;}
.psComPageInfo h1{font-size: var(--fs-h1); color: var(--white); margin-bottom: 0.333em; letter-spacing: 0.005em;font-weight: var(--fw-semi-bold);line-height: 1.3; text-transform: capitalize;}
.psComPageInfo p{color: var(--gray-100); line-height: 1.3; letter-spacing: 0.005em;}


/* ==== footer ==== */
.psFooter{padding-top: 60px;background: var(--primary-01);}
.psFooterInfo{display: flex; justify-content: space-between;}
.psFootBox{max-width: calc(20% - 1em); width: 100%;}
.psFooteBox4{border-left: 1px solid var(--primary-02);}
.psFootBox > h3{color: var(--primary-02); font-weight: var(--fw-medium); margin-bottom: 2em; text-transform: capitalize;}


.psFootBox > ul > li > a, .psFooteBox3 .psCompanyLinks > li p{color: var(--body-text); line-height: 1.45;}
.psFooteBox1{max-width: 341px;width: 100%;}
.psFooteBox2{max-width: 150px;width: 100%;}
.psFootBox > h3{font-size: var(--fs-body-subSub); line-height: 2;}
.psFootBox > ul > li > a{font-size: var(--fs-body-sub); }
.psFootBox > ul > li:not(:last-child) {margin-bottom: 12px;}
.psFooteBox3{max-width: 190px; width: 100%;}
.psFooteBox3 .psCompanyLinks > li{display: flex; gap: 9px; align-items: center;}
.psFootBox > .psCompanyLinks > li:not(:last-child) {margin-bottom: 16px;}
.psFooteBox3 .psCompanyLinks > li > span{min-width: 10px; padding-top: 0px;}
.psFooteBox3 .psCompanyLinks > li > p{font-size: var(--fs-body-sub);}
.psFooteBox4{max-width: 345px; width: 100%; height: max-content; padding: 21px 0 21px 24px;}
.psFooteBox4 > h3{font-size: var(--fs-32); line-height: normal; margin-bottom: 0;}
.psBottomFooter{border-top: 1px solid #5E5E5E; padding: 1.8em 0 2.37em; margin-top: 2.63em;}
.psBottomFooter > p{text-align: center; color: var(--primary-02); font-size: var(--fs-10); line-height: 2.4;}

.psHeroTxtInfo{padding-top: 10em;}
.heroHomeVdo{height: 100%;}
.heroHomeVdo video{height: 100%; object-fit: cover;}
.psHeroSection{background-repeat: no-repeat;background-position: center; background-size: cover;}
.psHeroTxt{max-width: 800px; width: 100%; padding-bottom: 2.625em;}
.psHeroTxt > h1{font-size: var(--fs-h1); line-height: 1.3; color: var(--primary-02); margin-bottom: 24px;}
.psHeroTxt > h1 > span{color: var(--primary-03);}
.psHeroTxt > p{max-width: 603px; font-size: var(--fs-body); color: var(--body-text); text-align: justify; border-top: 1px solid var(--border); padding-top: 1.5em;}
.psHeroBtn{display: flex; gap: 8px; margin-top: 2.5em;}
.psHeroLogo{padding: 2.0938em 8.23em; backdrop-filter: blur(20px); border-top:1px solid var(--border);}
.heroLogoMarquee{padding: 0 5em;}
.heroLogoMarquee .slick-list .slick-track{display: flex; align-items: center;}
/* .heroLogoMarquee li.slick-slide{margin-inline: 70px; min-height: 52px;} */
.heroLogoMarquee li.slick-slide img{height: 75px; width: max-content; margin: auto;}


.psEnergyInnov{padding: 5em 0; background-image: url('../images/energyInnovBg.png'); background-size: cover; background-repeat: no-repeat; background-position: center;}
.energyInnovInfo {display: flex;justify-content: space-between;}
.energyInnovHead{max-width: 33%; display: flex; align-items: center;}
.energyInnovHead h2{font-size: var(--fs-48); line-height: 64px; color: var(--primary-02);}
.energyInnovDesc{max-width: 67%; padding-left: 2.5em; margin-left: 2.5em; border-left: 1px solid var(--border);}
.energyInnovDesc p{font-size: var(--fs-body); color: var(--body-text); line-height: 25.6px; text-align: justify;}


.psSolutionArea{background-image: url('../images/solutionAreabg.png'); background-size: cover; background-repeat: no-repeat; background-position: center;}
.grid-wrapper {display: grid;grid-gap: 20px;grid-template-columns: repeat(auto-fit, minmax(176px, 2fr));grid-auto-rows: 280px;grid-auto-flow: dense;isolation: isolate;}
.grid-wrapper .tall {grid-column: span 2; grid-row: span 2;isolation: isolate; border-radius: 20px; overflow: hidden;}
.grid-wrapper .wide {grid-column: span 5;isolation: isolate; border-radius: 20px; overflow: hidden;}
.grid-wrapper .wide > img, .grid-wrapper .tall > img{transition: all 0.3s;height: 100%;object-fit: cover;}
.grid-wrapper .wide:hover > img, .grid-wrapper .tall:hover > img{transform: scale(1.1);}
.grid-wrapper .textLogo, .grid-wrapper .wide .psBottomTxt, .grid-wrapper .tall .psBottomTxt{opacity: 0;transition: all 0.3s;}
.grid-wrapper .tall:hover .textLogo, .grid-wrapper .wide:hover .textLogo, .grid-wrapper .tall:hover .psBottomTxt, .grid-wrapper .wide:hover .psBottomTxt{opacity: 1;}
.grid-wrapper .middle {grid-column: span 3 !important;isolation: isolate; border-radius: 20px; overflow: hidden;}
.grid-wrapper > div > img {width: 100%;height: 100%;object-fit: cover;border-radius: 5px;}
.techGallInfo{width: 100%; height: 100%; position: absolute; inset: 0; z-index:999; padding: 2.5em; display: flex;flex-direction: column; justify-content: space-between;}
.textLogo {max-width: 56px; padding: 11.2px; background: rgba(49, 49, 49, 0.4); border-radius: 11.2px; backdrop-filter: blur(10px);}
.psBottomTxt h3{font-size: var(--fs-24); font-weight: var(--fw-bold); color: var(--primary-03); line-height: 1.27; margin-bottom: 16px; font-weight: var(--fw-extra-bold);}
.psBottomTxt p{font-size: var(--fs-body); line-height: 1.3; color: var(--body-text);}
.grid-wrapper .middle .techGallInfo{display: flex; align-items: center; justify-content: center;}
.grid-wrapper .middle .techGallInfo .psBottomTxt{min-height: 209px; border-radius: 20px; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); border: 1px solid #454545; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 66px;}
.grid-wrapper .middle .techGallInfo .psBottomTxt h3{font-size: var(--fs-40); font-weight: var(--fw-bold); text-align: center; text-transform: capitalize; color: var(--primary-02);}
.grid-wrapper .middle .techGallInfo .psBottomTxt p{text-align: center; line-height: 1.59; font-size: var(--fs-body);}


.psPowerDevCard{background-color: var(--primary-01);}
.powerDevCardBox{display: flex; justify-content: space-between;}
.powerDevCardItem{max-width: 33.33%; width: 100%;}
.powerDevCardItem:nth-child(1){padding-right: 53px;}
.powerDevCardItem:nth-child(2){padding: 0 53px; border-left: 1px solid var(--border); border-right: 1px solid var(--border);}
.powerDevCardItem:nth-child(3){padding-left: 53px;}
.powerDevCardImg{max-width: 56px; padding: 11.2px; background: rgba(49, 49, 49, 0.4); backdrop-filter: blur(10px); border-radius: 8px; margin-bottom: 2.5em;}
.powerDevCardText h3{font-size: var(--fs-24); font-weight: var(--fw-medium); color: var(--primary-03); line-height: 1.27em; margin-bottom: 16px;}
.powerDevCardText p{font-size: var(--fs-body); line-height: 20.8px; color: var(--body-text);}


.psContactForm{background-image: url('../images/contactBg.png'); background-size: cover; background-repeat: no-repeat; background-position: center;}
.psContactForm.sv-secGap{padding-top: calc(var(--secGap) * 2);}
.psContactInfoBox{display: flex; justify-content: space-between; align-items: center;}
.contactTxtBox{max-width:40%; width: 100%;}
.contactTxtBox h2{font-size: var(--fs-40); line-height: 52px; letter-spacing: 0.78px; color: var(--primary-02); font-weight: var(--fw-normal); margin-bottom: 29px; text-transform: uppercase;} 
.contactWebs li{font-size: var(--fs-body); line-height: 25px; color: var(--body-text);}
.contactWebs li:not(:last-child){padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid var(--primary-02);}
.contactWebs li span:nth-of-type(1){font-weight: var(--fw-bold);}
.contactWebs li span a{color: var(--body-text); cursor: text;}
.contactFormBox{max-width: 55%; width: 100%; background: rgba(18, 18, 18, 0.6); backdrop-filter: blur(10px); padding: 2.5em; border-radius: 20px;}
.contactInputItem {display: flex; flex-direction: column; gap: 14px;}
.contactInputItem:not(:last-child){margin-bottom: 1.5em;}
.contactInputItem label{font-size: var(--fs-body); color: var(--primary-02); text-transform: uppercase;}
.contactInputItem input, .contactInputItem textarea, .contactInputItem select{font-size: var(--fs-body-sub); color: var(--primary-02); padding: 13px 11px; border: 1px solid var(--border); border-radius: 8px; background-color: transparent; font-family: var(--primary-font); resize: none;}
.contactInputItem select {background-color: #0d1011;color: #fff;background-size: 15px;background-image: url("data:image/svg+xml,%3Csvg width='17' height='9' viewBox='0 0 17 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.251143 0.446721C-0.0918616 0.801546 -0.0823398 1.36714 0.272414 1.71022L6.30833 7.54622C7.37233 8.57497 9.06867 8.54674 10.0978 7.48316L15.8733 1.51451C16.2164 1.15977 16.2068 0.59409 15.852 0.251103C15.4973 -0.091885 14.9316 -0.0823618 14.5886 0.272373L8.81621 6.24249C8.47313 6.59724 7.90754 6.60676 7.5528 6.26376L1.51457 0.425452C1.15981 0.0824637 0.594158 0.0919864 0.251143 0.446721Z' fill='white'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: center right +12px;appearance: none;}
.contactInputItem select option {background-color: #0d1011;color: #fff;}
.contactInputItem input::placeholder,
.contactInputItem input::-webkit-input-placeholder,
.contactInputItem textarea::placeholder {text-transform: uppercase;font-weight: var(--fw-light); font-size: var(--fs-body-sub);}
.countrySelectInp input{padding-left: 85px;}
.selectCountryBox {width: max-content; position: absolute; inset: 0; height: 100%; display: flex; align-items: center; padding-left: 11px;}
.selectCountry {max-width: max-content; height: 100%; position: absolute; top: 0;left: 11px; cursor: pointer; display: flex;align-items: center;}
.selectCountry .selectPlaceholder, .selectCountry li{display: flex; align-items: center;}
.selectCountry li img{max-width: 20px;}
.selectCountry .selectPlaceholder span{color: #fff; font-size: var(--fs-body-sub); height: 65%; display: flex;align-items: center;}
.selectCountry .selectPlaceholder span:nth-of-type(1){display: flex; gap: 3px; align-items: center; padding-right: 7px; margin-right: 5px; border-right: 1px solid var(--border); max-width: max-content;}
.iti--separate-dial-code .iti__selected-dial-code{color: #fff;}

.selectPlaceholder{height: 100%;}
.selectPlaceholder span img{max-width: 20px;width: 100%;display: block;}
.selectPlaceholder span:nth-of-type(1){display: block;}
.selectOptions {display: none; position: absolute; top: calc(100% + 6px);left: 0; background: #000;border: 1px solid var(--border); padding: 6px 0; border-radius: 6px; min-width: max-content; z-index: 999;}
.selectOption {padding: 8px 12px; display: flex; align-items: center; gap: 8px;}
.selectOption:hover {background: rgba(255,255,255,0.1);}
.selectOption span{color: var(--primary-02);}
.psContactBtn{padding: 8px 33px;}


.psAboutHeroSec{background-image: url('../images/aboutHeadBg.png');}
.psAboutHeroSec .psHeroTxt{max-width: 936px;}
.psAboutHeroSec .psHeroTxt h1{font-weight: var(--fw-light); line-height: 1.15; margin-bottom: 24px;}
.psAboutHeroSec .psHeroTxt p{max-width: 100%; text-align: left; border: none; padding: 0;}

.psFoundPartInfo{padding: 2.93em 0 5em; background-image: url('../images/foundPartBg.png'); background-size: cover; background-repeat: no-repeat; background-position: center;}
.psFoundingHead{margin-bottom: 2.5em;}
.psFoundingHead h2{font-size: var(--fs-h1); color: var(--primary-02); line-height: 1.15; font-weight: var(--fw-extra-bold);}
.psFoundPartType{display: flex; justify-content: space-between; flex-wrap: wrap;}
.foundPartItem{max-width: calc(50% - 8px); background: var(--primary-01); border-radius: 15px; border: 1px solid var(--border); padding: 2.5em;}
.foundPartItemLogo{max-width: 140px; width: 100%; margin-bottom: 30px;}
.foundPartText h3{font-size: var(--fs-40); line-height: 1.2; color: var(--primary-02); font-weight: var(--fw-light); margin-bottom: 40px;}
.foundPartText p{font-size: var(--fs-body); line-height: 26px; color: var(--body-text);}
.psEnergyAssetHead{margin: 3.75em auto;}
.psEnergyAssetHead h2{font-size: var(--fs-h1); color: var(--primary-02); line-height: 1.15; font-weight: var(--fw-extra-bold); text-align: center; margin-bottom: 24px;}
.psEnergyAssetHead p{font-size: var(--fs-body); line-height: 26px; color: var(--body-text); text-align: center; padding: 0 140px;}
.psEnergyAssetsBox{display: flex; justify-content: space-between; flex-wrap: wrap;}
.psEnergyAssetsItem{max-width: calc(50% - 16px); border-radius: 15px; border: 1px solid var(--border); padding: 2.5em; background-size: cover; background-repeat: no-repeat; background-position: center;}
/*.energyAsset1{background-image: url('../images/energyAssetBg1.png');}*/
/*.energyAsset2{background-image: url('../images/energyAssetBg2.png');}*/
.psEnergyAssetsItem h3{font-size: var(--fs-32); line-height: 1.3; color: var(--primary-02); font-weight: var(--fw-light); margin-bottom: 24px;}
.psEnergyAssetsItem ul{list-style-type: disc; padding-left: 30px;}
.psEnergyAssetsItem ul li{color: var(--primary-02); font-weight: var(--fw-regular); font-size: var(--fs-body); color: var(--body-text); line-height: 26px;}
.psEnergyAssetsItem ul li:not(:last-child){margin-bottom: 24px;}
.psEnergyAssetsItem ul li span{font-weight: var(--fw-bold);}

.psEcosystem{padding: 3.75em 0 3.75em; background-image: url('../images/ecosystemBg.png'); background-size: cover; background-repeat: no-repeat; background-position: center;}
.psEcoHead h2{font-size: var(--fs-48); font-weight: var(--fw-regular); line-height: 1.15; color: var(--primary-02); text-align: center;}
.psEcoText{margin-top: 2.5em;}
.psEcoText p{text-align: center; color: var(--primary-02); font-size: var(--fs-body); line-height: 26px; font-weight: var(--fw-regular);}
.energyFlowPic{margin-top: 2em;}
.energyFlowPic h3{font-size: 24px; line-height: 26px; font-weight: var(--fw-bold); line-height: 26px; color: var(--primary-02); text-align: center;}

.psAboutSlider{background-image: url('../images/aboutSlidebg.png'); background-size: cover; background-repeat: no-repeat; background-position: center;}
.aboutSliderItem{padding: 0 25px; position: relative;}
.aboutSliderItem::after{content: ""; width: 100%;  height: 200%; border-right: 1px solid var(--border); position: absolute; inset: 0; right: 0;}
.absliderImg{ margin-bottom: 24px; }
.absliderImg img{max-width: 80px;margin: auto;}
.aboutSliderItem h3{font-size: var(--fs-24); color: var(--primary-03); line-height: 32px; margin-bottom: 16px; text-align: center; font-weight: var(--fw-semi-bold); text-transform: uppercase;}
.aboutSliderItem p{font-size: var(--fs-body); line-height: 26px; color: var(--body-text); text-align: center;}

.solutionHeroSec{background-image: url('../images/ourSolBg.png');}
.solutionHeroSec .psHeroTxt{max-width: 1007px; width: 100%;}
.solutionHeroSec .psHeroTxt h1 {font-weight: var(--fw-light);line-height: 1.15;margin-bottom: 24px;}
.solutionHeroSec .psHeroTxt > p{max-width: 100%;padding: 0; border: none;}
.psSolOurProject{background-image: url('../images/ourProBg.png');}
.solProHead{margin-bottom: 2.5em;}
.solProHead h2{font-size: var(--fs-40); font-weight: var(--fw-bold); color: var(--primary-03); line-height: 104px;}
.solProHead p{font-size: var(--fs-body); line-height: 26px; color: var(--body-text); max-width: 890px; width: 100%;}
.projectInfoBOx ul li{display: flex; justify-content: space-between; background: #111111; padding: 31px 40px; border-radius: 15px;}
.projectInfoBOx ul li:not(:last-child){margin-bottom: 40px;}
.proHeadDesk{max-width: 800px; width: 100%; display: flex; justify-content: space-between; align-items: center;}
.proHeadDesk .proHeadLine{max-width: 300px; width: 100%; padding-right: 24px;}
.proHeadDesk h3{max-width: 280px; width: 100%; color: var(--primary-03); font-size: var(--fs-24); line-height: 31px; font-weight: var(--fw-semi-bold); text-transform: uppercase;}
.proHeadDesk .proHeadText{padding: 10px 0 10px 24px; border-left: 1px solid var(--primary-02);}
.proHeadDesk p{font-size: var(--fs-body); text-transform: uppercase; color: var(--primary-02); line-height: 26px;}
.ourProImg{max-width: 250px; width: 100%; border-radius: 16px;}
.ourProImg img{width: 100%; border-radius: 16px;scale: 1; position: absolute; bottom: 0; opacity: 0; transition: all 0.5s linear;}
.projectInfoBOx ul li:hover .ourProImg img{scale: 1.2; opacity: 1;}
.ourProBtn{max-width: max-content; margin-left: 20px;}

.psOurSolCardSec{padding: 100px 0;}
.OurSolCardBox {display: flex;justify-content: space-between;}
.OurSolCardItem:not(:last-child){padding-right: 40px; margin-right: 40px; border-right: 1px solid var(--border);}
.OurSolCardImg {max-width: 56px;padding: 11.2px; background: rgba(49, 49, 49, 0.4); backdrop-filter: blur(10px); border-radius: 8px; margin-bottom: 2.5em;}
.OurSolCardText h3 { font-size: var(--fs-24); font-weight: var(--fw-medium); color: var(--primary-03); line-height: 1.27em; margin-bottom: 16px;}
.OurSolCardText p {font-size: var(--fs-body); line-height: 20.8px; color: var(--body-text);}

.psSolPortfolio{background-image: url('../images/solPortBg.png'); background-size: cover; background-repeat: no-repeat; background-position: center;}
.psPortHeadBox h2{font-size: var(--fs-56); color: var(--primary-02); line-height: 83px; font-weight: var(--fw-extra-bold); margin-bottom: 24px;}
.psPortHeadBox p{max-width: 883px; width: 100%; font-size: var(--fs-body); color: var(--body-text); line-height: 26px;}
.psPortHeadBox p:not(:last-child){margin-bottom: 16px;}

.psDriveEnergy{padding:5em 0  ; background-image: url('../images/driveEnergyBg.png'); background-size: cover; background-repeat: no-repeat; background-position: center;}
.driveEnergyInfoBox{display: flex; justify-content: space-between; align-items: center;}
.driveEnergyHead{max-width: 470px; width: 100%;}
.driveEnergyHead h2{font-size: var(--fs-48); color: var(--primary-02); line-height: 64px; font-weight: var(--fw-regular);}
.driveEnergyDisc{max-width: 100%; width: 100%; padding-left: 60px; margin-left: 50px; border-left: 1px solid var(--border);}
.driveEnergyDisc p{color: var(--body-text); font-size: var(--fs-body); line-height: 26px;}
.driveEnergyDisc ul{list-style-type: disc; margin-top: 2em; padding-left: 30px;}
.driveEnergyDisc ul li{font-size: var(--fs-body); color: var(--body-text);}
.driveEnergyDisc ul li:not(:last-child){margin-bottom: 16px;}

.portSlideWrapper{max-width: 1712px; width: 100%; margin-left: auto;}
.psPortSliderBox {margin-top: 5em;}
/* .psPortSliderBox .psPortSlider .slick-list{padding-left: 335px;} */
.psProSlideItem{width: 100%; border-radius: 16px; overflow: hidden; display: flex; justify-content: center; margin: 0 8px;}
.proSlideText{max-width: 85%; width: 100%; margin: auto; inset: 0; position: absolute; top: auto; bottom: -2em; opacity: 0; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(10px); border-radius: 16px; padding: 1.5em; transition: all 0.5s ease;}
.psProSlideItem:hover .proSlideText{bottom: 2.5em; opacity: 1;}
.proSlideText p{color: #f6f6f6; font-size: var(--fs-body); line-height: 26px; font-weight: var(--fw-regular); margin-bottom: 10px;}
.proSlideText h3{font-size: var(--fs-40); color: var(--body-text); font-weight: var(--fw-regular);}


.errorMSg{font-size: 12px;color: red;position: absolute;top: 100%;left: 0;width: 100%;}
.contactmsg{color: rgb(10, 158, 10); margin-top: 15px; display: block; width: 100%; float: left;font-size: 12px;}

.heroHomeVdo {z-index: -1;}

.termCondiCont{padding-top: 70px;}
.termCondiTxtCont *{color: #fff; font-family: var(--primary-font);}
.termCondiTxtCont h5{font-size: calc(var(--fs-body) + 4px);}
.termCondiTxtCont p{margin: 25px 0; font-size: var(--fs-body);line-height: 25.6px;}