section#main.main-ind{
	padding: 0;
}
section#main .inner{
 	max-width: 100% 
}
/**removed because it was showing kit type**/
.ls-drop, .ls-tool p{
  	display: none!important;
}
	
.ls-wrapper{
	background: #ffffff;
}
/**owl + showcase carousel**/
.owl-carousel.owl-loaded{
 	padding: 0; 
}
 .owl-carousel .owl-nav .disabled {
    opacity: 0;
    cursor: default;
}
.ls-wrapper .owl-dots .owl-dot{
	display: inline-block;
}
.ls-wrapper .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease-in-out;
    border-radius: 30px;
}
.ls-wrapper .owl-nav {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    cursor: pointer;
    width: 100%;
}
.owl-nav .owl-next, .owl-nav .owl-prev{
   position: absolute;
    background-color: #ffffff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border-radius: 50%;
  	text-align: center;
  	color: #000;
    display: inline-block;
}
.owl-nav .owl-next:focus i{
    outline: 2px dashed #ffffff !important;
    outline-offset: 2px;
}
.ls-wrapper .owl-next{
    right: 50px;
}
.ls-wrapper .owl-prev{
    left: 50px;
}
.owl-dots{
    text-align: center;
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
}
.owl-dots .owl-dot span{
    background-color: #ccc;
}
.owl-dots .owl-dot.active span{
    background-color: #000000;
}
.ls-showcase-cara{
    margin-top: 100px;
   	margin-bottom: 100px
}
.ls-showcase-cara .vas{
  	display:none;
    padding: 15px;
    background: #000000;
    color: #fff;
    justify-content: space-between;
    border-radius: 0 0 20px 20px;
}
.ls-wrapper .ls-showcase-cara h3{
    font-weight: 700;
    font-size: 18px;
    margin: 0;
}
.ls-showcase-cara .cara-main-img{
    border-radius: 20px;
}
.ls-showcase-cara .item{
    position: relative;
}
.ls-showcase-cara .item .ls-drop{
    top: 0;
    left: 0;
}
.ls-showcase-cara .vend-logo{
    width:auto!important;
}
/* 1. Ensure this sits above everything when visible */
.modal .landing-button{
    background-color: #ffffff;
    color: #000000;
    margin: 0;
}
.modal .modal-body h2{
    font-size: 26px;
    margin-bottom: 10px;
    color: #ffffff;
}
.modal .modal-body p{
    font-size: 16px;
    margin-bottom: 30px;
    color: #ffffff;
}
.modal {
    position: absolute;
    z-index: 99999; /* 1 */
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
}
.modal.is-visible {
    visibility: visible;
}
.modal-overlay {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(28 28 28 / 90%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s;
}
#intel-mod{
   background-color: #4298d3; 
   background: linear-gradient(180deg, rgb(86 164 204) 0%, rgb(67 139 212) 100%)
}
#amd-mod{
    background-color: #c40000; 
    background: linear-gradient(180deg, rgba(190,0,0,1) 0%, rgba(255,32,32,1) 100%);
 }

.modal.is-visible .modal-overlay {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
.modal-content > div{
    max-width: 550px;
    margin: 50px auto;
}
#modal1 .modal-wrapper{
    z-index: 11;
}
.modal-wrapper {
    position: fixed;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
    left: 25px;
    right: 25px;
    width: auto;
    max-width: 1400px;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 25px;
    border-radius: 25px;
}
.modal-transition {
  transition: all 0.3s 0.12s;
  transform: translateY(-40%);
  opacity: 0;
}
.modal.is-visible .modal-transition {
  transform: translateY(-50%);
  opacity: 1;
}
.ls-modal-title{
    text-align: center;
    margin: 30px 0;
}
 .modal .ls-modal-title h2{
    font-size: 35px;
    margin-bottom: 10px;
}
.modal p{
    font-size: 16px;
    color: #595959;
}
.modal-body{
    justify-content: center;
    gap: 30px;
}
.modal-content {
    border-radius: 20px;
    text-align: center;
    width: 100%;
    padding: 2em 1em;
}
.modal-content img{
    width: 180px;
}
.modal-header {
  position: relative;
  background-color: #fff;
  box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06);
  border-bottom: 1px solid #e8e8e8;
}
.modal-close {
    position: absolute;
    left: 50%;
    top: -17px;
    transform: translateX(-50%);
    padding: 0.2em;
    width: 35px;
    text-align: center;
    vertical-align: middle;
    height: 35px;
    background: #000000;
    border-radius: 25px;
    color: #ffffff;
    cursor: pointer;
    border: 2px solid #fff;
}
.modal-close:hover {
    background: #ffffff;
    border-color: #000;
    color: #000;
}
.modal-close i{
	transition: .25s ease;
}
.modal-close:hover i{
    transform: rotate(90deg);
}
.modal-heading {
  font-size: 1.125em;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/**global**/
.sm-container{
    max-width: 1170px;
    margin: 0 auto;
}
.lg-container{
    max-width: 1920px;
    margin: 0 auto;
}
.ls-wrapper h1, .ls-wrapper h2, .ls-wrapper h3{
    font-family: 'Saira', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 20px;
    font-size: 45px;
}
.ls-wrapper h3{
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 15px;
}
.ls-wrapper p{
    margin-bottom: 15px;
}
.ls-wrapper p:last-of-type{
    margin: 0;
}
.ls-wrapper .tick-list{
    margin-top: 40px;
}
.ls-wrapper .tick-list li{
    margin-bottom: 20px;
    margin-left: 50px;
    font-size: 18px;
    font-family: 'Saira';
    font-weight: 500;
}
.ls-wrapper .tick-list li:before{
    content: '\f00c';
    font-family: FontAwesome;
    display: inline-block;
    background-color: #ffffff;
    color: #000000;
    font-size: 16px;
    margin-right: 15px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    margin-left: -49px;
    vertical-align: middle;
    overflow: hidden;
}
/**liquid-nav**/
#nav-config{
    display: none;
    padding: 0;
}
#nav-config a{
    background-color: #ffffff;
    color: #000;
    transition: .5s ease;
    padding: 7px 25px;
    border-radius: 30px;
}
#ls-nav.sticky{
    position: fixed;
    top: 10px;
    bottom: auto;
}
#ls-nav{
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
    max-width: 960px;
    margin: 0 auto;
    font-size: 0;
    transition: .25s ease;
    z-index: 99;
}
#ls-nav .liquid-nav{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background-color: rgb(26 26 26 / 50%);
    box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 20%);
    padding: 6px;
    border-radius: 40px;
    border: 1px solid #fff;
    backdrop-filter: blur(5px);
 	 -webkit-backdrop-filter: blur(5px);
}
.liquid-navbar li {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
}
.liquid-navbar li a {
    display: block;
    font-family: 'saira';
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
    text-decoration: none;
    transition: .25s ease;
    color: #ffffff;
    letter-spacing: .5px;
   
}
.liquid-navbar li a:hover:not(#nav-config a){
    animation: scaleTest .5s ease-in-out;
    color: #ffffff;
}

@keyframes scaleTest{
    0%{
        scale: 1;
    }
    50%{
        scale: 1.1; 
    }
    100%{
        scale: 1;
    }
}

.ls-mob-menu{
    display: none;
    cursor: pointer;
    border: none;
    color: #fff;
    font-size: 18px;
    background-color: #000;
    border-radius: 30px;
}

.ls-mob-menu{
 width: 50px;
  height: 24px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

.ls-mob-menu span{
display: block;
  position: absolute;
  height: 3px;
  background: #ffffff;
  border-radius: 9px;
  opacity: 1;
  left: 12px;
  right: 12px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.ls-mob-menu span:nth-child(1) {
    top: 7px;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
}
  
.ls-mob-menu span:nth-child(2) {
    top: 14px;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
}
  
.ls-mob-menu span:nth-child(3) {
    top: 21px;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
}
  
  .ls-mob-menu.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 13px;
    left: 15px;
}
  
  .ls-mob-menu.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
  }
  
  .ls-mob-menu.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 13px;
    left: 15px;
}
/**liquid-video**/
.ls-hero{
    position: relative;
    background-color: #000;
}
/**video**/
.liquid-vid{
    position: relative;
    text-align: center;
    overflow: hidden;
}
.liquid-vid:after{
    content: "";
    background: -moz-linear-gradient(top,rgba(0 0 0/85%) 0%,rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top,rgba(0 0 0/85%) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,rgba(0 0 0/85%) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000',endColorstr='#00000000',GradientType=0 );
    position: absolute;
    left: 0;
    height: 67px;
    width: 100%;
    z-index: 0;
}
.liquid-vid:after{
    height: 100px;
    background: linear-gradient(to top,rgba(0 0 0/95%) 0%,rgba(0,0,0,0) 100%);
    filter: blur(1);
    bottom: 0;
}
/*hero anchor*/
.droplet{
    position: absolute;
  	top: auto;
    bottom: -32px;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
}
.ls-vid {
  height: 70vh;
    width: 100%;
    object-fit: cover;
    opacity: .5;
    animation: fadeVid 1s ease-in-out;
}
.liquid-vid-content {
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%,-50%);
    width: 100%;
    padding: 0 20px;
    z-index: 1;
}
@keyframes fadeVid{
    0% {
        opacity: 0;
    }
    100% {
        opacity: .5;
    }
}
@keyframes fadeIn{
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.liquid-title h1{
    font-size: 23px;
    color: #ffffff;
    font-weight: 100;
    margin-top: 40px;
    text-transform: none;
}
.landing-button{
    display: inline-block;
    font-family: 'saira';
    font-weight: 700;
    background-color: #ffffff;
    margin-top: 50px;
    padding: 10px 25px;
    text-transform: uppercase;
    color: #000;
    transition: transform ease-out 0.1s, background 0.2s;
    border-radius: 40px;
    cursor: pointer;
}

.landing-button:hover{
    transform: scale(0.97);
    animation: shadowPulse 1s linear infinite;
}


@keyframes shadowPulse{
0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,.3);
    box-shadow: 0 0 0 0 rgb(255,255,255,.3);
}
70% {
    -webkit-box-shadow: 0 0 0 20px transparent;
    box-shadow: 0 0 0 20px transparent;
}
100% {
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
}
}

.landing-button:after, #nav-config a:after, .tab-item-main:after{
    content: '\f054';
    font-family: FontAwesome;
    display: inline-block;
    font-size: 15px;
    margin-left: 5px;
}
.tab-item:after{
    background-color: #000000;
    color: #ffffff;
   	padding: 5px;
    border-radius: 25px;
    width: 30px;
    height: 30px;
    line-height: 22px;
  	transform-origin: center;
    transition: .25s ease;
    margin-left: 15px;
}
.tab-item-main.is-active:after{
    background-color: #ffffff;
    color: #000;
    transform: rotate(90deg);
}

/**logo animation**/
.logo__wrap {
    display: flex;
    align-items: center;
 	justify-content: center;
    max-width: 700px;
    margin: 0 auto;
    animation: fade 1s ease-in-out;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
}
.liquid-right {
    margin-top: 60px;
}
.liquid-outer {
    position: relative;
    margin-right: 20px;
}
.liquid-outer img{
    width: 200px;
}
.liquid-right img{
    width: 1000px;
}
.liquid-inner {
    position: absolute;
    bottom: 12%;
    left: 50%;
    transform: translate(-50%, 0);
    width: 60%;
}
.liquid-inner img {
    animation: logoSpin 1.2s;
    animation-timing-function: ease-out;
}
@keyframes logoSpin{
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.liquid-logo {
    display: none;
    width: 500px;
  	margin: 0 auto;
    animation: zoomOut 1s ease-in-out;
}

/**scroll-button**/
.pcs-scroll-btn {
    position: absolute;
    transform: translate(-50%, 0);
    left: 50%;
    bottom: -10px;
    z-index: 2;
}
.icon-scroll {
    width: 20px;
    height: 40px;
    border: 2px solid rgba(255, 255, 255, 0.7);
    border-radius: 25px;
}
.icon-scroll, .icon-scroll:before {
    position: relative;
    display: flex;
    justify-content: center;
    margin: 0 auto;
}
.icon-scroll:before {
    content: '';
    width: 6px;
    height: 6px;
    background: rgba(255, 255, 255, 0.5);
    top: 4px;
    border-radius: 4px;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: scroll;
}

@keyframes scroll{
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translateY(30px);
}
}

/**animation of content**/
.hidden{
	opacity: 0;
	transition: 1s all;
}
.show{
	opacity: 1;
}
/**main-animation-above**/
.ls-slideup .hidden{
    transform: translateY(40px);
}
.ls-slideup .show{ 
    transform: translateY(0);
}
/**Shape animation**/
.ls-config.show .ls-shape{
    scale: 1.1;
    transform: translateY(-50%);
}

/**liquid-lineup**/
.ls-line{
    background-image: url(/images/landing/pcs/liquid-series/24/liquid-colour-bg1.jpg);
    background-size: cover;
    background-position: 50% 100%;
    text-align: center;
}
.ls-headline{
    background-image: url(/images/landing/pcs/liquid-series/24/liquid-blobs-1.png), url(/images/landing/pcs/liquid-series/24/liquid-blobs-2.png);
    background-repeat: no-repeat;
    background-size: cover;
    
    background-position: 50% 0;
    text-align: center;
}
.ls-line-holder{
    max-width: 2200px;
    margin: 0 auto;
}
.ls-headline img{
    width: 1300px;
    margin-top: 180px;
}
.ls-line-title{
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 120px;
    padding: 0 35px;
}


/**liquid config tile**/
.ls-config-opt{
    margin: 140px 0;
}
.ls-config-holder{
    max-width: 1400px;
    margin: 0 auto;
    gap: 95px;
    justify-content: space-evenly;
}
.ls-config{
    position: relative;
    width: 40%;
    padding: 25px;
    z-index: 1;
}
.ls-config-inner{
    background-size: cover;
    justify-content: space-around;
    border-radius: 25px;
    gap: 20px;
    padding: 0 20px;
    overflow: hidden;
}
.ls-config-inner:hover .landing-button{
    transform: scale(0.97);
    animation: shadowPulse 1s linear infinite;
}
.ls-config-inner > div{
    padding: 40px 0;
}
.ls-config-inner img{
    display: block;
    margin-top: auto;
    width: 150px;
}
.ls-config-opt .landing-button{
    padding: 10px 15px;
    font-size: 15px;
    margin-top: 35px;
}
.ls-intel{
    background-image: url(/images/landing/pcs/liquid-series/24/config-intel.jpg);
    background-color: #59b7e1;
}
.ls-amd{
    background-image: url(/images/landing/pcs/liquid-series/24/config-amd.jpg);
    background-color: #e25961;
}
.ls-shape{
    position: absolute;
    top: 50%;
    transform: translateY(-30%);
    left: 0;
    scale: 1;
    transition: 1s ease;
    z-index: -1;
}
.ls-vend{
    text-align: center;
}
.ls-vend p{
    padding: 0 35px;
}
.logo-slider-container{
    padding: 80px 0;
}
.logo-slider {
    overflow: hidden;
    white-space: nowrap;
    background-color: #fff;
    box-shadow: 0px 0px 7px 1px rgb(0 0 0 / 10%);
    border-radius: 100px;
    position: relative;
    margin: 0 20px
}

.logo-slider:hover .logos-slide {
    animation-play-state: paused;
}

.logos-slide {
    display: inline-block;
    animation: 45s slide infinite linear;
}
.logo-slider .logos-slide img {
    width: 183px;
    height: 83px;
    margin: 0 40px;
    max-width: fit-content;
  	background-color: #ffffff;
  	background: #ffffff;
}

@keyframes slide {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

/**Liquid hotspots**/
.ls-choose-kit{
    margin-top: 30px;
}
.ls-choose{
    text-align: center;
}
.ls-choose .select-spot{
    display: inline-block;
    background-color: black;
    padding: 15px 25px;
    color: #fff;
    border-radius: 35px;
    margin: 80px 0;
    text-align: center;
}
.ls-choose .select-spot p{
    display: inline-block;
    margin-right: 15px;
    font-size: 16px;
    font-family: 'Saira';
    text-transform: uppercase;
    vertical-align: middle;
}
.ls-choose .select-spot .case-tip{
    position: static;
}
.ls-build .case-tip{
    font-size: 27px;
    line-height: 27px;
}
.ls-choose .select-spot .case-tip::after{
    display: none;
}

.ls-build{
    position: relative;
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(208,238,255,1) 50%, rgba(255,255,255,1) 100%);
    margin-top: 40px;
}
.ls-build:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 300px;
    z-index: 0;
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
.ls-build-inner{
    background-image: url(/images/landing/pcs/liquid-series/24/hotspots-bg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 35px;
    overflow: hidden;
}
.ls-build .liquid-title{
    position: relative;
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
}
.ls-build .ls-hotspots{
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
}
.ls-hotspots .case-tip:before{
    content: '';
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    scale: 2.4;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 45px;
    background-color: rgb(255 255 255 / 80%);
    animation: pulse 1.2s cubic-bezier(.215,.61,.355,1) infinite;
    z-index: -1;
}
@keyframes pulse{
    0% {
        -webkit-transform: scale(0.33);
        transform: scale(0.33);
    }
    80%, 100% {
    opacity: 0;
    }
}

.ls-hotspots .tip1{
    top: 10%;
    left: 45%;
}
.ls-hotspots .tip2{
    top: 35%;
    left: 31%;
}
.ls-hotspots .tip3{
    top: 53%;
    left: 16%;
}
.ls-hotspots .tip4{
    top: 53%;
    left: 78%;
}
.ls-hotspots .tip5{
    top: 30%;
    left: 3%;
}
.ls-hotspots .tip6{
    top: 58%;
    left: 55%;
}
.ls-hotspots .modal-wrapper{
    position: absolute;
    max-width: 550px;
    box-shadow: 0px 0px 11px 4px rgb(0 0 0 / 50%);
    padding: 0 20px;
}
.ls-hotspots .modal{
    z-index: 10;
}
.ls-hotspots .modal-overlay{
    background: rgb(28 28 28 / 0%);
    backdrop-filter: blur(0px);
}
.hotspot-build{
    transition: .5s ease;
}
.ls-hotspots .active-toggle{
    opacity: 0.6;
    filter: blur(2px);
}
.hydro-components {
    position: relative;
    max-width: 1500px;
    margin: 0 auto;
    margin-top: 80px;
}
.hydro-components h2{
    text-align: center;
    font-size: 32px;
}
.hydro-components .vas{
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 60px;
}
.config-bar {
    position: absolute;
    width: 100%;
    height: calc(171px - 130px);
    background: #f9f8bf;
    top: 50%;
    transform: translateY(-5%);
    border-radius: 50px;
    z-index: 0;
}
.hydro-comp{
    position: relative;
    text-align: center;
}
.hydro-comp img{
    width: 150px;
}
.hydro-comp h3{
    font-size: 16px;
    font-weight: 600;
    margin-top: 15px;
}

/*************************************kits*************************************/
.ls-kits{
    margin-top: 100px;
}
.ls-kits .liquid-title{
    max-width: 1170px;
    margin:  0 auto;
    text-align: center;
    padding: 0 25px;
}
.kit-logos{
    margin: 60px 0;
}
/**tabs**/
.tab-list {
    gap: 20px;
}
.tab-list-main{
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}
.tab-item-main{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #ffb538;
    border-radius: 45px;
    padding: 15px 25px;
    min-width: 308px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'saira';
    font-weight: 700;
    font-size: 22px;
    cursor: pointer;
}
.tab-content {
    background: #ffffff;
}
.tab-content-main .ls-drop{
    display: none;
    position: static;
    margin-left: -25px;
    margin-bottom: 20px;
    scale: 0.6;
}
.tab-content-item {
    display: none;
}
/**is-active**/
.tab-item-main.is-active{
    background-color: #ffb538;
}
.tab-content-item.is-active {
    display: block;
}

.kit-choice .tab-item.is-active img, .kit-choice .tab-item.is-active p{
    opacity: 1;
}
.kit-choice .tab-item.is-active{
    background-color: #ffb538;
    color: #ffffff;
}

#corsair-kits .tab-item {
    background-image: url(/images/landing/pcs/liquid-series/24/hydrox-x.png);
    background-size: 0;
    background-position: 50%;
    background-repeat: no-repeat;
}
.ls-drop.c-drop{
    color: #e9e600;
    background-color: #000;
}
.ls-drop.c-drop:before{
    border-bottom: 62px solid #000000;
}
.kit-choice.active .tab-item{
    cursor: grab;
}
.kit-choice{
    display: flex;
    flex-wrap: nowrap;
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px;
    overflow: hidden;
}
.kit-choice .tab-item{
    width: 25%;
    border: 2px solid #ffb538;
    border-radius: 25px;
    text-align: center;
    padding: 30px;
    margin-top: 30px;
    cursor: pointer;
    transition: 0.2s;
    min-height: 300px;
    font-size: 18px;
    position: relative;
    color: #000000;
    animation: fadeIn .5s ease;
}
.kit-choice .tab-item .vend-logo{
    position: absolute;
    top: 10px;
    left: 15px;
    width: 50px;
}
.kit-choice .tab-item img, .kit-choice .tab-item p{
    opacity: 0.4;
}
.kit-choice .tab-item .kit-pc{
    display: block;
    margin: 0 auto;
    padding-top: 15px;
    width: 170px;
}
.kit-choice .tab-item p{
    font-family: saira;
    font-weight: 600;
    color: #000000;
    text-transform: uppercase;
    margin-top: 20px;
}
/**Corsair-tab**/
#corsair-tab{
    border-color: #e9e600;
}
#corsair-tab.is-active{
    background-color: #e9e600;
    color: #000000;
    border: 2px solid #e9e600;
}
#corsair-kits .tab-item{
    border-color: #e9e600;
}
#corsair-kits .tab-item.is-active{
    background-color: #e9e600;
    background-size: 80%;
}
#corsair-kits .vend-logo{
    width: 85px;
}
.ls-drop {
    position: absolute;
    display: flex;
    right: -10px;
    top: -40px;
    background: #000000;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    color: #f7971c;
    z-index: 2;
    font-size: 55px;
    vertical-align: middle;
    align-items: center;
    font-family: 'Saira';
    justify-content: center;
    scale: 0.4;
    font-weight: 700;
}
.ls-drop:before {
    content: "";
    position: absolute;
    top: -81%;
    left: 50%;
    border: 42px solid transparent;
    border-bottom: 62px solid #000000;
    transform: translateX(-50%);
}
/**kit-info**/
.pcs-col2{
    width: 50%;
}
.kit-info{
    position: relative;
    max-width: 600px;
}
.product-btn-holder{
    position: relative;
    max-width: 300px;
    margin: 0 auto;
    height: 50px;
}
.product-btn-holder button{
    position: absolute;
    background-color: #000;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    width: 40px;
    height: 40px;
    z-index: 2;
    line-height: 40px;
    border: none;
}
.product-btn-holder button:focus{
    outline: 2px dashed #000 !important;
    outline-offset: 2px;
}
.product-btn-holder .nextBtn{
    right: 0;
}

.product-carousel{
    overflow: hidden;
}

.product-carousel .liquid-pc-image {
    display: none; 
    opacity: 0;
    animation-duration: 0.8s;
    animation-fill-mode: both;
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
}

.product-carousel .liquid-pc-image.active {
    display: block; /* Display when active */
    opacity: 1;
}
.carousel-indicators,  .carousel-indicators-tab-list{
    display: flex;
    justify-content: center;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    right: 0;
    z-index: 0;
}
.carousel-indicator, .carousel-indicators-tab-list .carousel-indicator{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ccc;
    margin: 0 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.carousel-indicator.active {
    background-color: #000000;
}

/* Animation for sliding to the left */
@keyframes slideLeft {
    from {
        transform: translateX(60px);
    }
    to {
        transform: translateX(0);
    }
}

/* Animation for sliding to the right */
@keyframes slideRight {
    from {
        transform: translateX(-60px);
    }
    to {
        transform: translateX(0);
    }
}

.product-carousel .liquid-pc-image.animateLeft {
    animation-name: slideLeft;
}

.product-carousel .liquid-pc-image.animateRight {
    animation-name: slideRight;
}
.kit-pc-main{
    position: relative;
}
.kit-pc-main .modal-wrapper{
    left: 0;
    right: 0;
}
.liquid-pc-image img{
    margin-bottom: 40px;
}
.ls-kit-content{
    padding: 80px 25px;
    animation: fadeIn .5s ease;
    animation-fill-mode: both;
}
.ls-kit-content h2{
    margin: 0;
}
.show-title{
    display: none;
    margin-bottom: 20px;
}
.kit-title span.hydro-c{
    padding: 7px 15px;
    font-size: 18px;
    font-family: 'Saira';
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 8px;
    vertical-align: middle;
    text-transform: uppercase;
}
span.hydro-c {
    background: black;
    color: #fff;
    border-radius: 24px;
    display: inline-block;
}
.kit-title h3{
    margin-bottom: 30px;
}
#corsair-kit-main .kit-info .vend-logo{
    width: 300px;
}
.kit-info .vend-logo{
    display: block;
    margin-top: 60px;
}
.kit-title .c-white{
    background-color: #ffffff;
    color: #000;
    box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 20%);
}
.tab-item span.hydro-c {
    width: 24px;
    font-size: 16px;
    margin-left: 5px;
      height: 24px;
    line-height: 24px;
}
#corsair-kits .tab-item:nth-child(odd) span.hydro-c{
    background-color: #ffffff;
    color: #000000;
    box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 50%);
}
/**kit droplet colour**/
#entry-kit .ls-drop{
    background-color: red;
}
#entry-kit .ls-drop:before{
    border-bottom-color: red;
}


/**kit-specs**/
.kit-specs{
    background-color: #000000;
    border-radius: 25px;
    padding: 15px;
    justify-content: space-around;
    max-width: 1500px;
    margin: 0 auto;
}
.ls-spec{
    text-align: center;
}
.ls-spec h2{
    font-size: 30px;
    margin-bottom: 30px;
}
.kit-specs span{
    display: block;
    font-weight: 400;
    font-size: 16px;
    margin-top: 10px;
    color: #acacac;
}
.kit-specs p {
    font-size: 14px;
    color: #ffb538;
    font-weight: normal;
}
.kit-specs li{
    font-family: saira;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    width: 25%;
    padding: 15px;
    font-size: 20px;
    color: #ffffff;
}
.kit-specs li:last-child{
    border: none;
}
p.disc{
    font-size: 14px;
    text-align: center;
    color: #000;
    margin-top: 30px!important;
    padding: 5px 20px;
    border-radius: 15px;
    display: inline-block;
}
.kit-info-inner{
    margin-bottom: 60px;
    gap: 25px;
}
.modal-open{
    overflow-y: hidden;
}
span.spec-no, .case-tip{
    font-family: 'saira';
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: 0;
    line-height: 30px;
    font-size: 18px;
    background: #fff;
    border-radius: 35px;
    color: #000;
    transition: .25s ease;
    font-weight: bold;
}
.case-tip.active{
    transform: rotate(45deg);
}
.active.case-tip:before, .active.case-tip:after{
    display: none;
}
span.spec-no{
    margin-right: 15px;
}
#corsair-kit-main .case-tip, #corsair-kit-main .spec-no, #corsair-kit-main .landing-button{
    background: #e9e600;
}
.case-tip:after{
    content: attr(data-tooltip);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 50%;
    padding: 2px 15px;
    transform: translate(-50%, -10px);
    font-family: 'saira';
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    background-color: #fff;
    color: #000000;
    transition: .5s ease;
    width: max-content;
    border-radius: 20px;
}
.case-tip:hover:after{
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -40px);
}
@keyframes pulseRing{
    0% {
        -webkit-transform: scale(.33);
        transform: scale(.33);
    }
    80%, 100% {
        opacity: 0;
    }
}
.case-tip{
    position: absolute;
    cursor: pointer;
    z-index: 2;
}


/**corsair mid tooltip positioning**/
#c-mid-kit-white .tip1{
   left: 46%;
    top: 12%;
}
#c-mid-kit-white .tip2{
  left: 74%;
    top: 49%;
}
#c-mid-kit-white .tip3{
      top: 27%;
    left: 31%;
}
#c-mid-kit-white .tip4{
   top: 46%;
    left: 35%;
}
/**corsair mid BLACK**/
#c-mid-kit-black .tip1{
    left: 50%;
    top: 15%;
}
#c-mid-kit-black .tip2{
    left: 75%;
    top: 50%;
}
#c-mid-kit-black .tip3{
    left: 32%;
    top: 35%;
}
#c-mid-kit-black .tip4{
    left: 32%;
    top: 55%;
}
/**corsair high WHITE**/
#c-high-kit-white .tip1{
    left: 80%;
    top: 40%;
}
#c-high-kit-white .tip2{
    left: 68%;
    top: 59%;
}
#c-high-kit-white .tip3{
    left: 30%;
    top: 30%;
}
#c-high-kit-white .tip4{
    left: 33%;
    top: 48%;
}
/**corsair high BLACK**/
#c-high-kit-black .tip1{ 
    left: 50%;
    top: 15%;
}
#c-high-kit-black .tip2{
    left: 70%;
    top: 45%;
}
#c-high-kit-black .tip3{
    left: 30%;
    top: 34%;
}
#c-high-kit-black .tip4{
    left: 38%;
    top: 50%;
}
/**ek kit toolip positioning**/
#mid-kit .tip1{
    left: 50%;
    top: 15%;
}
#mid-kit .tip2{
    left: 70%;
    top: 45%;
}
#mid-kit .tip3{
    left: 30%;
    top: 34%;
}
#mid-kit .tip4{
    left: 38%;
    top: 50%;
}
/**high**/
#high-kit .tip1{
    left: 50%;
    top: 15%;
}
#high-kit  .tip2{
    left: 56%;
    top: 54%;
}
#high-kit  .tip3{
    left: 26%;
    top: 34%;
}
#high-kit  .tip4{
    left: 38%;
    top: 50%;
}
/**extreme**/
#extreme-kit .tip1{
    left: 25%;
    top: 25%;
}
#extreme-kit .tip2{
    left: 65%;
    top: 67%;
}
#extreme-kit .tip3{
    left: 60%;
    top: 30%;
}
#extreme-kit .tip4{
    left: 44%;
    top: 25%;
}
#lian-kit .tip1{
    left: 50%;
    top: 8%;
}
#lian-kit .tip2{
    left: 80%;
    top: 55%;
}
#lian-kit .tip3{
    left: 30%;
    top: 34%;
}
#lian-kit .tip4{
    left: 38%;
    top: 50%;
}
#fractal-kit .tip1 {
    top: 20%;
    left: 80%;
}
#fractal-kit .tip2 {
    top: 35%;
    left: 67%;
}
#fractal-kit .tip3 {
    left: 28%;
    top: 35%;
}
#fractal-kit .tip4 {
    left: 20%;
    top: 55%;
}

/**ek-kit**/
#ek-kit-main .case-tip, #ek-kit-main .landing-button, #ek-kit-main span.spec-no{
    background-color: #ffb538;
}
#ek-kits .tab-item{
    background-image: url(/images/landing/pcs/liquid-series/24/ek-splash.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 0;
}
#ek-kits .tab-item.is-active{
    background-size: 80%;
}

/**tubing**/
.ls-tubing{
    padding: 80px 25px;
    overflow: hidden;
}
#tubing h2{
	text-align: center;
}
#tubing p{
    margin-top: 25px;
  	color: #acacac;
}
.tubing-holder:nth-child(even).ls-offset {
    margin-top: 70px;
}
.tubing-holder:nth-child(odd).ls-offset {
    margin-top: -70px;
}
.ls-tubing .lg-container{
    max-width: 1400px;
}
.ls-tubing .vas{
    justify-content: center;
  	flex-wrap: wrap;
}
.tubing-holder{
    position: relative;
}
.tubing-holder > div {
    position: relative;
    margin: 10px;
    background-color: #202020;
    border-radius: 30px;
    overflow: hidden;
    min-height: 650px;
    z-index: 1;
}
.tubing-type {
    position: absolute;
    bottom: 40px;
    color: #ffffff;
    padding: 25px 40px;
}
.tubing-type h3 {
    font-size: 30px;
    font-weight: 700;
}
.tubing-holder .tubing-gal{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s ease
}
.tubing-icon{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -70%);
    opacity: 0;
    padding: 10px;
    transition: .5s ease;
    width: 340px
}
.tubing-holder:hover .tubing-icon{
    opacity: 1;
    transform: translate(-50%, -50%);
}
.ls-blob{
    position: absolute;
    z-index: 0;
    scale: 0.8;
    transform: translateY(50%);
    transition: .5s ease;
}
.ls-blob.green{
    top: -45%;
    left: -27%;
}
.ls-blob.blue{
    top: -45%;
  	right: -20%;
}
.ls-blob.purple{
    left: -26%;
    bottom: 7%;
}
.ls-blob.orange {
    bottom: -21%;
    right: -29%;
    transform: rotate(-13deg);
}
/**tubing animtion**/
.ls-tubing.show .ls-blob{
    scale: 1;
    transform: translateY(0%);
    animation-delay: .5s;
}


/**cooling-vid**/
.ls-cooling{
    padding: 35px;
}
.ls-cooling .vas{
    gap: 40px;
}
.cooling-vid{
    position: relative;
    max-width: 800px;
    border-radius: 25px;
    margin: 0 auto;
    overflow: hidden;
    min-height: 800px;
}
.ab-vid video{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ls-cooling h3{
    margin-top: 40px;
    font-size: 30px;
    font-weight: bold;
}
.ls-cooling ul.tick-list li:before{
    background-color: #000;
    color: #fff;
}
.ls-c-inner{
    max-width: 600px;
    margin: 0 auto;
}


/**testing**/
.ls-testing{
    padding: 80px 35px;
}
.ls-testing-image{
    max-width: 800px;
    border-radius: 25px;
    overflow: hidden;
}


/**bult by experts**/
.ls-experts{
    background-image: url(/images/landing/pcs/liquid-series/24/built-by-experts.jpg);
    background-position: 50%;
    background-size: cover;
    color: #fff;
    text-align: center;
}
.ls-experts-info{
    min-height: 1000px;
    flex-direction: column;
    justify-content: center;
}
/**liquid-showcase**/
.ls-showcase{
    background-image: url(/images/landing/pcs/liquid-series/24/liquid-blobs.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 25px;
}
.ls-showcase .gal-title{
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
}
/**service**/
.ls-service{
    background-color: #000000;
    color: #fff;
    padding: 100px 25px;
}
.service-title{
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
}
.service-title img{
    margin-bottom: 25px;
  	width: 60px;
}
.service-info{
    align-items: baseline;
    margin-top: 80px;
    gap: 80px;
}
.service-info h3{
    font-weight: 700;
    margin-bottom: 25px;
}
.service-info .pcs-col2:first-child{
    border-right: 4px solid #181818;
    padding-right: 80px;
}
.ls-contact{
    margin-top: 40px;
}
.ls-contact p{
    font-size: 24px;
}


.ls-wrapper picture{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.ls-wrapper picture img {
    object-fit: cover;
    object-position: 50% 100%;
    width: 100%;
    height: 100%;
    user-select: none;
}
.v-rev{
    gap: 40px;
    flex-direction: row-reverse;
}
.ls-gal-container{
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(2,1fr);
    grid-auto-rows: 550px;
    margin-top: 120px;
}

.ls-gal-item{
    position: relative;
    overflow: hidden;
}
.ls-gal-item img{
    border-radius: 20px;
}
.gal-item-1 {
    grid-row: 1/3;
}
.gal-item-2{
    margin-top: -50px;
}
.gal-item-3{
    margin-bottom: 60px;
    margin-right: 8%;
}
.ls-gal-item .ls-drop{
    top: 10px;
    left: 0;
}
.ls-tool p{
    position: absolute;
    z-index: 1;
    font-family: saira;
    top: 45px;
    left: 40px;
    background: white;
    padding: 2px 10px;
    border-radius: 15px;
    font-weight: 600;
    text-transform: uppercase;
    opacity: 0;
    transform: translateX(0);
    transition: .5s ease;
    font-size: 15px;
}
.ls-gal-item:hover .ls-tool p{
    opacity: 1;
    transform: translateX(40px);
}

/**animations**/
@keyframes fadeDown{
    0%{
        opacity: 0;
        transform: translateY(-40px);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}

@media screen and (min-width: 600px){
    .kit-specs li:nth-last-child(-n+2) > div{
        border-bottom: none;
    }
}
@media screen and (min-width: 960px){
    #ls-nav.sticky #nav-config{
        display: block;
    }
    /**carousel buttons**/
    .scroll-button{
        display: none;
    }
    .kit-specs li{
        border-right: 1px solid #808080;
    }
    .ls-cooling{
        margin: 170px 0;
    }
}
@media screen and (max-width: 1400px){
    .ls-gal-container{
        grid-auto-rows: 350px;
        gap: 20px;
    }
}
@media screen and (max-width: 1170px){
  .kit-choice .tab-item{
    flex: 0 0 auto;
    width: 48%;
}
    .liquid-outer img {
    width: 80px;
}
  .liquid-right img {
    width: 350px;
}
    .ls-wrapper h2{
        font-size: 35px;
    }
    .ls-headline img{
        margin-top: 100px;
    }
    .ls-line-title{
        margin-top: 60px;
    }
    .ls-config-holder{
        gap: 60px;
    }
    .ls-config{
        width: 50%;
        padding: 10px;
    }
    .ls-config-inner img{
        width: 120px;
    }
    .ls-config-inner > div{
        padding: 20px 0;
    }
    .ls-config-opt{
        padding: 100px 20px;
        margin: 40px 0;
        overflow: hidden;
    }
    .tubing-holder{
        min-height: 300px;
    }
    .tubing-holder .tubing-icon{
        display: none;
    }
    .tubing-holder:hover .tubing-gal, .tubing-holder:hover h2{
        opacity: 1;
        transform: none;
    }
    .tubing-holder h2{
        font-size: 22px!important;
    }
    .ls-experts-info{
        min-height: 500px;
    }
    .config-bar{
        display: none;
    }
    .hydro-comp{
        width: calc(33% - 20px);
    }
    .cooling-vid{
        min-height: 500px;
    }
  .liquid-vid-content{
        transform: translate(-50%, -60%);
  }
}

@media screen and (max-width: 960px){
  .tubing-holder > div{
	    min-height: 550px;
  }
      .tubing-holder:nth-child(odd).ls-offset, .tubing-holder:nth-child(even).ls-offset {
        margin: 0;
    }
  #tubing .pcs-col2 {
    width: 100%;
}
    .ls-config-holder{
        gap: 0;
    }
    .ls-config-inner{
       justify-content: space-between;
    }
    .ls-shape{
        display: none;
    }
    .pcs-scroll-btn{
        display: none;
    }
    .modal .ls-modal-title h2{
        font-size: 26px;
    }
    /**hide nav for mobile**/
    #ls-nav{
        bottom: -20px;
    }
    #ls-nav .liquid-nav.expand {
        display: block; 
        position: absolute;
        top: 45px;
        left: 15px;
        right: 15px;
        padding: 20px;
        border-radius: 30px;
   }
    #ls-nav .liquid-nav{
       display: none;
       text-align: center;
   }  
   .ls-mob-menu{
        display: block;
        margin: 0 auto;
   }
   .liquid-navbar li{
        display: block;
   }
   #nav-config{
        display: block;
   }
   #ls-nav.sticky{
    top: 0;
    margin: 0;
   }
   .droplet.sticky{
        position: fixed;
        top: 0;
        z-index: 10;
}
    .menu-anim{
        animation: fadeDown .25s ease-in-out;
}

#ek-kits .tab-item.is-active{
    background-size: contain;
}
#corsair-kits .tab-item.is-active{
    background-size: contain;
}
.ls-kit-content .vas{
    flex-wrap: wrap;
    align-items: inherit;
    padding: 0;
}
.kit-specs li{
    display: flex;
    width: 50%;
    padding: 0;
}
.kit-specs li > div{
    display: flex;
    flex-direction: column;
    padding: 15px;
    width: 100%;
    border-bottom: 1px solid #808080;
}
.kit-specs li:last-child > div{
    border-bottom: none;
}
.kit-specs li:nth-child(odd) > div{
    border-right: 1px solid #808080;
}
span.spec-no{
    margin: 0 auto;
    margin-bottom: 15px;
}
.ls-kit-content .pcs-col2{
    width: 100%;
}
.kit-info{
    max-width: 100%;
    text-align: center;
}
.kit-info-inner{
    margin-bottom: 40px;
}
.kit-info .vend-logo{
    margin: 40px auto;
}
#kits .landing-button{
    margin: 40px 0;
}
.tab-content-main .ls-drop{
    display: none;
}
.ls-config-opt{
    padding: 0 20px;
}
.ls-build{
    margin: 0;
}
.kit-title.show-title{
    text-align: center;
    display: block;
}
.kit-title{
    display: none;
}
.ls-gal-container{
    grid-auto-rows: 250px;
}
.gal-item-2, .gal-item-3{
    margin: 0;
}
}

@media screen and (max-width: 800px){
    .liquid-logo{
        display: block;
    }
    .tab-item-main{
        padding: 10px 15px;
        font-size: 16px;
        min-width: 200px;
    }
    .logo__wrap{
        display: none;
    }
    .ls-wrapper h2{
        font-size: 36px;
    }
    .modal-body h2{
        font-size: 20px;
    }
    .modal-content p{
        display: none;
    }
    .ls-kit-content{
        padding: 25px;
        margin: 0;
    }
    .tab-list-main{
        gap: 8px;
    }
    .tab-item:after{
        margin-left: 10px;
    }
    .ls-tubing .vas, .ls-cooling .vas, .service-info, .ls-testing .vas{
        flex-wrap: wrap;
    }
    .pcs-col2{
        width: 100%;
    }
    .ls-config-holder{
        max-width: 550px;
        flex-wrap: wrap;
    }
    .ls-config{
        width: 100%;
        padding: 10px;
    }
    .service-info .pcs-col2:first-child{
        border: none;
    }
    .ls-tubing h2{
        margin: 0;
    }
    .ls-tubing .pcs-col3{
        margin-top: 40px;
    }
      .ls-showcase-cara {
        margin-top: 0;
    }
}

@media screen and (max-width: 600px){
    .modal-body{
        flex-wrap: wrap;
    }
    #modal1 p{
        display: none;
    }
    .ls-modal-title h2{
        font-size: 20px;
    }
    .modal .landing-button{
        padding: 10px 15px;
        font-size: 15px;
    }
    .ls-modal-title{
        margin: 20px 0;
    }
    .modal-content{
        padding: 1.2em;
    }
    .modal-content > div{
        margin: 20px 0;
    }
    .modal .modal-body h2{
        font-size: 18px;
    }
    .modal-content img{
        width: 120px;
    }
    .ls-kits{
        margin-top: 40px;
    }
    .kit-choice .tab-item{
        padding: 20px;
        min-height: 200px;
        width: calc(100% - 40px);
    }
    .kit-choice .tab-item .kit-pc{
        width: 140px;
    }
    .kit-choice .tab-item .vend-logo{
        top: 5px;
    }
    .tab-item-main{
        min-width: auto;
        font-size: 14px;
    }
    #corsair-kits .vend-logo{
        width: 60px;
    }
    .show-title span.hydro-c{
        display: block;
        max-width: 200px;
        margin: 15px auto;
    }
    .modal .ls-modal-title h2{
        font-size: 20px;
    }
    .hydro-comp{
        width: calc(50% - 20px);
    }
    .ls-gal-container {
        grid-auto-rows: 150px;
        gap: 10px;
        margin-top: 60px;
    }
    .ls-gal-item img{
        border-radius: 10px;
    }
    .kit-specs li{
        font-size: 16px;
        width: 100%;
    }
    .kit-specs li > div, .kit-specs li:nth-child(odd) > div{
        border-right: none;
    }  

}
@media screen and (max-width: 450px){
    .ls-config-inner{
        flex-wrap: wrap;
        justify-content: center;
        gap: 0;
    }
    .ls-config-inner > div{
        width: 100%;
        text-align: center;
    }
    .ls-config-inner img{
        margin: 0 auto;
    }
}

@media screen and (min-width: 960px){
  .ls-wrapper p{
   	font-size: 18px;
    line-height: 1.8;
  }
}