.splide .splide__pagination {
  bottom: 20px;
}	 
.splide  .splide__pagination__page {
    width: 10px;
    height: 10px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    margin: 0 4px;
    transition: all 0.3s ease;
  }
.splide  .splide__pagination__page.is-active {
  background: #E5E553;
  transform: none;
  opacity:1;
}	

.page-template-template-home header .logo svg .st0 {
   fill: #fff;
 }
 .page-template-template-home header nav ul li a {
   color: #fff;
 }
 .splide {
   position: relative;
   visibility: hidden;
   height: 100%;
   overflow: hidden;
 }
 .splide__track {}
 .splide__slide {
   width: 100%;
   position: relative;
 }
 .splide li img {
   width: 100%;
 }
 .slide1 h1 {
   color: #fff;
   max-width: 630px;
   font-size: 80px;
   line-height: 80px;
   letter-spacing: -2.4px;
   font-family: 'GT Flexa Extended';
   font-weight: normal;
   margin: 0 0 109px;
 }
 .heading h2 {
   color: #fff;
   max-width: 630px;
   font-size: 80px;
   line-height: 80px;
   letter-spacing: -2.4px;
   font-family: "indivisible";
   font-weight: 500;
   font-weight: normal;
 }
 .slide1 {
   padding: 117px 100px 120px;
   width: 100vw;
 }
 .slide1 .left-box {
   width: 50%;
 }
 .slide1 .right-box {
   width: 50%;
 }
 .slide1 p {
   color: #FFF;
   font-size: 30px;
   line-height: 35px;
   letter-spacing: -0.9px;
   max-width: 590px;
   margin: 0 0 55px;
   font-weight: 500;
 }
 .slide1 .image {
   padding-left: 80px;
   margin-top: 80px;
   position: absolute;
 }
 .slide1 .image img {
   max-width: 394px;
   width: auto;
 }
 .slide1 .content a {
   background: #E5E553;
   color: #340000;
   font-size: 18px;
   line-height: 18px;
   font-weight: 500;
   display: inline-block;
   padding: 25px 79px 25px 76px;
   border-radius: 100px;
   position:relative;
   overflow:hidden;
 }
 .slide1 .content a::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 0%;
  background: #340000;
  transition: 0.5s ease-out;
}
 .slide1 .content a:hover::before {
  width: 100%;
}
 .slide1 .content a:hover span {
  color: #fff;
  transition: 0.2s 0.1s;
}

 .slide1 .content a:hover svg path {
  fill: #fff;
}
 .slide1 .content a span {
  position: relative;
  display: inline-block;
}
 .slide1 .content a svg {
  height: auto;
  position: relative;
  top: 0px;
  left: 4px;
  width: 14px;
}
 .slide-content {
   position: absolute;
   padding: 117px 100px 120px;
   width: 100%;
   height: 100%;
   display: flex;
   flex-wrap: wrap;
 }
 .slide-content .content {
   margin-top: auto;
   display: flex;
   flex-wrap: wrap;
   column-gap: 0;
   width: 100%;
   max-width: 1100px;
 }
 .slide-content .heading {
   width: 100%;
 }
 .slide-content .content .left-box {
   position: relative;
 }
 .slide-content .content .right-box {
   width: 56%;
   padding-left: 66px;
 }
 .slide-content .content .left-box:after {
   position: absolute;
   content: "";
   background: #340000;
   width: 2px;
   height: 62px;
   top: 6px;
   right: -28px;
 }
 .slide-content h4 {
   font-family: "indivisible";
   color: #340000;
   font-size: 30px;
   line-height: 35px;
   letter-spacing: -0.9px;
   font-weight: 500;
 }
 .slide-content .content p {
   font-size: 16px;
   line-height: 22px;
   color: #340000;
   margin: 0;
   position: relative;
   top: 1px;
 }
 .slide-content.contact {
   align-items: center;
 }
 .slide-content .content-box {
   background: #fff;
   border-radius: 30px;
   max-width: 768px;
   min-width: 768px;
   max-height: 650px;
   padding: 55px 50px 57px;
   margin: 0 auto;
   text-align: center;
 }
 .slide-content .content-box .logo {
   max-width: 133px;
   margin: 0 auto 72px;
 }
 .slide-content .content-box .text h4 {
   margin: 0 0 15px;
 }
 .slide-content .content-box .text h2 {
   color: #340000;
   max-width: 400px;
   margin: 0 auto 22px;
 }
 .slide-content .content-box .text p {
   font-size: 20px;
   color: #340000;
   margin: 0 auto 73px;
   max-width: 360px;
   line-height: 25px;
 }
 .slide-content .content-box .text ul {
   list-style: none;
   padding: 0;
   margin: 0;
   display: flex;
   justify-content: center;
   align-items: center;
   column-gap: 16px;
 }
 .slide-content .content-box .text ul li a {
   background: #E5E553;
   color: #340000;
   font-size: 16px;
   line-height: 16px;
   font-weight: 500;
   display: inline-block;
   padding: 25px 20px;
   border-radius: 100px;
   min-width: 278px;
   text-align: center;
 }
 .splide__arrow--prev {
   background: url("https://kerbsideintelligence.com/wp-content/themes/kerbside/assets/images/slide/arrow-left.svg") no-repeat !important;
   width: 100px !important;
   height:100px !important;
   right: 35px !important;
   background-size: 100px !important;
   opacity: 0 !important;
   background-position: left !important;
 }
 .splide__arrow--next {
   background: url("https://kerbsideintelligence.com/wp-content/themes/kerbside/assets/images/slide/arrow-right.svg") no-repeat !important;
   width: 100px !important;
   height: 100px !important;
   right: 35px !important;
   background-size: 100px !important;
   opacity: 0 !important;
   background-position: right !important;
 }
.splide:hover .splide__arrow--prev,  .splide:hover .splide__arrow--next {
   opacity: 1 !important;
 }
 .splide__arrow svg {
   display: none;
 }
 .page-template-template-home footer {
   display: none;
 }
 .desktop .splide__slide img {
   position: relative;
   z-index: 1;
 }
 .splide__slide .circle {
   position: absolute;
   border-radius: 50%;
   width: 10vw;
   height: 10vw;
   transform: translate(-50%, -50%) scale(0);
   will-change: transform, opacity;
   --fade: 0%;
   background: radial-gradient(circle, transparent var(--fade), rgba(229, 229, 83, 0.5) calc(var(--fade) + 15%), rgba(229, 229, 83, 1) calc(var(--fade) + 35%));
   border: none; /* remove hard border */
 }
 .splide__slide[data-slide-index="2"] .circle {
   left: 56.5vw;
   top: 19.5vw;
 }
 .splide__slide[data-slide-index="3"] .circle {
   top: 20.5vw;
   width: 9vw;
   height: 9vw;
 }
 .splide__slide[data-slide-index="3"] .circle-1 {
   left: 38vw;
 }
 .splide__slide[data-slide-index="3"] .circle-2 {
   left: 68vw;
 }
 .splide__slide[data-slide-index="3"] .circle-3 {
   top: 21.4vw;
   left: 90vw;
 }
 .splide__slide .circle-big {
   width: 28vw;
   height: 2vw;
   border-radius: 50%;
   transform-style: flat;
   backface-visibility: unset;
   transform: translate(-50%, -50%) scale(0);
   will-change: transform, opacity;
   --fade: -50%;
   background: radial-gradient(ellipse at center, transparent var(--fade), rgba(229, 229, 83, 0.5) calc(var(--fade) + 15%), rgba(229, 229, 83, 1) calc(var(--fade) + 35%));
   border: none;
 }
 .splide__slide[data-slide-index="4"] .circle {
   left: 54vw;
   top: 43vw;
 }
 .splide__slide .lines {
   position: absolute;
   top: 27vw;
   left: 50vw;
   transform: translate(-50%, -50%);
 }
 .splide__slide .line {
   position: absolute;
   transform-origin: left;
   width: 18vw;
   height: .3rem;
   border-radius: .1rem;
   overflow: hidden;
 }
 .splide__slide .line span {
   display: inline-block;
   width: 100%;
   height: 100%;
   transform: translateX(-100%);
   background-color: #e5e553;
 }
 .splide__slide .line-1 {
   transform: rotate(25deg);
   width: 15.5vw;
 }
 .splide__slide .line-2 {
   transform: rotate(43.5deg);
 }
 .splide__slide[data-slide-index="6"] .circle {
   width: 12vw;
   height: 12vw;
   left: 53.5vw;
   top: 19vw;
 }
 .splide__slide[data-slide-index="7"] .circle {
   width: 18vw;
   height: 18vw;
   left: 60vw;
   top: 19vw;
 }
 .desktop .splide__slide[data-slide-index="8"] img {
   position: static;
 }
 @media screen and (max-width:1279px) {
   .splide__slide[data-slide-index="4"] .circle {
     left: 54vw;
     top: 43vw;
   }
 }
 @media screen and (max-width:1439px) {
   .slide-content .content .right-box {
     width: 50%;
   }
 }
 @media screen and (max-width:1199px) {
   .slide1 {
     padding: 117px 20px 120px;
   }
   .slide1 h1 {
     font-size: 63px;
     line-height: 70px;
     letter-spacing: -2px;
     margin: 0 0 62px;
   }
   .slide-content {
     padding: 117px 20px 120px;
   }
   .slide-content .content .right-box {
     width: 100%;
     padding-left: 0;
   }
   .slide-content h4 {
     margin: 0 0 22px;
   }
   .slide-content .content .left-box::after {
     display: none;
   }
   .slide-content .content .left-box, .slide-content .right-box {
     width: 100%;
   }
   .slide-content .content p br {
     display: none;
   }
 }
 @media screen and (max-width:1023px) {
   .heading h2 {
     font-size: 46px;
     line-height: 50px;
     letter-spacing: -1.4px;
   }
   .slide1 {
     padding: 117px 35px 120px;
   }
   .slide1 h1 {
     font-size: 36px;
     line-height: 46px;
     letter-spacing: -1.4px;
     margin: 0 0 10px;
   }
   .slide1 p {
     font-size: 22px;
     line-height: 26px;
     letter-spacing: -0.9px;
   }
   .slide1 .content a {
     font-size: 16px;
     line-height: 16px;
     padding: 25px 28px 25px 28px;
   }
   .splide__slide {
     min-height: 100vh;
   }
   .slide1 .image img {
     max-width: 300px;
     width: auto;
   }
   .slide-content .content .left-box::after {
     display: none;
   }
   .slide-content {
     padding: 123px 35px 120px;
   }
   .slide-content h4 {
     margin: 0 0 16px;
   }
   .slide-content h4 br, .slide-content .content p br {
     display: none;
   }
   .desktop .splide__slide img {
     top: 206px;
   }
   .splide__arrow--prev, .splide__arrow--next {
     background-size: 60px !important;
   }
   .splide__slide[data-slide-index="2"] .circle {
     left: 56.5vw;
     top: 42vh;
   }
   .splide__slide[data-slide-index="3"] .circle {
     top: 45vw;
   }
   .splide__slide[data-slide-index="3"] .circle-2 {
     left: 69vw;
   }
   .splide__slide[data-slide-index="3"] .circle-3 {
     top: 46vw;
   }
   .splide__slide[data-slide-index="4"] .circle {
     top: 66.8vh;
   }
   .splide__slide .lines {
     top: 53vw;
   }
   .splide__slide[data-slide-index="6"] .circle {
     left: 54vw;
     top: 43vw;
   }
   .splide__slide[data-slide-index="7"] .circle {
     left: 61vw;
     top: 43vw;
     width: 15vw;
     height: 15vw;
   }
   .slide-content .content-box {
     max-width: 700px;
     min-width: 700px;
     max-height: 650px;
   }
 }
 @media screen and (max-width:820px) {
   .slide-content {
     padding: 117px 35px 50px;
   }
 }
 @media screen and (max-width:767px) {
   header {
     padding: 40px 35px;
   }
   .desktop {
     display: none;
   }
   .mobile {
     display: block !important;
     min-height: 100dvh;
   }
   .mobile .splide, .mobile .splide .splide__track, .mobile .splide .splide__track .splide__list {
     min-height: 100dvh;
   }
	
	 .mobile .splide .splide__slide {
		/*  min-height: 100dvh;
		 max-height: 100dvh;*/
		 min-height: auto;
		 max-height: inherit;
		 overflow: auto;
		 overscroll-behavior: contain; 
		 overflow: hidden;
	 }
	 .mobile .splide .splide__slide {
		 -webkit-overflow-scrolling: touch;
	 }
	/* .mobile .splide #splide01-slide01 {
		 max-height: 100dvh !important;
		 min-height: 100dvh !important;
		 overflow: hidden;
	 }*/
   .slide1 {
     padding: 100px 0 105px;
   }
   .slide1 .left-box {
     width: 100%;
     padding: 0 35px;
   }
   .slide1 .right-box {
     width: 100%;
   }
   .slide1 h1 {
     max-width: 630px;
     font-size: 40px;
     line-height: 40px;
     letter-spacing: 0;
     margin: 0 0 10px;
   }
   .slide1 p {
     font-size: 16px;
     line-height: 20px;
     letter-spacing: 0;
     max-width: 590px;
     margin: 0 0 45px;
   }
   .slide1 .image {
     padding-left: 0;
     margin-top: 0;
     position: absolute;
     left: 0;
     right: 0;
     text-align: center;
   }
   .slide1 .image img {
     max-width: 230px;
     width: auto;
     margin-top: 0;
   }
	 .slide1 .right-box a {
		 font-size: 16px;
		 line-height: 16px;
		 font-weight: 600;
		 display: inline-block !important;
		 padding: 17px 9px 17px 17px;
		 border-radius: 100px;
		 position: absolute;
		 z-index: 99;
		 bottom: 52px;
		 left: 0;
		 right: 0;
		 max-width: 323px;
		 margin: 0 auto;
		 background: #E5E553;
		 color: #340000;
		 min-height: auto;
	 }
	 .slide1 .right-box a img {
		 width: auto;
		 height: auto;
		 position: relative;
		 top: -4px;
		 left: 2px;
	 }
	 
   .slide1 .content a {
     font-size: 16px;
     line-height: 16px;
     font-weight: 600;
     display: inline-block;
     padding: 17px 9px 17px 17px;
     border-radius: 100px;
     position: absolute;
     z-index: 1;
     bottom: 52px;
     left: 0;
     right: 0;
     max-width: 323px;
     margin: 0 auto;
   }
   .splide__arrow.splide__arrow--prev {
     display: none;
   }
   .splide__arrow--next {
     background: url("https://kerbsideintelligence.com/wp-content/themes/kerbside/assets/images/slide/arrow-right.svg") no-repeat !important;
     width: 50px !important;
     height: 50px !important;
     right: 35px !important;
     background-size: 50px !important;
     opacity: 1 !important;
     background-position: right !important;
     top: auto !important;
     bottom: 53px;
     display: none !important;
   }
   .splide__arrow--next svg {
     display: none;
   }
	
.splide .splide__pagination {
  bottom: 20px;
}	 
.splide  .splide__pagination__page {
    width: 10px;
    height: 10px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    margin: 0 4px;
    transition: all 0.3s ease;
  }
.splide  .splide__pagination__page.is-active {
  background: #E5E553;
  transform: none;
  opacity:1;
}	 
	 
	 
	 
   .slide-content {
     position: relative;
     /*padding: 140px 0 105px;*/
     padding: 100px 0 20px;
     display: block;
   }
   .heading {
     width: 100%;
     padding: 0 35px;
   }
   .splide li img {
     width: 100%;
     position: relative;
     margin-top: -34px;
   }
   .slide-content .content {
     /*padding:113px 35px 0;*/
     padding: 10px 35px 40px;
   }
   .slide-content .content p {
     font-weight: 400;
     font-size: 16px;
     line-height: 20px;
     letter-spacing: 0%;
   }
   .slide-content .content p strong {
     font-weight: 600;
   }
   .heading h2 {
     max-width: 630px;
     font-size: 40px;
     line-height: 40px;
     font-weight: 500;
   }
   .slide-content .content-box {
     background: #fff;
     border-radius: 30px;
     max-width: calc(100% - 70px);
     min-width: calc(100% - 70px);
     max-height: 590px;
     padding: 40px 50px 57px;
     margin: 0 auto;
     text-align: center;
     z-index: 9;
     position: relative;
   }
   .slide-content .content-box .logo {
     max-width: 133px;
     margin: 0 auto 30px;
   }
   .slide-content .content-box .text h4 {
     text-transform: uppercase;
     font-weight: 600;
     font-size: 21px;
     line-height: 25px;
     letter-spacing: 0;
     /*margin-bottom: 55px;*/
     margin-bottom: 35px;
   }
   .slide-content .content-box .text h2 {
     max-width: 400px;
     margin: 0 auto 19px;
     font-size: 39px;
     line-height: 39px;
   }
   .slide-content .content-box .text p {
     font-size: 16px;
     color: #000;
     margin: 0 auto 57px;
     max-width: 78%;
     line-height: 20px;
   }
   .slide-content .content-box .text ul {
     display: block;
   }
   .slide-content .content-box .text ul li a {
     font-size: 16px;
     line-height: 16px;
     font-weight: 600;
     padding: 17px 20px;
     min-width: 233px;
     text-align: center;
     margin: 0 0 15px;
   }
   .slide-content.contact + .line {
     position: absolute;
     top: 180px;
     width: 100%;
     height: auto;
   }
   .splide__slide .circle {
     /* 		width: 4rem;
		height: 4rem; */
   }
   .splide__slide[data-slide-index="2"] .circle {
     left: 50vw;
     top: 66vw;
     width: 20vw;
     height: 20vw;
   }
   .splide__slide[data-slide-index="3"] .circle {
     width: 12vw;
     height: 12vw;
     top: 60vw;
   }
   .splide__slide[data-slide-index="3"] .circle-1 {
     left: 12vw;
   }
   .splide__slide[data-slide-index="3"] .circle-2 {
     left: 52vw;
   }
   .splide__slide[data-slide-index="3"] .circle-3 {
     top: 63vw;
     left: 78vw;
   }
   .splide__slide[data-slide-index="4"] .circle-big {
     left: 50vw;
     top: 105vw;
     width: 85vw;
     height: 8vw;
   }
   .splide__slide[data-slide-index="6"] .circle {
     left: 48vw;
     top: 56vw;
     width: 26vw;
     height: 26vw;
   }
   .splide__slide[data-slide-index="7"] .circle {
     left: 50vw;
     top: 58vw;
     width: 26vw;
     height: 26vw;
   }
   .splide__slide .lines {
     top: 74vw;
     left: 27vw;
   }
   .splide__slide .line-2 {
     width: 46vw;
     transform: rotate(52.5deg);
   }
   .splide__slide .line-1 {
     width: 41vw;
     transform: rotate(40deg);
   }
 }
 @media screen and (max-width:540px) {
   .splide__slide[data-slide-index="2"] .circle {
     top: 76vw;
   }
   .splide__slide[data-slide-index="3"] .circle {
     top: 70vw;
   }
   .splide__slide[data-slide-index="3"] .circle-3 {
     top: 73vw;
   }
   .splide__slide[data-slide-index="4"] .circle-big {
     top: 118vw;
   }
   .splide__slide[data-slide-index="6"] .circle {
     left: 48vw;
     top: 66vw;
   }
   .splide__slide[data-slide-index="7"] .circle {
     left: 50vw;
     top: 68vw;
   }
 }
 @media screen and (max-width:430px) {
   .splide__slide[data-slide-index="2"] .circle {
     top: 84vw;
   }
   .splide__slide[data-slide-index="3"] .circle {
     top: 78vw;
   }
   .splide__slide[data-slide-index="3"] .circle-3 {
     top: 81vw;
   }
   .splide__slide[data-slide-index="4"] .circle-big {
     top: 126vw;
   }
   .splide__slide[data-slide-index="6"] .circle {
     top: 68vw;
   }
   .splide__slide[data-slide-index="7"] .circle {
     top: 76vw;
   }
 }
 @media screen and (max-width:412px) {
   .splide__slide[data-slide-index="2"] .circle {
     top: 77vw;
   }
   .splide__slide[data-slide-index="3"] .circle {
     top: 80vw;
   }
   .splide__slide[data-slide-index="3"] .circle-3 {
     top: 83vw;
   }
   .splide__slide[data-slide-index="4"] .circle-big {
     top: 125vw;
   }
   .splide__slide[data-slide-index="6"] .circle {
     top: 76vw;
   }
   .splide__slide[data-slide-index="7"] .circle {
     top: 78vw;
   }
 }
 @media screen and (max-width:390px) {
   .splide__slide[data-slide-index="2"] .circle {
     top: 77vw;
   }
   .splide__slide[data-slide-index="3"] .circle {
     top: 83vw;
   }
   .splide__slide[data-slide-index="3"] .circle-3 {
     top: 86vw;
   }
   .splide__slide[data-slide-index="4"] .circle-big {
     top: 125vw;
   }
   .splide__slide[data-slide-index="6"] .circle {
     top: 79vw;
   }
   .splide__slide[data-slide-index="7"] .circle {
     top: 81vw;
   }
	 header {
		 padding: 40px 25px;
	 }
	 .slide1 .left-box, .heading {
		 padding: 0 25px;
	 }
	 .slide-content .content {
		 padding: 10px 25px 20px;
	 }
	 .slide-content .content-box {
		 padding: 40px 20px 40px;
		 max-width: calc(100% - 50px);
		 min-width: calc(100% - 50px);
	 }
	 .slide-content .content-box .text h4 {
		 font-size: 18px;
		 line-height: 23px;
		 margin-bottom: 20px;
	 }
	 .slide-content .content-box .text h2 {
		 margin: 0 auto 17px;
		 font-size: 34px;
		 line-height: 36px;
	 }
	 .slide-content .content-box .text p {
		 margin: 0 auto 30px;
	 }
 }
 @media screen and (max-width:360px) {
   .splide__slide[data-slide-index="2"] .circle {
     top: 77vw;
   }
   .splide__slide[data-slide-index="3"] .circle {
     top: 87vw;
   }
   .splide__slide[data-slide-index="3"] .circle-3 {
     top: 90vw;
   }
   .splide__slide[data-slide-index="4"] .circle-big {
     top: 130vw;
   }
   .splide__slide[data-slide-index="6"] .circle {
     top: 83vw;
   }
   .splide__slide[data-slide-index="7"] .circle {
     top: 85vw;
   }
 }