@import url(../fonts/fonts.css);
p, h1, h2, h3, h4, h5, h6{margin: 0px; padding: 0px;}
.main-wrp {width: 100%; margin-top: 84px;}
.blueText{color: #024ad8!important}
.containerFluidGenAi {width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;box-sizing: border-box; font-family: 'FormaDJRVariableWeb', Verdana, Geneva, sans-serif!important;font-size: 14px;line-height: 22px;color: #000;}
.containerBoxGenAi {width: 1280px;max-width: 100%;padding: 0px 15px;box-sizing: border-box;margin: 0px auto;}
.containerInrGenAi {padding: 0px;}
.genAiBanner{width: 100%; padding-bottom: 32px;}
.genAiBanner img{width: 100%;}
.sliderGenAi{width: 100%;}
.genAiCommon{width: 100%; padding-bottom: 50px;}
.titleGenAi{width: 100%; padding-bottom: 20px;}
.titleGenAi h2{font-size: 45px; line-height:50px; color: #000; font-weight:500;}
.titleGenAi h2 span{color: #ff5050;}
.titleGenAi h3{font-size: 30px; line-height:35px; color: #000; font-weight:500;}
.titleGenAi h3 span{color: #ff5050;}
.titleGenAi p{font-size: 16px; line-height: 22px; color: #000;  padding-top: 10px;}
.titleGenAi p span{color: #ff5050;}
.genCablts{width: 100%;}
.genCabltsThum{width: 100%;}
.genCabltsThumInr{ border-radius: 10px; padding-left: 10px;  display: flex; justify-content: space-between; align-items: center; margin: 0px 6px; background: #ebebeb; overflow: hidden;}
.genCabltsText{width: 42%; padding-left: 10px;}
.genCabltsText h3{color: #000; font-size:23px; line-height:28px; padding-bottom: 15px;  font-family:"forma-djr-text"; font-weight:500; width: 70%;}
.genCabltsText h3 span{color: #ff5050!important; display: block;}
.genCabltsText ul{padding: 0px; margin: 0px; list-style: none;}
.genCabltsText li{padding-bottom: 7px; display: flex; align-items: center; color: #333333; font-size: 16px; line-height: 21px;}
.genCabltsText li em{width: 22px; margin-right: 7px;}
.genCabltsText li em img{width: 100%;}
.genCabltsText li span{width: 80%}
.genCabltsImg{width: 55%; }
.genCabltsImg img{width:100%; }
.genCabltsIcon{width:100%; padding-bottom: 15px; }
.genCabltsIcon span{width:40px; display: block; }
.genCabltsIcon span img{width:100%}
.genAiCommon .slick-dots li button::before, .sliderGenAi .slick-dots li button::before{display: none!important;}
.genAiCommon .slick-dots li button, .sliderGenAi .slick-dots li button{width: 15px; height: 8px; background: #e6e6e6; border-radius: 5px;}
.genAiCommon .slick-dots, .sliderGenAi .slick-dots{bottom: -38px;}
.genAiCommon .slick-active button, .sliderGenAi .slick-active button{width:30px!important; background: #cccccc!important}
.genAiCommon .slick-dots li, .sliderGenAi .slick-dots li{width: auto!important}


.choicesPrdtsRow{width: 100%}
.choicesPrdtsBox{padding-left: 70px; position: relative;}
.fixedTitle{width: 76px; position: absolute; left: 0px; top: 243px; z-index: 1;}
.fixedTitle ul{padding: 0px; list-style: none;}
.fixedTitle li{background: #024ad8; height:106px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; margin-bottom: 4px; display: flex; justify-content: center;}
.fixedTitle li span{width: 30px; margin-right: 3px; display: flex; align-items: center;}
.fixedTitle li span img{width: 100%;}
.fixedTitle li i {writing-mode: vertical-rl;text-orientation: mixed;font-style: normal;transform: rotate(180deg); text-align: center; font-size: 14px; color: #fff; letter-spacing: 1px;}

.choicesPrdts{width: 100%}
.choicesPrdtsThum{width: 100%;}
.choicesPrdtsInr{padding: 10px 0px;  margin: 0px 6px;}
.choicesPrdtsImg{width: 200px; padding-bottom: 5px; margin: 0px auto;}
.choicesPrdtsImg img{width: 100%}
.choicesPrdtsThum h3{color: #000; text-align: center; font-size: 22px; padding: 0 5px 10px 5px;   font-family:"forma-djr-text"; font-weight:500;}
.choicesPrdtsThum p{color: #ff5050; text-align: center; font-size: 16px; line-height: 18px; padding: 0px 20px 10px 20px;   font-family:"forma-djr-text"; font-weight:500;}
.choicesPrdtsText ul{padding: 0px 10px; margin: 0px; list-style: none; background: #fadcde; border-radius: 6px; }
.choicesPrdtsText li{ height: 106px; padding: 0px 5px; color: #333333; text-align: center; font-size: 15px; line-height: 18px; border-bottom: #fee7e7 4px solid; display: flex; justify-content: center; align-items: center; box-sizing: border-box; margin-bottom: 5px;}

.choicesPrdtsText li:last-child{border-bottom:0px!important}
.imgPrdtsBox{background: #fadcde; border-radius: 6px; height: 223px;}
.choicesPrdtsBtn{display: flex; justify-content: center; padding-top: 10px;}
/*.choicesPrdtsBtn a{ font-size:18px; color: #000; text-decoration: underline;}*/

.genAiPc{width: 100%}
.genAiPcThum{width: 100%;}
.genAiPcThumInr{border: transparent 3px solid; border-radius: 10px;  margin: 0px 6px; overflow: hidden; position: relative;}
.genAiPcImg{width: 100%;}
.genAiPcImg img{width: 100%;}
.genAiPcText{padding: 20px 20px; box-sizing: border-box;display: flex; justify-content: space-between; align-items: end;  position: absolute; left: 0px; bottom: 0px; width: 100%;}
.genAiPcText h3{color: #fff; font-size: 22px; padding-bottom:10px;  font-family:"forma-djr-text"; font-weight:500;}
.genAiPcText h4{color: #ff5050; font-size: 18px; padding-bottom:5px;  font-family:"forma-djr-text"; font-weight:500;}
.genAiPcText p{color: #fff; font-size: 16px;}

.genAiBtn{background: #000; height:38px; width:auto; display: flex; justify-content: center; align-items: center; font-size: 17px; color: #fff; text-decoration: none; border-radius: 6px; border: 0px; cursor: pointer;padding: 0px 15px;}
.genAiBtn:hover{color: #fff; text-decoration: none;}
.activeSelect{border: #1244a9 3px solid;}


.moreOfferBtn{width: 32px; height: 32px; display: block; background:#fff url("../../images/nex-gen-pc/plus-icon.png") no-repeat center center; border-radius: 50px;}
.closePrdts{background:#fff url("../../images/nex-gen-pc/close-icon.png") no-repeat center center!important;}


.genAiPcTextCol{padding: 0px;}
.exploreBtnCol{padding-left: 20px}

.genAiPcDtlsRow{width: 100%; padding-top: 30px;}
.genAiPcDtls{width:700px; margin: 0px auto;}
.genAiPcDtlsThum{width: 100%;}
.genAiPcDtlsThumInr{border: #cccccc 1px solid; border-radius: 10px;  margin: 0px 6px; overflow: hidden;}
.genAiPcDtlsImg{width: 100%; }
.genAiPcDtlsImg img{width: 100%; }
.genAiPcDtlsText {padding: 20px 15px; min-height: 380px;}
.genAiPcDtlsText h3{color: #000000; font-size: 17px; padding-bottom:5px;  font-family:"forma-djr-text"; font-weight:500;}
.genAiPcDtlsText p{color: #024ad8; font-size: 16px; padding-bottom:5px;}
.clrText{color: #999999!important; }
.genAiPcDtlsText ul{padding: 0px 0 0 0px; margin: 0px; list-style: none; min-height: 216px;}
.genAiPcDtlsText li{padding-bottom: 7px; color: #666666;  font-size: 14px; line-height: 17px;}
.shopBtn{width: 100%; padding-top: 10px;}
.shopBtn a{width: 180px; }

.customerSupport h2{color: #ff5050!important; font-size: 25px!important; line-height: 28px!important;}
.customerSupport p{color: #ff5050!important ;font-size: 20px!important; font-family:"forma-djr-text"; font-weight:500;}
.connectFrm{padding: 0px 100px;}
.connectFrmRow{width: 100%; display: flex; padding-bottom: 20px;}
.connectFrmCol{width:20%; margin: 0px 5px; }
.connectFild{width: 100%; border: #000 1.5px solid; height:34px; box-sizing: border-box; font-size: 16px; color: #000; margin: 0px 5px; border-radius: 6px; padding: 0px 5px;}
.submitBtn{width: 100%; display: flex; justify-content: center;}
.connectFrm .error {color: red;padding-top: 5px;font-size: 14px;line-height: 14px;}
.connectFrmCol .error{padding-left: 5px!important;}
.connectFrm .col-md-12{padding-left: 0px!important;}


.latestMicrosoft{width: 100%;}
.microsoftThum{width: 100%;}
.microsoftThumInr {border-radius: 10px;margin: 0px 6px;overflow: hidden; position: relative;}
.microsoftThumImg {width: 100%}
.microsoftThumImg img{width: 100%}
.microsoftThumCont {width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); position: absolute; left: 0px; top: 0px; }
.microsoftThumText {padding: 25px 25px;  }
.latestLogo {width: 100%; height: 100px;}
.latestLogoRow {width:180px; padding-bottom: 10px;}
.latestLogoRow img{width:100%;}
.tcApply{font-size: 14px; color: #a6a6a5; left: 25px; bottom: 20px; position: absolute; }
.officeLogo{width:90px!important}
.microsoftThumText ul {list-style: none; padding: 0px; margin: 0px;}
.microsoftThumText li {font-size: 25px; color: #fff; line-height: 32px; border-bottom: #ffffff 1px solid; padding-bottom: 6px; margin-bottom: 12px;}
.microsoftThumText li:last-child { border-bottom: 0px!important; }

.ftr-bg{background: #f9fafb;}
.footer-box{width: 100%; padding: 30px 0px; display: flex; justify-content: center;}
.footer-box ul{padding: 0px; display: flex; justify-content: center;}
.footer-box li{padding: 0px 15px; border-right: #001836 3.5px solid;}
.footer-box li:last-child{border-right: 0px!important;}
.footer-box li a{height: 35px; line-height:39px; display: inline-block; color: #001836; font-size: 35px; font-weight: normal;text-decoration: none;}
.nxtgenBody .bodyBtmGp.footer{padding-bottom:0px!important;}
/*.genCablts .slick-track{padding-left: 200px!important;}*/
.submitBtn .genAiBtn{width: 120px!important;}
.connectNowBtn{width: 41px; position: fixed; right: 0px; bottom: 100px; cursor: pointer; z-index: 9999999;}
.showPrdt{display: none;}
.supportUadate{padding-bottom: 20px; padding-left: 5px;}
.supportUadate p{font-size: 16px; color: #000; padding-bottom: 15px;}
.sprtUdtRow{width: 450px; display: flex; justify-content: space-between; padding-bottom: 5px;}
.sprtUdtTitle{font-size: 14px; color: #000; width: 30%;}
.sprtUdtTitle i{color: red!important}
.sprtUdtRadio{width: 60%; display: flex;}
.sprtUdtRadio label{display: flex; align-items: center; padding-left: 25px; font-size: 14px; color: #000; margin-bottom: 0px!important;}
.sprtUdtRadio input{margin-top: 0px!important; padding-top: 0px!important;}
.sprtUdtRadio label span{padding-left: 5px;}
#const_email-error, #const_email-error, #const_email-error{padding-top: 0px!important; margin-top: 0px!important;}

.sliderArrow .slick-prev, .sliderArrow .slick-prev:hover{background:url("../../images/nex-gen-pc/arrow-slider-left-btn.svg") no-repeat 0px 0px!important; width: 32px; height: 32px; background-size: 100%!important; left:10px!important; z-index: 2}
.sliderArrow .slick-next, .sliderArrow .slick-next:hover{background:url("../../images/nex-gen-pc/arrow-slider-right-btn.svg") no-repeat 0px 0px!important; width: 32px; height: 32px; right:10px!important; background-size: 100%!important; z-index: 2}
.sliderArrow .slick-prev:before,.sliderArrow .slick-next:before{display: none!important}

.overlayForm{width: 100%;height: 100%;position: fixed;background-color: rgba(0, 0, 0, 0.6); z-index: 9999999;left: 0px;top: 0px; display: none;}
.overlayFormInr{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px; display: flex; justify-content: center; align-items: center;}
.closePopup{width: 32px; height: 32px; display: block;position: absolute; right: 10px; top: 10px; background: url("../../images/nex-gen-pc/close-popup-btn.png") no-repeat 0px 0px; background-size: 100%; cursor: pointer;}
.popupForm{width:1000px; background: #fff; position: relative;}
.connectFrm{padding: 0px;}
.popupForm .genAiCommon{padding: 25px 20px; width: auto;}
.dl-def-txt{color: #938f8f; font-size: 12px; padding: 10px 0 0 5px; vertical-align: text-top;}
.choicesPrdtsText {padding: 10px 0px 0px 0px; min-height: 400px;}
.choicesPrdts  .slick-track{margin: 0px;}
.bannerBdr img{border-top: #cccccc 1px solid; border-bottom: #cccccc 1px solid;}