.container {
   position: relative;
   /* top: -120px; */
}

.slider-section {
   width: 99vw;
   /* height: 70vh; */
   background-color: #e7ecf5;
   max-height: 500px;
   /* margin-top: 30px; */
}

.carousel {
   height: 100%;
   overflow: hidden;
}

.carousel-inner {
   position: relative;
   height: 100%;
}

.carousel-inner .carousel-item {
   position: relative;
   height: 100%;
}

.carousel-inner .carousel-item .row {
   height: 100%;
}


.carousel-inner .text-slider-box {
   width: 85%;
}

.carousel-inner .text-slider-primary {
   font-size: 40px;
   font-weight: bold;
   font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   color: #091a42;
   line-height: 1.2;
}

.carousel-inner .slide-link-section {
   width: 85%;
}

.carousel-inner .text-link-span {
   color: #FFB822;
}

.carousel-inner .slide-link {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 280px;
   height: 50px;
   background-color: #313030;
   color: #fff;
   border-radius: 30px;
   font-size: 20px;
   font-weight: bold;
   font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.carousel-inner .slide-link:hover {
   color: #fff;
   transform: scale(1.1);
}

.carousel .circle-section-1 {
   position: absolute;
   border-radius: 50% / 70% 70% 40% 40%;
   background: #68C6DF;
   height: 100vh;
   width: 23.5vw;

   left: -8.82vw;
   bottom: -33vh;
   transform: rotate(113deg);
}

.carousel .circle-section-2 {
   position: absolute;
   border-radius: 50% / 70% 70% 40% 40%;
   background: #F46628;
   height: 135vh;
   width: 39.5vw;

   right: -8.82vw;
   top: -33vh;
   transform: rotate(-105deg);
}

.carousel .shop-example-section {
   height: 60%;
}

.carousel .shop-example-section svg {
   width: 60%;
}

.carousel .text-link-section {
   height: 60%;
}


.carousel-inner {
   margin: auto;
   width: 90%;
   max-width: 1280px;
}

.carousel-multi-business .carousel-control {
   width: 4%;
}

.carousel-multi-business .carousel-control.left,
.carousel-multi-business .carousel-control.right {
   background-image: none;
}

.carousel-multi-business .glyphicon-chevron-left,
.carousel-multi-business .carousel-control .glyphicon-chevron-right {
   margin-top: -10px;
   margin-left: -10px;
   color: #444;
}

.carousel-multi-business .carousel-inner {
   a {
      display: table-cell;
      height: 180px;
      width: 200px;
      vertical-align: middle;
   }

   img {
      max-height: 150px;
      margin: auto auto;
      max-width: 100%;
   }
}

.carousel-multi-business .item img {
   width: 400px;
   box-shadow: 0px 4px 12px rgb(86 90 97 / 12%);
   border-radius: 12px;
   margin-bottom: 10px;
}

.carousel-multi-container {
   margin: 20px auto;
   z-index: 200;
   width: 87%;
}

.carousel-multi-container h2 {
   font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
   color: rgb(60, 106, 240);
   ;
   font-weight: 500;
   margin-left: 100px;
}

.carousel-multi-business {
   margin-bottom: 45px;
}

.carousel-multi-business a span {
   font-size: 2rem;
   color: black;
   font-weight: bold;
   margin-top: 10px;
}

.carousel-item .row {
   margin-top: 6rem !important;
}

@media screen and (max-width: 767px) {
   .container {
      margin-top: 180px;
   }

   .slider-section {
      height: auto;
      margin-top: 50px;
   }

   .shop-example-section {
      margin-top: 30px;
   }

   .carousel-inner .text-slider-primary {
      margin-top: 92px !important;
      font-size: 3rem !important;
   }


   .carousel-inner .slide-link {
      margin-top: 0 !important;
   }

   .carousel .text-link-section {
      padding-bottom: 0;
   }

   .carousel .shop-example-section svg {
      width: 100%;
   }
}

/* .gradient-img {
   width: 100%;
   display: block;
   position: relative; 
   filter: brightness(1); 
   mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
   -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
   mask-repeat: no-repeat;
   mask-size: 100% 100%;
   -webkit-mask-repeat: no-repeat;
   -webkit-mask-size: 100% 100%;
   background: linear-gradient(to bottom, #ffffff 70%, #ffffff 100%);
} */


