.industry-slider {
    position: relative;
    height: 400px;
    width: 100%;
  }
  
.industry-slider.fullscreen {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  
  .industry-slider.fullscreen ul.slides {
    height: 100%;
  }
  
  .industry-slider.fullscreen ul.indicators {
    z-index: 2;
    bottom: 30px;
  }
  
  .industry-slider .slides {
    background-color: #ffffff;
    margin: 0;
    height: 400px;
  }
  
  .industry-slider .slides li {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: inherit;
    overflow: hidden;
  }
  
  .industry-slider .slides li img {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
  }
  
  .industry-slider .slides li .caption {
    color: #fff;
    position: absolute;
    top: 15%;
    left: 15%;
    width: 70%;
    opacity: 0;
  }
  
  .industry-slider .slides li .caption p {
    color: #e0e0e0;
  }
  
  .industry-slider .slides li.active {
    z-index: 2;
  }
  
  .industry-slider .indicators {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
  }
  
  .industry-slider .indicators .indicator-item {
    display: inline-block;
    position: relative;
    cursor: pointer;
    height: 16px;
    width: 16px;
    margin: 0 12px;
    background-color: #FFFFFF;
    transition: background-color .3s;
    border-radius: 50%;
  }
  
  .industry-slider .indicators .indicator-item.active {
    background-color: #4CAF50;
  }
  
 
.back-button, .submit-button, .copy-button {
    cursor: pointer;
    border: 1px solid #c5c7c9;
    border-radius: 3px;
    padding: 5px 0;
}


/* slider */

.industry-slider .slides {
    background-color: #FFFFFF;
}

div.industry-slider {
    position: relative;
    z-index: -5;
    top: -176px;
    margin-bottom: -176px;
}

div.industry-slider ul.slides li div.caption {
    width: 35%;
    text-align: center;
    top: 50%;
    color: black;
}

div.industry-slider ul.slides li div.caption h1 {
    line-height: 1.5;
}

/* slider */
div#slider-wrap {
    position: relative;
}


div#slider-wrap form {
    position: absolute;
    bottom: 40px;
    left: 50%;
}

div#slider-wrap form div#search-text-box {
    position: relative;
    left: -50%;
}

/* carousel */
div#carousel-wrap {
    text-align: center;
    position: relative;
    margin-bottom: 25px;
}

div#domain-strip {
    margin: 0 auto;
    height: 135px;
    width: 94%;
    overflow: hidden;
    background-color: #FFFFFF;
    float: right;
}
div#domain-strip ul {
    margin: 0;
    padding: 0;
    height: 100%;
    list-style: none;
    font-size: 20px;
}

div#domain-strip ul li {
    float: right;
    width: 156px;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #FFFFFF;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    font-size: 15px;
}

div#domain-strip ul li.active {
    color: #ffffff;
    background: #FFFFFF;
}

div#domain-strip ul li.active:after {
    display: inline-block;
    border-left: solid transparent;
    border-right: solid transparent;
    border-bottom: solid black;
    border-width: 8px;
    content: '';
    margin-bottom: -4px;
}


div.domain-icon div {
    margin-top: -46px;
    margin-bottom: 0px;
    background: no-repeat 50% 50%;
    background-size: 145px;
    height: 240px;  
    width: 100%;
}


@media only screen and (max-width: 992px){
    div#domain-strip {
        margin: 0 auto;
        height: 145px;
        width: 75%;
        overflow: hidden;
        background-color: #ffffff;
        float: right;
    }

    div#domain-strip ul li {
        float: right;
        width: 100px;
        height: 100%;
        margin: 0;
        padding: 0;
        background: #FFFFFF;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
        font-size: 11px;
    }

}

.industry-slider-control {
    position: relative;
    height: 100%;
    bottom: 100px;
  }
  
.industry-button-prev, .industry-button-next {
    background: var(--white);
    width: 2.5rem; 
    height: 2.5rem; 
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -50%;
    transform: translateY(-100%);
    filter: drop-shadow(0px 8px 24px rgba(18, 28, 53, 0.1));
}
  
.industry-button-prev {
    right: 0;
}
  
.industry-button-next {
    left: 0; 
}
  
#prev-carousel-btn i{
    color: #aea8a8;
}

#next-carousel-btn i{
    color: #aea8a8;
}

.tag-list {
    list-style: none;
    padding-left: 0;
}

.tag-list,
.tag-list ul {
    list-style-type: none;
}

.category-item {
    margin-bottom: 10px;
}

.tag-item {
    display: inline-block;
    margin-right: 5px;
    background-color: #f0f0f0;
    padding: 5px 10px;
    border-radius: 20px; 
}

.tag-item a {
    text-decoration: none;
    color: #333; 
}

.tag-item:hover {
    background-color: #e0e0e0; 
}


.top-categories, .top-tags{
    list-style-type: none;
    font-size: 16px!important;

}

.top-categories li, .top-tags li{
    padding: 6px;

}

.top-categories a, .top-tags a{
    color: #040404;
}
.top-categories a:hover, .top-tags a:hover{
    color: #007aff;

}

.category-title, .tag-title{
    color: #030303;
    padding-bottom: 5px;
    text-align: center;
    border-bottom: 2px solid #627680;
}


#domain-panes {
    display: flex;
    flex-wrap: wrap;
}

.domain-pane {
    flex: 1 1 300px; 
    margin: 10px; 
    display: flex;
    
}

@media only screen and (max-width: 767px) {
    #domain-panes{
        height: 370px!important;
    }
    .domain-pane {
        flex-direction: column;
    }
}

.domain-pane .top-categories,
.domain-pane .top-tags {
    flex: 1;
}