/*Devices and products css starts*/ .prgItalic{ font-style:italic; } .prgpBold{ font-family: Avenir Next World W05_n6!important; color: #140F4B!important; } .mainSectionDeviceAndProducts{ margin-top: 114px; } .deviceProductHeadingDiv{ position: relative; } .deviceProductHeading{ font-family: Avenir Next World W05_n6; font-size: 24px; color: #140F4B; line-height: 38px; } .deviceProductFilter{ font-family: Avenir Next World W05_n6; font-size: 18px; color: #140F4B; position: absolute; right: 0px; top: 30px; } .devicesAndProductsCarousel .deviceDetailMain .labelDiv{ font-family: Avenir Next World W05_n6; font-size: 18px; color: #140F4B; display: inline-block; } .devicesAndProductsCarousel .deviceDetailMain .valueDiv{ font-family: Avenir Next World W05_n4; font-size: 18px; color: #140F4B; display: inline-block; } .devicesAndProductsCarousel .moreDetails{ margin-top: 65px; } .devicesAndProductsCarousel h5{ font-family: Avenir Next World W05_n4; font-size: 18px; color: #140F4B; padding-bottom: 25px; } .checkEligibiligyText{ font-family: Avenir Next World W05_n3; font-size: 18px; color: #140F4B; margin: 60px 0px 30px 0px; } .programsNameDiv{ font-family: Avenir Next World W05_n6; font-size: 18px; color: #1010EB; margin: 20px 0px 30px 0px; } .programsImageDiv img{ width: 304px; height: 304px; } .replacementProduct{ background-color: #F5F5F5; padding: 114px 0px; margin-top: 74px; } .replacementProduct .linkText, .careLink .linkText, .helpYourDeviceInfo .linkText, .helpYourDeviceDownloadMain .linkText, .moreDetails .linkText{ padding: 0px; font-size: 14px!important; } .careLink{ padding: 114px 0px; } .helpYourDeviceContainer{ background-color: #F5F5F5; padding: 114px 0px 104px 0px; margin-bottom: 72px; } .helpYourDeviceContainer .helpYourDeviceInfo{ margin-top: 60px; } .helpYourDeviceInfo h4, .helpYourDeviceDownloadMain h4{ font-family:Avenir Next World W05_n6; font-size: 20px; color: #140F4B; } .helpYourDeviceInfoRight{ padding-left: 120px; } .helpYourDeviceInfo .helpYourDevicePara, .helpYourDeviceDownloadMain .helpYourDevicePara{ font-family: Avenir Next World W05_n4; font-size: 14px; color: #140F4B; line-height:19px; margin: 10px 0px; } .helpYourDeviceInfo .linkText{ padding: 0px; } .helpYourDeviceDownloadMain{ background-color: #fff; padding: 40px 60px 60px 50px; margin-top: 70px; border-radius: 4px; } .deviceAndProductsPattern{ height:128px; } /*carousel css starts*/ .devicesAndProductsCarousel{ padding: 50px 0px 50px 0px; } .devicesAndProductsCarousel .carousel{ margin: 55px 0px 45px 0px; } .devicesAndProductsCarousel .carousel-indicators{ display: none; } .devicesAndProductsCarousel .card{ border: none; } .devicesAndProductsCarousel .carouselItem{ border-bottom: 1px solid #307AB8; cursor: pointer; } .devicesAndProductsCarousel .card-body{ padding: 10px 0px 15px 0px; } .card-img-top{ width: 60px; height: 40px; background-repeat:no-repeat; background-size: 32px; opacity: 0.5; } .card-img-top img{ height: 100%; object-fit: contain; } .devicesAndProductsCarousel .carousel-item .row{ margin: 0px 10px 0px 10px; } .fa-chevron-left:before, .fa-chevron-right:before{ content: "\f104" !important; font-size: 24px; color: #1010EB; vertical-align:middle; top: -2px; position: relative; } .fa-chevron-right:before { content: "\f105" !important; top:0px; } .owl-carousel .owl-nav button.owl-prev.disabled .fa-chevron-left:before, .owl-carousel .owl-nav button.owl-next.disabled .fa-chevron-right:before { color: #140F4B; } .devicesAndProductsCarousel .card-body .card-title{ font-family: Avenir Next World W05_n6; font-size: 16px; color: #AEB4B7; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .owl-carousel{ margin-top: 60px; } .owl-dots{ text-align: center; margin-top: 15px; } .owl-dot{ width: 8px !important; height: 8px !important; border: 1px solid #140F4B!important; border-radius: 50%; display: inline-block; margin-right: 8px; } .owl-dots .active{ background-color: #1010EB!important; } .owl-carousel button.owl-dot { outline: none; } .owl-item { padding: 0px 10px 0px 10px; } .owl-item .item{ border-bottom: 1px solid #AEB4B7; cursor: pointer; } .owl-item.first.active .item { border-color: #F5F5F5; background-color: F5F5F5; } .owl-item.first.active .item .card-title { color: #307AB8; } .owl-item.first.active .item .card-img-top.mx-auto{ width: 60px !important; height: 40px; background-repeat:no-repeat; background-size: 32px; opacity: 1; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: block; } .infoPanel{ display: none; } .infoPanel.showPanel{ display: block; } /*carousel css ends*/ /*Devices and products css ends*/ @media(max-width:48em){ /*Devices and products css starts*/ .deviceProductHeading{ font-family: Avenir Next World W05_n4; font-size: 16px; } .deviceProductFilter{ font-size: 16px; top: 30px; } .devicesAndProductsCarousel h5{ font-size: 16px; padding-bottom: 0px; } .devicesAndProductsCarousel .deviceDetailMain .labelDiv{ font-size: 16px; } .devicesAndProductsCarousel .deviceDetailMain .valueDiv{ font-size: 16px; padding-right: 0px; } .devicesAndProductsCarousel .moreDetails { margin-top: 40px; padding-right: 30px; } .mainSectionDeviceAndProducts { margin-top: 35px; } .checkEligibiligyText{ font-size: 14px; margin: 40px 0px 30px 0px; } .programsNameDiv{ font-size: 14px; margin: 10px 0px 15px 0px; } .programsImageDiv img{ width: 156px; height: 156px; } .helpYourDeviceContainer { padding: 62px 0px 56px 0px; margin-bottom: 20px; } .helpYourDeviceContainer .helpYourDeviceInfo{ margin-top: 40px; } .replacementProduct{ margin-top: 33px; } .replacementProduct, .careLink{ padding: 62px 0px; } .replacementProduct .linkText, .careLink .linkText, .helpYourDeviceInfo .linkText, .helpYourDeviceDownloadMain .linkText{ text-align: left; } .helpYourDeviceInfo h4 { font-size: 16px; } .helpYourDeviceInfo .helpYourDevicePara, .helpYourDeviceDownloadMain .helpYourDevicePara { font-size: 14px; margin: 10px 0px 15px 0px; } .helpYourDeviceInfoLeft{ border-right:none; border-bottom: 1px solid #fff; padding-right:0px; padding-bottom:30px; } .helpYourDeviceInfoRight{ border-bottom: 1px solid #fff; padding-left: 0px; margin-top: 50px; padding-bottom:30px; } .helpYourDeviceDownloadMain{ padding: 30px; margin-top: 30px; } .deviceAndProductsPattern{ height:80px; } /*carousel css starts*/ .devicesAndProductsCarousel{ padding: 25px 0px 25px 0px; } .devicesAndProductsCarousel .carousel{ margin: 30px 0px 40px 0px; } .devicesAndProductsCarousel .carousel-indicators{ display: flex; bottom: -40px!important; } .devicesAndProductsCarousel .carousel-indicators li{ width: 8px !important; height: 8px !important; } .devicesAndProductsCarousel .carousel-indicators .active { background-color: #140F4B!important; } .devicesAndProductsCarousel .controls-top{ display: none; } .owl-carousel{ margin-top: 25px; } .owl-dots{ text-align: center; margin-top: 15px; } .owl-dot{ width: 8px !important; height: 8px !important; border: 1px solid #140F4B!important; border-radius: 50%; display: inline-block; margin-right: 8px; } .owl-dots .active{ background-color: #140F4B!important; } /*carousel css ends*/ /*Devices and products css ends*/ } @media only screen and (min-width:769px) and (max-width:992px){ /*Devices and products css starts*/ .helpYourDeviceInfoLeft{ padding-right:30px; } .helpYourDeviceInfoRight{ padding-left: 30px; } /*Devices and products css ends*/ } /** New theme css below****/ .ThemeBorderBox, .ThemBox-small{ border:1px #BFBFBF solid; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; border-radius:4px; padding:20px; } .ThemHeadMed{ font-family:Avenir Next World W05_n6; color:#140F4B; font-size:20px; /** word-break: break-all;/**CBC-7829**/ word-break: break-word; } .ThemHedGray{ font-family:Avenir Next World W05_n4; color:#140F4B; font-size:24px; } .ThemImgBox{ background-color:#F5F5F5; padding:10px; } .ThemImgBox img{ margin:0 auto; display:block; } .ThemListing h5, .ThemPrgphRegular-small{ font-family:Avenir Next World W05_n4; color:#140F4B; font-size:14px; line-height:20px; } .ThemListing p{ font-family:Avenir Next World W05_n6; color:#140F4B; font-size:18px; line-height:27px; word-break: break-all; } .ThemfontSmall{ font-size:14px!important; } .ThemLinkList a:first-child{ padding-left:0px; } .ThemLinkList a:last-child{ border-right:none!important; } .ThemLinkList a{ border-right:1px #BFBFBF solid!important; padding:0px 8px 0px 3px; } .ThemBtnSmall{ height:auto!important; font-size:14px!important; line-height:0px!important; min-width:105px; } .ThemBox-small .ThemListing p{ color:#140F4B; font-size:14px; word-break: break-all; line-height: 18px; } .NewCstmDropDown .dropdown-toggle::after{ content: '\f107'; font-family: 'FontAwesome'; border: none; font-size: 24px; vertical-align: middle; }