@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;600;700&display=swap");

body {
  margin: 0 auto;
  background: white !important;
  color: #000;
  font-family: "Noto Sans", sans-serif !important;
  letter-spacing: -0.5px;
  font-weight: normal;
  overflow-x: hidden !important;
}

body,
html {
  scroll-behavior: smooth;
}

p {
  font-size: 14px;
  line-height: 22px;
  font-family: "Noto Sans", sans-serif !important;
  font-weight: normal;
}

p,
a {
  font-family: "Noto Sans", sans-serif;
  text-decoration: none;
}

.mainNav {
  width: 100%;
  display: flex;
  background: white;
  height: 75px;
  padding: 0 5%;
  align-items: center;
  justify-content: space-between;
}

.mainLogo {
  width: 110px;
  height: 50px !important;
  display: block;
  background: url(../img/newUI/mainLogo_Dark.svg) no-repeat center left;
  background-size: contain;
}

.menuIcon {
  width: 30px;
  height: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.newNavLinksPC,
.sideMenu {
  display: none;
}

.closeIcon {
  width: 30px;
  height: 25px;
  transform: rotate(45deg);
  position: absolute;
  top: 10%;
  right: 10%;
  z-index: 111;
}

.closeIcon span:nth-child(2) {
  transform: rotate(90deg) translateX(-2px);
}

.menuIcon span,
.closeIcon span {
  width: 100%;
  height: 3px;
  display: block;
  background: grey;
}

.menuIcon span:nth-child(2) {
  width: 80%;
  position: relative;
  margin: auto 0 auto auto;
}

.footerWrap {
  width: 100%;
  height: 75px;
  display: flex;
  background: white;
  padding: 0 5%;
  align-items: center;
  justify-content: space-between;
}

.brandtrustlink {
  display: block;
  font-size: 14px;
  margin-bottom: 0px;
  width: 40%;
  color: black;
  text-decoration: none;
}

.newSlider {
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
  height: calc(100vh - 150px);
  display: block;
  position: relative;
}

.slider-nav {
  color: white;
  font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  letter-spacing: 0px;
  margin-right: 20px;
}

.TWASlider {
  width: 100%;
  height: calc(100vh - 150px) !important;
  display: block;
  background: blue;
  position: relative;
}

.cloudArrowBG {
  width: 100%;
  height: calc(100vh - 150px);
  display: block;
  background: url(../img/newUI/sliders/cloud-mob.jpg) no-repeat center top;
  background-size: cover;
}

.cloudArrowCopy {
  width: 80%;
  height: 70%;
  display: block;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  background: url(../img/newUI/sliders/cloudArrow-mob-latest.png) no-repeat
    center top;
  background-size: contain;
}

.forestArrowBG {
  width: 100%;
  height: calc(100vh - 150px);
  display: block;
  background: url(../img/newUI/sliders/forest-mob.jpg) no-repeat center top;
  background-size: cover;
}

.marsArrowBG {
  width: 100%;
  height: calc(100vh - 150px);
  display: block;
  background: url(../img/newUI/sliders/mars-mob.jpg) no-repeat center top;
  background-size: cover;
}

.healthArrowBG {
  width: 100%;
  height: calc(100vh - 150px);
  display: block;
  background: url(../img/newUI/sliders/healthcare-mob.jpg) no-repeat center top;
  background-size: cover;
}

.forestArrowCopy {
  width: 80%;
  height: 70%;
  display: block;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  background: url(../img/newUI/sliders/forestArrow-inner-mob-latest.png)
    no-repeat center top;
  background-size: contain;
}

.marsArrowCopy {
  width: 80%;
  height: 70%;
  display: block;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  background: url(../img/newUI/sliders/marsArrow-mob.png) no-repeat center top;
  background-size: contain;
}

.healthArrowCopy {
  width: 80%;
  height: 70%;
  display: block;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  background: url(../img/newUI/sliders/healthArrow-mob.png) no-repeat center top;
  background-size: contain;
}

.techArrowCopy {
  width: 80%;
  height: 70%;
  display: block;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  background: url(../img/newUI/sliders/techArrow-mob.png) no-repeat center top;
  background-size: contain;
}

.acArrowBG {
  width: 100%;
  height: calc(100vh - 150px);
  display: block;
  background: url(../img/newUI/sliders/ac-mob.jpg) no-repeat center top;
  background-size: cover;
}

.acArrowCopy {
  width: 80%;
  height: 70%;
  display: block;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  background: url(../img/newUI/sliders/acArrow-mob-latest.png) no-repeat center
    top;
  background-size: contain;
}

.fourthGenEPYC {
  width: 100%;
  height: calc(100vh - 150px);
  display: block;
  background: url(../img/newUI/sliders/epyc-family-hero-mobile.jpg) no-repeat
    center top;
  background-size: cover;
}

.datacenterArrowBG {
  width: 100%;
  height: calc(100vh - 150px);
  display: block;
  background: url(../img/newUI/sliders/datacenter-mob.jpg) no-repeat center top;
  background-size: cover;
}

.datacenterArrowCopy {
  width: 80%;
  height: 70%;
  display: block;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  background: url(../img/newUI/sliders/datacenterArrow-mob-latest.png) no-repeat
    center top;
  background-size: contain;
}

.aiArrowBG {
  width: 100%;
  height: calc(100vh - 150px);
  display: block;
  background: url(../img/newUI/sliders/ai-mob.jpg) no-repeat center top;
  background-size: cover;
}

.aiArrowCopy {
  width: 80%;
  height: 70%;
  display: block;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  background: url(../img/newUI/sliders/aiArrow-inner-mob-latest.png) no-repeat
    center top;
  background-size: contain;
}

.automotiveArrowBG {
  width: 100%;
  height: calc(100vh - 150px);
  display: block;
  background: url(../img/newUI/sliders/automotive-mob.jpg) no-repeat center top;
  background-size: cover;
}

.automotiveArrowCopy {
  width: 80%;
  height: 70%;
  display: block;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  background: url(../img/newUI/sliders/AutomotiveArrow-mob.png) no-repeat center
    top;
  background-size: contain;
}

.FiveGArrowBG {
  width: 100%;
  height: calc(100vh - 150px);
  display: block;
  background: url(../img/newUI/sliders/5G-mob.jpg) no-repeat center top;
  background-size: cover;
}

.FiveGArrowCopy {
  width: 80%;
  height: 70%;
  display: block;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  background: url(../img/newUI/sliders/5GArrow-mob-latest.png) no-repeat center
    top;
  background-size: contain;
}

.BestPcsArrowBG {
  width: 100%;
  height: calc(100vh - 150px);
  display: block;
  background: url(../img/newUI/sliders/BestPcsArrow-mob.jpg) no-repeat center
    top;
  background-size: cover;
}

.BestPcsArrowCopy {
  width: 80%;
  height: 70%;
  display: block;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  background: url(../img/newUI/sliders/BestPcsArrow-inner-mob-latest.png)
    no-repeat center top;
  background-size: contain;
}

.advancedBannerBG {
  width: 100%;
  height: calc(100vh - 150px);
  display: block;
  background: url(../img/newUI/sliders/advanced-banner-mobile.png) no-repeat
    center top;
  background-size: cover;
}

.advancedBannerArrowCopy {
  width: 80%;
  height: 70%;
  display: block;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  background: url(../img/newUI/sliders/advanced-inner-mobile-latest.png)
    no-repeat center top;
  background-size: contain;
}

/* mobile */
.x86processorBG {
  background: url(../img/newUI/sliders/x86-banner-mobile.png) no-repeat center
    center;
  background-size: cover;
}

.aiExperienceBG {
  background: url(../img/newUI/sliders/Ryzen-AI-Experience-mobile.jpg) no-repeat
    center center;
  background-size: cover;
}

.advanceAITechnologyBG {
  background: url(../img/newUI/sliders/ryzen-advanced-ai-mobile.jpg) no-repeat
    center center;
  background-size: cover;
}

.x86processorBGArrowCopy {
  height: 100%;
  width: 100%;
  position: relative;
}

.exceptionDesignArrowBG {
  background: url(../img/newUI/sliders/exceptional-design-mob-Bg.png) no-repeat
    center center;
  background-size: cover;
}

.advancedProductivityArrowBG {
  background: url(../img/newUI/sliders/advanced-productivity-mobile-bg.png)
    no-repeat center center;
  background-size: cover;
}

.ultimatePerformanceArrowBG {
  background: url(../img/newUI/sliders/ultimate-Performance-mobile-bg.png)
    no-repeat center center;
  background-size: cover;
}

.creatorsArrowBG {
  background: url(../img/newUI/sliders/creators-mobile-bg.png) no-repeat center
    center;
  background-size: cover;
}

.carousel-content {
  height: 100%;
  width: 100%;
  padding: 35px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: absolute;
  bottom: 0;
  margin-bottom: 0;
}

.creatorsArrowCopy .carousel-content {
  height: 100%;
  width: 100%;
  padding: 35px 35px 65px 35px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: absolute;
  bottom: 0;
  margin-bottom: 0;
}

.exceptionalDesignArrowCopy .carousel-content {
  padding: 45px 45px 10px 45px;
}

.carousel-content h2 {
  font-size: clamp(1.7rem, 0.705rem + 2.247vw, 4.3rem);
  line-height: clamp(1.6rem, 0.3rem + 0vw, 2.3rem);
  color: #fff;
  font-family: "Klavika" !important;
  font-weight: 500;
  margin: 0;
  text-transform: uppercase;
}

.carousel-content p {
  font-size: clamp(1.7rem, 0.705rem + 2.247vw, 4.3rem);
  line-height: clamp(1.6rem, 0.3rem + 0vw, 2.3rem);
  color: #fff;
  font-family: "Klavika" !important;
  font-weight: 500;
  margin: 0;
  text-transform: uppercase;
}

.carousel-content p {
  font-size: clamp(1.7rem, 0.705rem + 2.247vw, 4.3rem);
  line-height: clamp(1.6rem, 0.3rem + 0vw, 2.3rem);
  color: #fff;
  font-family: "Klavika" !important;
  font-weight: 500;
  margin: 0;
  text-transform: uppercase;
}

.carousel-title {
  margin-bottom: 20px;
}

.exceptionalDesignArrowCopy .carousel-title {
  margin-bottom: -7px;
}

.advancedProductivityArrowCopy .carousel-title {
  width: 40%;
}

.ultimatePerformanceArrowCopy .carousal-logo,
.creatorsArrowCopy .carousal-logo {
  width: 20%;
}

.creatorsArrowCopy .carousel-title {
  margin-bottom: 0px;
  width: 60%;
}

.creatorsArrowCopy p {
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  position: absolute;
  bottom: 7%;
  left: 0%;
  padding-left: 35px;
}

.contact-sales-wrapper {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.carousal-logo {
  width: 100px;
  margin-top: 10px;
}

.amdCalculator .carousel-title {
  width: 100%;
}

.amdCalculator {
  background: url(../img/newUI/sliders/Calculator-Banner-mobile-1.png) no-repeat
    center center;
  background-size: cover;
}

.amdCalculator .contact-sales-cta {
  margin-bottom: 0px;
  margin-top: 10px;
}

.amdCalculator .carousal-logo {
  width: 140px;
  margin-bottom: 10px;
  margin-top: 0px;
}

.amdCalculator .carousel-content {
  padding: 10% 10% 4% 12.1%;
  margin-bottom: 0;
}

.clientsProductPage .carousal-logo img {
  clip-path: none;
  margin: 0;
}

.calculator-cta {
  background-color: #fff;
  color: #000;
  font-family: "Klavika" !important;
  font-weight: 500;
  font-size: 15px;
  padding: 12px 12px;
  font-size: 14px;
  text-transform: uppercase;
  width: fit-content;
}

.amdCalculator .contact-sales-wrapper {
  flex-direction: column;
}

.calculator-cta:hover {
  color: #000;
}

.contact-sales-cta {
  font-family: "Klavika" !important;
  font-weight: 500;
  padding: 12px 10px;
  font-size: 14px;
  height: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  background: #fff;
  text-decoration: none;
  text-transform: uppercase;
  width: fit-content;
}

.contact-sales-cta:hover {
  color: #000;
}

.common-contact-sales-cta {
  font-family: "Klavika-Medium" !important;
  font-weight: 500;
  padding: 12px 10px;
  font-size: 14px;
  height: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  background: #fff;
  text-decoration: none;
  text-transform: uppercase;
  width: fit-content;
  bottom: -9%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* common contact us cta for mobile */
.BestPcsArrowCopy .common-contact-sales-cta {
  left: 52%;
  bottom: -8%;
}

.forestArrowCopy .common-contact-sales-cta {
  left: 50%;
  bottom: -8%;
}

.advancedBannerArrowCopy .common-contact-sales-cta {
  left: 34%;
  bottom: -10%;
}

.datacenterArrowCopy .common-contact-sales-cta {
  bottom: -13%;
}

.common-contact-sales-cta:hover {
  color: #000;
}

.newSlider .slick-dots,
.commnewSlider .slick-dots {
  list-style: none;
  padding: 0;
  display: flex;
  margin: 0 5px;
  justify-content: center;
  z-index: 111 !important;
}

.slider-nav {
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
}

.newSlider .slick-dots li button,
.newSlider .slick-dots li,
.commnewSlider .slick-dots li button,
.commnewSlider .slick-dots li {
  width: 5px;
  height: 5px;
  padding: 0px;
  display: block;
  border-radius: 100px;
  background: none;
  border: none;
  font-size: 0;
  margin: 0 5px;
  transition: all 0.2s ease;
}

.newSlider .slick-dots li,
.commnewSlider .slick-dots li {
  background: white;
}

.newSlider .slick-dots li.slick-active,
.commnewSlider .slick-dots li.slick-active {
  background: white;
  width: 15px;
  height: 5px;
}

.sideMenu {
  width: 100%;
  height: 100vh;
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0;
  background: white;
}

.newNavLinks {
  list-style: none;
  padding: 0px;
  position: absolute;
  bottom: 10%;
  z-index: 10;
  width: 80%;
  text-align: right;
  right: 10%;
}

.newNavLinks li {
  padding: 2% 0;
}

.newNavLinks li:last-child {
  padding-bottom: 0px;
}

.newNavLinks li a {
  color: grey;
  font-size: 18px;
  transition: all 0.3s ease;
}

.newNavLinks li a:hover {
  color: black !important;
}

.newNavLinks li a.active {
  color: black;
  font-weight: 600;
}

.techleaderShipFixed {
  width: 100%;
  height: 70vh;
  position: relative;
  display: block;
  background: url(../img/newUI/sliders/techLeadership.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  transition: all 0.4s ease;
}

.commnewSlider,
.commSlidermain {
  width: 100%;
  padding: 0px;
  position: relative;
}

.newSubhead {
  font-family: "Klavika-Medium";
  font-size: 20px;
  margin: 20px auto;
}

.chartSliders {
  text-align: center;
  position: relative;
  background: #f6f6f6;
  padding-bottom: 10px;
  height: auto;
}

.ryzen7Chart,
.ryzen5Chart,
.ryzenHP1,
.ryzenHP2 {
  position: relative;
  z-index: 0;
  height: auto;
}

.ryzenHP1 p,
.ryzenHP2 p {
  width: 60%;
  margin: 0 auto;
  font-size: 16px;
  margin-top: 20px;
}

.chartSliders .sideHeadings {
  padding-top: 80px;
}

.WhiteText {
  color: white;
}

.margin30 {
  padding: 10px !important;
}

.calloutBox {
  width: 100%;
  height: 100%;
  margin: 20px;
  padding: 20px;
  position: relative;
  border-radius: 20px;
  background: #fff;
  color: #000;
  box-shadow: 0 50px 30px -50px rgba(0, 0, 0, 0.5) !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.calloutBox p {
  width: 100%;
  font-size: 16px !important;
}

.calloutBox img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  margin-bottom: 20px;
}

.blackCurtain {
  width: 100%;
  height: 250px;
  display: block;
  position: absolute;
  z-index: -1;
  background: black;
  top: 0;
}

.charts {
  width: 80%;
  height: auto;
  margin: 80px auto 50px;
  position: relative;
}

.Sevenprovs1260P {
  width: 100%;
  height: 600px;
  display: block;
  background: url(../img/newUI/charts/7provs1260P-mob.svg) no-repeat center
    center;
  background-size: contain;
}

.Fiveprovs1240P {
  width: 100%;
  height: 600px;
  display: block;
  background: url(../img/newUI/charts/5provs1240P-mob.svg) no-repeat center
    center;
  background-size: contain;
}

.ryzenHp1 {
  width: 100%;
  height: 600px;
  display: block;
  background: url(../img/newUI/charts/ryzenHP1-mob.svg) no-repeat center center;
  background-size: contain;
}

.ryzenHp2 {
  width: 100%;
  height: 900px;
  display: block;
  background: url(../img/newUI/charts/ryzenHP2-mob.svg) no-repeat center center;
  background-size: contain;
}

.proSecurity {
  text-align: center;
  margin: 0 auto;
}

.proSecurity h2 {
  font-family: "Klavika" !important;
  font-weight: bold;
  font-size: 35px;
  letter-spacing: 0;
}

.proSecurity p {
  font-size: 18px;
}

.btnStyle {
  font-family: "Klavika-Medium" !important;
  font-weight: 500;
  font-size: 18px;
  color: black;
  background: white;
  padding: 10px 20px;
  margin: 30px auto;
}

.copyArea h2,
.plutonContent h2 {
  font-family: "Klavika-Medium-Condensed";
  font-weight: 500;
}

.subCopyPara {
  font-size: 20px;
  margin-bottom: 30px;
}

.subPoints {
  font-size: 16px;
  color: #ccc;
}

.ryzen6000Content {
  display: flex;
  width: 100%;
  height: auto;
  margin: 50px auto;
  align-items: center;
  flex-direction: column;
}

.copyArea {
  width: 100%;
  height: auto;
  text-align: center;
  margin-bottom: 50px;
}

.imageArea {
  width: 100%;
  height: auto;
  text-align: right;
}

.imageArea img {
  display: inline-block;
  margin: 0 auto;
}

.plutonContent span {
  font-weight: 600;
  font-size: 18px;
  color: white;
}

.plutonContent .subPoints {
  margin-top: 40px;
}

.plutonContent {
  display: flex;
  width: 100%;
  height: auto;
  margin: 50px auto;
  align-items: center;
  flex-direction: column;
}

.plutonWrap {
  display: none;
}

.FiveG {
  width: 100%;
  height: 80vh;
  position: relative;
  display: block;
  background: url(../img/newUI/sliders/5g.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.forestBG {
  width: 100%;
  height: 80vh;
  position: relative;
  display: block;
  background: url(../img/newUI/sliders/forest.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.arrowCopy {
  height: auto;
  width: auto;
  position: absolute;
  right: 25%;
  top: 50%;
  transform: translateY(-50%);
}

.FiveG .ClientTWASlider .amdSubLogo {
  left: 380px;
}

.ryzenProLogo {
  width: 120px;
  height: 60px;
  display: block;
  background: url(../img/newUI/logos/ryzenPro_Blk_new.png) no-repeat center
    center;
  background-size: contain;
}

.ryzenAILogo {
  width: 120px;
  height: 60px;
  display: block;
  background: url(../img/newUI/logos/AMD_Ryzen_AI_Lockup_RGB_Blk.svg) no-repeat
    center center;
  background-size: contain;
}

.threadripperProLogo {
  width: 170px;
  height: 60px;
  display: block;
  background: url(../img/newUI/logos/threadripper-pro-blk.png) no-repeat center
    center;
  background-size: contain;
}

.ryzenLogo {
  width: 120px;
  height: 60px;
  display: block;
  background: url(../img/newUI/logos/ryzen_Blk.svg) no-repeat center left;
}

.ryzenLogoNew {
  width: 120px;
  height: 60px;
  display: block;
  background: url(../img/newUI/logos/AMD_Ryzen_Lockup_RGB_Blk_new.svg) no-repeat
    center left;
}

#acerLaptop,
#dellLaptop,
#hpLaptop {
  margin-bottom: 40px;
}

.P214-41 {
  background: #f2f2f2 url(../img/newUI/Skus/acer/Travelmate_P214-41.png)
    no-repeat center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.P214-41:hover {
  background: #f2f2f2 url(../img/newUI/Skus/acer/Travelmate_P214-41-2.png)
    no-repeat center center;
  background-size: contain;
}

.P215-41 {
  background: #f2f2f2 url(../img/newUI/Skus/acer/Travelmate_P215-41.png)
    no-repeat center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.P215-41:hover {
  background: #f2f2f2 url(../img/newUI/Skus/acer/Travelmate_P215-41-2.png)
    no-repeat center center;
  background-size: contain;
}

.P414-41 {
  background: #f2f2f2 url(../img/newUI/Skus/acer/Travelmate_P414-41.png)
    no-repeat center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.P414-41:hover {
  background: #f2f2f2 url(../img/newUI/Skus/acer/Travelmate_P414-41-2.png)
    no-repeat center center;
  background-size: contain;
}

.SpinP414-41 {
  background: #f2f2f2 url(../img/newUI/Skus/acer/Travelmate_SpinP414-41.png)
    no-repeat center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.SpinP414-41:hover {
  background: #f2f2f2 url(../img/newUI/Skus/acer/Travelmate_SpinP414-41-2.png)
    no-repeat center center;
  background-size: contain;
}

.A315-24P {
  background: #f2f2f2 url(../img/newUI/Skus/acer/Acer_Aspire_3_A315-24P.png)
    no-repeat center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.A315-24P:hover {
  background: #f2f2f2 url(../img/newUI/Skus/acer/Acer_Aspire_3_A315-24P.png)
    no-repeat center center;
  background-size: contain;
}

.vostro3425 {
  background: #f2f2f2 url(../img/newUI/Skus/dell/vostro3425-1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.vostro3425:hover {
  background: #f2f2f2 url(../img/newUI/Skus/dell/vostro3425-2.png) no-repeat
    center center;
  background-size: contain;
}

.vostro3525 {
  background: #f2f2f2 url(../img/newUI/Skus/dell/vostro3525-1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.vostro3525:hover {
  background: #f2f2f2 url(../img/newUI/Skus/dell/vostro3525-2.png) no-repeat
    center center;
  background-size: contain;
}

.vostro3435 {
  background: #f2f2f2 url(../img/newUI/Skus/dell/Dell_Vostro_3435.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.vostro3435:hover {
  background: #f2f2f2 url(../img/newUI/Skus/dell/Dell_Vostro_3435.png) no-repeat
    center center;
  background-size: contain;
}

.vostro3535 {
  background: #f2f2f2 url(../img/newUI/Skus/dell/Dell_Vostro_3535.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.vostro3535:hover {
  background: #f2f2f2 url(../img/newUI/Skus/dell/Dell_Vostro_3535.png) no-repeat
    center center;
  background-size: contain;
}

.hp247G9,
.hp247G9:hover {
  background: #f2f2f2 url(../img/newUI/Skus/hp/247G9-1.png) no-repeat center
    center;
  background-size: contain;
  transition: all 0.5s ease;
}

.hp255G9,
.hp255G9:hover {
  background: #f2f2f2 url(../img/newUI/Skus/hp/255G9-1.png) no-repeat center
    center;
  background-size: contain;
  transition: all 0.5s ease;
}

.x360-435G8,
.x360-435G8:hover {
  background: #f2f2f2 url(../img/newUI/Skus/hp/x360-435G9.png) no-repeat center
    center;
  background-size: contain;
  transition: all 0.5s ease;
}

.hp445G9,
.hp445G9:hover {
  background: #f2f2f2 url(../img/newUI/Skus/hp/445G9.png) no-repeat center
    center;
  background-size: contain;
  transition: all 0.5s ease;
}

.hp455G9,
.hp455G9:hover {
  background: #f2f2f2 url(../img/newUI/Skus/hp/455G9.png) no-repeat center
    center;
  background-size: contain;
  transition: all 0.5s ease;
}

.hp635Aero,
.hp635Aero:hover {
  background: #f2f2f2 url(../img/newUI/Skus/hp/635G8.png) no-repeat center
    center;
  background-size: contain;
  transition: all 0.5s ease;
}

.hp645G9,
.hp645G9:hover {
  background: #f2f2f2 url(../img/newUI/Skus/hp/645G9.png) no-repeat center
    center;
  background-size: contain;
  transition: all 0.5s ease;
}

.hp655G9,
.hp655G9:hover {
  background: #f2f2f2 url(../img/newUI/Skus/hp/655G9.png) no-repeat center
    center;
  background-size: contain;
  transition: all 0.5s ease;
}

.hp835G9,
.hp835G9:hover {
  background: #f2f2f2 url(../img/newUI/Skus/hp/835G9.png) no-repeat center
    center;
  background-size: contain;
  transition: all 0.5s ease;
}

.hp845G9,
.hp845G9:hover {
  background: #f2f2f2 url(../img/newUI/Skus/hp/845G9.png) no-repeat center
    center;
  background-size: contain;
  transition: all 0.5s ease;
}

.hp865G9,
.hp865G9:hover {
  background: #f2f2f2 url(../img/newUI/Skus/hp/865G9.png) no-repeat center
    center;
  background-size: contain;
  transition: all 0.5s ease;
}

/* new hp */
.hp835G10,
.hp835G10:hover {
  background: #f2f2f2 url(../img/newUI/Skus/hp/835-G10.png) no-repeat center
    center;
  background-size: contain;
  transition: all 0.5s ease;
}

.hp845G10,
.hp845G10:hover {
  background: #f2f2f2 url(../img/newUI/Skus/hp/845-G10.png) no-repeat center
    center;
  background-size: contain;
  transition: all 0.5s ease;
}

.hp865G10,
.hp865G10:hover {
  background: #f2f2f2 url(../img/newUI/Skus/hp/865-G10.png) no-repeat center
    center;
  background-size: contain;
  transition: all 0.5s ease;
}

.hp645G10,
.hp645G10:hover {
  background: #f2f2f2 url(../img/newUI/Skus/hp/645-G10.png) no-repeat center
    center;
  background-size: contain;
  transition: all 0.5s ease;
}

.hp655G10,
.hp655G10:hover {
  background: #f2f2f2 url(../img/newUI/Skus/hp/655-G10.png) no-repeat center
    center;
  background-size: contain;
  transition: all 0.5s ease;
}

.x360-435G10,
.x360-435G10:hover {
  background: #f2f2f2 url(../img/newUI/Skus/hp/x360-435-G10.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.hp-445-G10,
.hp-445-G10:hover {
  background: #f2f2f2 url(../img/newUI/Skus/hp/hp-445-G10.png) no-repeat center
    center;
  background-size: contain;
  transition: all 0.5s ease;
}

.hp-455-G10,
.hp-455-G10:hover {
  background: #f2f2f2 url(../img/newUI/Skus/hp/hp-455-G10.png) no-repeat center
    center;
  background-size: contain;
  transition: all 0.5s ease;
}

.hp-245-G10,
.hp-245-G10:hover {
  background: #f2f2f2 url(../img/newUI/Skus/hp/hp-245-G10.png) no-repeat center
    center;
  background-size: contain;
  transition: all 0.5s ease;
}

.hp-255-G10,
.hp-255-G10:hover {
  background: #f2f2f2 url(../img/newUI/Skus/hp/hp-255-G10.png) no-repeat center
    center;
  background-size: contain;
  transition: all 0.5s ease;
}

.p14s,
.p14s:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/p14s.png) no-repeat center
    center;
  background-size: contain;
  transition: all 0.5s ease;
}

.p15v,
.p15v:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/ThinkPad_P15v_1.png)
    no-repeat center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.p16s,
.p16s:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/p16s.png) no-repeat center
    center;
  background-size: contain;
  transition: all 0.5s ease;
}

.p14sGen4,
.p14sGen4:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/ThinkPad_P14s_Gen_4.png)
    no-repeat center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.p16sGen2,
.p16sGen2:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/ThinkPad_P16s_Gen_2_new.png)
    no-repeat center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.p16vGen1,
.p16vGen1:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/ThinkPad_P16v_Gen_1.png)
    no-repeat center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.hpZBookFireflyG10A,
.hpZBookFireflyG10A:hover {
  background: #f2f2f2 url(../img/newUI/Skus/hp/ZBook_Firefl_\ G10_A.png)
    no-repeat center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.hpZBookpowerG10A,
.hpZBookpowerG10A:hover {
  background: #f2f2f2 url(../img/newUI/Skus/hp/ZBook_Power_G10_A.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.hpZhan99G4,
.hpZhan99G4:hover {
  background: #f2f2f2 url(../img/newUI/Skus/hp/hpZhan99G4.png) no-repeat center
    center;
  background-size: contain;
  transition: all 0.5s ease;
}

.LnvP620,
.LnvP620:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/LnvP620.png) no-repeat center
    center;
  background-size: contain;
  transition: all 0.5s ease;
}

.LnvP358,
.LnvP358:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/LnvP358.png) no-repeat center
    center;
  background-size: contain;
  transition: all 0.5s ease;
}

.dell7865,
.dell7865:hover {
  background: #f2f2f2 url(../img/newUI/Skus/dell/dell7865.png) no-repeat center
    center;
  background-size: contain;
  transition: all 0.5s ease;
}

.z13Gen1 {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/z13gen1-1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.z13Gen1:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/z13gen1-2.png) no-repeat
    center center;
  background-size: contain;
}

.z16Gen1 {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/z16Gen1-1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.z16Gen1:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/z16Gen1-2.png) no-repeat
    center center;
  background-size: contain;
}

.x13Gen3 {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/x13gen3-1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.x13Gen3:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/x13Gen3-2.png) no-repeat
    center center;
  background-size: contain;
}

.t14sGen3 {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/t14sGen3-1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.t14sGen3:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/t14sGen3-2.png) no-repeat
    center center;
  background-size: contain;
}

.t14Gen3 {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/t14Gen3-1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.t14Gen3:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/t14Gen3-2.png) no-repeat
    center center;
  background-size: contain;
}

.l13YogaGen3 {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/l13YogaGen3-1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.l13YogaGen3:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/l13YogaGen3-2.png) no-repeat
    center center;
  background-size: contain;
}

.l13Gen3 {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/l13Gen3-1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.l13Gen3:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/l13Gen3-2.png) no-repeat
    center center;
  background-size: contain;
}

.l14Gen3 {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/l14Gen3-1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.l14Gen3:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/l14Gen3-2.png) no-repeat
    center center;
  background-size: contain;
}

.l15Gen3 {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/l15Gen3-1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.l15Gen3:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/l15Gen3-2.png) no-repeat
    center center;
  background-size: contain;
}

.k14Gen1 {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/k14Gen1-1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.k14Gen1:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/k14Gen1-2.png) no-repeat
    center center;
  background-size: contain;
}

.e14Gen4 {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/e14Gen4-1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.e14Gen4:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/e14Gen4-2.png) no-repeat
    center center;
  background-size: contain;
}

.e15Gen4 {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/e15Gen4-1.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.e15Gen4:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/e15Gen4-2.png) no-repeat
    center center;
  background-size: contain;
}

.v14G3 {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/v14G3-1.png) no-repeat center
    center;
  background-size: contain;
  transition: all 0.5s ease;
}

.v14G3:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/v14G3-2.png) no-repeat center
    center;
  background-size: contain;
}

.v15G3 {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/v15G3-1.png) no-repeat center
    center;
  background-size: contain;
  transition: all 0.5s ease;
}

.v15G3:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/V15G3-2.png) no-repeat center
    center;
  background-size: contain;
}

/* new lenovo */
.x13Gen4 {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/X13-Gen4.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.x13Gen4:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/X13-Gen4.png) no-repeat
    center center;
  background-size: contain;
}

.t14sGen4 {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/ThinkPad-T14s-Gen-4-new.png)
    no-repeat center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.t14sGen4:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/ThinkPad-T14s-Gen-4-new.png)
    no-repeat center center;
  background-size: contain;
}

.t14Gen4 {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/ThinkPad-T14-Gen-4.png)
    no-repeat center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.t14Gen4:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/ThinkPad-T14-Gen-4.png)
    no-repeat center center;
  background-size: contain;
}

.t16Gen1 {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/ThinkPad-T16-Gen-1.png)
    no-repeat center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.t16Gen1:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/ThinkPad-T16-Gen-1.png)
    no-repeat center center;
  background-size: contain;
}

.l13YogaGen4 {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/ThinkPad-L13-Yoga-Gen-4.png)
    no-repeat center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.l13YogaGen4:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/ThinkPad-L13-Yoga-Gen-4.png)
    no-repeat center center;
  background-size: contain;
}

.l13Gen4 {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/ThinkPad-L13-Gen-4.png)
    no-repeat center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.l13Gen4:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/ThinkPad-L13-Gen-4.png)
    no-repeat center center;
  background-size: contain;
}

.l14Gen4 {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/ThinkPad-L14-Gen-4.png)
    no-repeat center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.l14Gen4:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/ThinkPad-L14-Gen-4.png)
    no-repeat center center;
  background-size: contain;
}

.l15Gen4 {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/ThinkPad-L15-Gen-4.png)
    no-repeat center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.l15Gen4:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/ThinkPad-L15-Gen-4.png)
    no-repeat center center;
  background-size: contain;
}

.e14Gen5 {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/ThinkPad-E14-Gen-5.png)
    no-repeat center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.e14Gen5:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/ThinkPad-E14-Gen-5.png)
    no-repeat center center;
  background-size: contain;
}

.e16Gen1 {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/ThinkPad-E16-Gen-1.png)
    no-repeat center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.e16Gen1:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/ThinkPad-E16-Gen-1.png)
    no-repeat center center;
  background-size: contain;
}

.V14-G4-AMN {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/V14-G4-AMN.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.V14-G4-AMN:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/V14-G4-AMN.png) no-repeat
    center center;
  background-size: contain;
}

.V15-G4-AMN {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/V15-G4-AMN.png) no-repeat
    center center;
  background-size: contain;
  transition: all 0.5s ease;
}

.V15-G4-AMN:hover {
  background: #f2f2f2 url(../img/newUI/Skus/Lenovo/V15-G4-AMN.png) no-repeat
    center center;
  background-size: contain;
}

.contactSalesBtn {
  display: none;
}

.workstationSlider .slick-slide {
  height: auto !important;
}

.AMD_TRA {
  background: black !important;
  color: white;
}

.teal {
  background: #007c97 !important;
}

.darkTeal {
  background: #035f87 !important;
}

.traLogo {
  width: 60px;
  height: 80px;
  display: block;
  background: url(../img/newUI/tra/TRAlogo.png) no-repeat left center;
  background-size: contain;
}

.traDisclaimer {
  display: flex;
}

.traDisclaimer p {
  font-size: 10px;
  line-height: 12px;
  width: 90%;
  padding-left: 20px;
  text-align: justify;
}

.sliderCharts {
  position: relative;
  height: auto;
}

.ChartNext {
  position: absolute;
  justify-content: space-between;
  transform: translateY(-50%);
  top: 50%;
  right: 5%;
}

.ChartNext::after {
  content: "";
  display: inline-block;
  width: 40px;
  height: 15px;
  background: url(../img/newUI/icons/Arrow.svg) no-repeat center left;
  transform: rotate(180deg) translateY(-1px);
  background-size: contain;
}

.ChartPrev {
  position: absolute;
  justify-content: space-between;
  transform: translateY(-50%);
  top: 50%;
  left: 5%;
}

.ChartPrev::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 15px;
  background: url(../img/newUI/icons/Arrow.svg) no-repeat center left;
  transform: translateY(1px);
  background-size: contain;
}

.oemLists {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  width: 100%;
  box-shadow: 0px 20px 20px -20px;
  padding: 20px 20px 20px 20px;
  background: white;
  margin-bottom: 20px;
}

.selectorGroup {
  background: white;
  top: 0px !important;
  /* padding: 20px !important; */
  display: flex;
  padding: 0;
  align-content: center;
  justify-content: center;
  list-style: none;
  margin: 0;
}

.selectorGroup li {
  margin-left: 6%;
}

.selectorGroup li:first-child {
  margin-left: 0%;
}

.selectorGroup ul li a {
  font-size: 18px;
  padding: 5px 20px;
  border: 1px solid white;
  transition: all 0.3s ease-out;
}

.selectorGroup li a:hover {
  border-bottom: 2px solid #000;
  font-weight: 800;
  padding-bottom: 20px;
}

.sticky {
  box-shadow: 0px 20px 20px -20px rgba(0, 0, 0, 0.4);
}

.landing {
  height: 100vh;
  position: relative;
}

.landing .floatingBtn {
  bottom: 10%;
  left: 5px;
}

.floatingBtn {
  position: fixed;
  width: 60px;
  height: 60px;
  display: block;
  background: url(../img/newUI/icons/support.svg) no-repeat center center;
  background-size: contain;
  border-radius: 60px;
  bottom: 15px;
  right: 15px;
  z-index: 6;
  transition: all 0.5s ease;
  box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.8);
}

.floatingBtn:hover {
  background: url(../img/newUI/icons/support-hover.svg) no-repeat center center;
  background-size: contain;
}

.traWrap {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

.traImg {
  width: 100%;
  height: 50vh;
  display: block;
  background: url(../img/newUI/tra/no1.jpg) no-repeat center center;
  background-size: cover;
}

.traCopy {
  text-align: center;
  color: white;
}

.heading {
  font-family: "klavika-medium-condensed";
  font-weight: 500;
  width: 80%;
  margin: 0 auto;
  font-size: 40px;
  text-transform: uppercase;
  line-height: 35px;
}

.subheading {
  color: #ccc;
  text-transform: uppercase;
  font-weight: normal;
  font-family: "Klavika-Regular" !important;
  font-size: 16px;
  margin-top: 20px;
}

.traContent {
  color: white;
  text-align: center;
  margin: 0 auto;
  background: #111;
  display: block;
  position: relative;
}

.introCopy {
  width: 80%;
  padding: 20px;
  margin: 0 auto;
}

.introCopy h3 {
  font-size: 24px;
  text-transform: uppercase;
  font-family: "Klavika-Medium";
  font-weight: 500;
}

.introCopy h4 {
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Klavika-Medium-condensed";
  font-weight: 500;
  letter-spacing: 1px;
}

.traRanking {
  margin: 0 auto;
  padding: 40px;
  display: block;
}

.traYear {
  text-align: center;
}

.traYear h4 {
  font-size: 45px;
  font-family: "Klavika-Bold-Condensed";
  font-weight: bold;
  margin: 0 auto;
  position: relative;
  margin-bottom: 10px;
}

.traYear h6 {
  font-size: 18px;
  font-family: "Klavika-regular";
  font-weight: normal;
  margin: 0 auto;
  position: relative;
  margin-bottom: 30px;
}

.traYear h4::after {
  content: "";
  width: 80%;
  height: 20px;
  display: inline-block;
  background: #007c97;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  bottom: 0px;
  z-index: -1;
}

.traYear img {
  width: 100%;
}

.traTable {
  margin-top: 50px;
}

.traTable {
  text-align: center;
}

.traRanking hr {
  margin: 50px auto;
}

.traFooter {
  padding: 40px;
}

.traFooter P {
  font-size: 12px;
  line-height: 16px;
  text-align: justify;
  margin-top: 20px;
}

.historyHeading {
  margin-top: 50px;
}

.traCopy p {
  width: 80%;
  margin: 0 auto;
  color: #ccc;
  font-size: 16px;
}

.traCopy p span {
  color: white;
  font-weight: 700;
  font-size: 18px;
}

.chartWrap .blackArea {
  width: 100%;
  padding: 50px;
  background: black;
  color: white;
  text-align: center;
}

.chartWrap .blackArea .sideHeadings {
  margin-bottom: 20px;
}

.iconsWrap img {
  height: 60px;
  margin: 20px auto 10px;
}

.iconsWrap {
  text-align: center;
}

.iconsWrap p {
  font-size: 14px;
  line-height: 18px;
}

.chartCopyArea {
  width: 100%;
  height: auto;
  background: white;
}

.chartCopyArea img {
  height: 280px;
  width: auto;
  object-fit: contain;
  margin: 30px auto;
}

.amdLegend::before {
  content: "";
  width: 15px;
  height: 15px;
  display: inline-block;
  background: #497995;
  border-radius: 10px;
  position: relative;
  transform: translateY(2px);
  margin-right: 5px;
}

.intelLegend::before {
  content: "";
  width: 15px;
  height: 15px;
  display: inline-block;
  background: #666666;
  border-radius: 10px;
  position: relative;
  transform: translateY(2px);
  margin-right: 5px;
}

.legends {
  padding: 30px;
}

.chartCopyArea .chartHeading {
  font-weight: 700;
  font-size: 18px;
  width: 80%;
  margin: 0 auto;
  text-align: center;
}

.blackSubHead {
  font-size: 16px;
  margin-bottom: 10px;
}

.ryzenHPChart2 {
  width: 90%;
  height: 630px;
  display: block;
  margin: 30px auto 0;
  background: url(../img/newUI/charts/2/ryzenHP2-mob.svg) no-repeat center
    center;
  background-size: contain;
}

.active-tab {
  border-bottom: 2px solid #000;
  font-weight: 800;
  padding-bottom: 20px;
}

.active-tab.w--current {
  border-bottom: 2px solid #000;
  font-weight: 800;
  padding-bottom: 20px;
}

.pro-tag {
  position: absolute;
  top: 20px;
  width: 60px;
  height: fit-content;
}

.productBadges.ryzenAIBadge {
  margin: 0px 20px 10px 15px;
}

.productBadges.ryzenAIBadge .ryzenAILogo {
  width: 55px;
}

/** Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
  .footerWrap {
    height: 35px;
  }

  .newSlider {
    height: calc(100vh - 110px);
  }

  .TWASlider {
    height: calc(100vh - 110px) !important;
  }

  .cloudArrowCopy {
    background: url(../img/newUI/sliders/CloudArrow-xs.png) no-repeat center top;
    background-size: contain;
  }

  .forestArrowCopy {
    background: url(../img/newUI/sliders/forestArrow-xs-latest.png) no-repeat
      center top;
    background-size: contain;
  }

  .marsArrowCopy {
    background: url(../img/newUI/sliders/marsArrow-xs.png) no-repeat center top;
    background-size: contain;
  }

  .healthArrowCopy {
    background: url(../img/newUI/sliders/healthArrow-xs.png) no-repeat center
      top;
    background-size: contain;
  }

  .techArrowCopy {
    background: url(../img/newUI/sliders/techArrow-xs.png) no-repeat center top;
    background-size: contain;
  }

  .acArrowCopy {
    background: url(../img/newUI/sliders/acArrow-xs.png) no-repeat center top;
    background-size: contain;
  }

  .datacenterArrowCopy {
    background: url(../img/newUI/sliders/datacenterArrow-xs.png) no-repeat
      center top;
    background-size: contain;
  }

  .aiArrowCopy {
    background: url(../img/newUI/sliders/aiArrow-desktop-latest.png) no-repeat
      center top;
    background-size: contain;
  }

  .automotiveArrowCopy {
    background: url(../img/newUI/sliders/AutomotiveArrow-xs.png) no-repeat
      center top;
    background-size: contain;
  }

  .FiveGArrowCopy {
    background: url(../img/newUI/sliders/5GArrow-xs.png) no-repeat center top;
    background-size: contain;
  }

  .BestPcsArrowCopy {
    background: url(../img/newUI/sliders/BestPcsArrow-desktop-latest.png)
      no-repeat center top;
    background-size: contain;
  }

  .cloudArrowBG {
    background: url(../img/newUI/sliders/cloud-xs.jpg) no-repeat center center;
    background-size: cover;
  }

  .forestArrowBG {
    background: url(../img/newUI/sliders/forest-xs.jpg) no-repeat center center;
    background-size: cover;
  }

  .marsArrowBG {
    background: url(../img/newUI/sliders/mars-xs.jpg) no-repeat center center;
    background-size: cover;
  }

  .exceptionDesignArrowBG {
    background: url(../img/newUI/sliders/exceptional-design-desktop-Bg-new.png)
      no-repeat center center;
    background-size: cover;
  }

  .advancedProductivityArrowBG {
    background: url(../img/newUI/sliders/advanced-productivity-desktop-bg.png)
      no-repeat center center;
    background-size: cover;
  }

  .ultimatePerformanceArrowBG {
    background: url(../img/newUI/sliders/ultimate-Performance-desktop-bg.png)
      no-repeat center center;
    background-size: cover;
  }

  .creatorsArrowBG {
    background: url(../img/newUI/sliders/creators-desktop-bg.png) no-repeat
      center center;
    background-size: cover;
  }

  .healthArrowBG {
    background: url(../img/newUI/sliders/healthcare-xs.jpg) no-repeat center
      center;
    background-size: cover;
  }

  .acArrowBG {
    background: url(../img/newUI/sliders/ac-xs.jpg) no-repeat center center;
    background-size: cover;
  }

  .fourthGenEPYC {
    background: url(../img/newUI/sliders/epyc-family-hero-mobile.jpg) no-repeat
      center center;
    background-size: cover;
  }

  .datacenterArrowBG {
    background: url(../img/newUI/sliders/datacenter-xs.jpg) no-repeat center
      center;
    background-size: cover;
  }

  .aiArrowBG {
    background: url(../img/newUI/sliders/ai-xs.jpg) no-repeat center center;
    background-size: cover;
  }

  .automotiveArrowBG {
    background: url(../img/newUI/sliders/automotive-xs.jpg) no-repeat center
      center;
    background-size: cover;
  }

  .FiveGArrowBG {
    background: url(../img/newUI/sliders/5G-xs.jpg) no-repeat center center;
    background-size: cover;
  }

  .BestPcsArrowBG {
    background: url(../img/newUI/sliders/BestPcsArrow-xs.jpg) no-repeat center
      center;
    background-size: cover;
  }

  .traCopy {
    margin: 0 auto;
    text-align: center;
  }

  .traImg {
    height: 100vh;
    background-size: contain;
  }

  .heading {
    width: 80%;
    margin: 0 auto;
  }

  .traYear img {
    width: 50%;
  }

  .traFooter {
    display: flex;
  }

  .traLogo {
    width: 40%;
  }

  .traFooter p {
    padding-left: 20px;
    margin: 0 auto;
  }
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  .newSlider {
    width: 100%;
    padding: 0 25px;
  }

  .footerWrap {
    height: 75px;
  }

  .newSlider {
    height: calc(100vh - 150px);
  }

  .TWASlider {
    height: calc(100vh - 150px) !important;
  }

  .mainNav {
    padding: 0 25px;
  }

  .cloudArrowBG {
    background: url(../img/newUI/sliders/cloud-md.jpg) no-repeat center center;
    background-size: cover;
  }

  .forestArrowBG {
    background: url(../img/newUI/sliders/forest-md.jpg) no-repeat center center;
    background-size: cover;
  }

  .marsArrowBG {
    background: url(../img/newUI/sliders/mars-md.jpg) no-repeat center center;
    background-size: cover;
  }

  .healthArrowBG {
    background: url(../img/newUI/sliders/healthcare-md.jpg) no-repeat center
      center;
    background-size: cover;
  }

  .acArrowBG {
    background: url(../img/newUI/sliders/ac-md.jpg) no-repeat center center;
    background-size: cover;
  }

  .fourthGenEPYC {
    background: url(../img/newUI/sliders/epyc-family-hero-ipad.jpg) no-repeat
      center center;
    background-size: cover;
  }

  .datacenterArrowBG {
    background: url(../img/newUI/sliders/datacenter-md.jpg) no-repeat center
      center;
    background-size: cover;
  }

  .aiArrowBG {
    background: url(../img/newUI/sliders/ai-md.jpg) no-repeat center center;
    background-size: cover;
  }

  .automotiveArrowBG {
    background: url(../img/newUI/sliders/automotive-md.jpg) no-repeat center
      center;
    background-size: cover;
  }

  .FiveGArrowBG {
    background: url(../img/newUI/sliders/5g-md.jpg) no-repeat center center;
    background-size: cover;
  }

  .BestPcsArrowBG {
    background: url(../img/newUI/sliders/pc-md.jpg) no-repeat center center;
    background-size: cover;
  }

  .advancedBannerBG {
    background: url(../img/newUI/sliders/Advanced-Banner-iPad-BG.png) no-repeat
      center center;
    background-size: cover;
  }

  .advancedBannerArrowCopy {
    background: url(../img/newUI/sliders/advanced-ipad-inner-latest.png)
      no-repeat center top;
    background-size: contain;
  }

  .cloudArrowCopy {
    background: url(../img/newUI/sliders/CloudArrow-md-latest.png) no-repeat
      center top;
    background-size: contain;
  }

  .forestArrowCopy {
    background: url(../img/newUI/sliders/forestArrow-ipad-inner-latest.png)
      no-repeat center top;
    background-size: contain;
  }

  .marsArrowCopy {
    background: url(../img/newUI/sliders/marsArrow-md.png) no-repeat center top;
    background-size: contain;
  }

  .healthArrowCopy {
    background: url(../img/newUI/sliders/healthArrow-md.png) no-repeat center
      top;
    background-size: contain;
  }

  .techArrowCopy {
    background: url(../img/newUI/sliders/techArrow-md.png) no-repeat center top;
    background-size: contain;
  }

  .acArrowCopy {
    background: url(../img/newUI/sliders/acArrow-md-latest.png) no-repeat center
      top;
    background-size: contain;
  }

  .datacenterArrowCopy {
    background: url(../img/newUI/sliders/datacenterArrow-md-latest.png)
      no-repeat center top;
    background-size: contain;
  }

  .aiArrowCopy {
    background: url(../img/newUI/sliders/aiArrow-ipad-inner-latest.png)
      no-repeat center top;
    background-size: contain;
  }

  .automotiveArrowCopy {
    background: url(../img/newUI/sliders/AutomotiveArrow-md.png) no-repeat
      center top;
    background-size: contain;
  }

  .FiveGArrowCopy {
    background: url(../img/newUI/sliders/5GArrow-md-latest.png) no-repeat center
      top;
    background-size: contain;
  }

  .BestPcsArrowCopy {
    background: url(../img/newUI/sliders/BestPcsArrow-ipad-inner-latest.png)
      no-repeat center top;
    background-size: contain;
  }

  .advancedBannerArrowCopy {
    background: url(../img/newUI/sliders/advanced-inner-mobile-latest.png)
      no-repeat center top;
    background-size: contain;
  }

  .x86processorBG {
    background: url(../img/newUI/sliders/x86-Banner-iPad.png) no-repeat center
      center;
    background-size: cover;
  }

  .aiExperienceBG {
    background: url(../img/newUI/sliders/ryzen-Ai-experence-ipad.jpg) no-repeat
      center center;
    background-size: cover;
  }

  .advanceAITechnologyBG {
    background: url(../img/newUI/sliders/ryzen-advanced-ai-ipad.jpg) no-repeat
      center center;
    background-size: cover;
  }

  .exceptionDesignArrowBG {
    background: url(../img/newUI/sliders/exceptional-design-ipad-Bg.png)
      no-repeat center center;
    background-size: cover;
  }

  .advancedProductivityArrowBG {
    background: url(../img/newUI/sliders/advanced-productivity-ipad-bg.png)
      no-repeat center center;
    background-size: cover;
  }

  .ultimatePerformanceArrowBG {
    background: url(../img/newUI/sliders/ultimate-Performance-ipad-bg.png)
      no-repeat center center;
    background-size: cover;
  }

  .creatorsArrowBG {
    background: url(../img/newUI/sliders/creators-ipad-bg.png) no-repeat center
      center;
    background-size: cover;
  }

  .carousel-content {
    padding: 45px;
  }

  .carousel-content h2 {
    font-size: clamp(2.29rem, 0.705rem + 2.247vw, 4.3rem);
    line-height: clamp(2.3rem, 0.3rem + 0vw, 2.3rem);
    text-transform: uppercase;
  }

  .carousel-content p {
    font-size: clamp(2.29rem, 0.705rem + 2.247vw, 4.3rem);
    line-height: clamp(2.3rem, 0.3rem + 0vw, 2.3rem);
    text-transform: uppercase;
  }

  .amdCalculator {
    background: url(../img/newUI/sliders/Calculator-Banner-iPad-1.png) no-repeat
      center center;
    background-size: cover;
  }

  .calculator-cta {
    background-color: #fff;
    color: #000;
    font-family: "Klavika" !important;
    font-weight: 400;
    position: relative;
    padding: 8px 14px;
  }

  .calculator-cta:hover {
    color: #000;
  }

  .contact-sales-cta {
    font-family: "Klavika" !important;
    font-weight: 500;
    padding: 12px 12px;
    font-size: 14px;
    height: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    background: #fff;
    text-decoration: none;
    text-transform: uppercase;
  }

  .contact-sales-cta:hover {
    color: #000;
  }

  .amdCalculator .carousel-content {
    padding: 5% 10% 0% 12.4%;
    margin-bottom: calc(100% - 92.6%);
  }

  .creatorsArrowCopy p {
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    position: absolute;
    bottom: 3%;
    left: 0%;
    padding-left: 35px;
  }

  .creatorsArrowCopy .carousal-logo {
    width: 12%;
  }

  .traKV {
    height: 50vh;
    background-position: center -30px;
  }

  .ryzen6000Content {
    flex-direction: row;
  }

  .Sevenprovs1260P {
    width: 90%;
    height: 400px;
    margin: 50px auto;
    display: block;
    background: url(../img/newUI/charts/7provs1260P.svg) no-repeat center center;
    background-size: contain;
  }

  .Fiveprovs1240P {
    width: 100%;
    height: 400px;
    display: block;
    background: url(../img/newUI/charts/5provs1240P.svg) no-repeat center center;
    background-size: contain;
  }

  .ryzenHp1 {
    width: 90%;
    height: 400px;
    margin: 100px auto;
    display: block;
    background: url(../img/newUI/charts/ryzenHP1.svg) no-repeat center center;
    background-size: contain;
  }

  .ryzenHp2 {
    width: 90%;
    height: 400px;
    margin: 100px auto;
    display: block;
    background: url(../img/newUI/charts/ryzenHP2.svg) no-repeat center center;
    background-size: contain;
  }

  .callouts {
    width: 50%;
    margin: 0 auto;
  }

  .landing .floatingBtn {
    bottom: 50%;
    right: 10px;
    left: auto;
  }

  .traWrap {
    flex-direction: column;
    height: 100vh;
    align-items: center;
  }

  .traImg {
    height: 60%;
    background-size: contain;
    background-position: center center;
  }

  .traCopy {
    margin-bottom: 0px;
    text-align: center !important;
    margin: 0 auto !important;
    width: 100%;
  }

  .traCopy p {
    width: 90%;
  }

  .heading {
    width: 80%;
    margin: 0 auto;
  }

  .traRank {
    display: flex;
    align-items: center;
  }

  .traYear {
    padding: 20px;
    width: 60%;
    text-align: left;
  }

  .traYear h6 {
    width: 90%;
    margin: 0 0 20px 0;
  }

  .traYear h4::after {
    height: 15px;
    margin: 0;
    left: -5px;
    bottom: 8px;
    transform: translateX(0px);
  }

  .traTable {
    width: 100%;
    padding-left: 20px;
    margin: 0 auto;
  }

  .traYear img {
    width: 100%;
  }

  .traFooter {
    display: flex;
  }

  .traLogo {
    width: 40%;
  }

  .traFooter p {
    padding-left: 20px;
    margin: 0 auto;
  }

  .chartCopyArea {
    display: flex;
    align-items: center;
  }

  .chartCopyArea .img {
    margin: 0 auto;
    width: 100%;
  }

  .newCommCharts .slick-dots {
    list-style: none;
    padding: 0;
    display: flex;
    position: absolute;
    right: 25px;
    bottom: 75px;
    margin: 0 5px;
    justify-content: center;
    z-index: 111 !important;
  }

  .newCommCharts .slick-dots li button,
  .newCommCharts .slick-dots li {
    width: 8px;
    height: 8px;
    padding: 0px;
    display: block;
    border-radius: 100px;
    background: none;
    border: none;
    font-size: 0;
    margin: 0 5px;
    transition: all 0.2s ease;
  }

  .newCommCharts .slick-dots li {
    background: #000;
  }

  .newCommCharts .slick-dots li.slick-active {
    background: #007c97;
    width: 16px;
    height: 8px;
  }

  .ryzenHPChart2 {
    background: url(../img/newUI/charts/2/ryzenHP2-wide.svg) no-repeat center
      center;
    height: 300px;
  }

  .newCharts {
    position: relative;
    height: auto;
  }

  .workArrowWrap {
    display: flex;
    position: absolute;
    width: 100%;
    transform: translateY(-50%);
    top: 50%;
    padding: 0 50px;
    justify-content: space-between;
    cursor: pointer;
  }

  .sliderArrow {
    width: 30px;
    height: 30px;
    display: block;
    padding: 20px;
    border-radius: 50px;
    background: #fff url(../img/newUI/icons/leftArrow.svg) no-repeat center
      center;
    background-size: 20px;
    box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.1);
  }

  .Right {
    transform: rotate(180deg);
  }

  .common-contact-sales-cta {
    font-family: "Klavika-Medium" !important;
    font-weight: 500;
    padding: 12px 10px;
    font-size: 14px;
    height: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    background: #fff;
    text-decoration: none;
    text-transform: uppercase;
    width: fit-content;
    bottom: -3%;
    position: absolute;
    left: 44%;
    transform: translate(-50%, -50%);
  }

  /* common contact us cta for mobile */
  .BestPcsArrowCopy .common-contact-sales-cta {
    left: 44%;
    bottom: -2%;
  }

  .forestArrowCopy .common-contact-sales-cta {
    left: 44%;
    bottom: 0%;
  }

  .advancedBannerArrowCopy .common-contact-sales-cta {
    left: 31%;
    bottom: -4%;
  }

  .datacenterArrowCopy .common-contact-sales-cta {
    bottom: -13%;
  }

  .nomargin {
    margin-left: -15px;
    margin-right: -15px;
  }
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  .footerWrap {
    padding: 0 25px;
  }

  .menuIcon {
    display: none;
  }

  .slider-nav {
    margin-right: 35px;
  }

  .callouts .newNavLinksPC {
    display: flex;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
  }

  .newNavLinksPC {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .newNavLinksPC li {
    padding-right: 20px;
  }

  .newNavLinksPC li:last-child {
    padding-right: 0px;
  }

  .newNavLinksPC li a {
    color: grey;
    transition: all 0.3s ease;
    font-size: 14px;
  }

  .newNavLinksPC li a:hover {
    color: black;
  }

  .newNavLinksPC .active {
    font-weight: 600;
    color: black;
  }

  .cloudArrowCopy {
    width: 65%;
    background: url(../img/newUI/sliders/CloudArrow-xs.png) no-repeat center
      center;
    background-size: contain;
    top: 40%;
  }

  .forestArrowCopy {
    width: 65%;
    background: url(../img/newUI/sliders/forestArrow-xs-latest.png) no-repeat
      center center;
    background-size: contain;
  }

  .marsArrowCopy {
    width: 65%;
    background: url(../img/newUI/sliders/marsArrow-xs.png) no-repeat center
      center;
    background-size: contain;
  }

  .healthArrowCopy {
    width: 65%;
    background: url(../img/newUI/sliders/healthArrow-xs.png) no-repeat center
      center;
    background-size: contain;
  }

  .techArrowCopy {
    width: 65%;
    background: url(../img/newUI/sliders/techArrow-xs.png) no-repeat center
      center;
    background-size: contain;
  }

  .acArrowCopy {
    width: 65%;
    background: url(../img/newUI/sliders/acArrow-xs.png) no-repeat center center;
    background-size: contain;
  }

  .datacenterArrowCopy {
    width: 65%;
    background: url(../img/newUI/sliders/datacenterArrow-xs.png) no-repeat
      center center;
    background-size: contain;
  }

  .aiArrowCopy {
    width: 65%;
    background: url(../img/newUI/sliders/aiArrow-desktop-latest.png) no-repeat
      center center;
    background-size: contain;
  }

  .automotiveArrowCopy {
    width: 65%;
    background: url(../img/newUI/sliders/AutomotiveArrow-xs.png) no-repeat
      center center;
    background-size: contain;
  }

  .FiveGArrowCopy {
    width: 65%;
    background: url(../img/newUI/sliders/5GArrow-xs.png) no-repeat center center;
    background-size: contain;
  }

  .BestPcsArrowCopy {
    width: 65%;
    background: url(../img/newUI/sliders/BestPcsArrow-desktop-latest.png)
      no-repeat center center;
    background-size: contain;
  }

  .cloudArrowBG {
    background: url(../img/newUI/sliders/cloud.jpg) no-repeat center center;
    background-size: cover;
  }

  .forestArrowBG {
    background: url(../img/newUI/sliders/forest.jpg) no-repeat center center;
    background-size: cover;
  }

  .marsArrowBG {
    background: url(../img/newUI/sliders/mars.jpg) no-repeat center center;
    background-size: cover;
  }

  .healthArrowBG {
    background: url(../img/newUI/sliders/healthcare.jpg) no-repeat center center;
    background-size: cover;
  }

  .acArrowBG {
    background: url(../img/newUI/sliders/ac.jpg) no-repeat center center;
    background-size: cover;
  }

  .fourthGenEPYC {
    background: url(../img/newUI/sliders/epyc-family-hero.jpg) no-repeat center
      center;
    background-size: cover;
  }

  .datacenterArrowBG {
    background: url(../img/newUI/sliders/datacenter.jpg) no-repeat center center;
    background-size: cover;
  }

  .aiArrowBG {
    background: url(../img/newUI/sliders/ai.jpg) no-repeat center center;
    background-size: cover;
  }

  .automotiveArrowBG {
    background: url(../img/newUI/sliders/automotive.jpg) no-repeat center center;
    background-size: cover;
  }

  .FiveGArrowBG {
    background: url(../img/newUI/sliders/5g.jpg) no-repeat center center;
    background-size: cover;
  }

  .BestPcsArrowBG {
    background: url(../img/newUI/sliders/pc.jpg) no-repeat center center;
    background-size: cover;
  }

  .x86processorBG {
    background: url(../img/newUI/sliders/x86-Banner-desktop.png) no-repeat
      center center;
    background-size: cover;
  }

  .aiExperienceBG {
    background: url(../img/newUI/sliders/ryzen-Ai-experence-ipad.jpg) no-repeat
      center center;
    background-size: cover;
  }

  .advanceAITechnologyBG {
    background: url(../img/newUI/sliders/ryzen-advanced-ai-ipad.jpg) no-repeat
      center center;
    background-size: cover;
  }

  .exceptionDesignArrowBG {
    background: url(../img/newUI/sliders/exceptional-design-desktop-Bg-new.png)
      no-repeat center center;
    background-size: cover;
  }

  .advancedProductivityArrowBG {
    background: url(../img/newUI/sliders/advanced-productivity-desktop-bg.png)
      no-repeat center center;
    background-size: cover;
  }

  .ultimatePerformanceArrowBG {
    background: url(../img/newUI/sliders/ultimate-Performance-desktop-bg.png)
      no-repeat center center;
    background-size: cover;
  }

  .creatorsArrowBG {
    background: url(../img/newUI/sliders/creators-desktop-bg.png) no-repeat
      center center;
    background-size: cover;
  }

  .traRanking {
    width: 80%;
  }

  .traWrap {
    flex-direction: row;
    height: 100vh;
  }

  .traCopy {
    width: 100%;
    text-align: left !important;
  }

  .heading {
    margin: 0 !important;
  }

  .traCopy p {
    margin: 0 !important;
    text-align: justify;
  }

  .traImg {
    width: 100%;
    background-size: cover;
  }

  .advancedBannerBG {
    background: url(../img/newUI/sliders/Advanced-Banner-desktop.png) no-repeat
      center center;
    background-size: cover;
  }

  .x86processorBG {
    background: url(../img/newUI/sliders/x86-Banner-desktop.png) no-repeat
      center center;
    background-size: cover;
  }

  .aiExperienceBG {
    background: url(../img/newUI/sliders/RyzenAIExperience-desktop.jpg)
      no-repeat center center;
    background-size: cover;
  }

  .advanceAITechnologyBG {
    background: url(../img/newUI/sliders/ryzen-Advanced-Ai-desktop.jpg)
      no-repeat center center;
    background-size: cover;
  }

  .x86processorBGArrowCopy {
    height: 100%;
    width: 100%;
  }

  .carousel-content {
    height: 100%;
    width: 100%;
    padding: 80px;
    margin-bottom: 0;
    justify-content: center;
  }

  .carousel-content h2 {
    font-size: clamp(1.19rem, 0.305rem + 2.247vw, 3.3rem);
    line-height: clamp(2rem, 0.3rem + 0vw, 2.5rem);
    color: #fff;
    font-family: "Klavika" !important;
    font-weight: 500;
    margin: 0;
    text-transform: uppercase;
  }

  .carousel-content p {
    font-size: clamp(1.19rem, 0.305rem + 2.247vw, 3.3rem);
    line-height: clamp(2.5rem, 0.3rem + 0vw, 2.5rem);
    color: #fff;
    font-family: "Klavika" !important;
    font-weight: 500;
    margin: 0;
    text-transform: uppercase;
  }

  .carousel-content p {
    font-size: clamp(1.19rem, 0.305rem + 2.247vw, 3.3rem);
    line-height: clamp(2.5rem, 0.3rem + 0vw, 2.5rem);
    color: #fff;
    font-family: "Klavika" !important;
    font-weight: 500;
    margin: 0;
    text-transform: uppercase;
  }

  .fourthGenEPYC .carousel-content {
    padding: 80px 80px 80px 280px;
  }

  .fourthGenEPYC .carousel-title {
    width: 410px;
  }

  .fourthGenEPYC .carousel-title h2 {
    font-size: clamp(1.19rem, 0.305rem + 2.247vw, 3.3rem);
    line-height: clamp(2.5rem, 0.3rem + 0vw, 2.5rem);
    color: #fff;
    font-family: "Klavika-Medium" !important;
    font-weight: 500;
    margin: 0;
    text-transform: capitalize;
  }

  .fourthGenEPYC .carousel-title p {
    font-size: clamp(1rem, 0rem + 1.47vw, 3.3rem);
    line-height: clamp(2.5rem, 0.3rem + 0vw, 2.5rem);
    color: #fff;
    font-family: "Klavika-Regular" !important;
    font-weight: 400;
    margin: 0;
    text-transform: capitalize;
  }

  .carousal-logo {
    width: 140px;
  }

  .clientsProductPage .carousal-logo img {
    clip-path: none;
    margin: 0;
  }

  /* calculator changes */
  .amdCalculator {
    background: url(../img/newUI/sliders/Calculator-Banner-desktop-1.png)
      no-repeat center center;
    background-size: cover;
  }

  .amdCalculator .carousal-logo {
    width: 200px;
    margin-bottom: 0px;
    margin-top: 0px;
  }

  .amdCalculator .x86processorBGArrowCopy {
    width: 100%px;
  }

  .amdCalculator .carousel-content h2 {
    line-height: clamp(1.7rem, 0.3rem + 0vw, 2.5rem);
  }

  .amdCalculator .contact-sales-cta {
    margin-bottom: 0px;
    font-family: "Klavika" !important;
    font-weight: 500;
    padding: 12px 10px;
    font-size: 14px;
    height: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    background: #fff;
    margin-left: 10px;
    text-transform: uppercase;
  }

  .amdCalculator .contact-sales-cta:hover {
    color: #000;
  }

  .calculator-cta {
    background-color: #fff;
    color: #000;
    font-family: "Klavika" !important;
    font-weight: 500;
    position: relative;
    padding: 12px 12px;
    margin-top: 20px;
    font-size: 14px;
    text-transform: uppercase;
  }

  .calculator-cta:hover {
    color: #000;
  }

  .contact-sales-cta {
    font-family: "Klavika" !important;
    font-weight: 500;
    text-transform: uppercase;
    height: max-content;
    font-size: 14px;
    color: #000;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 12px 10px;
  }

  .contact-sales-cta:hover {
    color: #000;
  }

  .amdCalculator .carousel-title {
    margin-bottom: 15px;
    width: 100%;
  }

  .amdCalculator .carousel-content {
    padding: 17% 10% 0% 13.3%;
    margin-bottom: 0;
  }

  .productBadges.ryzenAIBadge {
    margin: 20px 20px 20px 30px;
  }

  .productBadges.ryzenAIBadge .ryzenAILogo {
    width: 105px;
  }

  .contact-sales-wrapper {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
  }

  .amdCalculator .contact-sales-wrapper {
    align-items: end;
    flex-direction: row;
    gap: 5px;
  }

  .common-contact-sales-cta {
    font-family: "Klavika-Medium" !important;
    font-weight: 500;
    padding: 12px 10px;
    font-size: 14px;
    height: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    background: #fff;
    text-decoration: none;
    text-transform: uppercase;
    width: fit-content;
    position: absolute;
    left: 59%;
    transform: translate(-50%, -50%);
  }

  /* common contact us cta */
  .BestPcsArrowCopy .common-contact-sales-cta {
    left: 59%;
    bottom: 0%;
  }

  .forestArrowCopy .common-contact-sales-cta {
    left: 56%;
    bottom: -4%;
  }

  .advancedBannerArrowCopy .common-contact-sales-cta {
    left: 53%;
    bottom: -15%;
  }

  .datacenterArrowCopy .common-contact-sales-cta {
    left: 60%;
    bottom: -8%;
  }

  .cloudArrowCopy .common-contact-sales-cta {
    left: 60%;
    bottom: -8%;
  }

  .FiveGArrowCopy .common-contact-sales-cta {
    left: 60%;
    bottom: -8%;
  }

  .acArrowCopy .common-contact-sales-cta {
    left: 60%;
    bottom: -8%;
  }

  /* workstation banner */
  .exceptionalDesignArrowCopy img,
  .advancedProductivityArrowCopy img {
    width: 100% !important;
  }

  .ultimatePerformanceArrowCopy img {
    width: 80% !important;
    margin: initial;
  }

  .exceptionalDesignArrowCopy .carousel-content {
    justify-content: end;
    padding: 80px 80px 10px 140px;
  }

  .exceptionalDesignArrowCopy .carousel-title {
    margin-bottom: 20px;
  }

  .advancedProductivityArrowCopy .carousel-title {
    width: 380px;
  }

  .ultimatePerformanceArrowCopy .carousel-title {
    width: 200px;
  }

  .ultimatePerformanceArrowCopy img {
    width: 80% !important;
  }

  .creatorsArrowCopy .carousel-title {
    width: 240px;
    margin-bottom: 20px;
  }

  .creatorsArrowCopy .carousal-logo {
    width: 140px;
  }

  .creatorsArrowCopy p {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    position: absolute;
    bottom: 5%;
    left: 5%;
  }

  .creatorsArrowCopy img {
    width: 70% !important;
    margin: initial;
  }

  .creatorsArrowCopy .carousal-logo,
  .ultimatePerformanceArrowCopy .carousal-logo {
    width: 110px;
  }

  .creatorsArrowCopy .carousel-content {
    width: fit-content;
    position: absolute;
    right: 10%;
    justify-content: center;
  }

  .nomargin {
    margin-left: -15px;
    margin-right: -15px;
  }

  .fourthGenEPYC .carousel-title {
    width: 540px;
  }

  .fourthGenEPYC .carousel-title h2 {
    line-height: clamp(3rem, 0.3rem + 0vw, 2.5rem);
  }
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  .newSlider,
  .mainNav,
  .footerWrap {
    padding: 0 40px;
  }

  .cloudArrowCopy {
    width: 50%;
    background: url(../img/newUI/sliders/CloudArrow-xs.png) no-repeat center
      center;
    background-size: contain;
    top: 35%;
  }

  .forestArrowCopy {
    width: 50%;
    background: url(../img/newUI/sliders/forestArrow-xs-latest.png) no-repeat
      center center;
    background-size: contain;
  }

  .marsArrowCopy {
    width: 50%;
    background: url(../img/newUI/sliders/marsArrow-xs.png) no-repeat center
      center;
    left: 55%;
    background-size: contain;
  }

  .healthArrowCopy {
    width: 50%;
    background: url(../img/newUI/sliders/healthArrow-xs.png) no-repeat center
      center;
    background-size: contain;
  }

  .techArrowCopy {
    width: 50%;
    background: url(../img/newUI/sliders/techArrow-xs.png) no-repeat center
      center;
    background-size: contain;
  }

  .acArrowCopy {
    width: 50%;
    background: url(../img/newUI/sliders/acArrow-xs.png) no-repeat center center;
    background-size: contain;
  }

  .datacenterArrowCopy {
    width: 50%;
    background: url(../img/newUI/sliders/datacenterArrow-xs.png) no-repeat
      center center;
    background-size: contain;
  }

  .aiArrowCopy {
    width: 50%;
    background: url(../img/newUI/sliders/aiArrow-desktop-latest.png) no-repeat
      center center;
    background-size: contain;
  }

  .automotiveArrowCopy {
    width: 50%;
    background: url(../img/newUI/sliders/AutomotiveArrow-xs.png) no-repeat
      center center;
    background-size: contain;
    left: 45%;
  }

  .FiveGArrowCopy {
    width: 50%;
    background: url(../img/newUI/sliders/5GArrow-xs.png) no-repeat center center;
    background-size: contain;
  }

  .BestPcsArrowCopy {
    width: 50%;
    background: url(../img/newUI/sliders/BestPcsArrow-desktop-latest.png)
      no-repeat center center;
    background-size: contain;
  }

  /* new desktop banners */
  .advancedBannerArrowCopy {
    width: 50%;
    background: url(../img/newUI/sliders/advanced-innercopy-desktop-latest.png)
      no-repeat center center;
    background-size: contain;
  }

  .trustArea {
    flex-direction: row;
  }

  .yearDetails {
    margin-bottom: 0px;
  }

  .leftPadding {
    padding-left: 40px;
  }

  .traImg {
    height: 100%;
  }

  .traWrap {
    height: 100vh;
  }

  .heading {
    font-size: 60px;
    line-height: 55px;
  }

  .subheading {
    font-size: 20px;
  }

  .introCopy {
    padding: 50px;
  }

  .introCopy h4 {
    font-size: 30px;
  }

  .introCopy h3 {
    font-size: 40px;
  }

  .introCopy p {
    font-size: 18px;
  }

  .traRanking,
  .traFooter {
    width: 60%;
    margin: 0 auto;
  }

  .blackArea {
    padding: 50px 20% !important;
  }

  .iconsWrap p {
    font-size: 18px;
  }

  .chartCopyArea {
    padding: 50px 20%;
  }

  .legends p {
    transform: scale(0.9);
  }
}

@media (max-width: 479px) {
}

/* contact us */
.contact-us-bg {
  width: 100%;
  height: auto;
  display: block;
  background: url(../img/contact-us/contact-us-banner.png) no-repeat center
    center;
  background-size: cover;
}

.contact-us-bg .sideHeadings {
  color: #ffffff;
}

.contactUs select {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  border-color: #ced4da;
  border-radius: 5px;
  padding: 0 12px;
}

.contactUs .form-control:focus {
  border-color: #000;
  box-shadow: 0 0 0 0.15rem hsla(216, 3%, 63%, 0.75);
}

.contactUs .select:focus {
  border-color: #000;
  box-shadow: 0 0 0 0.15rem hsla(216, 3%, 63%, 0.75);
}

.contactUs .form-check-input:checked {
  background-color: #27282b;
  border-color: #000;
}

.contactUs button {
  border: 1px solid #000;
  border-radius: 2px;
  color: #000;
  font-weight: 600;
  padding: 1rem 2.125rem;
  text-decoration: none;
  background: transparent;
  border-radius: 5px;
  transition: 0.3s ease-in;
}

.contactUs button:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  background: #000;
  color: #fff;
  border-color: #000;
}

.contactUs .btn-primary:focus {
  background: #000;
  color: #fff;
  border-color: #000;
  box-shadow: 0 0 0 0.15rem hsla(216, 3%, 63%, 0.75);
}

.btn-primary:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 0.15rem hsla(216, 3%, 63%, 0.75);
  border-color: #000;
}

.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
  color: #000;
}

.invalid-tooltip {
  right: 15px;
}

/* .stickyHead {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  width: 100%;
  box-shadow: 0px 20px 20px -20px;
  margin-bottom: 0px;
} */
/* new server page changes */
.epyc90048004List {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  width: 100%;
  box-shadow: 0px 20px 20px -20px;
  margin-bottom: 0px;
  background-color: #000;
}

.epyc90048004List .selectorGroup {
  background: #000;
}

.epyc90048004List .selectorGroup ul li a {
  font-size: 16px;
  font-weight: 400;
  padding: 5px 20px;
  border: 1px solid white;
  transition: all 0.3s ease-out;
}

.epyc90048004List .tab-name a {
  color: #ffffff;
}

.epyc90048004List .tab-name {
  padding: 17px 0px;
}

.epyc90048004List .selectorGroup li a:hover {
  border-bottom: 2px solid #fff;
  padding-bottom: 16px;
  font-weight: 400;
}

.dataCenterBG {
  width: 100%;
  height: 100vh;
  position: relative;
  display: block;
  background: url(../img/assets/server/2255566-epyc-family-parallax.jpg)
    no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.dataCenterBG iframe {
  height: 410px;
}

.vertical-gradient {
  width: 100%;
  height: 20%;
  position: absolute;
  display: block;
  background: url(../img/assets/server/vertical-gradient.png) no-repeat;
  background-size: cover;
  padding-bottom: 0;
  bottom: 0;
}

.epyc-seamless-01-BG {
  width: 100%;
  height: 46.2vh;
  display: block;
  background: url(../img/assets/server/epyc-seamless-01.jpg) no-repeat center
    top;
  background-size: cover;
}

.epyc-seamless-02-BG {
  width: 100%;
  height: 45.3vh;
  display: block;
  background: url(../img/assets/server/epyc-seamless-02.jpg) no-repeat center
    top;
  background-size: cover;
}

.epyc-seamless-03-BG {
  width: 100%;
  height: 45.3vh;
  display: block;
  background: url(../img/assets/server/epyc-seamless-03.jpg) no-repeat center
    top;
  background-size: cover;
}

.epyc-seamless-01-BG.contentSections .container .row,
.epyc-seamless-02-BG.contentSections .container .row,
.epyc-seamless-03-BG.contentSections .container .row {
  justify-content: space-evenly;
}

#infinity-guard-cta,
#fourth-gen-cta {
  color: #fff;
  margin-top: 20px;
  display: inline-block;
}

#infinity-guard-cta:hover span,
#fourth-gen-cta:hover span {
  color: #fff;
  text-decoration: underline;
}

.epyc-family-full-width {
  width: 100%;
  height: calc(100vh - -30px);
  display: block;
  background: url(../img/assets/server/epyc-family-full-width.jpg) no-repeat
    center top;
  background-size: cover;
}

.epyc-family-full-width-0a {
  width: 100%;
  display: block;
  background: #000
    url(../img/assets/server/2255566-epyc-family-full-width-01a.jpg) no-repeat
    center top;
  background-size: contain;
}

.epyc-family-full-width-0a.contentSections .container .row {
  align-items: flex-start;
}

.epyc90048004List .active-tab {
  border-bottom: 2px solid #fff;
  font-weight: 400;
  padding-bottom: 16px;
}

.epyc90048004List .active-tab.w--current {
  border-bottom: 2px solid #fff;
  font-weight: 400;
  padding-bottom: 16px;
}

.epyc-family-full-width-0a .card {
  background: #000;
}

.epyc-family-full-width-0a .card-title {
  color: #fff;
  font-weight: 700;
  margin-bottom: 1rem;
  font-size: 18px;
}

.epyc-family-full-width-0a .card-text {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 2.425rem;
}

.epyc-family-full-width-0a .card img {
  width: 100% !important;
}

.epyc-family-full-width-0a .card-body {
  padding: 1.25rem 0px;
  color: #fff;
}

.epyc-family-full-width-0a .card-body-header {
  min-height: 125px;
}

.epyc-family-full-width-0a .btn-primary.focus,
.btn-primary:focus,
.btn-primary,
.btn-primary:hover {
  background-color: transparent;
  box-shadow: none;
  border: none;
  border-bottom: 1px solid #e1e1e2;
  border-radius: 0;
  padding: 0;
  width: 100%;
  justify-content: space-between;
  display: flex;
  padding-bottom: 16px;
  align-items: center;
  position: relative;
}

.epyc-family-full-width-0a
  .btn-primary:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
  border: none;
  border-bottom: 1px solid #e1e1e2;
}

.epyc-family-full-width-0a .collapse-button {
  position: relative;
}

.epyc-family-full-width-0a .collapsed .collapse-arrow {
  position: absolute;
  top: 0%;
  right: 10px;
  transform: translateY(0%);
  width: 20px;
  height: 20px;
  content: url("../img/assets/server/chevron-down.svg");
}

.epyc-family-full-width-0a .collapse-arrow {
  content: url("../img/assets/server/chevron-up.svg");
  position: absolute;
  top: 0%;
  right: 10px;
  transform: translateY(0%);
  width: 20px;
  height: 20px;
}

#partnerSolutions .client-logo {
  padding-top: 15px;
  padding-bottom: 15px;
}

.epyc-seamless-01-BG p,
.epyc-seamless-02-BG p,
.epyc-seamless-03-BG p,
.epyc-family-full-width p,
.epyc-family-full-width-0a p {
  font-size: 20px;
  line-height: 32px;
}

.epyc-seamless-01-BG .sideHeadings,
.epyc-seamless-02-BG .sideHeadings,
.epyc-seamless-03-BG .sideHeadings,
.epyc-family-full-width .sideHeadings {
  margin-bottom: 20px;
}

.card-btn-wrapper p {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 0px;
  font-weight: 600;
}

.card-btn-wrapper .btn.btn-primary:hover p {
  border-bottom: 1px solid #e1e1e2;
}

.whitepaperBtn {
  background: black;
  color: white;
  border: 2px solid white;
  padding: 5px;
  border-radius: 0px;
  text-transform: uppercase;
  font-size: 14px;
  margin: 10px 0px;
  display: block;
}

.whitepaperBtn:hover {
  border: 2px solid black;
  color: black;
  border-radius: 0px;
  background: white;
  text-transform: uppercase;
  padding: 5px;
}

.whitepaperCards .whitepaperBtn {
  width: auto;
}

.datasheetBtn {
  width: 80%;
}

.whitepaperBtn {
  font-family: "Klavika-Medium" !important;
}

.hideslickDots .slick-dots {
  display: none !important;
}

.whitepaperCards .card {
  --tag-background-color: #27282b;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: rgba(26, 26, 27, 0.8);
  border-radius: 5px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.24);
  display: flex;
  flex-direction: column;
  gap: 0;
  height: 100%;
  overflow: hidden;
}

.whitepaperCards .card-links .whitepaperCardBtn {
  background: #000;
  border: 0;
  color: #2899ff;
  padding: 0;
  font-size: 14px;
}

.whitepaperCards .card-links .whitepaperCardBtn:hover {
  color: #2899ff;
  text-decoration: underline;
}

.whitepaperCards .card:hover .whitepaperCardBtn {
  text-decoration: underline;
}
.card-heading-link {
  font-size: 16px;
  font-weight: 600;
}

.card-links svg:focus,
.whitepaperCardBtn:focus {
  outline: none;
}

.whitepaperCards .card-header {
  padding: 0;
}

.whitepaperCards .card-header img {
  width: 100% !important;
  transition: transform 0.3s, visibility 0.3s ease-in-out;
}

.whitepaperCards .card:hover img {
  transform: scale(1.1);
}

@media (max-width: 767px) {
  .pro-tag {
    width: 40px;
  }

  .nomargin {
    margin-left: 0px;
    margin-right: 0px;
  }

  .carousel-content h2 {
    font-family: "Klavika-Medium" !important;
    margin-bottom: 20px;
    line-height: clamp(1.9rem, 0.3rem + 0vw, 2.3rem);
  }

  .carousel-content p {
    font-family: "Klavika-Regular" !important;
    font-size: 20px;
    text-transform: capitalize;
  }

  .dataCenterBG iframe {
    height: 210px;
    margin-bottom: 20px;
  }

  .dataCenterBG .sideHeadings {
    width: 60%;
  }

  .whitepaperBtn {
    width: 70%;
    margin: 45px 0px;
  }

  .whitepaperCards .whitepaperBtn {
    margin: 0;
    min-height: 58px;
  }

  .epyc-seamless-01-BG,
  .epyc-seamless-02-BG,
  .epyc-seamless-03-BG,
  .epyc-family-full-width,
  .epyc-family-full-width-0a {
    width: 100%;
    height: 100%;
    background: black;
  }

  .datasheetBtn {
    width: 100%;
    margin: 0;
  }

  .whitepaperCards .col-6 {
    margin: 20px 0px;
  }
}

@media (min-width: 1920px) {
  .common-contact-sales-cta {
    font-family: "Klavika-Medium" !important;
    font-weight: 500;
    padding: 12px 10px;
    font-size: 14px;
    height: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    background: #fff;
    text-decoration: none;
    text-transform: uppercase;
    width: fit-content;
    bottom: 10%;
    position: absolute;
    left: 56%;
    transform: translate(-50%, -50%);
  }

  /* common contact us cta for mobile */
  .BestPcsArrowCopy .common-contact-sales-cta {
    left: 56%;
    bottom: 12%;
  }

  .forestArrowCopy .common-contact-sales-cta {
    left: 54%;
    bottom: 8%;
  }

  .advancedBannerArrowCopy .common-contact-sales-cta {
    left: 50%;
    bottom: -4%;
  }

  .datacenterArrowCopy .common-contact-sales-cta {
    left: 56%;
    bottom: 4%;
  }

  .cloudArrowCopy .common-contact-sales-cta {
    left: 56%;
    bottom: 5%;
  }

  .FiveGArrowCopy .common-contact-sales-cta {
    left: 56%;
    bottom: 5%;
  }

  .acArrowCopy .common-contact-sales-cta {
    left: 56%;
    bottom: 4%;
  }

  .exceptionDesignArrowBG .carousel-content h2,
  .amdCalculator .carousel-content h2,
  .x86processorBG .carousel-content h2,
  .advancedProductivityArrowBG .carousel-content h2,
  .carousel-content h2 {
    line-height: clamp(2.6rem, 0.3rem + 0vw, 2.5rem);
  }

  .amdCalculator .carousel-content {
    padding: 12% 10% 0% 13.3%;
  }

  .exceptionalDesignArrowCopy .carousel-content {
    padding: 80px 80px 120px 212px;
  }

  .advancedProductivityArrowCopy .carousel-title {
    width: 540px;
  }

  .creatorsArrowCopy .carousel-title {
    width: 400px;
  }

  .fourthGenEPYC .carousel-title {
    width: 590px;
  }

  .fourthGenEPYC .carousel-title h2 {
    line-height: clamp(3rem, 0.3rem + 0vw, 2.5rem);
  }

  .dataCenterBG {
    height: 70vh;
  }

  .whitepaperPopup {
    height: 30vh;
  }
}