@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.cdnfonts.com/css/general-sans');

.horizontal-panel-section{position: relative;}
.horizontal-panel-section .horizontal-wrapper{position: relative; z-index:1;}
/* Layout One */

.horizontal-panel-section.layout-one{
  background-image: url(https://19898180.fs1.hubspotusercontent-na1.net/hubfs/19898180/Hubspot%20Marketplace/Knowledge%20base/hor-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding:100px 0px;
}

.horizontal-panel-section.layout-one .heading{
  text-align: center;
  max-width: 780px;
  margin: 0 auto;
}
.horizontal-panel-section.layout-one .heading h2{
  font-size: 32px;
  font-weight: 600;
  color: #252430;
  font-family: "Poppins", serif;
  line-height: 1.4;
  margin-bottom: 16px;
}
.horizontal-panel-section.layout-one .heading p{
  font-size: 16px;
  font-weight: 400;
  color: #62687E;
  font-family: "Roboto", serif;
  line-height: 1.5;
  margin-bottom: 12px;
}

.horizontal-panel-section.layout-one .content-main-section{
  display: flex;
  margin-top:30px;
}

.horizontal-panel-section.layout-one .animation-card{margin-top:15px;padding:0px 10px;display:flex;width: 25%;
  cursor: pointer;
  transition: .8s;}
.horizontal-panel-section.layout-one .animation-card.active{width:53%;}

.horizontal-panel-section.layout-one .animation-card .content-box{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding:40px 25px;
  position: relative;
  border-radius: 10px;
  width:100%;
}
.horizontal-panel-section.layout-one .animation-card .content-box::after{
  content:'';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) -73.56%, #000000 -16.41%, rgba(0, 0, 0, 0) 100%);
  border-radius: 10px;
  z-index: 0;
}
/* .horizontal-panel-section.layout-one .animation-card.active .content-box::after{
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
} */
.horizontal-panel-section.layout-one .animation-card:first-child .content-box{
  background-image: url(https://19898180.fs1.hubspotusercontent-na1.net/hubfs/19898180/Hubspot%20Marketplace/Knowledge%20base/tab-one.png);
}
.horizontal-panel-section.layout-one .animation-card:nth-child(2) .content-box{
  background-image: url(https://19898180.fs1.hubspotusercontent-na1.net/hubfs/19898180/Hubspot%20Marketplace/Knowledge%20base/tab-one.png);
}
.horizontal-panel-section.layout-one .animation-card:nth-child(3) .content-box{
  background-image: url(https://19898180.fs1.hubspotusercontent-na1.net/hubfs/19898180/Hubspot%20Marketplace/Knowledge%20base/tab-one.png);
}
.horizontal-panel-section.layout-one .animation-card:last-child .content-box{
  background-image: url(https://19898180.fs1.hubspotusercontent-na1.net/hubfs/19898180/Hubspot%20Marketplace/Knowledge%20base/tab-one.png);
}


.horizontal-panel-section.layout-one .animation-card .content-box .text{
  position: relative;
  z-index: 2;
}
.horizontal-panel-section.layout-one .content-box .text h4{
  font-size: 22px;
  font-weight: 500;
  color: #FFFFFF;
  font-family: "Poppins", serif;
  margin-bottom: 16px;
  line-height: 1.4;
}
.horizontal-panel-section.layout-one .content-box .active-content{
  opacity: 0;
  transition: .6s;
  margin-top: 90px;
  max-height: 180px;
  overflow-y: scroll;
}
.horizontal-panel-section.layout-one .content-box .active-content::-webkit-scrollbar{display:none;}
.horizontal-panel-section.layout-one .animation-card.active .content-box .active-content{
  opacity: 2;
}
.horizontal-panel-section.layout-one .content-box .text p{
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  font-family: "Roboto", serif;
  margin-bottom: 12px;
  line-height: 1.5;
}
.horizontal-panel-section.layout-one .content-box .text .cta-box a{font-size: 13px;
  font-weight: 500;
  color: #292D32;
  font-family: "Roboto", serif;
  text-decoration: none;
  background: #FFFFFF;
  border-radius: 3px;
  padding: 10px 17px;transition: .3s;
  display: inline-block;
  margin-top: 15px;}


/* Layout Two */

.horizontal-panel-section.layout-two{
  padding: 100px 0px 70px;
  background: #F0F3E2;
}
.horizontal-panel-section.layout-two .heading{
  text-align:left;max-width: 750px;
}
.horizontal-panel-section.layout-two .heading h2{font-size: 32px;
  font-weight: 500;
  color: #0E141E;margin-bottom:16px;
  font-family: Poppins, serif;}
.horizontal-panel-section.layout-two .heading h2 span{font-weight:700;}

.horizontal-panel-section.layout-two .heading p{font-size: 16px;
  color: #0E141E;
  font-family: Roboto, serif;
  margin-bottom: 12px;}

.horizontal-panel-section.layout-two .main-content-box{margin-top:50px;display: flex;}
.horizontal-panel-section.layout-two .card-column{margin-top:20px;padding:0px 7px 10px;transition: .6s;    height: 342px;
  overflow: hidden;}
.horizontal-panel-section.layout-two .card-column.five{width: 20%;}
.horizontal-panel-section.layout-two .card-column.four{width: 25%;}
.horizontal-panel-section.layout-two .content-box{box-shadow: 2px 2px 8px 0px #00000040;
  background: #FFFFFF;    overflow: hidden;
  border-radius: 12px;    position: relative;
  height: 100%;}
.horizontal-panel-section.layout-two .content-box .img-box{line-height:0;}
.horizontal-panel-section.layout-two .content-box .img-box img{width:100%;object-fit:cover;border-radius:12px 12px 0px 0px; min-height:166px;max-height:166px;}

.horizontal-panel-section.layout-two .content-box .text{padding:20px;border-radius: 12px;
  transition: .6s;background: #fff;}

.horizontal-panel-section.layout-two .content-box .text .icon-box{
  line-height:0;
  margin-bottom:15px;
  border-radius: 100%;
  background:#000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding:10px;
}
.horizontal-panel-section.layout-two .content-box .text .icon-box img{
  width: 23px;
  border-radius: 100%;
  object-fit: cover;transition: .6s;
}

.horizontal-panel-section.layout-two .content-box .text h4{
  font-size: 20px;
  font-weight: 600;
  color: #000000;transition: .6s;
  font-family: Inter, serif;
  margin-bottom: 0;
}
.horizontal-panel-section.layout-two .content-box .text p{    font-size: 16px;
  font-weight: 400;
  color: #62687E;
  font-family: Roboto, serif;
  line-height: 1.5;opacity: 0;
  transform: translateY(200px);max-height: 130px;
  overflow-y: scroll;
  height: 0;transition: .6s;}
.horizontal-panel-section.layout-two .content-box .text p::-webkit-scrollbar{display:none;}

.horizontal-panel-section.layout-two .card-column:hover{width: 30%;}
.horizontal-panel-section.layout-two .card-column:hover .content-box .text{
  transform: translateY(-169px);
  width: 100%;transition: .6s;
  height: 100%;
}
.horizontal-panel-section.layout-two .card-column:hover .content-box .text p{
  opacity: 2;
  transform: translateY(0px);
  height: auto;
  margin-top:75px;transition: .6s;
}



/* Layout Three */

.horizontal-panel-section.layout-three{
  padding:60px 0px;
}
.horizontal-panel-section.layout-three .heading{text-align:center;max-width: 750px;
  margin: 0 auto;}
.horizontal-panel-section.layout-three .heading h2{font-size: 42px;
  font-weight: 600;
  color: #232323;
  margin-bottom: 16px;
  line-height: 1.3;
  font-family: 'General Sans', sans-serif;}
.horizontal-panel-section.layout-three .heading h2 span{color:#6E61EF;}
.horizontal-panel-section.layout-three .heading .cta-box a{
  font-size: 16px;
  font-weight: 600;
  color: #FFFFFF;
  font-family: Roboto, serif;
  background: #6E61EF;
  border-radius: 70px;
  padding: 17px 45px;    transition: .3s;
  display: inline-block;
  text-decoration: none;
  margin-top: 20px;
}

.horizontal-panel-section.layout-three .main-section{display:flex;margin-top: 60px;}
.horizontal-panel-section.layout-three .main-section .card-box{
  width: 33.33%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;transition: .7s;
  padding: 50px 22px;
  position: relative;cursor: pointer;
}
.horizontal-panel-section.layout-three .main-section .card-box.active{width:50%;}
.horizontal-panel-section.layout-three .main-section .card-box::after{content:'';background: linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%, #000000 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;}
.horizontal-panel-section.layout-three .main-section .card-box:first-child{
  background-image: url(https://19898180.fs1.hubspotusercontent-na1.net/hubfs/19898180/Hubspot%20Marketplace/Knowledge%20base/card-bg.png);
}
.horizontal-panel-section.layout-three .main-section .card-box:nth-child(2){
  background-image: url(https://19898180.fs1.hubspotusercontent-na1.net/hubfs/19898180/Hubspot%20Marketplace/Knowledge%20base/card-bg.png);
}
.horizontal-panel-section.layout-three .main-section .card-box:last-child{
  background-image: url(https://19898180.fs1.hubspotusercontent-na1.net/hubfs/19898180/Hubspot%20Marketplace/Knowledge%20base/card-bg.png);
}

.horizontal-panel-section.layout-three .card-box .text-content{
  position: relative;z-index:2;transition: .7s;
}

.horizontal-panel-section.layout-three .card-box .text-content h4{
  font-size: 26px;
  font-weight: 600;
  color: #FFFFFF;
  font-family: 'General Sans', sans-serif;
  margin-bottom: 16px;
  line-height: 1.4;transition: .7s;
  transform: translateY(285px);
}
.horizontal-panel-section.layout-three .card-box.active .text-content h4{
  transform: translateY(0px);
}
.horizontal-panel-section.layout-three .card-box .text-content  p{font-size: 16px;
  font-weight: 400;
  color: #DEE9FF;
  font-family: Roboto, serif;
  margin: 0;
  line-height: 1.5;}

.horizontal-panel-section.layout-three .text-content .active-content{margin-top:200px;opacity: 0;transition: .7s;max-width: 320px;
  min-width: 270px;}

.horizontal-panel-section.layout-three .card-box.active .text-content .active-content{opacity: 2;}


/* Media Q. */
@media(min-width:768px) and (max-width:991.98px){
  .horizontal-panel-section.layout-two .card-column.four {
    width: 50% !important;
  }
  .horizontal-panel-section.layout-two .main-content-box {
    display: flex !important;
    flex-wrap: wrap;
  }
  .horizontal-panel-section.layout-one .content-main-section {
    display: flex !important;
    flex-wrap: wrap;
  }
  .horizontal-panel-section.layout-one .animation-card,
  .horizontal-panel-section.layout-one .animation-card.active {
    width: 50% !important;
  }  

}
@media(min-width:992px) and (max-width:1199.98px){
  .horizontal-panel-section.layout-one .animation-card.active {
    width: 40%;
  }
  .horizontal-panel-section.layout-three .main-section .card-box{width:29%;}

}


@media(max-width:991.98px){
  .horizontal-panel-section.layout-one .content-main-section {
    display: block;}
  .horizontal-panel-section.layout-one .animation-card,
  .horizontal-panel-section.layout-one .animation-card.active{width:100%;}
  .horizontal-panel-section.layout-one .content-box .active-content{margin-top:0px;max-height: 100%;}
  .horizontal-panel-section.layout-one .animation-card.active .content-box .active-content{margin-top:0px;}
  .horizontal-panel-section.layout-one .content-box .active-content {
    opacity: 1;
  }
  .horizontal-panel-section.layout-two .main-content-box{display:block;}
  .horizontal-panel-section.layout-two .card-column:hover{width:70%;}
  .horizontal-panel-section.layout-two .card-column.five {
    width: 70%;
    margin: 20px auto 0;
  }
  .horizontal-panel-section.layout-two .card-column.four {
    width: 70%;
    margin: 20px auto 0;
  }

  .horizontal-panel-section.layout-three .main-section {
    display: block;}
  .horizontal-panel-section.layout-three .main-section .card-box,
  .horizontal-panel-section.layout-three .main-section .card-box.active{width:100%;
    margin: 0 0 20px;
    min-height: 290px;}
  .horizontal-panel-section.layout-three .text-content .active-content{margin-top:0px;}
  .horizontal-panel-section.layout-three .card-box.active .text-content .active-content{margin-top:0px;}

  .horizontal-panel-section.layout-three .card-box .text-content h4{transform: translateY(0px);}
  .horizontal-panel-section.layout-three .text-content .active-content {
    opacity: 1;
  }
  .horizontal-panel-section.layout-three .text-content .active-content{min-width:100%;max-width:100%:}
}

@media(max-width:767.98px){
  .horizontal-panel-section.layout-one,
  .horizontal-panel-section.layout-two,
  .horizontal-panel-section.layout-three{padding:50px 0px;}
  .horizontal-panel-section.layout-one .heading h2,
  .horizontal-panel-section.layout-two .heading h2{font-size:28px;}
  .horizontal-panel-section.layout-three .heading h2{font-size:32px;}

  .horizontal-panel-section.layout-two .card-column:hover{width:100%;}
  .horizontal-panel-section.layout-two .card-column.five,
  .horizontal-panel-section.layout-two .card-column.four{
    width: 100%;}
  .horizontal-panel-section.layout-two .content-box .text p{margin-top:15px;height: auto; opacity: 1;
    transform: translateY(0);max-height:100%;}
  .horizontal-panel-section.layout-two .card-column:hover .content-box .text p{margin-top:15px;}
  .horizontal-panel-section.layout-two .content-box .img-box img {min-height: 200px;
    max-height: 200px;}
  .horizontal-panel-section.layout-two .card-column:hover .content-box .text,
  .horizontal-panel-section.layout-two .card-column .content-box .text {
    height: 100%;
    transform: translateY(0px);
  }
  .horizontal-panel-section.layout-two .card-column{height:100%;}
  .horizontal-panel-section.layout-three .card-box .text-content h4 {
    transform: translateY(0px);}
  .horizontal-panel-section.layout-three .text-content .active-content {opacity: 1;margin-top:12px;}
  .horizontal-panel-section.layout-three .card-box.active .text-content .active-content {margin-top: 12px;}
  .horizontal-panel-section.layout-three .main-section .card-box {cursor: auto;}

}









/* Grid Style */
.horizontal-wrapper {
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--bs-gutter-x, 0.75rem);
  padding-right: var(--bs-gutter-x, 0.75rem);
  width: 100%;
}
.horizontal-panel-section .row {
  --bs-gutter-x: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(var(--bs-gutter-x) / -2);
  margin-right: calc(var(--bs-gutter-x) / -2);
  margin-top: calc(var(--bs-gutter-y) * -1);
}
.horizontal-panel-section .row > * {
  flex-shrink: 0;
  margin-top: var(--bs-gutter-y);
  max-width: 100%;
  padding-left: calc(var(--bs-gutter-x) / 2);
  padding-right: calc(var(--bs-gutter-x) / 2);
  width: 100%;
}
.horizontal-panel-section .col {
  flex: 1 0 0%;
}
.horizontal-panel-section .col-auto,
.horizontal-panel-section .row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.horizontal-panel-section .col-12,
.horizontal-panel-section .row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.horizontal-panel-section .col-6,
.horizontal-panel-section .row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.horizontal-panel-section .col-4,
.horizontal-panel-section .row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}
.horizontal-panel-section .col-3,
.horizontal-panel-section .row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.horizontal-panel-section .row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.horizontal-panel-section .col-2,
.horizontal-panel-section .row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}
.horizontal-panel-section .col-1,
.horizontal-panel-section .col-5,
.horizontal-panel-section .col-7,
.horizontal-panel-section .col-8 {
  flex: 0 0 auto;
}
.horizontal-panel-section .col-1 {
  width: 8.3333333333%;
}
.horizontal-panel-section .col-5 {
  width: 41.6666666667%;
}
.horizontal-panel-section .col-7 {
  width: 58.3333333333%;
}
.horizontal-panel-section .col-8 {
  width: 66.6666666667%;
}
.horizontal-panel-section .col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.horizontal-panel-section .col-10 {
  flex: 0 0 auto;
  width: 83.3333333333%;
}
.horizontal-panel-section .col-11 {
  flex: 0 0 auto;
  width: 91.6666666667%;
}
@media (min-width: 576px) {
  .horizontal-panel-section .horizontal-wrapper,
  .horizontal-panel-section .container-sm {
    max-width: 540px;
  }
  .horizontal-panel-section .col-sm {
    flex: 1 0 0%;
  }
  .horizontal-panel-section .col-sm-auto,
  .horizontal-panel-section .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .horizontal-panel-section .col-sm-12,
  .horizontal-panel-section .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .horizontal-panel-section .col-sm-6,
  .horizontal-panel-section .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .horizontal-panel-section .col-sm-4,
  .horizontal-panel-section .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .horizontal-panel-section .col-sm-3,
  .horizontal-panel-section .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .horizontal-panel-section .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .horizontal-panel-section .col-sm-2,
  .horizontal-panel-section .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .horizontal-panel-section .col-sm-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .horizontal-panel-section .col-sm-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .horizontal-panel-section .col-sm-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .horizontal-panel-section .col-sm-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .horizontal-panel-section .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .horizontal-panel-section .col-sm-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .horizontal-panel-section .col-sm-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .horizontal-panel-section .horizontal-wrapper {
    max-width: 720px;
  }
  .horizontal-panel-section .col-md {
    flex: 1 0 0%;
  }
  .horizontal-panel-section .col-md-auto,
  .horizontal-panel-section .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .horizontal-panel-section .col-md-12,
  .horizontal-panel-section .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .horizontal-panel-section .col-md-6,
  .horizontal-panel-section .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .horizontal-panel-section .col-md-4,
  .horizontal-panel-section .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .horizontal-panel-section .col-md-3,
  .horizontal-panel-section .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .horizontal-panel-section .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .horizontal-panel-section .col-md-2,
  .horizontal-panel-section .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .horizontal-panel-section .col-md-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .horizontal-panel-section .col-md-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .horizontal-panel-section .col-md-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .horizontal-panel-section .col-md-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .horizontal-panel-section .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .horizontal-panel-section .col-md-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .horizontal-panel-section .col-md-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .horizontal-panel-section .horizontal-wrapper {
    max-width: 960px;
  }
  .horizontal-panel-section .col-lg {
    flex: 1 0 0%;
  }
  .horizontal-panel-section .col-lg-auto,
  .horizontal-panel-section .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .horizontal-panel-section .col-lg-12,
  .horizontal-panel-section .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .horizontal-panel-section .col-lg-6,
  .horizontal-panel-section .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .horizontal-panel-section .col-lg-4,
  .horizontal-panel-section .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .horizontal-panel-section .col-lg-3,
  .horizontal-panel-section .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .horizontal-panel-section .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .horizontal-panel-section .col-lg-2,
  .horizontal-panel-section .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .horizontal-panel-section .col-lg-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .horizontal-panel-section .col-lg-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .horizontal-panel-section .col-lg-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .horizontal-panel-section .col-lg-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .horizontal-panel-section .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .horizontal-panel-section .col-lg-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .horizontal-panel-section .col-lg-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .horizontal-panel-section .horizontal-wrapper {
    max-width: 1200px;
  }
}

@media (max-width: 767.98px) {
  .horizontal-panel-section .horizontal-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}