/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */
   /* main.css 3.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
   /*
   * What follows is the result of much research on cross-browser styling.
   * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
   * Kroc Camen, and the H5BP dev community and team.
   */
   /* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
   @import url('https://fonts.googleapis.com/css2?family=Barlow: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&display=swap');
   html {
   color: #222;
   font-size: 1em;
   line-height: 1.4;
   }
   html,
   html body {
   font-family: "Barlow", sans-serif !important;
   }
   ::-moz-selection {
   background: #b3d4fc;
   text-shadow: none;
   }
   ::selection {
   background: #b3d4fc;
   text-shadow: none;
   }

   hr {
   display: block;
   height: 1px;
   border: 0;
   border-top: 1px solid #ccc;
   margin: 1em 0;
   padding: 0;
   }

   audio,
   canvas,
   iframe,
   img,
   svg,
   video {
   vertical-align: middle;
   }
   /*
   * Remove default fieldset styles.
   */
   fieldset {
   border: 0;
   margin: 0;
   padding: 0;
   }

   textarea {
   resize: vertical;
   }

   .hidden,
   [hidden] {
   display: none !important;
   }

   .visually-hidden {
   border: 0;
   clip: rect(0, 0, 0, 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   white-space: nowrap;
   width: 1px;
   }

   .visually-hidden.focusable:active,
   .visually-hidden.focusable:focus {
   clip: auto;
   height: auto;
   margin: 0;
   overflow: visible;
   position: static;
   white-space: inherit;
   width: auto;
   }
 
   .invisible {
   visibility: hidden;
   }

   .clearfix::before,
   .clearfix::after {
   content: "";
   display: table;
   }
   .clearfix::after {
   clear: both;
   }
   .ser-3 .desc {
   padding-top: 10%;
   }


   @media print {
   *,
   *::before,
   *::after {
   background: #fff !important;
   color: #000 !important;
   /* Black prints faster */
   box-shadow: none !important;
   text-shadow: none !important;
   }
   a,
   a:visited {
   text-decoration: underline;
   }
   a[href]::after {
   content: " (" attr(href) ")";
   }
   abbr[title]::after {
   content: " (" attr(title) ")";
   }

   a[href^="#"]::after,
   a[href^="javascript:"]::after {
   content: "";
   }
   pre {
   white-space: pre-wrap !important;
   }
   pre,
   blockquote {
   border: 1px solid #999;
   page-break-inside: avoid;
   }
   tr,
   img {
   page-break-inside: avoid;
   }
   p,
   h2,
   h3 {
   orphans: 3;
   widows: 3;
   }
   h2,
   h3 {
   page-break-after: avoid;
   }
   }
   /*---------------------------------- Slick SLider----------------------------------------------------*/
   .main-slider,
   .item-slider,
   .client,
   .thumb-slider {
   display: none;
   }
   .item-slider.slick-initialized,
   .thumb-slider.slick-initialized,
   .client.slick-initialized,
   .main-slider.slick-initialized {
   display: block !important;
   }
   .slider {
   position: relative;
   clear: left;
   overflow: hidden;
   }
   .slider .inner-item {
   height: 400px;
   }
   .slider .container {
   position: relative;
   }
   .slick-slide .caption {
   color: #fff;
   font-size: 1.2em;
   line-height: 1.2em;
   position: absolute;
   left: 10%;
   text-shadow: 2px 2px 2px #000;
   top: 37%;
   width: 35%;
   background: rgba(0, 0, 0, 0.7);
   padding: 20px 20px 0;
   z-index: 99;
   }
   .slick-slider {
   position: relative;
   display: block;
   box-sizing: border-box;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -webkit-touch-callout: none;
   -khtml-user-select: none;
   -ms-touch-action: pan-y;
   touch-action: pan-y;
   -webkit-tap-highlight-color: transparent;
   }
   .thumb-slider .slick-slide {
   margin: 5px 0 0 5px;
   }
   .slider-thumb .thumb-slider .slick-slide img {
   max-width: 100%;
   height: auto;
   box-sizing: border-box;
   }
   .slick-list {
   position: relative;
   display: block;
   overflow: hidden;
   margin: 0;
   padding: 0;
   }
   .slick-list:focus {
   outline: none;
   }
   .slick-list.dragging {
   cursor: pointer;
   cursor: hand;
   }
   .slick-slider .slick-track,
   .slick-slider .slick-list {
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   -o-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   }
   .slick-track {
   position: relative;
   top: 0;
   left: 0;
   }
   .slick-track:before,
   .slick-track:after {
   display: table;
   content: '';
   }
   .slick-track:after {
   clear: both;
   }
   .slick-loading .slick-track {
   visibility: hidden;
   }
   .slick-slide {
   display: none;
   float: left;
   height: 100%;
   min-height: 1px;
   position: relative;
   }
   [dir='rtl'] .slick-slide {
   float: right;
   }
   .slick-slide img {
   display: block;
   transition: all .25s ease;
   }
   .slick-slide.slick-loading img {
   display: none;
   }
   .slick-slide.dragging img {
   pointer-events: none;
   }
   .slick-initialized .slick-slide {
   display: block;
   }
   .slick-loading .slick-slide {
   visibility: hidden;
   }
   .slick-vertical .slick-slide {
   display: block;
   height: auto;
   border: 1px solid transparent;
   }
   .slick-arrow.slick-hidden {
   display: none;
   }
   .slick-dots {
   position: absolute;
   z-index: 11;
   bottom: 10px;
   margin: 0px;
   padding: 0;
   text-align: center;
   width: 100%;
   }
   .slick-dots li {
   list-style: none;
   display: inline-block;
   }
   .slick-dots button {
   border: 1px solid #333;
   background: #fff;
   width: 12px;
   height: 12px;
   border-radius: 100%;
   font-size: 0;
   padding: 0px;
   margin-right: 5px;
   transition: .5s;
   }
   .slick-dots .slick-active button {
   background: #303030;
   }
   .slick-arrow {
   border: 0px;
   font-size: 0;
   right: 0;
   margin-top: -20px;
   position: absolute;
   top: 50%;
   z-index: 1;
   background: #303030 url(https://colablosangeles.com/wp-content/themes/colab_theme_2023/assets/img//arrow.png) no-repeat center center;
   width: 36px;
   height: 40px;
   transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   }
   .services-slider .slick-arrow {
   height: 65px;
   }
   .slick-arrow:hover {
   background: #000 url(https://colablosangeles.com/wp-content/themes/colab_theme_2023/assets/img//arrow.png) no-repeat center center;
   }
   .slick-next.slick-arrow {
   left: 0px;
   transform: rotate(0deg);
   -webkit-transform: rotate(0deg);
   }
   .slider-progress {
   width: 100%;
   height: 5px;
   background: rgba(0, 216, 192, 0.8);
   position: absolute;
   top: 0;
   z-index: 99;
   }
   .slider-progress .progress {
   width: 0%;
   height: 5px;
   background: rgba(36, 51, 0, 0.8);
   }
   .thumb-slider .slick-active img {
   border: 1px solid transparent
   }
   .thumb-slider .slick-current img {
   opacity: 0.5;
   }
   /* ---------------------------Toggle Search---------------------*/
   .searchpanel {
   background: #ccc;
   display: none;
   right: 0px;
   padding: 10px;
   position: absolute;
   top: 46px;
   }
   .searchpanel::before {
   border-bottom: 10px solid #ccc;
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
   content: "";
   position: absolute;
   right: 7px;
   top: -7px;
   }
   .nav .container {
   position: relative;
   }
   .searchtoggle {
   position: absolute;
   right: 11px;
   top: 11px;
   }
   .searchtoggle img {
   cursor: pointer;
   }
   .ticker-slider {
   overflow: hidden;
   width: 100%;
   }
   .ticker-slider .slick-track {
   display: flex;
   align-items: center;
   }
   .ticker-slider .slick-slide {
   float: none;
   height: auto;
   margin: 0 20px;
   }
   .ticker-slider .pic img {
   display: block;
   width: auto;
   max-width: none;
   filter: grayscale(1);
   opacity: .5;
   }
   .ticker-right .slick-track {
   display: flex !important;
   }
   .ser-1 {
   background: #FEE83F;
   background: linear-gradient(180deg, rgba(254, 232, 63, 1) 0%, rgba(250, 247, 237, 1) 100%);
   padding: 200px 0 110px;
   position: relative;
   }
   .ser-1 .main .desc {
   text-align: center;
   }
   .ser-1 .main .desc h5 {
   color: #101010;
   font-size: 24px;
   font-weight: 500;
   text-transform: uppercase;
   line-height: normal;
   letter-spacing: 2%;
   word-wrap: break-word;
   background: #FFFBDE;
   border-radius: 50px;
   display: inline-block;
   padding: 6px 40px;
   }
   .ser-1 .main {
   position: relative;
   }
.ser-1 .main .desc h1 {
    color: #101010;
    font-size: 96px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 79.99px;
    letter-spacing: 2%;
    word-wrap: break-word;
}
.ser-1 .main .desc h3 {
    color: #101010;
    font-size: 48px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 79.99px;
    letter-spacing: 2%;
    word-wrap: break-word;
}
   .ser-1 .main .ab-img-1 {
   position: absolute;
   top: 0;
   }
   .ser-1 .main .ab-img-2 {
   position: absolute;
   top: 0;
   right: 0;
   }
   .ser-1 .main .ab-img-3 {
   position: absolute;
   top: 30%;
   right: -150px;
   }
   .ser-1 .more {
   text-align: center;
   margin: 30px auto;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   gap: 0;
   }
   .ser-1 .more a {
   color: rgba(38, 38, 37, 0.90);
   font-size: 26.66px;
   font-weight: 400;
   text-transform: uppercase;
   letter-spacing: 0.80px;
   word-wrap: break-word;
   text-decoration: none;
   background: #16C1DF;
   border-radius: 50px;
   padding: 10px 30px;
   line-height: 26.66px;
   border: 1px solid #000;
   }
   .ser-1 .more a span.icon {
   display: inline-block;
   margin-left: 20px;
   }
.ser-1 .more a:nth-last-child(1) {
    padding: 10px 10px;
    border-radius: 50%;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    border: none;
    padding: 0;
}
   .ser-1 ul.ser-tools {
   padding: 0;
   margin: 0 auto; 
   list-style: none;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 30px;
   z-index: 9;
   position: relative;
   flex-wrap: wrap;
    max-width: 1050px;
   }
   .ser-2 {
   padding: 80px 0;
   background: #FBF8EF;
   position: relative;
   }
   .ser-2 .desc {
   text-align: center;
   }
.ser-2 .desc h4 {
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: normal;
    letter-spacing: 32%;
    word-wrap: break-word;
    background: #FFFBDE;
    border-radius: 50px;
    display: inline-block;
    padding: 6px 40px;
    color: #101010;
}
 .desc span{
    margin-bottom: .5rem;
 }
.ser-2 .desc h2 {
    color: #101010;
    font-size: 64px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 69px;
    letter-spacing: 2%;
    word-wrap: break-word;
}
.ser-2 .desc p {
    color: #262625E5;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 3%;
    word-wrap: break-word;
    margin: 30px auto;
}
   .ser-2 .more {
   text-align: center;
   text-align: center;
   margin: 30px auto;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   gap: 0;
   }
   .ser-2 .more a {
   color: rgba(38, 38, 37, 0.90);
   font-size: 26.66px;
   font-weight: 400;
   text-transform: uppercase;
   letter-spacing: 0.80px;
   word-wrap: break-word;
   text-decoration: none;
   background: #16C1DF;
   border-radius: 50px;
   padding: 10px 30px;
   line-height: 26.66px;
   border: 1px solid #000;
   }
   .ser-2 .more a:nth-last-child(1) {
    padding: 10px 10px;
    border-radius: 50%;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    border: none;
    padding: 0;
   }
.ser-3 .desc span {
    color: #101010;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: normal;
    letter-spacing: 32%;
    word-wrap: break-word;
    background: #FFFBDE;
    border-radius: 40px;
    display: inline-block;
    padding: 6px 20px;
}
   .ser-3 .desc h2 {
   color: #101010;
   font-size: 64px;
   font-weight: 900;
   text-transform: uppercase;
   line-height: 69px;
   letter-spacing: 2%;
   margin-bottom:30px;
   word-wrap: break-word;
   }
   .ser-3 .desc p {
    color: #262625E5;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 3%;
   word-wrap: break-word;
   }
   .ser-3 .more {
   margin: 30px auto;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 0;
   }
   .ser-3 .more a {
   color: rgba(38, 38, 37, 0.90);
   font-size: 26.66px;
   font-weight: 400;
   text-transform: uppercase;
   letter-spacing: 0.80px;
   word-wrap: break-word;
   text-decoration: none;
   background: #16C1DF;
   border-radius: 50px;
   padding: 10px 30px;
   line-height: 26.66px;
   border: 1px solid #000;
   }
   .ser-3 .more a:nth-last-child(1) {
    padding: 10px 10px;
    border-radius: 50%;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    border: none;
    padding: 0;
   }
   .ser-3 .box {
   padding: 50px 50px 29px;
   border-radius: 30px;
   border: 1px solid #000000;
   }
   .ser-3 .box h3 {
   color: #101010;
   font-size: 40px;
   font-weight: 900;
   text-transform: uppercase;
   line-height: 47px;
   letter-spacing: 2%;
   word-wrap: break-word;
   }
   .ser-11 .container-fluid {
   padding: 0 24px !important;
   }

   .ser-3 .box p {
   color: #262625E5;
   font-size: 24px;
   font-weight: 400;
   letter-spacing: 3%;
   word-wrap: break-word;
   min-height:300px;
   }
   .ser-3 .row {
   align-items: center;
   }
   .ser2-main {
   position: relative;
   }
   .ser2-main .layer {
   position: relative;
   }
   .ser-1 .container {
   max-width: 1500px;
   }
   .ser-2 .container {
   max-width: 1500px;
   }
   .ser-4 {
   padding: 120px 0;
   position: relative;
   background: #FBF8EF;
   }
   .ser-4 .desc-main {
   text-align: center;
   }
.ser-4 .desc-main span,.ser-5 .desc span {
    color: #101010;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: normal;
    letter-spacing: 32%;
    word-wrap: break-word;
    background: #FEE83F;
    border-radius: 40px;
    display: inline-block;
    padding: 4px 40px;
}
   .ser-4 .desc-main h2 {
   color: #101010;
   font-size: 64px;
   font-family: Barlow;
   font-weight: 900;
   text-transform: uppercase;
   line-height: 69px;
   letter-spacing: 2%;
   word-wrap: break-word;
   max-width: 69%;
   margin: 15px auto 80px;
   }
   .ser-4 div#tab-list {
   max-width: 50%;
   flex: 0 0 50%;
   }
   body .ser-4 div button.nav-link {
   text-align: left;
   background: #EFEEE2;
   margin-top: 5px;
   margin-bottom: 5px;
   color: #101010;
   font-size: 24px;
   font-family: Barlow;
   font-weight: 500;
   text-transform: uppercase;
   line-height: 34px;
   word-wrap: break-word;
   position: relative;
   display: flex;
   align-items: center;
   border-radius: 50px;
   padding: 20px;
   }
   .ser-4 .nav-link.active {
   background-color: #FEE83F !important;
   color: #000;
   }
   .ser-4 .nav-link span {
   position: absolute;
   right: 5px;
   }
   .ser-4 .nav-link img {
   padding-right: 15px;
   }
   .ser-4 div#tab-content {
   max-width: 50%;
   flex: 0 0 50%;
   }
   .ser-4 div#tab-content .pic {
   text-align: center;
   }
   .ser-4 div#tab-content .pic {
   position: relative;
    padding: 0 20px;
   }
   .ser-4 .desc h3 {
   color: #101010;
   font-size: 40px;
   font-family: Barlow;
   font-weight: 900;
   text-transform: uppercase;
   line-height: 47px;
   letter-spacing: 0.80px;
   word-wrap: break-word;
   }
   .ser-4 .desc p {
   color: rgba(38, 38, 37, 0.90);
   font-size: 24px;
   font-family: Barlow;
   font-weight: 400;
   letter-spacing: 0.72px;
   word-wrap: break-word;
   }
   .ser-4 .row {
   align-items: center;
   }
   .ser-4 .more {
   margin: 30px auto;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   /* justify-content: center; */
   gap: 0;
   }
   .ser-4 .more a {
   color: rgba(38, 38, 37, 0.90);
   font-size: 26.66px;
   font-weight: 400;
   text-transform: uppercase;
   letter-spacing: 0.80px;
   word-wrap: break-word;
   text-decoration: none;
   /* background: #16C1DF;
   border-radius: 50px;
   padding: 10px 30px; */
   line-height: 26.66px;
   /* border: 1px solid #000; */
   position: relative;
   z-index: 1;
   }
   /* .ser-4 .more a:nth-last-child(1) {
   padding: 10px 10px;
   border-radius: 50%;
   width: 50px;
   height: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 30px;
   } */
   .ser-4 div#tab-content .pic img.ab-img {
   position: absolute;
   bottom: -65px;
   right: -20px;
   margin: auto;
   width: 30%;
   }
   .ser-5 {
   padding: 80px 0;
   background: #FBF8EF;
   position: relative;
   }

   .ser-5 .desc h2 {
   color: #101010;
   font-size: 64px;
   font-family: Barlow;
   font-weight: 900;
   text-transform: uppercase;
   line-height: 69px;
   letter-spacing: 2%;
   word-wrap: break-word;
   max-width: 69%;
   margin: 15px auto 80px;
   }
   .ser-5 .desc {
   text-align: center;
   }
   .ser-5 .main {
   position: relative;
   }
   .ser-5 .main .pic {
   width: 100%;
   height: 744px;
   border-radius: 30px;
   }
   .ser-5 .main .pic img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 30px;
   }
   .ser-5 .main .ab-content {
   position: absolute;
   bottom: 0;
   padding: 50px;
   color: #fff;
   }
   .ser-5 .main .ab-content h3 {
   color: white;
   font-size: 40px;
   font-family: Barlow;
   font-weight: 900;
   text-transform: uppercase;
   line-height: 47px;
   letter-spacing: 0.80px;
   word-wrap: break-word;
   }
   .ser-5 .main .ab-content p {
   color: rgba(255, 255, 255, 0.90);
   font-size: 24px;
   font-family: Barlow;
   font-weight: 400;
   letter-spacing: 0.72px;
   word-wrap: break-word;
   width: 60%;
   }
   .ser-5 .main-2 {
   margin: 50px auto 0;
   padding: 50px;
   position: relative;
   padding-bottom: 0;
   min-height: 520px;
   border-radius: 30px;
   position: relative;
   }
   .ser-5 .main-2 .desc {
   text-align: left;
    margin: auto;
    z-index: 2;
    position: relative;
   }
   .ser-5 .main-2 .desc h3 {
   color: #101010;
   font-size: 40px;
   font-family: Barlow;
   font-weight: 900;
   text-transform: uppercase;
   line-height: 47px;
   letter-spacing: 0.80px;
   word-wrap: break-word;
   }
   .ser-5 .main-2 .desc p {
   color: rgba(38, 38, 37, 0.90);
   font-size: 24px;
   font-family: Barlow;
   font-weight: 400;
   letter-spacing: 0.72px;
   word-wrap: break-word;
   }
   .ser-5 .main-2 img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   }

   .section-2590__track-wrap {
   overflow: hidden;
   }
   /*.section-2590__track {*/
   /*display: flex;*/
   /*gap: 30px;*/
   /*width: max-content;*/
   /*}*/
   /*.section-2590__slide {*/
   /*flex: 0 0 650px;*/
   /*}*/

   .ser-6 .desc span {
   color: #101010;
   font-size: 24px;
   font-weight: 500;
   text-transform: uppercase;
   line-height: normal;
   letter-spacing: 32%;
   word-wrap: break-word;
   background: #FEE83F;
   border-radius: 40px;
   display: inline-block;
   padding: 6px 20px;
   }
   .ser-6 .desc h2 {
   color: #101010;
   font-size: 64px;
   font-family: Barlow;
   font-weight: 900;
   text-transform: uppercase;
   line-height: 69px;
   letter-spacing: 2%;
   word-wrap: break-word;
   margin: 15px 0 80px;
   width: 63%;
   }
   .ser-6 .section-2590__slide {
   position: relative;
   margin: 15px auto;
   border-radius: 30px;
   border-radius: 30px !important;
   }
   .ser-6 .section-2590__slide .section-2590__card-copy {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   color: #fff;
   padding: 30px;
   z-index: 1;
   border-radius: 30px !important;
   }
   .ser-6 .section-2590__slide .section-2590__card-copy p.section-2590__card-title {
    color: white;
    font-size: 35px;
    font-family: Barlow;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 47px;
    letter-spacing: 0.80px;
    word-wrap: break-word;
    min-height: 90px;
    display: flex;
    align-items: flex-end;
   }
   .ser-6 .section-2590__slide .section-2590__card-copy p.section-2590__card-body {
   color: rgba(255, 255, 255, 0.90);
   font-size: 24px;
   font-family: Barlow;
   font-weight: 400;
   letter-spacing: 0.72px;
   word-wrap: break-word;
   }
   /*.section-2590__track {*/
   /*display: flex;*/
   /*gap: 30px;*/
   /*width: max-content;*/
   /*}*/
   /*.section-2590__slide {*/
   /*flex: 0 0 958px;*/
   /*}*/
   .ticker-right {
   transform: scaleX(-1);
   }
   .ticker-right .slick-slide {
   transform: scaleX(-1);
   }
   .ser-7 {
   padding: 80px 0;
   background: #FBF8EF;
   position: relative;
   }
   .ser-7 .row {
   align-items: center;
   }
  .ser-7 .desc span {
    color: #101010;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: normal;
    letter-spacing: 32%;
    word-wrap: break-word;
    background: #FEE83F;
    border-radius: 40px;
    display: inline-block;
    padding: 5px 20px;
}
   .ser-7 .desc h2 {
   color: #101010;
   font-size: 64px;
   font-family: Barlow;
   font-weight: 900;
   text-transform: uppercase;
   line-height: 69px;
   letter-spacing: 2%;
   word-wrap: break-word;
   margin-bottom:50px;
   }
   .ser-7 .desc p {
   color: #262625E5;
   font-size: 24px;
   font-family: Barlow;
   font-weight: 400;
   letter-spacing: 3%;
   word-wrap: break-word;
   }
   .ser-7 ul.list {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   padding: 0;
   margin: 0;
   list-style: none;
   gap: 15px;
   position: relative;
   }
   .ser-7 ul.list li {
   max-width: 30.33%;
   flex: 0 0 30.33%;
   height: 156px;
   background: #FFFFFF;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border-radius: 20px;
   }
   .ser-7 ul.list:before {
   position: absolute;
   content: '';
   left: 0;
   right: 0;
   margin: auto;
   width: 100%;
   background: url(https://colablosangeles.com/wp-content/themes/colab_theme_2023/assets/img/s7-before.webp) no-repeat;
   top: 0;
   height: 273px;
   background-size: 100% 100%;
   }
   .ser-7 ul.list:after {
   position: absolute;
   content: '';
   left: 0;
   right: 0;
   margin: auto;
   width: 100%;
   background: url(https://colablosangeles.com/wp-content/themes/colab_theme_2023/assets/img/s7-after.webp) no-repeat;
   top: 0;
   height: 273px;
   bottom: 0;
   top: initial;
   }
   .ser-6 {
   background: #FBF8EF;
   position: relative;
   }
   .ser-8 {
   padding: 30px 0;
   background: #FBF8EF;
   position: relative;
   }
   .ser-8 .desc {
   text-align: center;
   }
   .ser-8 .desc h2 {
   color: #101010;
   font-size: 64px;
   font-family: Barlow;
   font-weight: 900;
   text-transform: uppercase;
   line-height: 79.99px;
   letter-spacing: 1.28px;
   word-wrap: break-word;
   margin: 50px auto;
   }
   .ser-8 .more {
   margin: 30px auto;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   gap: 0;
   }
   .ser-8 .more a {
   color: rgba(38, 38, 37, 0.90);
   font-size: 26.66px;
   font-weight: 400;
   text-transform: uppercase;
   letter-spacing: 0.80px;
   word-wrap: break-word;
   text-decoration: none;
   background: #16C1DF;
   border-radius: 50px;
   padding: 10px 30px;
   line-height: 26.66px;
   border: 1px solid #000;
   }
.ser-8 .more a:nth-last-child(1) {
    padding: 10px 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    line-height: 0;
    border: none;
    padding: 0;
}
   .ser-9 {
   padding: 80px 0 0;
   position: relative;
   background: #FBF8EF;
   }
   .ser-9 .desc {
   text-align: center;
   }
.ser-9 .desc span {
    color: #101010;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: normal;
    letter-spacing: 32%;
    word-wrap: break-word;
    background: #FEE83F;
    border-radius: 40px;
    display: inline-block;
    padding: 5px 40px;
}
   .ser-9 .desc h2 {
   color: #101010;
   font-size: 64px;
   font-family: Barlow;
   font-weight: 900;
   text-transform: uppercase;
   line-height: 69px;
   letter-spacing: 2%;
   word-wrap: break-word;
   width: 100%;
   max-width:1110px;
   margin: 20px auto;
   }
   .ser-9 .accordion {
   width: 100%;
   overflow: hidden;
   margin: 50px auto;
   height: 595px;
   }
   .accordion ul.ser9-review-slider {
   width: 100%;
   display: flex;
   margin: 0;
   padding: 0;
   height: 595px;
   gap: 10px;
   }
   .accordion ul.ser9-review-slider li {
   list-style: none;
   flex: 1;
   position: relative;
   height: 595px;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   transition: flex 0.5s ease;
   overflow: hidden;
   border-radius: 30px;
   border: 1px solid #000000
   }
   /* Default active first item */
   .accordion ul.ser9-review-slider li::before {
   content: "";
   position: absolute;
   inset: 0;
   background: var(--overlay-color);
   opacity: .9;
   z-index: 1;
   transition: .5s;
   }
   .accordion ul.ser9-review-slider li:hover::before {
   opacity: 0;
   }
   .accordion ul.ser9-review-slider li div {
   width: 100%;
   height: 100%;
   position: relative;
   z-index: 2;
   }
   .accordion ul.ser9-review-slider li div a {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   height: 100%;
   width: 100%;
   position: relative;
   z-index: 3;
   padding: 30px;
   box-sizing: border-box;
   color: #fff;
   text-decoration: none;
   overflow: hidden;
   }
   /* TEXT FIX */
   .accordion ul.ser9-review-slider li div a p,
   .accordion ul.ser9-review-slider li div a strong {
   opacity: 0;
   transform: translateY(20px);
   transition:
   opacity 0.3s ease,
   transform 0.3s ease;
   /* max-width: 500px; */
   white-space: normal;
   }
   /* Default first active text visible */
   .accordion ul.ser9-review-slider li div a p {
   color: white;
   font-size: 24px;
   font-family: Barlow;
   font-weight: 400;
   text-transform: uppercase;
   letter-spacing: 2%;
   line-height: 1.4;
   margin:0;
   }
   .accordion ul.ser9-review-slider li div a strong {
   color: #FEE83F;
   font-size: 18px;
   font-family: Barlow;
   font-weight: 900;
   text-transform: uppercase;
   letter-spacing: 0.36px;
   margin-top: 15px;
   }
   .accordion .collapsed-title {
   position: absolute;
   bottom: 20px;
   z-index: 6;
   color: #fff;
   font-size: 18px;
   font-weight: 700;
   line-height: 1.2;
   left: 0;
   right: 0;
   margin: auto;
   padding: 20px;
   text-align: center;
   transition: opacity 0.3s ease;
   }
   /* Hide title on first active */
   .accordion ul.ser9-review-slider:hover li {
   flex: 1;
   }
   .accordion ul.ser9-review-slider:hover li:hover {
   flex: 5;
   }
   .accordion ul.ser9-review-slider:hover li:hover a p,
   .accordion ul.ser9-review-slider:hover li:hover a strong {
   opacity: 1;
   transform: translateY(0);
   }
   .accordion ul.ser9-review-slider:hover li:hover .collapsed-title {
   opacity: 0;
   }
   /* Default active only when NOT hovering */
   .accordion ul.ser9-review-slider:not(:hover) li:first-child {
   flex: 5;
   }
   .accordion ul.ser9-review-slider:not(:hover) li:first-child p,
   .accordion ul.ser9-review-slider:not(:hover) li:first-child strong {
   opacity: 1;
   transform: translateY(0);
   }
   .accordion ul.ser9-review-slider:not(:hover) li:first-child .collapsed-title {
   opacity: 0;
   }
.ser-10 {
    padding: 160px 0;
    position: relative;
    text-align: center;
    background: url(/wp-content/uploads/2026/05/pattern-bg.webp) !important;
    background-size: 100% 100% !important;
    background-position: center !important;
}
section.ser-10:before {
    content: "";
    width: 100%;
    background: linear-gradient(180deg, #FBF8EF 0%, rgba(251, 248, 239, 0) 100%);
    position: absolute;
    top: 0;
    min-height: 90px;
    left: 0;
}

section.ser-10:after {
    content: "";
    width: 100%;
    background: linear-gradient(180deg, #FBF8EF 0%, rgba(251, 248, 239, 0) 100%);
    position: absolute;
    bottom: 0;
    min-height: 80px;
    left: 0;
    transform: rotate(180deg);
}
   .ser-10 .desc h2 {
   color: #101010;
   font-size: 64px;
   font-family: Barlow;
   font-weight: 900;
   text-transform: uppercase;
   line-height: 69px;
   letter-spacing: 1.28px;
   word-wrap: break-word;
   }
   .ser-10 .desc p {
   color: #101010;
   font-size: 24px;
   font-family: Barlow;
   font-weight: 900;
   text-transform: uppercase;
   letter-spacing: 0.48px;
   word-wrap: break-word;
   }
   .ser-10 .more {
   text-align: center;
   margin: 30px auto;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   gap: 0;
   }
   .ser-10 .more a {
   color: rgba(38, 38, 37, 0.90);
   font-size: 26.66px;
   font-weight: 400;
   text-transform: uppercase;
   letter-spacing: 0.80px;
   word-wrap: break-word;
   text-decoration: none;
   background: #16C1DF;
   border-radius: 50px;
   padding: 10px 30px;
   line-height: 26.66px;
   border: 1px solid #000;
   position: relative;
   z-index: 1;
   }
.ser-10 .more a:nth-last-child(1) {
    padding: 10px 10px;
    border-radius: 50%;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    border: none;
    padding: 0;
}
.ser-11 .desc span {
    color: #101010;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: normal;
    letter-spacing: 32%;
    word-wrap: break-word;
    background: #FEE83F;
    border-radius: 40px;
    display: inline-block;
    padding: 5px 40px;
}
   .ser-11 .desc h2 {
   color: #101010;
   font-size: 64px;
   font-family: Barlow;
   font-weight: 900;
   text-transform: uppercase;
   line-height: 69px;
   letter-spacing: 2%;
   word-wrap: break-word;
   margin-bottom: 50px;
   }
   .ser-11 .main {
   background: #FFFFFF;
   padding: 30px 30px 50px;
   border-radius: 20px;
   border: 1px solid #000000;
   }
   .ser-11 .loop {
   padding: 0 4px;
   }
   .ser-11 .main .count p strong span {
   background: rgb(97 250 31 / 40%);
   display: inline-flex;
   width: auto;
   height: 83px;
   align-items: center;
   justify-content: center;
   gap: 5px;
   padding: 20px;
   border-radius: 20px;
   }
   .ser-11 .main .count p {
   color: #101010;
   font-size: 48px;
   font-family: Barlow;
   font-weight: 900;
   }
   .ser-11 .main .count p strong {
   display: block;
   width: 100%;
   }
   .ser-11 .main .count {
   margin: 15px auto;
   }
.ser-11 .main .other h5 {
    color: #262625E5;
    font-size: 24px;
    font-family: Barlow;
    font-weight: 700;
    letter-spacing: 3%;
    word-wrap: break-word;
}
   .ser-11 .main .other p {
       color: black;
       font-size: 24px;
       font-family: Barlow;
       font-style: italic;
       font-weight: 400;
       letter-spacing: 3%;
       word-wrap: break-word;
       margin:0;
       min-height: 180px;
   }
   .ser-11 .slick-list {
   padding: 0 50px 0 0px !important;
   }
   .ser-11 .main .logo {
   width: 147px;
   display: flex;
   align-items: center;
   height: 89px;
   }
   .ser-11 .main .logo img {
   width: 100%;
   height: 100%;
   object-fit: scale-down;
   }
   #blog-section {
background: linear-gradient(360deg, rgba(254, 232, 63, 0.98) 0%, rgba(254, 232, 63, 0.98) 84.54%, rgba(254, 232, 63, 0) 100%, rgba(254, 232, 63, 0.98) 100%);
   position: relative;
   padding-bottom: 100px;
   margin-bottom: 0 !important;
   }
   section#blog-section:before {
    content: "";
    background: linear-gradient(180deg, #FBF8EF 0%, rgba(251, 248, 239, 0) 100%);
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 180px;
}
   section#blog-section:after {
    content: "";
background: linear-gradient(180deg, #FBF8EF 0%, rgba(251, 248, 239, 0) 100%);
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 180px;
    transform: rotate(180deg);
}
#blog-section .blog-overlap {
    position: relative;
}
   #blog-section .card-img-top .custom-featured-image-bg {
   position: relative;
   z-index: 9;
   visibility: visible;
   opacity: 1;
   height: 100%;
   background-size: cover;
   }   
#blog-section h4 {
    color: #101010;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: normal;
    letter-spacing: 32%;
    word-wrap: break-word;
    background: #FEE83F;
    border-radius: 40px;
    display: block;
    padding: 5px 40px;
    margin: auto;
    text-align: center;
    width: fit-content;
}
   .faq-section {
   position: relative;
   padding: 50px 0 0px;
   background: #fbf8ef;
   overflow: hidden;
   }
   .faq-header {
   margin-bottom: 35px;
   }
.section-pill {
    color: #101010;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: normal;
    letter-spacing: 32%;
    word-wrap: break-word;
    background: #FEE83F;
    border-radius: 40px;
    display: inline-block;
    padding: 5px 40px;
    text-align: center;
}
   .faq-header h2 {
   color: #101010;
   font-size: 64px;
   font-family: Barlow;
   font-weight: 900;
   text-transform: uppercase;
   line-height: 69px;
   letter-spacing: 1.28px;
   word-wrap: break-word;
   margin: 20px auto;
   }
   .faq-accordion {
   max-width: 1275px;
   margin: 0 auto;
   }
   .faq-accordion .accordion-item {
   margin-bottom: 15px;
   background: transparent;
   border: 0;
   }
   .faq-accordion .accordion-button {
   color: #101010;
   font-size: 24px;
   font-family: Barlow;
   font-weight: 400;
   letter-spacing: 1.20px;
   word-wrap: break-word;
   }
   .faq-accordion .accordion-button strong {
   color: #101010;
   font-size: 24px;
   font-family: Barlow;
   font-weight: 700;
   letter-spacing: 1.20px;
   word-wrap: break-word;
   }
   .faq-accordion .accordion-button::after {
   position: absolute;
   right: 7px;
   top: 50%;
   width: 58px;
   height: 58px;
   margin: 0;
   transform: translateY(-50%);
   background: #fee83f;
   border: 1px solid #101010;
   border-radius: 50%;
   content: "+";
   color: #101010;
   font-size: 32px;
   font-weight: 300;
   line-height: 54px;
   text-align: center;
   }
   .faq-accordion .accordion-button:not(.collapsed)::after {
   content: "−";
   transform: translateY(-50%);
   }
   .faq-accordion .accordion-button:not(.collapsed) {
   background: transparent;
   color: #101010;
   box-shadow: none;
   }
   .faq-accordion .accordion-body {
   padding: 18px 40px 24px;
   color: #101010;
   font-size: 16px;
   line-height: 1.6;
   }
.faq-more {
    margin-top: 35px;
    background: url(/wp-content/uploads/2026/05/faq-after-1.png) no-repeat;
    background-size: cover;
    padding: 100px 0;
    margin-top: -370px;
    width: 100%;
    /* height: 500px; */
    background-size: cover;
    background-position: top;
    z-index: 9;
    position: relative;
}

   .more-faq-btn i {
   width: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: rgba(38, 38, 37, 0.90);
   font-size: 26.66px;
   font-weight: 400;
   text-transform: uppercase;
   letter-spacing: 0.80px;
   word-wrap: break-word;
   text-decoration: none;
   background: #FEE83F;
   border-radius: 50px;
   line-height: 26.66px;
  border: 0.5px solid #101010;
   position: relative;
   z-index: 1;
   font-size: 30px;
   line-height: 20px;
   border-radius: 60px;
   padding-bottom: 15px;
   padding-top: 8px;
   }
   .faq-accordion .accordion-button strong {
   color: #101010;
   font-size: 24px;
   font-family: Barlow;
   font-weight: 700;
   letter-spacing: 1.20px;
   word-wrap: break-word;
   }
   .faq-accordion .accordion-button {
   color: #101010;
   font-size: 24px;
   font-family: Barlow;
   font-weight: 400;
   letter-spacing: 1.20px;
   word-wrap: break-word;
   background: transparent;
   border-radius: 60px !important;
   border: 1px solid #000000 !important;
   padding: 24px;
   }
   
   @keyframes b {
   100% {
   background-position: 50% 0, 60% 50%
   }
   }
   @keyframes animate-rotate {
   0% {
   transform: skew(-16deg, 0deg) rotateZ(0deg);
   }
   100% {
   transform: skew(-16deg, 0deg) rotateZ(360deg);
   }
   }
   .hero-image {
   width: 100%;
   position: absolute;
   inset: 0;
   }
   @keyframes animate-carousel {
   0% {
   transform: translateX(-0%);
   }
   50% {
   transform: translateX(-100%);
   }
   100% {
   transform: translateX(-200%);
   }
   }
   .hover-action .show-on-hover {
   display: none;
   }
   .hover-action:hover .show-on-hover {
   display: block;
   }
   .hover-action .hide-on-hover {
   display: block;
   }
   .hover-action:hover .hide-on-hover {
   display: none;
   }
   #blog-section .post-title,
   #-m-blog-section .post-title {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   }
   #blog-section .custom-featured-image-bg,
   #-m-blog-section .custom-featured-image-bg {
   background-position: center;
   background-size: contain;
   width: 100%;
   height: 100%;
   }
   .--add-text-shadow {
   text-shadow: 0 0 2px black, 0 0 5px #fff, 0 0 7px black;
   }
   #--mobile-video1:not(.playing):after {
   width: 60vw;
   height: 100%;
   background-color: #000;
   opacity: 0.8;
   position: absolute;
   pointer-events: none;
   }
   #video1:not(.playing):after {
   width: 320px;
   height: 180px;
   background-color: #000;
   opacity: 0.85;
   position: absolute;
   pointer-events: none;
   }
   #container-circle-text, #--mobile-container-circle-text{
   display:none !important;	
   }	
   .text-container{
   width:100%;	
   }
   .img-container {
   margin-top: 22px;
   }
   #backgroundColorUnderlay:after {
   background-image: linear-gradient(0deg, #FEE83F 36%, #FBF8EF 71%);
   }
   .--about-main {
   z-index: 9;
   }
   .--custom-contact-layout-grid {
   display: grid;
   height: 70vh;
   grid-template-areas: "text text" "info img" "foot foot";
   grid-template-rows: max(25vh, 300px) 45vh 1fr;
   grid-template-columns: 60% 40%;
   margin-top: 5vh;
   }
   .--custom-contact-layout-grid .--hero-text {
   grid-area: text;
   place-self: end;
   }
   .--custom-contact-layout-grid .--hero-img {
   grid-area: img;
   height: 100%;
   }
   .--custom-contact-layout-grid .--hero-img>img {
   height: 100%;
   }
   .--custom-contact-layout-grid .--hero-contact-info {
   grid-area: info;
   }
   .--custom-contact-layout-grid .--hero-footer {
   grid-area: foot;
   }
   .--adaptive-header-space {
   height: 10vh;
   }
   @media screen and (height < 800px) {
   .--adaptive-header-space {
   display: none;
   }
   }
   @media screen and (width < 600px) {
   body {
   font-size: 16px;
   }
   .--adaptive-header-space {
   display: none;
   }
   .--custom-contact-layout-grid {
   height: 100%;
   min-height: max(600px, 80vh);
   grid-template-areas: "text" "img" "info" "foot";
   grid-template-rows: 20vh 30vh 30vh 10vh;
   grid-template-columns: 100%;
   }
   main.min-vh-100.mobile{
   margin-top: -60vh !important;  
   }
   .wpcf7-list-item {
   margin: 5px;
   }
   iframe {
   height: 550px !important;
   width: 100% !important;
   } 
   .form-container form .row {
   margin-bottom: 15px !important;
   }
   #backgroundColorUnderlay:after {
   top: 11px;
   } 
   }
   .form-row {
   margin: 70px 55px 30px 55px;
   border: 2px solid #000;
   border-radius: 16px;
   overflow: hidden;
   background-color: #fdf9eb;
   }
   .col {
   padding: 0 !important;
   }
   .form-container {
   padding: 50px 40px 30px 40px;
   }
   .wpcf7-list-item.first {
   display: inline-block;
   margin: 0 0 0 9px;
   }
   section#get-quote .row.form-row .form-container form.wpcf7-form.init .contact-form .form-control {
   background: transparent;
   border: none;
   border-bottom: 1px solid #000 !important;
   border-radius: 0;
   box-shadow: none;
   }
   #iconMagicHat {
   top: -934px !important;
   left: 203px !important;
   height: 68%;
   }	
   #backgroundColorUnderlay:after {
   opacity: 1;
   background-image: linear-gradient(0deg, #fddf2a 36%, #FBF8EF 71%) !important;
   }	
   main.min-vh-100{
   margin-top: -80vh !important;
   padding-bottom: 4vh !important;
   }
   .col:first-child {
   height: 600px;
   }
   .section-1 {
   height: 50vh;
   }
   form .row {
   margin-bottom: 38px !important; 
   }
   section#get-quote .row.form-row .form-container form.wpcf7-form.init .contact-form .form-control:focus {
   box-shadow: none;
   background: transparent;
   }
   .-m-section-2 {
   background: #FBF8EF !important;
   padding: 100px 30px !important;
   }
   .-m-section-2 .desc {
   text-align: center;
   }
.-m-section-2 .desc span {
    color: #101010;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: normal;
    letter-spacing: 32%;
    word-wrap: break-word;
    background: #FEE83F;
    border-radius: 40px;
    display: inline-block;
    padding: 5px 40px;
}
.-m-section-2 .desc h2 {
    color: #101010;
    font-size: 64px;
    font-family: Barlow;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 69px;
    letter-spacing: 2%;
    word-wrap: break-word;
    margin: 20px auto;
    width: 100%;
    max-width: 1140px;
}
   .-m-section-2 .desc  p {
   color: rgba(38, 38, 37, 0.90);
   font-size: 24px;
   font-family: Barlow;
   font-weight: 400;
   letter-spacing: 0.72px;
   word-wrap: break-word;
   width: 60%;
   margin: 0 auto 50px;
   }
   .ser-7 .desc {
   padding-left: 10px;
   }
   html body .p-0 {
   padding: 0 !important;
   }
   .ser-11 .container-fluid.p-0 {padding-right: 0 !important;}	
   @media screen and (min-width:1600px) and (max-width:1699px){
   #iconMagicHat {
   top: -1180px !important;
   left: 203px !important;
   height: 58% !important;
   }	
   main.min-vh-100{
   margin-top: -80vh !important;
   padding-bottom: 4vh !important;
   }
   .section-1 {
   height: 50vh;
   }
   form .row {
   margin-bottom: 38px !important; 
   }	
   }	
   form .row {
   margin-bottom: 10px;
   }
   section#get-quote .row.form-row .form-container form.wpcf7-form.init .contact-form .wpcf7-submit {
   margin-top: 20px;
   }
   @media (max-width: 767px) {
   section#get-quote .form-row {
   flex-direction: column;
   margin: 30px 15px 30px 15px;
   }
   .form-container {
   padding: 30px 0 0px;
   }
   iframe {
   border-radius: 16px 16px 0 0 !important;
   height: 300px;
   }
   #iconMagicHat {
   top: -1083px !important;
   left: 43px !important;
   height: 68%;
   }	
   .col {
   width: 100%;
   }	
   .col-6 {
   width: 100%;
   }
   body .ser-4 div button.nav-link {
    height: 58px !important;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 15px;
    font-weight: 900;
    gap: 5px;
}
   .wpcf7-submit {
   width: 100% !important;
   }	
   .section-1.container-fluid{
   height: 40vh;
   }
   section#get-quote .row.form-row .form-container form.wpcf7-form.init .contact-form .form-control {
   margin-bottom: 21px;
   }	
   }
   
   
   section#get-quote .row.form-row .form-container form.wpcf7-form.init .contact-form input::placeholder {
   color: #000 !important;
   font-size: 19px;
   }	
   section#get-quote .row.form-row .form-container form.wpcf7-form.init .contact-form .wpcf7-submit,
   .-m-section-2 .row.form-row .form-container form.wpcf7-form.init .contact-form .wpcf7-submit{
   width: 29%;
   background: #F9E33E;
   color: #000;
   border: 1px solid;
   border-radius: 50px;
   text-transform: uppercase;
   font-size: 18px;
   margin-top: 15px;
   }	
   .wpcf7-form label {
   display: block;
   font-size: 19px;
   }	
   .col-8{
   background:#FAF7EC;
   }	
   .service-options input[type="checkbox"] {
   display: none; /* Hides the checkbox */
   }
   .service-options label {
   display: inline-block;
   border: 1px solid #000;
   padding: 5px 16px;
   margin: 5px 6px 5px 0;
   border-radius: 20px;
   cursor: pointer;
   font-weight: 500;
   transition: all 0.2s ease;
   background-color: transparent;
   color: #000;
   }
   @media screen and (min-width:768px) and (max-width:1099px){
   .--custom-contact-layout-grid .--hero-img>img#iconMagicHat {
   top: -1294px !important;
   left: -378px !important;
   height: 55% !important;
   width: 100% !important;
   }
   .col {
   width: 100%;
   }	
   .section-1{
   height: 58vh;
   }	
   iframe {
   width: 100% !important;
   }
   .-m-section-2{
   padding: 20px 0px !important;
   }	
   .form-row {
   margin: 70px 35px 30px 35px;
   }
   }	
   @media (max-width: 991px) {
   .faq-section {
   padding: 55px 0;
   }
   .faq-accordion .accordion-button {
   min-height: 64px;
   padding: 16px 74px 16px 28px;
   font-size: 16px;
   }
   .faq-accordion .accordion-button::after {
   width: 48px;
   height: 48px;
   font-size: 28px;
   line-height: 44px;
   }
   }
   @media (max-width: 575px) {
   .faq-section {
   padding: 45px 0;
   }
   .section-pill {
   letter-spacing: 3px;
   }
   .faq-header {
   margin-bottom: 25px;
   }
   .faq-accordion .accordion-button {
   align-items: center;
   min-height: 58px;
   padding: 14px 62px 14px 20px;
   font-size: 14px;
   letter-spacing: 0.3px;
   border-radius: 28px !important;
   }
   .faq-accordion .accordion-button::after {
   right: 6px;
   width: 42px;
   height: 42px;
   font-size: 24px;
   line-height: 38px;
   }
   .faq-accordion .accordion-body {
   padding: 14px 20px 20px;
   font-size: 14px;
   }
   }
   /* Mobile */
   @media screen and (max-width: 600px) {
   .accordion,
   .accordion ul.ser9-review-slider,
   .accordion ul.ser9-review-slider li {
   height: auto;
   }
   .accordion ul.ser9-review-slider {
   flex-direction: column;
   }
   }
   @media screen and (max-width: 600px) {
   .accordion {
   height: auto;
   }
   .accordion ul.ser9-review-slider {
   display: block;
   }
   .accordion ul.ser9-review-slider li,
   .accordion ul.ser9-review-slider li:hover,
   .accordion ul.ser9-review-slider:hover li,
   .accordion ul.ser9-review-slider:hover li:hover {
   position: relative;
   display: block;
   width: 100%;
   transition: none;
   }
   }
   .s8-system-section {
   position: relative;
   overflow: hidden;
   padding: 90px 0;
   background: url(/wp-content/uploads/2026/05/ser8-bg.png);
   background-position: inherit !important;
   background-size: 100% 100%;
   background-repeat: no-repeat !important;
   }
   .s8-system-section::before {
   position: absolute;
   left: -85px;
   top: 115px;
   width: 685px;
   height: 685px;
   border-radius: 50%;
   background: linear-gradient(90deg, #fee83f 0%, #bba603 100%);
   filter: blur(92px);
   opacity: 0.75;
   content: "";
   pointer-events: none;
   opacity: 0;
   }
   .s8-container {
   position: relative;
   z-index: 1;
   max-width: 1820px;
   margin: 0 auto;
   padding: 0 50px;
   }
   .s8-layout {
   display: grid;
   grid-template-columns: minmax(320px, 510px) minmax(430px, 510px) minmax(560px, 732px);
   align-items: center;
   gap: 4px;
   min-height: 715px;
   }
   .s8-copy {
   max-width: 510px;
   }
   .s8-eyebrow {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-height: 28px;
   padding: 7px 35px;
   margin-bottom: 14px;
   background: rgba(254, 232, 63, 0.88);
   border-radius: 999px;
   color: #101010;
   font-family: "Barlow", sans-serif;
   font-size: clamp(13px, 1.1vw, 21px);
   font-weight: 500;
   line-height: 1;
   letter-spacing: 6.75px;
   text-transform: uppercase;
   }
.s8-title {
    margin: 0;
    color: #101010;
    font-family: "Barlow", sans-serif;
    font-size: 56px;
    font-weight: 900;
    line-height: 60px;
    letter-spacing: 2%;
    text-transform: uppercase;
}
   .s8-orbit-area {
   position: relative;
   width: 510px;
   max-width: 100%;
   min-height: 715px;
   }
   .s8-orbit-line {
   position: absolute;
   left: 145px;
   top: 48px;
   width: 230px;
   height: 548px;
   border: 1px solid rgba(16, 16, 16, 0.12);
   border-left-color: transparent;
   border-radius: 50%;
   transform: rotate(-13deg);
   pointer-events: none;
   }
   .s8-orbit-line::before {
   position: absolute;
   left: -42px;
   top: -2px;
   width: 1px;
   height: 555px;
   background: rgba(16, 16, 16, 0.16);
   transform: rotate(-8deg);
   content: "";
   }
   .s8-orbit-line::after {
   position: absolute;
   left: -72px;
   top: 262px;
   width: 195px;
   height: 285px;
   border: 1px solid rgba(16, 16, 16, 0.1);
   border-top-color: transparent;
   border-right-color: transparent;
   border-radius: 50%;
   transform: rotate(10deg);
   content: "";
   }
   .s8-tabs {
   position: absolute;
   inset: 0;
   }
   .s8-tab {
   position: absolute;
   z-index: 2;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 0;
   background: transparent;
   border: 0;
   border-radius: 50%;
   cursor: pointer;
   opacity: 0.9;
   transition:
   top 0.35s ease,
   left 0.35s ease,
   width 0.35s ease,
   height 0.35s ease,
   transform 0.35s ease,
   opacity 0.25s ease,
   background-color 0.25s ease;
   }
   .s8-tab:hover,
   .s8-tab:focus-visible {
   opacity: 1;
   }
   .s8-tab-icon {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   }
   .s8-tab-icon img {
   display: block;
   object-fit: contain;
   }
   .s8-tab-label {
   display: none;
   color: #101010;
   font-family: "Barlow", sans-serif;
   font-size: clamp(20px, 1.45vw, 27px);
   font-weight: 900;
   line-height: 1;
   letter-spacing: 0.54px;
   text-transform: uppercase;
   white-space: nowrap;
   }
   /* Active pill */
   .s8-tab.slot-active {
   top: 150px;
   left: 56px;
   width: 298px;
   height: 98px;
   justify-content: flex-start;
   padding: 6px 26px 6px 6px;
   background: #fee83f;
   border: 1px solid rgba(16, 16, 16, 0.2);
   border-radius: 999px;
   box-shadow: 0 12px 25px rgba(16, 16, 16, 0.08);
   transform: rotate(0deg);
   opacity: 1;
   }
   .s8-tab.slot-active .s8-tab-icon {
   width: 87px;
   height: 87px;
   flex: 0 0 87px;
   /* background: #ffffff; */
   }
   .s8-tab.slot-active .s8-tab-icon img {
   width: 76px;
   height: 76px;
   }
   .s8-tab.slot-active .s8-tab-label {
   display: inline-block;
   margin-left: 14px;
   }
   /* Clockwise orbit positions */
   .s8-tab.slot-1 {
   top: 27px;
   left: -30px;
   width: 78px;
   height: 85px;
   transform: rotate(1deg);
   }
   .s8-tab.slot-1 .s8-tab-icon,
   .s8-tab.slot-1 .s8-tab-icon img {
   width: 78px;
   height: 85px;
   }
   .s8-tab.slot-2 {
   top: 306px;
   left: 88px;
   width: 93px;
   height: 80px;
   transform: rotate(-3deg);
   }
   .s8-tab.slot-2 .s8-tab-icon,
   .s8-tab.slot-2 .s8-tab-icon img {
   width: 93px;
   height: 80px;
   }
   .s8-tab.slot-3 {
   top: 422px;
   left: 96px;
   width: 87px;
   height: 87px;
   transform: rotate(12deg);
   left: 75px;
   }
   .s8-tab.slot-3 .s8-tab-icon,
   .s8-tab.slot-3 .s8-tab-icon img {
   width: 87px;
   height: 87px;
   }
   .s8-tab.slot-4 {
   top: 570px;
   left: 0;
   width: 176px;
   height: 149px;
   transform: rotate(-25deg);
   }
   .s8-tab.slot-4 .s8-tab-icon,
   .s8-tab.slot-4 .s8-tab-icon img {
   width: 87px;
   height: 87px;
   }
   /* Right card */
   .s8-card-area {
   position: relative;
   }
   .s8-panel {
   display: none;
   }
   .s8-panel.is-active {
   display: block;
   animation: s8Fade 0.22s ease;
   }
   .s8-card {
   position: relative;
   width: 100%;
   max-width: 726px;
   min-height: 568px;
   margin-left: auto;
   padding: 104px 30px;
   background: #fbf8ef;
   border: 1px solid #101010;
   border-radius: 30px;
   }
   .s8-card-icon {
   position: absolute;
   right: 35px;
   top: -58px;
   width: clamp(120px, 9.5vw, 180px);
   height: clamp(120px, 9.5vw, 180px);
   object-fit: contain;
   transform: rotate(-22deg);
   pointer-events: none;
   }
   .s8-card-title {
   margin: 0 0 28px;
   color: #101010;
   font-family: "Barlow", sans-serif;
   font-size: clamp(42px, 3.4vw, 58.48px);
   font-weight: 900;
   line-height: 1.1;
   letter-spacing: 1.17px;
   text-align: center;
   text-transform: uppercase;
   }
   .s8-list {
   display: grid;
   gap: 10px;
   padding: 0;
   margin: 0;
   list-style: none;
   height: 430px;
   overflow-y: scroll;
   overflow-x: hidden;
   }
   .s8-list a {
   display: flex;
   align-items: center;
   justify-content: space-between;
   min-height: 65px;
   padding: 18px 24px;
   background: #fbf8ef;
   border: 1px solid rgba(0, 0, 0, 0.29);
   border-radius: 10px;
   color: rgba(38, 38, 37, 0.9) !important;
   font-family: "Barlow", sans-serif;
   font-size: clamp(16px, 1.25vw, 24px);
   font-weight: 700;
   line-height: 1.2;
   letter-spacing: 0.72px;
   text-decoration: none;
   transition: background-color 0.2s ease, transform 0.2s ease;
   }
   .s8-list a:hover,
   .s8-list a:focus-visible {
   background: #f0f0f0 !important;
   transform: translateX(3px);
   }
   .s8-list span {
   margin-left: 18px;
   color: #101010;
   font-size: 24px;
   line-height: 1;
   }
   @keyframes s8Fade {
   from {
   opacity: 0;
   transform: translateY(8px);
   }
   to {
   opacity: 1;
   transform: translateY(0);
   }
   }
   @media (max-width: 1399px) {
   .s8-container {
   padding: 0 24px;
   }
   .s8-layout {
   grid-template-columns: minmax(225px, 0.8fr) minmax(400px, 0.8fr) minmax(480px, 1fr);
   gap: 18px;
   }
   .s8-orbit-area {
   width: 430px;
   }
   .s8-tab.slot-active {
   left: 52px;
   }
   .s8-tab.slot-1 {
   left: 0;
   }
   .s8-tab.slot-2 {
   left: 102px;
   }
   .s8-tab.slot-3 {
   left: 82px;
   }
   .s8-tab.slot-4 {
   left: -82px;
   }
   }
   @media (max-width: 1199px) {
   .s8-layout {
   display: block;
   min-height: auto;
   }
   .s8-copy {
   max-width: 760px;
   margin: 0 auto;
   text-align: center;
   }
   .s8-orbit-area {
   width: 510px;
   margin: 0 auto;
   }
   .s8-card {
   margin: 0 auto;
   }
   }
   @media (max-width: 991px) {
   .s8-system-section {
   padding: 70px 0;
   }
   .s8-container {
   padding: 0 24px;
   }
   .s8-orbit-area {
   width: 100%;
   min-height: auto;
   margin-bottom: 30px;
   }
   .s8-orbit-line {
   display: none;
   }
   .s8-tabs {
   position: relative;
   display: flex;
   gap: 12px;
   overflow-x: auto;
   padding: 6px 2px 12px;
   scrollbar-width: none;
   }
   .s8-tabs::-webkit-scrollbar {
   display: none;
   }
   .s8-tab,
   .s8-tab.slot-active,
   .s8-tab.slot-1,
   .s8-tab.slot-2,
   .s8-tab.slot-3,
   .s8-tab.slot-4 {
   position: static;
   width: auto;
   height: 58px;
   flex: 0 0 auto;
   justify-content: flex-start;
   padding: 6px 18px 6px 6px;
   background: rgba(251, 248, 239, 0.7);
   border: 1px solid rgba(16, 16, 16, 0.2);
   border-radius: 999px;
   transform: none;
   opacity: 1;
   }
   .s8-tab.is-active {
   background: #fee83f;
   }
   .s8-tab-icon,
   .s8-tab.slot-active .s8-tab-icon,
   .s8-tab.slot-1 .s8-tab-icon,
   .s8-tab.slot-2 .s8-tab-icon,
   .s8-tab.slot-3 .s8-tab-icon,
   .s8-tab.slot-4 .s8-tab-icon {
   width: 46px;
   height: 46px;
   flex: 0 0 46px;
   background: #ffffff;
   }
   .s8-tab-icon img,
   .s8-tab.slot-active .s8-tab-icon img,
   .s8-tab.slot-1 .s8-tab-icon img,
   .s8-tab.slot-2 .s8-tab-icon img,
   .s8-tab.slot-3 .s8-tab-icon img,
   .s8-tab.slot-4 .s8-tab-icon img {
   width: 42px;
   height: 42px;
   }
   .s8-tab-label,
   .s8-tab.slot-active .s8-tab-label {
   display: inline-block;
   margin-left: 10px;
   font-size: 15px;
   }
   .s8-card {
   max-width: 100%;
   min-height: auto;
   padding-top: 70px;
   }
   }
   @media (max-width: 575px) {
   .s8-system-section {
   padding: 55px 0;
   }
   .s8-container {
   padding: 0 16px;
   }
   .s8-eyebrow {
   letter-spacing: 4px;
   }
   .s8-card {
   padding: 58px 18px 24px;
   border-radius: 22px;
   }
   .s8-card-icon {
   right: 20px;
   top: -38px;
   width: 84px;
   height: 84px;
   }
   .s8-card-title {
   margin-bottom: 18px;
   text-align: left;
   }
   .s8-list a {
   min-height: 52px;
   padding: 13px 14px;
   font-size: 15px;
   letter-spacing: 0.3px;
   }
   }
   .s8-orbit-line {
   display: none;
   }
   .pin-spacer-hsm-desktop-section-2590 {
   background: #FAF7ED;
   }
   .accordion ul.ser9-review-slider:not(:hover) li:first-child:before {
   opacity: 0;
   }
   .accordion ul.ser9-review-slider li:nth-child(1):before {
   opacity: .5;
   }
   .accordion ul.ser9-review-slider li:hover:before {
   opacity: 1;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 57.44%, rgba(0, 0, 0, 0.90) 100%);
   }
   video.section-2590__card-media {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 30px;
   border-radius: 30px !important;
   }
   .section-2590__slide:after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 200%;
    top: initial;
    bottom: 0;
    background-size: 100% 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 57.44%, rgba(0, 0, 0, 0.90) 100%);
    border-radius: 30px !important;
   }
   .ser-5 .pic{
   position: relative;
   overflow: hidden;
   }
   .ser-5 .pic video{
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
   cursor: pointer;
   border-radius: 30px;
   }
   /* Hide all controls */
   .ser-5  .custom-click-video::-webkit-media-controls{
   display: none !important;
   }
   /* Black Gradient Overlay */
   .ser-5 .pic::before{
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   background: #000;
   opacity: .1;
   }
   .ser-11 .slick-dots {
   bottom: -100px;
   }
   .ser-11 .slick-dots li.slick-active {
   background: #FEE83F;
   width: 45px;
   border-radius: 30px;
   height: 14px;
   }
   #blog-section .blog-post {
   padding: 0 12px;
   }
   #blog-section .custom-button-wrapper {
   justify-content: center;
   }
   #blog-section h2 {
   color: var(--black-101010, #101010);
   text-align: center;
   font-family: Barlow;
   font-size: 64px;
   font-style: normal;
   font-weight: 900;
   line-height: 69px; /* 107.813% */
   letter-spacing: 1.28px;
   text-transform: uppercase;
   }
   #blog-section .custom-button-wrapper .custom-button {
   background: #FEE83F;
   }
   #blog-section .custom-button-wrapper .custom-button-suffix {
   background: #FEE83F;
   }
   .faq-accordion {
   position: relative;
   }
   .faq-more.test {
        background: transparent;
        margin-top: 0;
    }

.ser-1 .main .ab-img-1,
.ser-1 .main .ab-img-2,
.ser-1 .main .ab-img-3 {
  position: absolute;
  pointer-events: none;
  transition: transform 0.45s ease-out;
  will-change: transform;
  z-index: 1;
}

.ser-1 .main .ab-img-1 {
  top: 0;
  left: 0;
}

.ser-1 .main .ab-img-2 {
  top: 0;
  right: 0;
}

.ser-1 .main .ab-img-3 {
  top: 30%;
  right: -150px;
}
.ser-1 .custom-button, .ser-1 .custom-button-wrapper > .custom-button-prefix, .ser-1 .custom-button-wrapper > .custom-button-suffix {
    background-color: #16C1DF !important;
}
.ser-1 .custom-button-wrapper * {
    text-transform: uppercase;
}
.scrolled-header {
    background: #fff;
    transition:.5s; 
}
.ser-5 .main-2 .ab-imag {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}
.s8-tab {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Fixed position for first icon */
.s8-tab.slot-0 {
  top: 150px;
  left: 56px;
  width: 87px;
  height: 87px;
}

/* Default all tabs icon-only */
.s8-tab .s8-tab-label {
  display: none;
}

.s8-tab .s8-tab-icon {
  width: 87px;
  height: 87px;
  flex: 0 0 87px;
}

.s8-tab .s8-tab-icon img {
  width: 76px;
  height: 76px;
}

/* Active pill styling */
.s8-tab.is-active {
  width: auto !important;
  height: 98px !important;
  justify-content: flex-start !important;
  padding: 6px 26px 6px 6px !important;
  background: #fee83f !important;
  border: 1px solid rgba(16, 16, 16, 0.2) !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 25px rgba(16, 16, 16, 0.08) !important;
  opacity: 1 !important;
  z-index: 5 !important;
}

.s8-tab.is-active .s8-tab-icon {
  background: #ffffff !important;
  border-radius: 50% !important;
}

.s8-tab.is-active .s8-tab-label {
  display: inline-block !important;
  margin-left: 14px !important;
}
.s8-tab:not(.is-active) {
  width: 87px !important;
  height: 87px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.s8-tab:not(.is-active) .s8-tab-label {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  width: 0 !important;
  margin: 0 !important;
}

.s8-tab.is-active .s8-tab-label {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: auto !important;
  margin-left: 14px !important;
}
.s8-tab .s8-tab-label{
  transform: rotate(0deg) !important;
  display: inline-block;
}

/* individual active pills fix */
.s8-tab.is-active.slot-0 .s8-tab-label{
  transform: rotate(0deg) !important;
}

.s8-tab.is-active.slot-1 .s8-tab-label{
  transform: rotate(0deg) !important;
}

.s8-tab.is-active.slot-2 .s8-tab-label{
  transform: rotate(0deg) !important;
}

.s8-tab.is-active.slot-3 .s8-tab-label{
  transform: rotate(0deg) !important;
}

.s8-tab.is-active.slot-4 .s8-tab-label{
  transform: rotate(0deg) !important;
}
.s8-tab.is-active{
  transform-origin:center center;
  transition: .5s;
}

.s8-tab.is-active .s8-tab-label,
.s8-tab.is-active .s8-tab-icon{
  transform: rotate(calc(-1 * var(--rotation, 0deg)));
}
.s8-tab.slot-4.is-active, .s8-tab.slot-2.is-active, .s8-tab.slot-3.is-active, .s8-tab.slot-1.is-active {
    transform: rotate(0deg);
}

.s8-tab {
    transition: .5s;
}
.s8-tab {
    transform: none  !important;
}
.ser-11 .slick-dots {
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    width: fit-content;
    height: auto;
    padding: 9px 13px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    border: 0.62px solid #00000040;
}

.slick-dots li button:before {
    display: none;
}

.ser-11 .slick-dots li {
    width: 14px;
    height: 14px;
    background: #D9D9D9;
    border-radius: 50%;
    margin: 0 3px;
}

.ser-11 .slick-dots li.slick-active button {
    display: none;
}
.more-faq-btn span {
    line-height: 2rem;
    font-size: 1.25rem;
    letter-spacing: 1px;
}
.ser-2 .custom-button, .ser-2 .custom-button-wrapper > .custom-button-prefix, .ser-2 .custom-button-wrapper > .custom-button-suffix{
    background-color: #16C1DF !important;
    text-transform:uppercase;
}
.ser-3 .custom-button, .ser-3 .custom-button-wrapper > .custom-button-prefix, .ser-3 .custom-button-wrapper > .custom-button-suffix{
    background-color: #16C1DF !important;
    text-transform:uppercase;
}
.ser-4 .custom-button, .ser-4 .custom-button-wrapper > .custom-button-prefix, .ser-4 .custom-button-wrapper > .custom-button-suffix{
    background-color: #16C1DF !important;
    text-transform:uppercase;
}
.ser-8 .custom-button, .ser-8 .custom-button-wrapper > .custom-button-prefix, .ser-8 .custom-button-wrapper > .custom-button-suffix{
    background-color: #16C1DF !important;
    text-transform:uppercase;
}
.ser-10 .custom-button, .ser-10 .custom-button-wrapper > .custom-button-prefix, .ser-10 .custom-button-wrapper > .custom-button-suffix{
    background-color: #16C1DF !important;
    text-transform:uppercase;
}
main#--desktop-home section.faq-section .faq-more {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s;
}

main#--desktop-home section.faq-section .faq-more a.more-faq-btn {display: flex;align-items: center;text-decoration: none;transition: .5s;}

section.faq-section .custom-button a {
    letter-spacing: 1px;
    text-decoration: none;
    color: #101010;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}
.more-faq-btn span {
    display: flex;
    align-items: center;
    justify-content: center;
    word-wrap: break-word;
    text-decoration: none;
    background: #FEE83F;
    position: relative;
    z-index: 1;
    color: #101010;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    border: 0.5px solid #101010;
    padding: 0.5rem 1.75rem;
    border-radius: 3rem;
    line-height: 2rem;
    letter-spacing: 1px;
}
#--desktop-home section.ser-11 {
    position: relative;
    padding: 100px 0;
    background: #FBF8EF;
}
#blog-section .custom-button {
    font-size: 20px;
}
.ser-3 {
    position: relative;
    padding: 150px 0 200px;
    overflow: hidden;
    background: linear-gradient(360deg, rgba(254, 232, 63, 0.98) 0%, rgba(254, 232, 63, 0.98) 84.54%, rgba(254, 232, 63, 0) 100%, rgba(254, 232, 63, 0.98) 100%);
}
section.ser-3:before {
    background: linear-gradient(180deg, #FBF8EF 0%, rgba(251, 248, 239, 0) 100%);
    height: 250px;
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
}
section.ser-3:after {
  height: 150px;
  content:"";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9;
  display: block;
  transform: rotate(180deg);
  background: linear-gradient(180deg, #FBF8EF 0%, rgba(251, 248, 239, 0) 100%);
}

.stack-card,
.card-inner{
    height: 100% !important;
}

/*.ser2-main .layer .content {*/
/*    min-height: 300px;*/
/*}*/


   @media screen and (min-width: 1100px) and (max-width: 1600px) {
   .ser-1 .container {
   width: auto;
   }
   .ser-1 .main .desc h5 {
   font-size: 18px;
   }
   .ser-1 .main .desc h1 {
         font-size: 71px;
        max-width: 1080px;
        margin: 10px auto;
        width: 100%;
   }
   .ser-1 .main .ab-img-1, .ser-1 .main .ab-img-2 {
   top: -30px;
   }
   .ser-1 .main .ab-img-3 {
        right: 0;
        top: 50%;
   }
   .ser-1 .main .desc h3 {
   font-size: 30px;
   line-height: 40px;
   }
   .ser-2 .container {
   width: auto;
   }
   .ser-3 .desc span {
   font-size: 18px;
   line-height: normal;
   }

   .ser-3 .desc h2 {
   font-size: 40px;
   line-height: 50px;
   }
   .ser-3 .desc p {
   font-size: 18px;
   line-height: 28px;
   }
   .ser-3 .box h3 {
   font-size: 30px;
   line-height: 40px;
   }
   .ser-3 .box p {
   font-size: 15px;
   line-height: 25px;
   }
   .ser-5 .main-2 img {
   width: 100%;
   }
   .ser-3 .more a {
   font-size: 20px;
   line-height: 20px;
   }
   .ser-4 {
   padding: 50px 0;
   }
   .ser-4 .desc-main h2 {
   font-size: 46px;
   line-height: 56px;
   }
   .ser-4 div#tab-content .pic img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   }
   .ser-4 .desc h3 {
   font-size: 30px;
   line-height: 40px;
   }
   .ser-4 div#tab-list {
   max-width: 45%;
   flex: 0 0 45%;
   }
   .ser-4 div#tab-content {
   max-width: 55%;
   flex: 0 0 55%;
   }
   .ser-4 .desc p {
   font-size: 17px;
   line-height: 27px;
   }
   .ser-4 .more a {
   font-size: 15px;
   line-height: 25px;
   }
   .ser-4 .more , .ser-4 .desc {
   padding-left: 15px;
   }
   .ser-4 .nav-link {
   font-size: 20px;
   padding: 15px 30px;
   line-height: 30px;
   }
.ser-4 div#tab-content .pic img.ab-img {
        width: auto;
        height: auto;
    }
    .s8-card {
    padding-top: 40px;
    padding-bottom: 40px;
}
   .ser-5 .desc h2 {
   font-size: 47px;
   line-height: 57px;
   }
   .ser-5 .desc span {
   font-size: 20px;
   line-height: normal;
   }
   .ser-5 .main .pic {
   height: 660px;
   }
   .ser-5 .main-2 {
   padding: 25px;
   min-height: 390px;
   }
   .ser-5 .main-2 .desc h3 {
   font-size: 30px;
   line-height: 40px;
   }
   .ser-5 .main-2 .desc p {
   font-size: 17px;
   line-height: 27px;
   }
   .ser-6 .desc h2 {
   font-size: 60px;
   width: 100%;
   }
   .ser-7 .desc h2 {
   font-size: 40px;
   line-height: 50px;
   }
   .ser-7 .desc p {
   font-size: 17px;
   line-height: 27px;
   }
   .ser-7 ul.list li img {
   width: 100%;
   height: 100%;
   object-fit: contain;
   }
   .s8-title {
   font-size: 30px;
   line-height: normal;
   }
   .s8-copy {max-width: 100%;}
   .s8-eyebrow {
   padding: 0 10px;
   letter-spacing: 5px;
   font-size: 20px;
   }
   .s8-list a {
   padding: 20px;
   min-height: inherit;
   }
   .s8-list {
   gap: 5px;
   padding-right: 10px;
   }
   .ser-8 .desc h2 {
   font-size: 55px;
   line-height: 65px;
   }
   .ser-9 .desc h2 {
   font-size: 60px;
   width: 100%;
   }
   
   .accordion ul.ser9-review-slider li div a p {
   font-size: 16px;
   line-height: 26px;
   }
   .accordion ul.ser9-review-slider {
   height: 500px;
   }
   .accordion ul.ser9-review-slider li {
   height: 500px;
   }
   .accordion .collapsed-title {
   padding: 0;
   }
   .ser-11 .desc h2 {
   font-size: 54px;
   line-height: 64px;
   }
   .ser-11 .main {
   padding: 25px 25px 40px;
   }
   .ser-11 .main .other p {
   font-size: 17px;
   line-height: 27px;
   }
   #blog-section h4 {
   font-size: 18px;
   }
   .-m-section-2 .desc p {
   width: 90%;
   }
   .service-options label {
   font-size: 11px;
   }
   .wpcf7-list-item.first {
   margin-left: 0;
   }
   .wpcf7-list-item {
   margin: 0 0 0 0.5em;
   }
   html, html body {overflow-x: clip;}
    .ser-2 .desc h2 {
        font-size: 54px;
        line-height: 64px;
    }
   .ser-2 .desc p {
   font-size: 17px;
   line-height: 30px;
   }
   .ser-11 .desc span {
   font-size: 17px;
   }
   .s8-card {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .s8-tab.slot-1 {
        left: 0;
    }


button#s8-tab-strategy {
    left: 19%;
}

button#s8-tab-development {
    left: 26%;
}

.s8-tab.slot-3 {
    left: 23%;
}

button#s8-tab-production {
    left: 9%;
}
.ser-11 .main .other h5 {
    min-height: 60px;
}
.s8-tab.slot-4 .s8-tab-icon, .s8-tab.slot-4 .s8-tab-icon img {
    width: 87px;
    height: 87px;
}

   }
   @media screen and (min-width: 1300px) and (max-width: 1499px) {
       button#s8-tab-strategy {
    left: 0;
}

button#s8-tab-design {
    left: -60px;
}

button#s8-tab-development {
    left: 10%;
}

button#s8-tab-marketing {
    left: 15px;
}

button#s8-tab-production {
    left: -30px;
}

.s8-title {
    font-size: 40px;
    line-height: normal;
}
button#s8-tab-strategy {
    left: 25%;
}

button#s8-tab-development {
    left: 30%;
}

button#s8-tab-marketing {
    left: 25%;
}

button#s8-tab-production {
    left: 10%;
}

button#s8-tab-design {
    left: 8%;
}
.s8-tab.is-active {
    width: auto !important;
}
   }

   /* / / Ipad PRO / */
@media screen and (min-width: 800px) and (max-width: 1300px) {
    .ser-1 .main .desc h3,.ser-3 .desc h2,.ser-4 .desc h3,.ser-5 .main .ab-content h3,
    .ser-5 .main-2 .desc h3,.ser-6 .section-2590__slide .section-2590__card-copy p.section-2590__card-title,
    .ser-11 .main .count p{
    font-size: 30px;
    line-height: normal;
}
.ser-1 .main .desc h1,.ser-2 .desc h2,.ser-4 .desc-main h2,.ser-5 .desc h2,
.ser-6 .desc h2,.ser-7 .desc h2,.ser-8 .desc h2,.ser-9 .desc h2,.ser-10 .desc h2,
.ser-11 .desc h2,#blog-section h2,.faq-header h2,.-m-section-2 .desc h2{
    font-size: 50px;
    line-height: normal;
    
}
.ser-1 .main .desc h5,.ser-1 .more a:nth-last-child(1),.ser-2 .desc h4,.ser-2 .desc p,.ser-2 .more a
,.ser-3 .desc span,.ser-3 .desc p,.more a,.ser-4 .desc-main span, .ser-5 .desc span,.ser-4 .desc p,
.ser-5 .main .ab-content p,.ser-5 .main-2 .desc p,.ser-6 .desc span,
.ser-6 .section-2590__slide .section-2590__card-copy p.section-2590__card-body,.ser-7 .desc span,.ser-7 .desc p
,.s8-eyebrow,.s8-title,.ser-8 .more a:nth-last-child(1),.ser-9 .desc span,.accordion ul.ser9-review-slider li div a p,.ser-11 .desc span
,.ser-11 .main .other p,#blog-section h4,.section-pill,.more-faq-btn span,.-m-section-2 .desc span,.-m-section-2 .desc p{
    font-size:18px !important;
}

body .ser-4 div button.nav-link {
    font-size: 18px;
    line-height: normal;
    padding: 15px;
}
.ser-5 .main-2,.ser-11 .main{
    padding:20px;
}   
.ser-11 .main .other h5{
    font-size:20px;
}
.ser-11 .main .count p strong span {
    height: 65px;
    padding: 15px;
    border-radius: 15px;
}
section.vapi-hero-banner .content h2 {
    font-size: 24px;
}
section.vapi-hero-banner{
    gap:10px;
}

}


   @media (max-width: 767.98px) {
   .ser-5 .pic::before{
       opacity: 0.7 !important;
   }
   body .hsm-tabs-wrapper .hsm-tabs-nav {
    flex-direction: row !important;
    overflow-x: auto;
}
footer h2.marquee-footer div {
    font-weight: 900;
}
   }
   /* / / Mobile View / / */
   @media screen and (max-width: 767px) {
   .ser-1 .main .desc h5 {
   font-size: 14px;
   letter-spacing: 0px;
   width: auto;
   padding: 5px 20px;
   }
   .ser-1 .main .ab-img-2, .ser-1 .main .ab-img-3, .ser-1 .main .ab-img-1 {
   display: none;
   }
   .ser-1 .main .desc h1 {
   font-size: 39px;
   line-height: 49px;
   letter-spacing: 0;
   margin: 15px auto;
   }
   .ser-1 .main .desc h3 {
   font-size: 22px;
   line-height: 30px;
   }
   .ser-1 .more a {
   font-size: 15px !important;
   line-height: 25px !important;
   }
   .ser-1 {
   padding-bottom: 50px;
   padding-top: 100px;
   }
   .ser-2 {
   padding-top: 0;
   padding-bottom: 30px;
   }
   .ser-2 .desc h4 {
   font-size: 18px;
   letter-spacing: 2px;
   padding: 5px 0;
   }
   .ser-2 .desc h2 {
   font-size: 30px;
   line-height: 40px;
   }
   .ser-2 .desc p {
   font-size: 18px;
   line-height: 28px;
   }
   .ser-2 .more a {
   font-size: 16px;
   line-height: 28px;
   }
   .ser-3 {
    padding: 80px 0 160px;
}
section.overlap-sec.stack-slider-section {
    margin-top: 50px;
}
   .ser-3 .desc span {
   text-align: center;
   font-size: 15px;
   letter-spacing: 5px;
   width: 100%;
   text-align: center;
   }
   .ser-3 .desc h2 {
   font-size: 30px;
   line-height: 40px;
   }
   .ser-3 .desc p {
   font-size: 20px;
   line-height: 30px;
   }
   .ser-3 .more a {
   font-size: 20px;
   line-height: 30px;
   }
   .ser-3 .box h3 {
   font-size: 30px;
   line-height: 40px;
   }
   .ser-3 .box p {
   font-size: 18px;
   line-height: normal;
   }
   body section.overlap-sec.stack-slider-section .stack-nav {
    bottom: 20px;
    left: 20px;
}
   .ser-3 .box {
   padding: 25px 20px 20px;
   }
   .ser-4 {
   padding: 0px 0px 0 !important;
   }
   .ser-3:before {
   height: 100px;
   }
   .ser-4 .desc-main span {
   font-size: 15px;
   letter-spacing: 5px;
   line-height: 25px;
   width: auto;
   text-align: center;
   }
   .ser-4 .desc-main h2 {
   font-size: 30px;
   max-width: 100%;
   line-height: 40px;
   margin-bottom: 30px;
   }
   .ser-4 div#tab-content {
   max-width: 100%;
   flex: 0 0 100%;
   flex-wrap: wrap;
   gap: 0;
   margin: 0 !important;
   flex-direction: row !important;
   }
   .align-items-start {
   flex-wrap: wrap;
   }
   .ser-4 div#tab-content .pic img {
   width: 100%;
   height: 100%;
   margin: 50px auto;
   }
   .ser-4 div#tab-content .pic img.ab-img {
   width: 50%;
   right: 0;
   height: auto;
   bottom: 0;
   }
   body .ser-4 div .nav-link {max-width: fit-content;margin: 1%;font-size: 12px;padding: 14px 19px;line-height: 20px;}
   .ser-4 .desc h3 {
   font-size: 30px;
   line-height: 40px;
   }
   .ser-4 .desc p {
   font-size: 20px;
   line-height: 30px;
   margin: 20px auto;
   }
   .ser-5 {padding: 50px 0;}
   .ser-5 .desc span {
   font-size: 15px;
   }
   .ser-5 .desc h2 {
   font-size: 30px;
   line-height: 40px;
   max-width: 100%;
   margin-bottom: 40px;
   }
   .ser-5 .main .ab-content h3 {
   font-size: 26px;
   line-height: normal;
   }
   .ser-5 .main .ab-content p {
   width: 100%;
   font-size: 20px;
   line-height: 23px;
   color: #FFF;
   opacity: 1;
   }
   .ser-5 .main {
   position: relative;
   border-radius: 30px;
   }
   .ser-5 .main:before {
   position: absolute;
   content: '';
   left: 0;
   right: 0;
   margin: auto;
   width: 100%;
   height: 100%;
   top: 0;
   background: #000;
   opacity: .5;
   border-radius: 30px;
   }
   .ser-5 .main-2 img {display: none;}

   .ser-5 .main-2 .desc h3 {
   font-size: 30px;
   }
   .ser-5 .main-2 .desc p {
   width: 100%;
   font-size: 20px;
   line-height: 23px;
   }
   .ser-4 .nav-link img {
   padding-right: 5px;
   }
   .ser-4 .more a {
   font-size: 20px;
   }
   .ser-5 .main .ab-content {
   padding: 20px;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 57.44%, rgba(0, 0, 0, 0.90) 100%);
   border-radius: 30px;
   }
   .ser-4 .more {
   justify-content: center;
   }
   .ser-3 .more {
   justify-content: center;
   }
   .ser-7 {
   padding: 30px 0;
   }
   .ser-7 .desc {
   padding: 0;
   }
   .ser-8 .desc h2 {
   font-size: 30px;
   line-height: 40px;
   }
   .ser-8 .more a {
   font-size: 18px;
   line-height: 28px;
   }
   .ser-9 .desc span {letter-spacing: 0;font-size: 20px;}
   .ser-9 .desc h2 {
   width: 100%;
   font-size: 30px;
   line-height: 40px;
   }
   .ser-9 {
   padding: 30px 0;
   }
   .ser-10 .desc h2 {
   font-size: 40px;
   line-height: 50px;
   }
   .ser-11 .container-fluid {
   padding: 0 !important;
   }
   .ser-11 .desc span {
   font-size: 18px;
   }
   .ser-11 .desc h2 {
   font-size: 35px;
   line-height: 45px;
   }
   .ser-11 .slick-list {
   padding-right: 35px !important;
   }
   .ser-11  .desc {
   padding: 0 20px;
   }
   .ser-11 .main {padding: 15px;}
   .ser-11 .main .other p {
   font-size: 18px;
   line-height: 28px;
   }
   .ser-11 {
   padding-bottom: 0;
   }
   #blog-section h4 {
   letter-spacing: 0;
   }
   #blog-section h2 {
   font-size: 35px;
   line-height: 45px;
   }
   #blog-section {
   padding: 0 0;
   }
   .faq-header h2 {
   font-size: 38px;
   line-height: 48px;
   }
   .-m-section-2 {
   padding: 30px 20px !important;
   }
   .-m-section-2 .desc h2 {
   font-size: 35px;
   line-height: 45px;
   }
   .-m-section-2 .desc p {
   font-size: 20px;
   line-height: 30px;
   width: 90%;
   }
   .ser-3 .more {
   justify-content: center;
   }
   .ser-7 {
   padding: 0px 0 30px;
   text-align: center;
   }
   .ser-7 .desc {
   padding: 0;
   }
   .ser-8 .desc h2 {
   font-size: 30px;
   line-height: 40px;
   margin: 0 auto;
   }
   .ser-11  .desc {
   padding: 0 20px;
   }
   .ser-11 .main {padding: 15px;}
   .ser-11 .main .other p {
   font-size: 18px;
   line-height: 28px;
   }
   .ser-11 {
   padding-bottom: 0;
   padding-top: 30px;
   }
   #blog-section h2 {
   font-size: 30px;
   line-height: 40px;
   }
   #blog-section {
   padding: 0 0;
   }
   .faq-header h2 {
   font-size: 38px;
   line-height: 48px;
   }
   .-m-section-2 {
   padding: 30px 20px !important;
   }
   .-m-section-2 .desc span {
   font-size: 18px;
   }
   .-m-section-2 .desc h2 {
   width: 100%;
   font-size: 30px;
   line-height: 35px;
   }
   .-m-section-2 .desc p {
   font-size: 20px;
   line-height: 30px;
   width: 90%;
   }
   .ser-7 .desc span {
   letter-spacing: 3px;
   font-size: 14px;
   }
   .ser-7 .desc h2 {
   font-size: 30px;
   line-height: 40px;
   margin: 20px auto;
   }
   .ser-7 .desc p {
   font-size: 18px;
   line-height: 28px;
   }
   .ser-7 ul.list li img {
   width: 100%;
   height: 100%;
   object-fit: contain;
   }
   .ser-7 ul.list li {
   height: 100px;
   }
   .section-2590__mobile-slider {
   width: 100%;
   }
   .section-2590__mobile-slider .slick-track {
   display: flex !important;
   }
   .section-2590__mobile-slider .slick-slide {
   height: auto;
   }
   .section-2590__mobile-slider .section-2590__slide-item {
   width: 100%;
   margin: 0;
   padding: 0;
   }
   .section-2590__mobile-slider .slick-dots li {
   width: auto;
   height: auto;
   margin: 0;
   }
   .section-2590__mobile-slider .slick-dots button {
   width: 10px;
   height: 10px;
   border-radius: 50%;
   border: 1px solid #111;
   background: transparent;
   font-size: 0;
   padding: 0;
   }
   .section-2590__mobile-slider .slick-dots .slick-active button {
   background: #111;
   }
   #bgNoiseOverlay {
   position: static;
   }
   .ser-6 .desc {
   padding: 0;
   text-align: center;
   }
   .ser-6 .desc span {
   letter-spacing: 4px;
   font-size: 18px;
   padding: 5px 15px;
   }
   .ser-6 .desc h2 {
   width: 100%;
   font-size: 29px;
   line-height: 39px;
   margin-bottom: 25px;
   }
   .ser-6 {
   position: relative;
   }
.hsm-tabs-nav {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 12px;
    width: 100%;
    padding-bottom: 10px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.hsm-tabs-nav::-webkit-scrollbar {
    display: none;
}

.hsm-tabs-nav .hsm-tab-btn {
    flex: 0 0 auto;
    white-space: nowrap;
}
span.hsm-tab-arrow {
    display: none;
}
.vapi-btn-is-idle {
    left: 0 !important;
    top: 75%;
    z-index: 9;
}
.ser-3 .desc,.ser-4 .desc {
    text-align: center;
}

.ser-10 {
    padding: 100px 0;
}

.ser-10 .desc p {
    letter-spacing: 0;
    font-size: 15px;
    line-height: 25px;
}

.ser-10 .mt-5 {
    margin-top: 0 !important;
}

article.container.mobile-spacer {
    display: none !important;
}

#blog-section .mt-5 {
    margin-top: 20px !important;
}

#blog-section .overflow-auto {
    overflow: hidden !important;
}

#blog-section .overflow-auto .container-fluid {
    display: block !important;
    padding: 0 15px !important;
}

.js-ser9-review-slider .slick-list {
    padding-right: 15px;
}

.ser-11 {
    position: relative;
    background: #FBF8EF;
    padding: 60px 0;
}
#blog-section .custom-button-wrapper .custom-button span {
    font-size: 15px;
    padding: 5px 30px;
}

#blog-section .custom-button-wrapper .custom-button {
    padding: 0;
}
   }
   

body.page-template-home-service-marketing {
    background: #FBF8EF !important;
}
div#section-2590-slider .section-2590__slide-item {
  margin-right: 20px;
}
div#section-2590-slider {
    padding-left: 24px;
}
div#section-2590-slider ul.slick-dots,.js-mobile-ser5-cards ul.slick-dots{
    width: auto;
    height: 35px;
    display: flex;
    border-radius: 186.41px;
    padding-top: 9.94px;
    padding-right: 13.67px;
    padding-bottom: 9.94px;
    padding-left: 13.67px;
    border-width: 0.62px;
    background: #FFFFFF;
    border: 0.62px solid #00000040;
    align-items: center;
    bottom: 0;
}

div#section-2590-slider ul.slick-dots li,.js-mobile-ser5-cards ul.slick-dots li{
    width: 13px;
    height: 13px;
    border-radius: 12.43px;
    line-height: 0;
    margin: 0 3px;
    background: #D9D9D9;
}

div#section-2590-slider ul.slick-dots li.slick-active,.js-mobile-ser5-cards ul.slick-dots li.slick-active{
    background: #FEE83F;
    width: 43px;
    height: 13px;
    border-radius: 12.43px;
}

div#section-2590-slider ul.slick-dots li button,.js-mobile-ser5-cards ul.slick-dots li button{
    background: transparent !important;
    width: auto;
    height: auto;
    line-height: 0;
}

div#section-2590-slider .section-2590__track.section-2590__mobile-slider {
    padding-bottom: 50px;
}
.faq-accordion .accordion-button:not(.collapsed)::after {
    background-image: none !important;
}
#blog-section .blog-post .card .card-footer span.badge {
    border: 0.91px solid #101010 !important;
    color: #101010 !important;
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 2%;
}
#blog-section .blog-post:nth-child(1) .card .card-footer span.badge {
    background-color: #FEE83F !important;
}
#blog-section .blog-post:nth-child(2) .card .card-footer span.badge {
    background-color: #FE9A2F !important;
}
#blog-section .blog-post:nth-child(3) .card .card-footer span.badge {
    background-color: #FE8CBE !important;
}
.faq-section .faq-more.text-center.test {
    padding-top: 30px;
}
.ser-4 div#tab-content .pic img {
    width: 100%;
}
body{
    overflow-x:hidden;
}

section.overlap-sec.stack-slider-section .stack-slider{
    position:relative;
    margin:auto;
    min-height: 350px;
}

/* CARDS */
section.overlap-sec.stack-slider-section .stack-card{
    position:absolute;
    width:100%;
    transition:all .7s ease;
}

/* COLORS */
section.overlap-sec.stack-slider-section .white{
    background:#FFFCE7;
}

section.overlap-sec.stack-slider-section .orange{
    background:#FE9A2F;
}

section.overlap-sec.stack-slider-section .blue{
    background:#16C1DF;
}

/* STACK STATES */
section.overlap-sec.stack-slider-section .stack-card.active{
    z-index:3;
    transform:translateY(0);
}

section.overlap-sec.stack-slider-section .stack-card.second{
    z-index:2;
    transform:translateY(-18px) scale(.97);
}

section.overlap-sec.stack-slider-section .stack-card.third{
    z-index:1;
    transform:translateY(-36px) scale(.94);
}

/* DOTS */
section.overlap-sec.stack-slider-section .stack-dots{
    display:flex;
    gap:6px;
}
section.overlap-sec.stack-slider-section .stack-nav {
    position: absolute;
    bottom: 29px;
    z-index: 3;
    left: 50px;
}
section.overlap-sec.stack-slider-section .stack-dots span{
    width: 19px;
height: 7px;
border-radius: 300px;
opacity: 1;
}

section.overlap-sec.stack-slider-section .stack-dots span.active{
        width: 67px;
    height: 7px;
    border-radius: 300px;
    opacity: 1;
    background: #FEE841 !important;
}

section.overlap-sec.stack-slider-section .stack-dots span:nth-child(1) {
    background: #FEE841;
}
section.overlap-sec.stack-slider-section .stack-dots span:nth-child(2) {
    background: #FE9A2F;
}
section.overlap-sec.stack-slider-section .stack-dots span:nth-child(3) {
    background: #16C1DF;
}


main#--desktop-home section.faq-section .faq-more a.more-faq-btn:hover i.second {
        transform: scale(0);
}
main#--desktop-home section.faq-section .faq-more a.more-faq-btn *{
        transition: all 250ms ease-in-out;
}
main#--desktop-home section.faq-section .faq-more a.more-faq-btn:hover i.first {
      transform: scale(1) translateX(1rem);
        animation-name: bounceArrow;
    animation-timing-function: ease-in-out;
    cursor: pointer;
}

main#--desktop-home section.faq-section .faq-more a.more-faq-btn i.first {
   transform: scale(0);
       animation-delay: 0.3s;
    animation-duration: 0.5s;
    animation-iteration-count: 3;
}

main#--desktop-home section.faq-section .faq-more a.more-faq-btn span {
    transform: translateX(-1rem);
}
main#--desktop-home section.faq-section .faq-more a.more-faq-btn:hover span{
    transform: translateX(1rem);
}
main#--desktop-home section.faq-section .faq-more a.more-faq-btn i.second {
    transform: scale(1) translateX(-1rem);
}
.page-template-home-service-marketing div#hubspot-messages-iframe-container,
.page-template-home-service-marketing .grecaptcha-badge,.page-template-home-service-marketing div#ea11y-root,.page-template-Legal-Marketing-Experts div#hubspot-messages-iframe-container,
.page-template-Legal-Marketing-Experts .grecaptcha-badge, .page-template-Legal-Marketing-Experts div#ea11y-root {
    display: none !important;
}

section.vapi-hero-banner{
    width:100%;
    position:relative;
background: #212121;
    overflow:hidden;
    padding: 41px 30px;
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    align-items: center;
}
section.vapi-hero-banner .content{
    width: 100%;
}

section.vapi-hero-banner .content h2{
font-weight: 900;
font-size: 35px;
line-height: normal;
letter-spacing: 2%;
text-transform: uppercase;
color: #FFFFFF;
margin:0;
}

section.vapi-hero-banner .chat-widget{
    display:grid;
    align-items:center;
    gap:18px;
    justify-content: end;
    grid-template-columns:auto auto;
}

section.vapi-hero-banner .avatar{
    width: auto;
    position: relative;
    display:flex;
    align-items:center;
    justify-content:center;
}

section.vapi-hero-banner .chat-box{
  font-family: Barlow;
font-weight: 400;
font-size: 16px;
line-height: 100%;
letter-spacing: 3%;
text-decoration: underline;
text-decoration-style: solid;
text-decoration-thickness: 0%;
color: #FFFFFFE5;
max-width:217px;
width:100%;
}
.ser-1 ul.ser-tools li img {
    width: auto;
    height: auto;
    display: block;
}
div#section-2590-slider .section-2590__track .slick-list {
  padding-right: 25% !important;
  padding-left: 0 !important;
}



@media screen and (min-width: 1650px) {
body section.overlap-sec.stack-slider-section .stack-slider{
    min-height: 460px;
}
section.vapi-hero-banner .content h2{
font-size: 48px;
line-height: 69px;
}
}

@media screen and (max-width: 767px) {
body section.vapi-hero-banner {
    grid-template-columns: 1fr;
    gap: 25px;
    text-align: center;
}
body section.vapi-hero-banner .chat-widget {
    grid-template-columns: 1fr;
    margin: auto;
    place-items: center;
}
body section.vapi-hero-banner .content h2 {
    font-size: 25px;
}
main.vapi-sec-footer{
    margin-top:-70vh !important;
}
section.ser-3:before{
    height: 200px;
}
body div#section-2590-slider .section-2590__track .slick-list {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.ser-1 ul.ser-tools li img {
           display: block;
        width: auto;
        max-width: 150px;
        height: 52px;
        object-fit: contain;
}
.ser-1 ul.ser-tools li{
    padding: 0 12px;
        text-align: center;
}
body .custom-button-wrapper {
    margin-left: 0 !important;
}
.js-mobile-ser5-cards ul.slick-dots,.section-2590__mobile-slider .slick-dots {
    position: unset;
    margin: 40px auto;
    margin-bottom: 0;
    display: inline-flex !important;
}
.ser-5 .main-2{
    margin-right: 15px;
}
.ser-5 .main .pic {
    height: 500px;
}
   .ser-5 .main-2 {
   min-height: inherit;
   padding: 20px;
   margin-right:15px;
   }
    .ser-5 .main-2 img,.ser-4 .nav-link span {display: none;}
    .ser-4 div#tab-list{
    max-width: 100%;
    flex: 0 0 100%;
    flex-wrap: nowrap;
    gap: 12px;
    margin: 0 !important;
    flex-direction: row !important;
    overflow-x: auto;
    white-space: nowrap;
}
.ser-4 div#tab-content .pic{
    padding:0 !important;
}
body .ser-6 .section-2590__slide .section-2590__card-copy {
    padding: 12px;
}
body video.section-2590__card-media {
    height: 350px;
}
body .ser-6 .section-2590__slide .section-2590__card-copy p.section-2590__card-body{
       font-size: 16px;
}
body .accordion ul.ser9-review-slider li div a p {
    font-size: 17px;
    text-transform: capitalize;
            line-height: 1.45;
}
 
.ser-6 .section-2590__slide .section-2590__card-copy p.section-2590__card-title{
    font-size: 22px;
        line-height: 1.1;
}
div#section-2590-slider {
    padding-left: 10px !important;
}
section.s8-system-section .s8-layout .s8-title{
font-size: 32px;
    line-height: 1.08;
    margin-bottom: 30px;
}
body ::-webkit-scrollbar {
   display: none;
   }
   body .s8-tab,
   body .s8-tab.slot-active,
   body .s8-tab.slot-1,
   body .s8-tab.slot-2,
   body .s8-tab.slot-3,
   body .s8-tab.slot-4 {
   position: relative !important;
   top: auto !important;
   left: auto !important;
   width: auto !important;
   height: 58px !important;
   min-width: max-content;
   flex: 0 0 auto;
   padding: 6px 16px 6px 6px !important;
   transform: none !important;
   }

   section.s8-system-section .s8-layout .s8-card-title{
font-size: 30px;
    line-height: 1.08;
    text-align: center;
}
section.s8-system-section .s8-layout .s8-card-area .s8-list{
  max-height: 430px;
  height:auto;
}
main#--desktop-home section.faq-section .faq-more{
    margin-top: -100px;
}
section.faq-section .faq-more a.more-faq-btn i,body .accordion .collapsed-title {
    display: none;
}
main#--desktop-home section.faq-section .faq-more a.more-faq-btn span {
    transform: translateX(0rem);
}
.accordion ul.ser9-review-slider li a p, .accordion ul.ser9-review-slider li a strong {
    opacity: 1 !important;
    transform: translateY(0) !important;
}
body .accordion ul.ser9-review-slider li::before{
    background-color:#000 !important;
    opacity:0.6;
}
body .accordion ul.ser9-review-slider li {
   min-height: 430px;
   height: 430px;
   }
body .accordion ul.ser9-review-slider li div a{
    padding: 25px;
}
body .ser-9 .accordion{
    height:auto;
}
}