.container1440{padding:0 20px;overflow:hidden}
.howToVideo_top_section{background-image:linear-gradient(to bottom,#ef2737,#c81927 75%);width:100dvw;height:124dvh;overflow-x:hidden}
.main_top{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:229px;padding-left:20px;padding-right:20px}
.top_section_containt{min-height:169px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;border-image-slice:1;padding:56px 0 24px 0;border-radius:20px 20px 0 0;background:radial-gradient(97.64% 97.64% at 49.85% 9.29%,rgba(255,255,255,0.3) 0,rgba(255,255,255,0.2) 42.84%,rgba(255,255,255,0.1) 83.13%,rgba(255,255,255,0) 100%);backdrop-filter:blur(6.521163463592529px)}
.top_section_containt::after{content:"";position:absolute;width:100%;height:100%;border-radius:24px;top:0;z-index:-1;left:0;border:1px solid #ffffff52;mask-image:linear-gradient(0,#fff 20%,#000 100%);-webkit-mask-image:linear-gradient(black 20%,transparent 100%);mask-image:linear-gradient(black 50%,transparent 100%)}
.top_title h1{margin:0;font-family:"ViBold";font-size:36px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal;text-align:center;color:#fff;padding-bottom:16px}
.top_sub{width:295px;margin:0 auto}
.top_sub p{font-family:"ViRegular";font-size:18px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal;text-align:center;color:#fff;padding:0 20px;margin:0}
.top_img{position:absolute;z-index:1;bottom:100px}
.top_img img{width:212px;height:212px}
.fallingAnimation{display:flex;height:300px;position:relative;width:100%}
.fallingAnimation .fallingDiv{opacity:.2;border-radius:8.1px;background-color:#f9e8d0}
.cardFade1{position:absolute;bottom:80px;right:150px;transform:translateX(-50%);width:106px;height:52px;transform:rotate(-352.11deg);z-index:0}
.cardFade2{position:absolute;bottom:66px;width:106px;height:52px;left:-30px;bottom:66px;transform:rotate(-12deg);z-index:0}
.cardFade3{position:absolute;bottom:52px;right:-30px;width:106px;height:52px;z-index:0;transform:rotate(-352.11deg)}
.cardColor1{position:absolute;bottom:130px;left:13px;max-width:225.8px;height:48px;transform:rotate(-7.29deg);border-radius:7.9px;background-color:#ff8e75;padding:16.3px;z-index:1}
.cardColor2{position:absolute;bottom:108px;height:48px;border-radius:8.1px;background-color:#f9e8d0;right:8px;transform:rotate(-352.11deg);padding:16.3px;z-index:1}
.cardColor3{max-width:131.5px;height:48px;transform:rotate(-354.57deg);border-radius:7.9px;background-color:#cadef8;padding:16.3px;position:absolute;bottom:42px;right:50px;z-index:1}
.cardColor4{max-width:109.4px;height:48px;transform:rotate(-5.61deg);border-radius:7.8px;padding:16.3px;background-color:#ffc600;position:absolute;bottom:30px;left:50px;z-index:1}
.fallingAnimation p{font-family:"ViBold";font-size:23px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:1.17;letter-spacing:normal;text-align:left;color:#2f3043;margin:0;padding:0}
.fallingAnimation div{display:flex;align-items:center;justify-content:center}
.slide-out-top{-webkit-animation:slide-out-top 2s cubic-bezier(0.55,0.085,0.68,0.53) both;animation:slide-out-top 2s cubic-bezier(0.55,0.085,0.68,0.53) both}
@-webkit-keyframes slide-out-top{from{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;height:302px}
to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0;height:0}
}
@keyframes slide-out-top{from{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;height:302px}
to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0;height:32px}
}
@-webkit-keyframes slide-out-right{from{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
to{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}
}
@keyframes slide-out-right{from{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
to{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}
}
@-webkit-keyframes slide-out-left{from{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
to{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}
}
@keyframes slide-out-left{from{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
to{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}
}
@-webkit-keyframes fade-in-top{from{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}
to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@keyframes fade-in-top{from{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}
to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
.cardFade4{display:none}
.cardFade5{display:none}
.fadeLeft{display:block !important;width:50%}
.fadeRight{display:block !important;width:50%}
.fadeUpcards{animation:fadeUpDetails 2s ease 0 1 normal forwards}
.mainTopAnimation{padding-top:178px !important;transition:padding-top .7s ease-in-out}
@keyframes fadeUpDetails{0{opacity:0;transform:translateY(250px)}
100%{opacity:1;transform:translateY(0)}
}
.expandHeight{height:380px !important;transition:height .7s ease-in-out}
.collapseHeight{height:0 !important;transition:height 1.5s ease-in-out}
@media all and (min-width:762px){.container1440{margin:0 auto}
.main_top{min-width:791px;max-width:791px;margin:0 auto;padding-left:0;padding-right:0}
.top_img{top:35px}
.top_img img{width:100%;height:100%}
.top_section_containt{min-height:192px}
.fallingAnimation{display:flex;width:1072.1px;margin:0 auto}
.cardFade1{bottom:106px;height:48px;right:unset}
.fallingAnimation p{font-size:36px}
.top_title h1{font-size:54px}
.top_sub p{font-size:26px}
.expandHeight{height:470px !important;transition:height .7s ease-in-out}
.cardColor1{left:160px;max-width:344px;bottom:150px;height:auto}
.cardColor2{min-width:164px;right:260px;bottom:127px;height:auto}
.cardColor3{min-width:199px;right:380px;bottom:38px;height:auto}
.cardColor4{min-width:165px;left:300px;bottom:30px;height:auto}
.cardFade4{display:block;width:221px;height:72px;transform:rotate(-339.31deg)}
.cardFade5{display:block;width:221px;height:72px;transform:rotate(-8.13deg)}
.cardFade1{width:165px;height:72px;bottom:120px;z-index:0}
.cardFade2{width:221px;height:78px;left:158px;bottom:80px;transform:rotate(-15deg);z-index:0}
.cardFade3{right:175px;width:224px;height:72px;bottom:62px;z-index:0}
.cardFade4{width:240px;height:72px;position:absolute;bottom:45px;z-index:0}
.cardFade5{width:251px;height:72px;position:absolute;right:0;bottom:29px;z-index:0}
}
html,body{-webkit-text-size-adjust:100%;-webkit-user-select:none}
.container1440{padding:0 20px;overflow:hidden}
.HowtoVideoCategories{display:flex;gap:8px;width:100%;overflow-x:auto;padding-left:20px;overflow-y:hidden}
.HowtoVideoCategories::-webkit-scrollbar{display:none}
.HowtoVideoCategories .catDiv{height:30px;border-radius:8px;border:solid 1px #d5d6d9;background-color:#fff;padding:8px 12px}
.HowtoVideoCategories .catFlex{display:flex;align-items:center}
.HowtoVideoCategories .hty_highlight_tab{font-family:"ViMedium";font-size:14px;font-stretch:normal;font-style:normal;line-height:1.14;letter-spacing:normal;margin:0;width:max-content;color:#2f3043}
.HowtoVideoCategories .activeDiv{background:#ee2737;border:unset}
.HowtoVideoCategories .activeDiv .hty_highlight_tab{color:#fff;font-family:"ViBold"}
.HowtoVideoCategories .searchInout{padding:7px;min-width:30px;min-height:30px;position:relative}
.HowtoVideoCategories .inputSearch{display:none}
.HowtoVideoCategories .searchInout img{position:absolute;top:7px;left:7px}
.thumbDiv{position:relative;align-self:baseline}
.videoShareOnSocial{display:none}
.HowtoVideoCategories .inputSearch{position:absolute;width:100%;left:0;height:100%;top:0;border-radius:8px;padding-left:48px;outline:solid 1px #737482;border:unset;padding-right:40px}
.howtoSearch{overflow:visible;padding-right:20px;position:fixed;z-index:2;background:#fff;top:32px}
@media all and (min-width:1200px){.container1440{margin:0 auto}
.landingTabSection{margin:56px 0 0}
.HowtoVideoCategories{width:1024px;margin:0 auto;overflow:visible}
.HowtoVideoCategories .catDiv{height:48px;padding:8px 16px 8px 16px;display:flex;align-items:center;cursor:pointer}
.HowtoVideoCategories p{padding:0}
.HowtoVideoCategories .searchInout{width:48px;height:48px;padding:16px;transition:all .2s ease-in-out}
.HowtoVideoCategories .searchInout img{height:22px;width:22px;top:12px;left:12px}
.HowtoVideoCategories p{font-size:16px}
.HowtoVideoCategories .inputSearch{position:absolute;width:100%;left:0;height:100%;border-radius:8px;padding:12px 16px;padding-right:35px}
.HowtoVideoCategories .hty_highlight_tab{font-size:16px}
.HowtoVideoCategories .serachResultandSuggetion .topList a{margin:0;padding:8px 16px;font-size:16px;height:40px;display:flex;align-items:center}
}
.container1440{padding:0 20px;overflow:hidden}
.howtoVideoSection{padding-top:40px;padding-bottom:40px}
.howtoVideoMain{display:flex;gap:20px;align-items:center;justify-content:space-between}
.cateTitle p{font-family:"ViBold";font-size:26px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal;text-align:left;margin:0;color:#2f3043}
.cateHref a{font-family:"ViMedium";font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal;text-align:center;color:#2f3043;text-decoration:none}
.videoSection{padding-top:20px}
.videoCard{gap:12px;display:flex;align-items:center;padding:8px;border-radius:8px;box-shadow:0 .5px 2px 0 rgba(96,97,112,0.16),0 0 1px 0 rgba(40,41,61,0.08);border:solid .5px #eaeaec;background-color:#fff}
.videoCard .thumbDiv img:first-child{width:100px;height:56px;cursor:pointer;border-radius:6px}
.videoCard .VideoTitle{display:flex;flex-direction:column;justify-content:space-between;align-items:initial;flex-grow:1;padding:16px;width:100%}
.videoCard .VideoTitle p{font-family:"ViBold";font-size:14px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal;text-align:left;color:#2f3043;margin:0;cursor:pointer}
.videoCard .VideoTitle p:first-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.videoCard .VideoTitle span{display:inline-block;white-space:normal;overflow:hidden;text-overflow:ellipsis}
.videoCard .VideoTitle span{font-family:'ViRegular' !important;font-size:12px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal;text-align:left;color:#595969;display:block;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;padding-top:8px}
.VidoeTimeShare{display:flex;justify-content:space-between;align-items:center;padding-top:12px}
.videoCard .videoShare .videoShareOnSocial img{opacity:1 !important}
.videoTime{display:flex;align-items:center;justify-content:center;gap:2px;height:18px;padding:4px;border-radius:4px;background-color:#fbf1e3}
.videoTime img{width:14px;height:16px}
.videoCard .VideoTitle .videoTime p{font-family:"ViMedium";font-size:12px !important;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal;text-align:left;color:#2f3043;margin:0;cursor:unset}
.videoShare img{width:16px;height:16px;opacity:.5}
.videoShare{display:flex;align-items:center}
.evenSection{background-color:#fefaf6}
.videoMain{overflow:visible !important}
.videoSection{display:flex;flex-direction:column;gap:16px}
.videoCard .thumbDiv{position:relative}
.videoCard .thumbDiv .playbtn{position:absolute;width:24px;height:24px;top:50%;left:50%;transform:translate(-50%,-50%)}
.videoShareOnSocial{display:none}
.categoryButtonDisabled{color:#d5d6d9 !important;cursor:not-allowed}
.categoryButtonDisabled img{opacity:.2}
@media all and (min-width:1200px){.videoMain{margin:0 auto;width:1024px;padding-bottom:0 !important;overflow:visible !important}
.videoSection{flex-direction:row}
.howtoVideoSection{padding-top:48px !important;padding-bottom:48px !important}
.videoMain{padding-top:20px;width:1028px;margin:0 auto;overflow:visible}
.cateTitle p{font-size:36px}
.thumbDiv{position:relative}
.videoCard .thumbDiv .playbtn{width:40px;height:40px}
.videoSection{display:flex;gap:20px}
.cateHref a{font-size:16px}
.videoCard{flex-direction:column;padding:1px;align-items:unset;gap:0;width:241px;border-radius:16px;min-height:250px}
.videoCard .thumbDiv img:first-child{width:100%;height:136px;border-radius:16px}
.VideoTitle{padding:12px}
.videoShare{position:relative;cursor:pointer}
.videoCard .VideoTitle p{font-size:16px}
.videoCard .VideoTitle span{font-size:14px;padding-top:8px}
.videoCard .videoTime img{width:12px;height:12px}
.videoCard .videoShare img{width:16px;height:16px}
.videoShareOnSocial{background:#fff;position:absolute;display:flex;align-items:center;gap:8px;padding:12px 16px;top:25px;right:-80px;z-index:1;border-radius:8px;box-shadow:0 1px 10px 0 rgba(47,48,67,0.16);visibility:hidden;opacity:0}
.videoShareOnSocial::after{content:"";position:absolute;top:-32%;left:50%;transform:translate(-50%) rotate(180deg);border:10px solid;border-color:#fff rgba(233,233,233,0.2) rgba(233,233,233,0.2) rgba(233,233,233,0.2)}
.videoCard .videoShare .videoShareOnSocial img{width:32px;height:32px}
.videoShare:hover .videoShareOnSocial{visibility:visible;opacity:1}
}
.accordionOuter{margin-bottom:30px}
.accordionOuter .card{border:0}
.accordionOuter .card h3{font-size:20px;line-height:2em;cursor:pointer}
.accordionOuter .card .card-header{height:60px;background-color:#fff;padding:10px}
.accordionOuter .card .card-header h3.collapsed{background-image:url(clientlib-htvFaq/images/Plus.png)}
.accordionOuter .card .card-header h3{background-image:url(clientlib-htvFaq/images/Minus.png);background-repeat:no-repeat;background-size:30px;background-repeat:no-repeat;background-size:30px;background-position-x:right;background-position-y:center}
.accordionOuter .card .card-body{max-height:auto;overflow:auto;background-color:#fff;z-index:10;width:100%;border:1px solid #999}
.accordionOuter .card-body{padding:0}
.accordionInner .card-body{padding:20px;background-color:#eff5fd}
.accordionInner .card .card-header h3.collapsed{background-image:url(../../../../../content/dam/vodafoneideadigital/postpaidbilpay/images/downarrow.svg);background-size:24px;background-repeat:no-repeat;background-position-x:right;background-position-y:center}
.accordionInner .card .card-header h3{background-image:url(../../../../../content/dam/vodafoneideadigital/postpaidbilpay/images/uparrow.svg);background-size:24px;background-repeat:no-repeat;background-position-x:right;background-position-y:center;padding:0 32px 0 0;cursor:pointer}
.showMore,.showMore:hover{color:#2f3043;width:150px;height:50px;font-size:16px !important;line-height:20px !important;margin-top:24px !important;border-radius:25px;background-color:transparent;border:1px solid #2f3043;padding:15px 40px;font-family:"ViMedium","Helvetica","Arial",sans-serif}
.accordionInner .card .card-header h3{font-size:18px;line-height:26px;color:#2f3043;font-family:"ViBold","Helvetica","Arial",sans-serif}
.accordionInner>h2{font-size:36px;line-height:38px;color:#2f3043;font-family:"ViBold","Helvetica","Arial",sans-serif;text-align:center;margin-bottom:40px}
.accordionInner .card-header{background-color:#eff5fd;border:0}
.accordionInner .card{border:0;border-bottom:1px solid rgba(0,0,0,0.125);border-radius:0;background-color:#eff5fd}
.accordionInner{background:#eff5fd;padding:40px 30px 24px;border-radius:10px;margin-bottom:80px}
.accordionInner a:hover{color:#2f3043}
.accordionInner table{max-width:100%}
.accordionInner td,.accordionInner th{padding:5px}
.authoringHowToVideo .hotstarFaq{background-color:#fefaf6}
.authoringHowToVideo .hotstarFaq .accordionInner{background-color:#fff;border-radius:24px;box-shadow:0 .5px 2px 0 rgba(96,97,112,0.16),0 0 1px 0 rgba(40,41,61,0.08);border:solid 1px #f4f4f4;padding:20px}
.authoringHowToVideo .hotstarFaq .accordionInner .card-header{background-color:#fff}
.authoringHowToVideo .hotstarFaq .accordionInner>h2{text-align:left;font-size:30px;margin-bottom:4px;padding-bottom:4px}
.authoringHowToVideo .hotstarFaq .accordionInner .card-header{padding:16px 0 11px 0}
.accordionInner .card{border-bottom:1px solid #eee}
.accordionInner .card .card-header h3{font-size:18px;line-height:22px;color:#2f3043;font-family:"ViMedium","Helvetica","Arial",sans-serif}
.accordionInner .card-body{background-color:#fff}
.accordionInner .btn .showMore{border-radius:40px;border:solid 1px #2f3043}
@media screen and (min-width:768px){.accordionInner{background:#fff;margin-bottom:60px;padding:0}
.authoringHowToVideo .hotstarFaq .accordionInner{padding:40px 32px}
.authoringHowToVideo .hotstarFaq .accordionInner>h2{margin-bottom:4px;padding-bottom:24px}
.authoringHowToVideo .hotstarFaq .accordionInner .card-header{padding:16px 0 16px 0}
.accordionInner .card-header{background:#fff}
.accordionInner>h2{font-size:24px;line-height:28px}
.accordionInner .card-body{padding:15px;background-color:#fff}
.hotstarFaq{padding:0 20px}
.accordionInner table{width:100%}
}
.container1440{padding:0 20px;overflow:hidden}
.callUsChatus{background-color:#fefaf6;padding:40px 0}
.callUsChatusTitile p{font-family:"ViBold";font-size:26px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal;text-align:center;color:#2f3043;margin:0}
.callUsChatusIcon p{font-family:"ViBold";font-size:16px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal;color:#2f3043;margin:0}
.callUsChatusIcon a:hover{text-decoration:none;cursor:pointer}
.callUsChatusIcon a{display:flex;align-items:center;justify-content:space-between;width:100%}
.callUsChatusIcon{display:flex;align-items:center;padding-top:40px;gap:20px}
.callUsChatusIcon div{padding:16px 24px;min-height:67px;border-radius:10px;display:flex;align-items:center;position:relative;width:50%}
.callUsChatusIcon .flotingImg{position:absolute;top:-20px;left:-10px;width:40px;height:40px}
.callUsChatusIcon .callUs{background-color:#ffe7ef}
.callUsChatusIcon .ChatUs{background-color:#d9f4ff}
@media all and (min-width:768px){.container1440{margin:0 auto}
.chatUsandCall{display:flex;align-items:center;justify-content:center;gap:48px;padding:100px 0 80px 0 !important}
.callUsChatusTitile p{font-size:36px;letter-spacing:normal;text-align:left;width:426px;height:141px}
.callUsChatusIcon{padding:0}
.callUsChatusIcon div{width:270px;align-items:end;height:141px;padding:88px 20px 24px 20px}
.callUsChatusIcon p{font-size:24px}
.arrowImg{width:29px;height:29px}
.callUsChatusIcon .flotingImg{width:120px;height:120px;top:-64px;left:0}
}
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}
.swiper-invisible-blank-slide{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}
.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
button.swiper-pagination-bullet{border:0;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet-active{opacity:1;background:#007aff}
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}
.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}
.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}
.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}
.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}
.swiper-scrollbar-cursor-drag{cursor:move}
.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}
.swiper-slide-zoomed{cursor:move}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}
.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}
.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube{overflow:visible}
.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}
.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}
.swiper-container-flip{overflow:visible}
.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
.container1440{padding:0 20px;overflow:hidden}
.whatTrandingSection{background-image:linear-gradient(to bottom,#ef2737,#c81927);padding-right:0;margin-right:0}
.whatTrandingBg{margin:0 auto;padding-top:40px;padding-bottom:40px}
.whatTrandingTitle p{text-align:center;font-family:"ViBold";font-size:26px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal;text-align:center;color:#fff;margin:0}
.videoSection{padding-top:20px}
.whatTrandingvideoCard{gap:12px;display:flex;padding:8px;border-radius:8px;box-shadow:0 .5px 2px 0 rgba(96,97,112,0.16),0 0 1px 0 rgba(40,41,61,0.08);border:solid .5px #eaeaec;background-color:#fff;cursor:pointer}
.whatTrandingvideoCard .VideoTitle p{font-family:"ViBold";font-size:18px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal;text-align:left;color:#2f3043;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.whatTrandingvideoCard .VideoTitle span{font-family:"ViRegular" !important;font-size:12px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal;text-align:left;color:#595969;display:inline-block;padding-top:8px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.whatTrandingvideoCard .VidoeTimeShare{display:flex;justify-content:space-between;align-items:center;padding-top:12px}
.whatTrandingvideoCard .videoTime{display:flex;align-items:center;justify-content:center;gap:2px;padding:4px;border-radius:4px;background-color:#fbf1e3}
.whatTrandingvideoCard .videoTime img{width:14px;height:16px}
.whatTrandingvideoCard .VideoTitle .videoTime p{font-family:"ViMedium";font-size:12px !important;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal;text-align:left;color:#2f3043;margin:0}
.whatTrandingvideoCard .videoShare img{width:20px;height:20px}
.whatTrandingvideoCard .videoShare{display:flex;align-items:center}
.whatTrandingvideoCard{flex-direction:column;padding:0;gap:0;max-width:241px;border-radius:16px;min-height:250px;min-width:272px;height:267px}
.whatTrandingvideoCard .thumbDiv{position:relative;width:100%;height:153px}
.whatTrandingvideoCard .thumbDiv img{width:100%;height:153px;border-radius:16px}
.whatTrandingvideoCard .thumbDiv .playbtn{position:absolute;top:0;left:50%;width:40px;transform:translateX(-50%)}
.whatTrandingvideoCard .VideoTitle{padding:8px 12px;height:114px;display:flex;flex-direction:column;justify-content:space-around}
.whatTrandingvideoCard .videoShareOnSocial{display:none}
.whatTrandingBg .whatTrandingTitle{margin-bottom:32px;padding:0 20px;text-align:center}
.whatTrandingMain .swiper{height:293px;position:relative;left:-30px}
.whatTrandingMain{overflow:hidden}
.whatTrandingMain .swiper-scrollbar-drag{width:16px !important;height:6px;background-color:#fff}
.whatTrandingMain .swiper-container-horizontal>.swiper-scrollbar{left:50% !important;transform:translateX(-50%) !important;width:40px !important;height:6px !important;opacity:1 !important;border-radius:5.5px !important;background:rgb(255 255 255 / 36%) !important}
.whatTrandingMain .swiper-wrapper{width:-webkit-fill-available}
.whatTrandingMain .swiper-wrapper .swiper-slide{width:272px !important}
@media all and (min-width:1200px){.container1440{margin:0 auto;max-width:1440px;padding-bottom:48px;overflow:visible}
.whatTrandingBg{width:1028px;margin:0 auto;padding-top:64px;padding-bottom:64px}
.whatTrandingTitle p{font-size:36px}
.whatTrandingvideoCard{gap:12px;display:flex;align-items:unset;padding:8px;border-radius:8px;box-shadow:0 .5px 2px 0 rgba(96,97,112,0.16),0 0 1px 0 rgba(40,41,61,0.08);border:solid .5px #eaeaec;background-color:#fff;cursor:pointer}
.whatTrandingMain .swiper{height:auto;margin:0;width:100%;overflow:visible;left:0}
.whatTrandingMain .swiper-wrapper .swiper-slide{width:unset !important}
.whatTrandingMain{overflow:visible}
.whatTrandingMain .swiper{padding-left:0}
.whatTrandingBg .whatTrandingTitle{margin:0}
.whatTrandingSlider .swiper-slide{width:328px}
.whatTrandingSlider .swiper-wrapper{gap:20px}
.whatTrandingvideoCard .thumbDiv img{height:185px}
.whatTrandingvideoCard .VideoTitle{display:flex;flex-direction:column;justify-content:end}
.whatTrandingMain{display:flex;padding-top:48px;gap:20px}
.whatTrandingvideoCard{flex-direction:column;padding:0;gap:0;max-width:241px;border-radius:16px;min-height:250px;min-width:328px;justify-content:space-between;height:fit-content}
.whatTrandingvideoCard img{width:100%;height:185px;align-self:baseline}
.whatTrandingvideoCard .cateTitle p{font-size:36px}
.whatTrandingvideoCard .thumbDiv{position:relative;height:185px}
.whatTrandingvideoCard .thumbDiv .playbtn{width:40px;position:absolute;top:0;left:50%;transform:translate(-50%)}
.videoSection{display:flex;gap:20px}
.whatTrandingvideoCard img{align-self:baseline}
.whatTrandingvideoCard .VideoTitle{padding:16px}
.whatTrandingvideoCard .videoShare{position:relative;cursor:pointer}
.whatTrandingvideoCard .VideoTitle p{font-size:20px}
.whatTrandingvideoCard .VideoTitle span{font-size:14px;padding-top:8px}
.whatTrandingvideoCard .videoTime img{width:12px;height:12px}
.whatTrandingvideoCard .videoShare img{width:20px;height:20px}
.whatTrandingvideoCard .videoShareOnSocial{background:#fff;position:absolute;display:flex;align-items:center;gap:8px;padding:12px 16px;top:25px;right:-80px;z-index:1;border-radius:8px;box-shadow:0 1px 10px 0 rgba(47,48,67,0.16);visibility:hidden;opacity:0}
.whatTrandingvideoCard .videoShareOnSocial::after{content:"";position:absolute;top:-32%;left:50%;transform:translate(-50%) rotate(180deg);border:10px solid;border-color:#fff rgba(233,233,233,0.2) rgba(233,233,233,0.2) rgba(233,233,233,0.2)}
.whatTrandingvideoCard .videoShare .videoShareOnSocial img{width:32px;height:32px;opacity:1}
.whatTrandingvideoCard .videoShare:hover .videoShareOnSocial{visibility:visible;opacity:1}
}
.container1440{padding:0 20px;overflow:hidden}
.searchInout{padding:7px;min-width:30px;min-height:30px;position:relative}
.inputSearch{display:none}
.searchInout img{position:absolute;top:7px;left:7px}
.serachResultandSuggetion{display:none}
.inputSearch{position:absolute;width:100%;left:0;height:100%;top:0;border-radius:8px;padding-left:48px}
.searchInout .searchBackarrow{display:none}
.searchInout .searchBackarrowShow{display:block;position:absolute;z-index:2;left:15px;top:10px}
.serachResultandSuggetion{position:absolute;z-index:2;top:55px;padding:unset !important;background-color:#fff;display:none;border-radius:8px;border:solid 1px #d5d6d9;background-color:#fff;display:block;position:relative;left:-30px;width:101dvw;height:100dvh;border-radius:0;display:none;box-shadow:0 20px 32px 0 rgba(96,97,112,0.1),0 2px 8px 0 rgba(40,41,61,0.06)}
.serachResultandSuggetion .topCate p{font-family:"ViRegular";font-size:14px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal;text-align:left;color:#2f3043;margin:0}
.fixed-top{z-index:4 !important}
.serachResultandSuggetion .topList{display:flex;min-width:360px;overflow-x:scroll}
.serachResultandSuggetion hr{margin-top:15px;margin-bottom:16px}
.serachResultandSuggetion .topList a{margin:0;padding:8px 12px;border-radius:8px;border:solid 1px #d5d6d9;background-color:#fff;width:max-content;font-family:"ViMedium";font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:normal;text-align:center;color:#2f3043;cursor:pointer;height:30px;min-width:fit-content;text-decoration:unset;margin-right:8px}
.serachResultandSuggetion .searchResult{display:flex;flex-direction:column;overflow:auto}
.serachResultandSuggetion .searchResult p{font-family:"ViRegular";font-size:16px !important;font-weight:normal !important;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal;text-align:left;color:#2f3043;text-decoration:none;padding-bottom:12px;padding-top:11px;position:relative;cursor:pointer}
.serachResultandSuggetion .searchResult p::after{content:"";position:absolute;width:100%;padding:0 20px;height:1px;background:#eaeaec;left:0;bottom:0}
.serachResultandSuggetion .searchResult p:last-child::after{content:none}
.noResult::after{display:none}
.searchBoxLink span{font-weight:bold}
.serachResultandSuggetion .searchResult div{height:1px;margin-top:11px;margin-bottom:12px;background-color:#eaeaec}
.howtoSearch{overflow:visible;padding-right:20px;position:fixed;z-index:2;background:#fff;top:0;padding:20px}
.HowtoVideoCategories .inputSearch::placeholder{font-family:"ViRegular";font-size:15px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal;text-align:left;color:#737482}
.HowtoVideoCategories .searchInout .searchBackarrowShow{top:12px;left:10px}
#videoSearchIcon{cursor:pointer}
.searchResult::-webkit-scrollbar{width:4px}
.searchResult::-webkit-scrollbar-track{background:#fff;margin-top:10px;margin-bottom:10px;border-radius:8px}
.searchResult::-webkit-scrollbar-thumb{background:#d5d6d9;border-radius:8px}
.searchResult::-webkit-scrollbar-thumb:hover{background:#d5d6d9}
.serachResultandSuggetion .suggestionText{padding-top:0;padding-bottom:16px}
.serachResultandSuggetion .catName{padding-bottom:16px}
.serachResultandSuggetion .suggestionText{padding-bottom:16px}
.serachResultandSuggetion .topCate p:first-child{padding-top:0}
.serachResultandSuggetion .topCate p:last-child{padding-bottom:0}
.serachResultandSuggetion .topList a:first-child{margin-left:20px}
.topCate .catName{padding:20px !important}
.topCate .suggestionText{padding:0 20px}
.topCate #search_result_authoring{padding:15px 20px}
.htysearchOpne{display:block;height:48px !important;width:100%}
.htysearchIconeOpne{width:24px !important;top:10px !important;position:absolute !important;left:90% !important}
.HowtoVideoCategories .catDiv:last-child{margin-right:20px}
.serachResultandSuggetion .topList a:last-child{margin-right:20px}
.serachResultandSuggetion .topList::-webkit-scrollbar{display:none}
.serachResultandSuggetion #search_result{padding:20px}
@media all and (min-width:1200px){.container1440{margin:0 auto}
.SerachDiv input::placeholder{font-size:16px}
.searchInout img{height:22px;width:22px;top:12px;left:12px}
.HowtoVideoCategories p{font-size:16px}
.inputSearch{position:absolute;width:100%;left:0;height:100%;border-radius:8px;padding:15px}
.serachResultandSuggetion{min-width:440px;width:unset;height:unset;max-height:341px;position:absolute;z-index:2;top:55px;left:0;padding:20px;background-color:#fff;display:none;border-radius:8px;border:solid 1px #d5d6d9;background-color:#fff}
.serachResultandSuggetion .topCate p{font-family:"ViRegular";font-size:16px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal;text-align:left;color:#2f3043;margin:0}
.serachResultandSuggetion .topList{display:flex;gap:12px;flex-wrap:wrap;overflow:hidden;padding:0 20px}
.serachResultandSuggetion .topList a:first-child{margin-left:0}
.topCate #search_result_authoring{padding:16px 20px 20px 20px}
.serachResultandSuggetion #search_result{padding:20px}
.serachResultandSuggetion hr{margin:15px 20px 16px 20px}
.serachResultandSuggetion .topList a{margin:0;padding:8px 16px;font-size:16px;height:40px;display:flex;align-items:center}
.serachResultandSuggetion .suggestionText{padding-top:0}
.serachResultandSuggetion .searchResult{display:flex;flex-direction:column;max-height:145px;overflow:auto}
.serachResultandSuggetion .searchResult p{font-size:16px !important;text-decoration:none}
.searchBackarrow{display:none}
.serachResultandSuggetion .searchResult div{height:1px;margin-top:11px;margin-bottom:12px;background-color:#eaeaec}
.backBtn{align-self:flex-start;padding-top:8px}
.searchInoutIconOpne{position:absolute !important;left:90% !important}
}
.htvvideoModal .modal-content{padding:16px;border-radius:16px;background-color:#fff;border:0}
.htvvideoModal .htviframediv{margin:0 0 16px}
.htvvideoModal .htviframediv iframe{width:100%;border-radius:16px;border:0}
.htvvideoModal .modal-dialog{margin:20px}
.htvvideoModal .htvmHead{font-family:"ViBold","Helvetica","Arial",sans-serif;font-size:16px;font-weight:bold;line-height:1.2;color:#2f3043;margin:0 0 16px;text-align:center}
.htvvideoModal .htvmSubHead{font-family:"ViRegular","Helvetica","Arial",sans-serif;font-size:14px;font-weight:normal;line-height:1.2;color:#595969;margin:0 0 16px;text-align:center}
.htvvideoModal .htvCta{font-family:"ViMedium","Helvetica","Arial",sans-serif;font-size:16px;font-weight:500;line-height:1.2;text-align:center;color:#2f3043;display:flex;align-items:center;justify-content:center;border-radius:32px;border:solid 1px #2f3043;height:40px;text-decoration:none;margin:0 0 12px}
.htvvideoModal .htvshareDesk{display:none}
.htvvideoModal .htvShareWrap{display:flex;align-items:baseline;justify-content:center;gap:2px}
.htvvideoModal .htvShareWrap p{font-family:"ViMedium","Helvetica","Arial",sans-serif;font-size:14px;font-weight:500;line-height:1.2;color:#2f3043;margin:0}
.htvvideoModal .modalClose{position:absolute;background:url(../../../../../content/dam/vodafoneideadigital/HowToVideo/icon-close.svg) no-repeat;background-position:center;width:32px;height:32px;border-radius:50%;background-color:#fff;right:0;top:-40px}
@media all and (min-width:768px){.htvvideoModal .modal-content{padding:28px;border-radius:20px}
.htvvideoModal .htviframediv{margin:0 0 20px}
.htvvideoModal .htviframediv iframe{border-radius:24px;height:310px}
.htvvideoModal .modal-dialog{margin:50px auto;max-width:608px}
.htvvideoModal .htvmHead{font-size:24px;margin:0 0 20px}
.htvvideoModal .htvmSubHead{font-size:18px;line-height:1.2;margin:0 0 20px}
.htvvideoModal .htvCta{height:50px;width:335px;margin:0 auto 16px}
.htvvideoModal .htvShare{display:flex;gap:8px}
.htvvideoModal .htvShareWrap{align-items:anchor-center;gap:12px}
.htvvideoModal .htvshareMob{display:none}
.htvvideoModal .htvshareDesk{display:block;cursor:pointer}
.htvvideoModal .htvShareWrap p{font-family:"ViRegular","Helvetica","Arial",sans-serif;font-size:16px;font-weight:normal;line-height:1.2;color:#595969}
.htvvideoModal .modalClose{width:40px;height:40px;top:-50px;cursor:pointer}
}
.vilWrapper .commonBreadcrumb .container{padding:0;margin:0}
.commonBreadcrumb .container{padding:0;max-width:1232px}
#breadcrumbSection.row{margin-left:0;margin-right:0}
#breadcrumbSection .breadcrumb{background:0;padding:0;margin:0;display:unset}
#breadcrumbSection .breadcrumb-item{display:inline}
#breadcrumbSection .breadcrumb a{color:#2f3043;text-decoration:none;font-family:"ViRegular","Helvetica","Arial",sans-serif;font-size:12px;line-height:14px}
#breadcrumbSection .breadcrumb .breadcrumb-item+.breadcrumb-item::before{padding-left:.2em;padding-right:.2em;font-size:16px}
#breadcrumbSection .breadcrumb .breadcrumb-item+.breadcrumb-item{padding:0}
#breadcrumbSection .breadcrumb .breadcrumb-item:last-child a,#breadcrumbSection .breadcrumb .breadcrumb-item:last-child{color:#797a86}
#breadcrumbSection{margin-top:24px;margin-bottom:12px}
.breadcrumb-item+.breadcrumb-item::before{background-image:url('../../../../../content/dam/vodafoneideadigital/images1/breadcrumbarrow.png');background-size:18px 18px;display:inline-block;width:18px;height:18px;content:"";padding:0 4px;vertical-align:bottom}
#breadcrumbSection .mobPad{padding:0}
@supports(-ms-ime-align:auto){#breadcrumbSection{margin-top:24px}
}
@media(max-width :767.98px){.commonBreadcrumb .container{padding:0 20px}
#breadcrumbSection .breadcrumb .breadcrumb-item+.breadcrumb-item::before{padding-left:.2em !important;padding-right:.2em !important;font-size:14px !important}
#breadcrumbSection .leftPadding{padding:0}
}
.searchWrapper{display:block}
.navbar-light .navbar-nav .nav-link{border-bottom:unset !important}
.autopayredHeader .navbar-light .navbar-nav .dropdown-toggle:hover{border-bottom:3px solid #ed3745 !important}
.headercomponent,.headercomponent .nav-header,.headercomponent .dropdown-menu,.headercomponent .vi_navwrapper.fixed-top{background-color:#ee2737}
.headercomponent{height:0}
.headercomponent .vi_navwrapper .nav-header{height:60px;padding:5px 20px}
header{position:relative;z-index:300}
.navbarBottom #navbarMainContent .header-signIn a{color:#fd6}
.navbar-brand img{width:46px;height:46px}
.navbarBottom #navbarMainContent a{color:#fff}
.headercomponent .dropdown-toggle::after{background-image:url(../../../../../content/dam/vodafoneideadigital/redx/down-arrow.svg)}
.headercomponent .vi_headerDlink,.headercomponent .vi_headerDlink:hover{display:none}
.searchInput{padding:15px;cursor:pointer}
.searchBody .searchIcon{border:.5px solid rgba(255,255,255,0.5);border-radius:50%;height:32px;width:32px;padding:5px}
.searchWrapper[is-open="false"] .searchIcon{margin:0}
.searchWrapper{display:flex;align-items:center;justify-content:center}
#serchIcon{pointer-events:none}
.commonBreadcrumb .container{padding:5px 10px !important}
@media(max-width:991px){.headercomponent .navbar-light .navbar-toggler-icon{background-image:url(../../../../../content/dam/vodafoneideadigital/homespyder/hamburger_white.svg)}
}
@media(min-width:768px){.navbar-brand img{width:50px;height:50px}
.blog_fixed{position:sticky;top:70px;height:700px}
#blog_right_fixed{transition:background-color .3s}
.commonBreadcrumb,.footercolumnVodafoneIdea{z-index:9999;position:relative}
.blog_fixed::-webkit-scrollbar{display:none}
}
.autopayredHeader{background:#fff}
.autopayredHeader .vi_navwrapper.fixed-top{background:#fff;border-bottom:1px solid #eaeaec;position:fixed;z-index:222}
.headercomponent.fixed-top .dropdown .dropdown-menu{background-color:#fff !important}
.autopayredHeader .headercomponent .nav-header{background:#fff}
.autopayredHeader .navbarBottom #navbarMainContent a{color:#000}
.autopayredHeader .nav-header,.autopayredHeader .dropdown-menu,.vi_navwrapper.fixed-top{background:#fff}
.autopayredHeader .dropdown-toggle::after{border:0;background-image:url(../../../../../content/dam/vodafoneideadigital/homepage/header/Icon_Arrow_down.svg);width:16px;height:16px;background-size:contain;background-repeat:no-repeat;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.autopayredHeader .navbarBottom #navbarMainContent a :hover{border-bottom:2px solid #e60000 !important}
@media(max-width:991px){.autopayredHeader .headercomponent .navbar-light .navbar-toggler-icon{background-image:url(../../../../../content/dam/vodafoneideadigital/homespyder/hamburger_new.svg)}
.autopayredHeader .vi_navwrapper{-webkit-box-shadow:0 2px 4px 1px rgba(50,66,81,0.04);-moz-box-shadow:0 2px 4px 1px rgba(50,66,81,0.04);box-shadow:0 2px 4px 1px rgba(50,66,81,0.04)}
.autopayredHeader .vi_navwrapper.fixed-top{max-width:100%;background-color:#fff;height:65px}
.autopayredHeader .dropdown-toggle::after{border:0;background-image:url(../../../../../content/dam/vodafoneideadigital/homespyder/black-copy.svg);width:24px;height:24px;background-size:contain;background-repeat:no-repeat;position:absolute;right:60px;top:50%;transform:translateY(-50%)}
.autopayredHeader .navbarBottom #navbarMainContent a{color:#fff;border-bottom:none !important;margin-left:0;position:relative;font-size:14px;line-height:18px;padding:12px 0;margin-bottom:0;outline:0;width:100%;align-items:center;height:auto}
.autopayredHeader .dropdown-toggle{position:relative}
.autopayredHeader .dropdown-menu{background-color:#2f3043}
}
.fixed-top{animation:unset}
.commonBreadcrumb{background-color:#fefaf6}
#breadcrumbSection{margin-top:0;margin-bottom:0}
.headercomponent .hidden{display:none !important;transform:translateY(-100%) !important}
.catheaderFixed{position:fixed !important;top:0;width:100%;background:#fff;padding:24px 0;box-shadow:0 4px 8px 0 rgba(96,97,112,0.16),0 0 2px 0 rgba(40,41,61,0.04);border-bottom:solid 1px #eaeaec;background-color:#fff;z-index:100}
.landingTabSection{margin:0;height:55px;display:flex;flex-direction:column;justify-content:end}
.howtoVideoTab{position:absolute;width:100%}
.headercomponent .dropdown .dropdown-menu{background-color:#2f3043 !important}
.landingVideosSection .videoCard .VideoTitle{padding:unset}
.landingVideosSection .videoCard .VideoTitle span{padding-top:4px}
.landingVideosSection .howtoVideoSection:first-of-type{padding-top:20px;padding-bottom:40px}
@media(min-width:768px){.landingTabSection{margin:0;height:104px;display:flex;flex-direction:column;justify-content:end}
.howtoVideoTab{position:absolute;width:100%}
.headercomponent .dropdown .dropdown-menu{background-color:#ef2737 !important}
.autopayredHeader .dropdown .dropdown-menu{background-color:#fff !important}
.landingVideosSection .videoCard .VideoTitle{padding:12px}
}