@font-face {
font-family: 'Conv_hp-simplified-265';
src: url('fonts/hp-simplified-265.eot');
src: local('☺'), url('fonts/hp-simplified-265.woff') format('woff'), url('fonts/hp-simplified-265.ttf') format('truetype'), url('fonts/hp-simplified-265.svg') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Conv_hp-simplified-556';
src: url('fonts/hp-simplified-556.eot');
src: local('☺'), url('fonts/hp-simplified-556.woff') format('woff'), url('fonts/hp-simplified-556.ttf') format('truetype'), url('fonts/hp-simplified-556.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Conv_hp-simplified-light-153';    
src: url('fonts/hp-simplified-light-153.eot');
src: local('☺'), url('fonts/hp-simplified-light-153.woff') format('woff'), url('fonts/hp-simplified-light-153.ttf') format('truetype'), url('fonts/hp-simplified-light-153.svg') format('svg');
font-weight: normal;
font-style: normal;
}

html{ scroll-behavior: smooth;}
body{font-family:'Conv_hp-simplified-265',Sans-Serif;font-size:15px;color: #000000;padding:0;margin:0;letter-spacing:.5px;}
ul,ol{padding:0;margin:0;}
ul li,ol li{list-style-type:none;}
h1,h2,h3,h4,h5,h6  {margin:0; font-weight: initial;}
p{padding:0;margin:0;line-height:1.6;}
*{outline:none !important;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;}
ul{margin:0;padding:0;list-style:none;}
b,strong{font-weight:600;}
a{color: #000000;text-decoration:none;}
a:hover{outline:0;text-decoration:none;}
a:active{outline:0;text-decoration:none;}
a:focus{outline:0;text-decoration:none;}
.wrapper{max-width:1214px;width:100%;margin:auto;}
.Midwrapper{max-width:1280px;width:100%;margin:auto;}

header{box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);background-color: #fff;float:left;width:100%;min-height:72px;position:fixed; top:160px;z-index:9999;margin: 0;transition:all 0.3s;-webkit-transition:all 0.3s;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
header .logo{padding: 25px 0px  11px;float: left;font-size: 1.21rem;color: #000;}

nav.hp-nav{line-height: 72px;text-align: center;float: right;width: 100%;max-width: 851px;}
nav.hp-nav ul.leftMenu{float:left; padding:0;}
nav.hp-nav ul.leftMenu li{float:left;}
nav.hp-nav ul.leftMenu li:hover > a{color: #0171ad;border-bottom: 3px solid #075782;}
nav.hp-nav ul.leftMenu a{color: #363636;font-size: 16px;padding: 0px 9px 0px 9px;display:block;margin:0 6px 0;border-bottom: 3px solid #ffffff;line-height: 72px;-moz-transition:all, 0.5s;-o-transition:all, 0.5s;-webkit-transition:all, 0.5s;transition:all, 0.5s;}
.lastCon { float: right;}
.lastCon a{color: #FFFFFF;background-color: #0171ad;line-height: 33px;padding: 0 19px;border-radius: 5px;display: block;margin: 20px 0 0;}

.logo img,header{-moz-transition:all, 0.5s;-o-transition:all, 0.5s;-webkit-transition:all, 0.5s;transition:all, 0.5s;}
.slider {float: left;position: relative;width: 100%; padding-bottom: 37px;overflow-x: hidden;margin: 58px 0 0;/*background: url(../img/Slider.webp)   no-repeat scroll rgb(98, 112, 119);*/background-size: cover;}
.slider img{width: 100%; }  
.titleName {position: absolute;top: 15%;left: 0;z-index: 999;width: auto;}
.titleName h2 {padding: 10px 0 0px;color: #fff;font-size: 2rem;float: left;width: 100%;}
.titleName p {color: #fff;max-width: 528px;padding: 8px 0 0;font-weight: 500;float: left;width: 100%;font-family: 'Conv_hp-simplified-light-153',Sans-Serif;}

.creativitySlide{ padding: 0 0 37px; margin: 0px  0 0;float: left; width: 100%; text-align: center; background: #f7f7f7; }
h1.headAllD{font-weight: 600;display: inline-block;color: #191919;font-size: 2.125rem;line-height: 2.5rem;font-family: 'Conv_hp-simplified-light-153',Sans-Serif;width: 100%;padding: 53px 0 49px;}


.centtab{ width:100%;float:left;margin: 25px 0 0;text-align: center;}
h1.headAllD2{ padding-bottom: 0;}
.techHeading {position: absolute;left: 43px;padding: 2%;text-align: left;max-width: 440px;top: 18%;background: #fff;}
.rightTech{left: auto;right: 43px;}
.techHeading h4{padding:11px 0px;font-weight:500;color:black;font-size: 2.125rem;line-height: 1.17;}
.techHeading p{ font-weight: normal;color: #656565;padding:0;font-size: 1rem;letter-spacing: 0.01875rem;font-family: 'Conv_hp-simplified-light-153';}

a.learnMore {color: #FFFFFF;background-color: #0171ad;line-height: 33px;padding: 0 19px;border-radius: 5px;display: inline-block;margin: 20px 0 0;}
.Prinading{ top: 8%;}

.HpTechEdu{ padding: 0 0 0; margin: 0 0 0;float: left; width: 100%; text-align: center; background: #fff; }
.HpTechEdu .tab-content>.tab-pane{ position: relative;}
.HpTechEdu .tab-content .slick-prev { left:  17px;}
.HpTechEdu .tab-content .slick-next{    right:17px;}
.HpTechEdu .tab-content>.tab-pane img{ width: 100%;;}
.HpTechEdu  ul.nav.nav-tabs li h3{box-sizing: border-box; font-weight: 100;  font-size: 1.375rem;color: #7e7e7e;}
.HpTechEdu ul.nav.nav-tabs{display:inline-block;}
.imcentcu{position:relative;}
h1.headAllD2{margin:24px 0 38px;}
.HpTechEdu .scrtabs-tabs-movable-container{text-align:center;}
.HpTechEdu .scrtabs-tabs-fixed-container ul.nav.nav-tabs > li{white-space:nowrap;position:relative;display:inline-block;float:none;padding:0 20px 8px;}
.HpTechEdu .tab-content{float:left;width:100%;margin:24px 0 0;}
.HpTechEdu .tab-content .listonr{margin:85px 0 0;height:auto;position:relative;}
.HpTechEdu.slick-initialized .slick-slide{display:block;width:300px !important;}
.HpTechEdu ul.nav.nav-tabs li.active::before{content:"";border-top:20px solid #0171ad;width:100%;position:absolute;top:auto;bottom:-1px;left:0px;border-radius:66px 56px 0 0;}
.HpTechEdu ul.nav.nav-tabs li.active > a h3{ color: #000;}
.customWidth{width:100%;max-width:1400px;margin:auto;}
.addModmi{float:left;width:100%;height:1000px;}
.HpTechEdu .tab-content>.tab-pane .chromebook img{width:100%;width:213px;}

.centerDivSho .detailDes ul li{ background-color: #fff;box-shadow:0px 0;width: 100%;list-style-type: disc;    margin: 0 0 2px 16px;line-height: 21px;}
.centerDivSho{ display: block; margin: 8px 0px 31px;background-color: #fff;position: relative;width: 291px; height: 701px; box-shadow:0 2px 10px 2px rgb(0 0 0 / 8%); transition: box-shadow .15s ease;border-radius: 5px;}   
.HpTechEdu  .slick-prev, [dir="rtl"] .slick-next {left: 0px;background: rgb(0 0 0 / 39%) url(../img/left-arrow.svg) no-repeat 5px 6px;    background-size: 21px;opacity: 1;width: 34px;height: 34px;border-radius: 50%; -webkit-transform: rotate(0deg); transform: rotate(0deg);}
.HpTechEdu .tab-content .slick-next{right: 0px;background:rgb(0 0 0 / 39%) url(../img/right-arrow.svg) no-repeat 9px 7px;    background-size: 20px;opacity: 1;width: 34px;height: 34px;border-radius: 50%; -webkit-transform: rotate(0deg); transform: rotate(0deg); }  
.scrtabs-tab-scroll-arrow:hover {background-color: transparent;}
.HpTechEdu  .scrtabs-tab-scroll-arrow.scrtabs-tab-scroll-arrow-left{position: relative; right: 0px;height: 30px;    width: 22px; background: rgb(0 0 0 / 39%) url(../img/left-arrow.svg) no-repeat 0px 6px;background-size: 15px; }
.HpTechEdu  .scrtabs-tab-scroll-arrow.scrtabs-tab-scroll-arrow-right{ position: relative; right: 0px; height: 30px;    width: 22px;background: rgb(0 0 0 / 39%) url(../img/right-arrow.svg) no-repeat 1px 7px;background-size: 15px;}


.hpListpackage { float: left; width: 100%; }

.detailDes{text-align: left; padding: 0 20px;font-size: .875rem;line-height: 1.3;font-family: 'Conv_hp-simplified-light-153';}
.detailDes h5{font-size: 1.3rem;padding: 14px 0 0px; font-weight: 800;}
.detailDes h6{font-size: 1rem;padding: 9px 0 9px; font-weight: 600}
.detailDes p{line-height: 1.5;}


.chromebook{ float: left;  width: 100%; padding:37px 0 0 226px;}
.chromebook img{ float: left;}
.chromebook p{ float: left;max-width: 621px;margin: 0 0 0 45px;text-align: left;font-family: 'Conv_hp-simplified-light-153'}
/* 
.Devicelist .detailDes ul li{ background-color: #fff;box-shadow:0px 0;width: 100%;list-style-type: disc;    margin: 0 0 2px 16px;line-height: 21px;}
.Devicelist ol.flex-control-nav.flex-control-paging{display: none;}
.Devicelist .flex-direction-nav .flex-prev {left: 0px;background: rgb(0 0 0 / 39%) url(../img/left-arrow.svg) no-repeat 5px 6px;    background-size: 21px;opacity: 1;width: 34px;height: 34px;border-radius: 50%; }
.Devicelist .flex-direction-nav .flex-next {right: 0px;background:rgb(0 0 0 / 39%) url(../img/right-arrow.svg) no-repeat 9px 7px;    background-size: 20px;opacity: 1;width: 34px;height: 34px;border-radius: 50%; } */
.detailDes a.learnMore{ position: absolute; bottom: 21px; left: 21px ;}

.LaptopImg{float: left;width: 100%;/*background: url(../img/laptop.webp) 50% 50% / cover no-repeat scroll;*/height: auto;}
.LaptopImg img{ width: 100%; }
.textfooter{background-color: #fff;float: left;width: 100%;padding: 47px 74px 22px;}
.textfooter p{padding: 6px  0;font-size: 0.80rem;color: #000000;font-family: 'Conv_hp-simplified-light-153';line-height: 1.2rem;}
.collapsible-text{margin: 4px 0 33px; color: #000000; font-family: 'Conv_hp-simplified-light-153';}
.cross i{display: none;}
.arrSlider2,.cldn{ display: none;}
.addheadn{margin: -6px 0 0; position: relative; background: white;text-align: center;width: 100%;float: left;color: #000;padding: 0 0 26px;}
.addheadn h2{display: inline-block;color: #191919;font-size: 2.125rem;line-height: 2.5rem;font-family: 'Conv_hp-simplified-light-153',Sans-Serif;width: 100%;padding: 50px 0 49px;}
.adaptable_design .slick-slide{ margin: 2px 0px;}
ul.prdtServi li{float:left;width:25%;max-width:50%;padding: 26px 8px;}
ul.prdtServi li img{height: 74px;}
ul.prdtServi li h3{padding:11px 0px;font-weight:500;font-size: 1.35rem;line-height: 2.125rem;color:black;}
ul.prdtServi li p{padding:0;font-size: 1rem;letter-spacing: 0.01875rem;font-family: 'Conv_hp-simplified-light-153';}
.dropClose{cursor: pointer; float: left; width: 100%;}
.dropClose h4{float: left;}
.dropClose i{float: right;font-size: 18px; font-weight: bolder;}
.dropOpen{ float: left; width: 100%;}
.faupDow i.fa.fa-angle-up {  transform: rotate(180deg);}

.cross i{display: none;}
.arrSlider2,.cldn{ display: none;}
.mobileViewLap,.MobileSlider{ display: none;}
.newst { float: left;  width: 100%;}
.naupupdow i.fa.fa-angle-down { transform: rotate(180deg);}
.bgmenu{ display: none; background: rgba(0, 0, 0, 0.6); height: 100%;width: 100%;position: fixed;top: 0;left: 0;z-index: 9999;}
.opnbg{display: block;}
.mobilecontact{display: none;}
.crossMobile{ display: none;}

 /* Desktopslide no slide */
.customWidth2{ margin: auto; max-width: 1000px;    }
.customWidth2 .centerDivSho{ margin: 8px 0px 31px;}
/* .dsktOn .centerDivSho{ float: left; margin: 0 23px 31px;}
.addonmobile{ display: block;} */

/*Adaptable design Section CSS*/
.adaptable_design{width:100%; float: left; background: #f7f7f7; padding: 50px 0px; color: #fff;}
.adaptable_design .wrap_text{width: 100%; text-align: center; color: #fff; margin: 0 auto 28px auto;}
.adaptable_design .wrap_text h1{display: inline-block;color: #191919;font-size: 2.125rem;line-height: 2.5rem;font-family: 'Conv_hp-simplified-light-153',Sans-Serif;width: 100%;padding: 0 0 15px;}


.adaptable_design_carousel {color: #fff;	padding:0px 0px 0; margin-top: -4px !important;}
.adaptable_design_carousel .slide {opacity: 0.6; cursor: pointer; position: relative;}
.adaptable_design_carousel .slide:after{content:"";border-top: 5px solid #f7f7f7;width:60px;position:absolute;top: 0px;left: 0px;border-radius: 66px 56px 0 0;}
.adaptable_design_carousel .slick-slide.slick-current.slick-active .slide,.cadaptable_design_carousel .slick-slide .slide:hover {opacity: 1;}

.adaptable_design_carousel .slick-slide.slick-current.slick-active .slide:after {border-color:#0171ad;  }
.adaptable_design_carousel .slide p { color: #000000; padding:0;font-size: 1rem;letter-spacing: 0.01875rem;font-family: 'Conv_hp-simplified-light-153';}
.adaptable_design_carousel .slide p:last-child{padding-top: 11px; padding-right: 10%;}
.adaptable_design_carousel .slide img {margin:21px 0px 20px 0px; max-height: 62px;}
.adaptable_design_carousel .slide p span { padding:11px 0px;font-weight:500;font-size:19px;line-height: 2.125rem;color:black;    font-family: 'Conv_hp-simplified-265',Sans-Serif;}

.adaptable_design_carousel .slick-dots {padding-bottom: 0px;}
.adaptable_design_carousel .slick-dots li button{ background: #000;}
.adaptable_design_carousel .slick-dots li button::before{ background:rgba(255,255,255,0.4);}
.adaptable_design_carousel .slick-dots li.slick-active button::before, .adaptable_design_carousel .slick-dots li:hover button::before {
background-color: #fff;    opacity: 1;}
/*Adaptable design Section CSS*/
.mobile_img{display: none !important;}
.mobipnimg{ display:none}
 

@media screen and (min-width: 1920px)
{
.titleName { padding: 2%;right: auto; left:18.1%;}
.centerAuti{max-width: 1400px; margin: auto; width: 100%;}

}

@media screen  and  (min-width:1026px)  and (max-width:1280px)
{ 
nav.hp-nav ul.leftMenu { float: left;margin: 0 20px 0 0px;}
nav.hp-nav ul.leftMenu a{color: #818181; line-height: 50px;}
.addheadn h2 { padding-bottom: 20px;}
nav.hp-nav{width: auto; max-width: none; float: right; margin: 13px 0 0;}
.lastCon a{margin: 1px 0 0;line-height: 41px;}
img{max-width:100%;}
ul.prdtServi li {min-height: 343px; float: left; width: 55%;}
.wrapper,.Midwrapper,.addheadn h2, .addheadn p{padding: 0 15px;}
.slider{ height: auto;background: none;}
.addheadn h2{ padding: 69px 0 0;}
.HpTechEdu ul.nav.nav-tabs li h3 {  font-size: 1.1rem;}
 

}
@media screen and (max-width: 1919px) and (min-width: 721px){ 
.titleName { padding: 2%;right: auto; left: 2.4%;}
}

@media screen and (max-width:1026px){ 
header{box-shadow:0 0; border-bottom: 1px solid #f1f1f1;}
.mobilecontact{display: block;}
.crossMobile{display: block; font-size: 18px;}
.deskcon{ display: none;}
.deskclic{display: none;}
.cross i{position: relative;  top: 4px; display: inline-block;font-size: 30px;padding: 0;line-height: 0;margin: 0px 0 0;}
.cldn{ display: inline-block;width: 100%;}
nav.hp-nav ul.leftMenu a { color: #818181;  line-height: 50px;}
nav.hp-nav ul.leftMenu {float: left; width: 100%;}
.lastCon { float: left; width: 100%; padding: 0px 0 8px;}
nav.hp-nav ul.leftMenu li {float: left;width: 100%;text-align: left;border-bottom: 1px solid #a5a5a5;}
#closenav.hp-nav{border-radius: 50%;height: 42px;line-height: 48px;width: 42px;background: rgb(0 0 0 / 77%);display: inline-block;}
#closenav.hp-nav img{height: 15px;}

img{max-width:100%;}
nav.hp-nav{ max-width: 100%;display: none;}
.cancel {right: 11px;}
.wrapper,.Midwrapper,.addheadn h2, .addheadn p{padding: 0 15px;}
ul.tab_Mobile_view{display: block;}
.centtab,.moTab{overflow: auto;}
.moTab{width: 100%;  float: left;}
ul.tab-nav2, ul.tab_Mobile_view{ width: 882px;border-bottom: 0px solid #ebebeb; float: left;}
ul.tab-nav2 li, ul.tab_Mobile_view li { padding: 0 9px; border-bottom: 1px solid #d8d8d8;}
ul.tab_Mobile_view li:hover{border-bottom: 1px solid #0171ad;}
ul.tab-nav2 li h3, ul.tab_Mobile_view h3 { line-height: 1.125rem; font-size: 1.3rem;}
.techHeading { position: static; padding: 15px;left: 0; float: left;}
.Devicelist { margin: 12px 0 0;}
.mobt{height: 140px; width: 100%;max-width:  100%;}
.creativitySlide{margin: 18px 0 0;}
ul.prdtServi li {float: none; width: 100%; max-width: 49%; display: inline-block; vertical-align:top;}
.LaptopImg {height: auto;}
.titleName{top: 19px;}

.customWidth{ float: left;}
.HpTechEdu .tab-content>.tab-pane .slick-dots{  display: none !important;}
.HpTechEdu .tab-content .listonr {margin: 13px 0 0;}
.chromebook {float: left;width: 100%;padding:3px 15px 0 15px;}
.HpTechEdu .scrtabs-tabs-fixed-container ul.nav-tabs > li{ padding: 0 11px 8px; float:left;}
.addheadn { margin: 36px  0 0;}
/* .HpTechEdu ul.nav.nav-tabs { display: inline;} */
/* .HpTechEdu .scrtabs-tabs-fixed-container ul.nav-tabs > li{ float: left;} */
.HpTechEdu ul.nav.nav-tabs li h3 {  font-size: 1.3rem;}
.techHeading{    max-width: 100%;}
.addModmi { height: 896px;}
 
}
 
@media screen and (max-width:900px)
{ 
 
 
a.cross:hover{ color: #3F51B5;}
.slider{ min-height: inherit;background:  transparent;    padding-bottom:  0px;}
.LaptopImg{height: auto;}
.cldn{ display: inline-block;width: 100%;}
#closenav.hp-nav{border-radius: 50%;height: 42px;line-height: 48px;width: 42px;background: rgb(0 0 0 / 77%);display: inline-block;}
#closenav.hp-nav img{height: 15px;}
h1.headAllD{  padding: 36px 15px 36px;}
ul.tab-nav li.flex-active::before{top: 0px; border-top: 3px solid #0171ad;}
.centerDivSho{width: 308px; }
.textfooter{ padding: 47px 0px;}
.Devicelist{margin: 10px 0 0;}
.creativitySlide{ margin: 35px 0 0;}
.titleName { padding:0;}
}

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

.adaptable_design_carousel .slide {width: 80%;}
.titleName {float: left;margin: 7px 0 25px;padding: 0 15px;text-align: left;position: static;}
.titleName h6,.titleName h2,.titleName p{color: #191919;}
.titleName p{ max-width: 100%;}
.titleName h2{font-size: 1.5rem;}
.switcher{ overflow: auto;}
ul.tab-nav{ width: 1028px;}
ul.tab-nav li{width: 25%;}
.addheadn h2 { font-size: 1.40rem; }
h1.headAllD,.techHeading h4 { font-size: 1.5rem;}
.desktop_img{display:none !important;}
.mobile_img{display:block!important;}

.adaptable_design .wrap_text h1 { font-size: 1.5rem;}
.slick-dots{padding: 18px 0px;}
.adaptable_design_carousel .slick-dots li button::before {  background: rgba(255,255,255,0.4);  background: #fcfcfc;  border: 1px solid #141414;}
.adaptable_design_carousel .slick-dots li.slick-active button::before, .adaptable_design_carousel .slick-dots li:hover button::before {
background-color: #2b2b2b;}

}

@media screen and (max-width:568px){ 
ul.prdtServi li{ width: 100%;max-width:100%; }
.addheadn h2 { font-size: 1.40rem; }
.LaptopImg {height: 220px;}
h1.headAllD,.techHeading h4 { font-size: 1.5rem;}
ul.tab-nav2, ul.tab_Mobile_view{border-bottom: 0px solid #ebebeb; float: left;}
ul.tab-nav2 li, ul.tab_Mobile_view li { padding: 0 9px; border-bottom: 1px solid #d8d8d8;}
ul.tab-nav2 li h3, ul.tab_Mobile_view h3 { line-height: 1.125rem; font-size: 1.1rem;}
.chromebook p{ margin: 5px 0 0 4px}
.slider{background: none; min-height: inherit;  padding: 0;}
.slider img,.LaptopImg img{display: none;}
.mobileViewLap,.MobileSlider{ display: block !important;width: 100%;}
.LaptopImg {height: auto; background: none;}
.addModmi{height: 956px;}
.mobipnimg{ display:inline-block}
.dskopnimg{display:none}	

}

@media screen and (max-width:767px) and (min-width:320px) {
.centerDivSho{width:95% !important; height:auto; padding-bottom:70px; margin:15px 15px 60px 15px !important;}
}