.select-style {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--indigo-200)!important;
}

.lp-arrow.t-bg:hover svg{
    fill: #4561ec;
}

.lp-arrow.t-bg:hover svg circle, .lp-arrow.t-bg:hover svg path {
    stroke: #000!important;
}

.lp-feat svg path {
    stroke: var(--indigo-500);
    stroke-width: 3;
}

.line-white.indigo-light-bg {
    opacity: 1;
    visibility: visible;
}

.gs-container.cta-block {
    visibility: visible;
}

.ar-carousel.is-guide .ar-items {
    margin-bottom: 10px;
}

.ar-collection:after {
    position: absolute;
    bottom: -1px;
    right: -342px;
    background: #b7b7bc;
    width: 100%;
    height: 1px;
    content: "";
}

.ui-selectmenu-button.ui-button {
    width: 237px !important;
}
.ui-selectmenu-button {
    background-color: var(--indigo-200) !important;
    background-image: none!important;
    border: 0!important;;
    border-radius: 56px;
    padding: 8px 15px!important;
    font-weight: 600!important;
    font-family: 'Inter'!important;
    font-size: 16px!important;
}

.ui-state-default .ui-icon.custom-button, .ui-icon.custom-button, .ui-button .ui-icon.custom-button {
    background-image: url('https://plabesores123.github.io/rent/images/down-arrow.svg');
    margin-top: 4px!important;
}

.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus, 
.ui-button:hover, 
.ui-button:focus, 
.ui-button:active {
    border: 0 !important;
    background: var(--indigo-200) !important;
    font-weight: 600!important;
    color: var(--gray-600)!important;
}

.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
a.ui-button:active, 
.ui-button:active, 
.ui-button.ui-state-active:hover {
    border: 0px!important;
    color: var(--indigo);
    background: transparent;
}

.ui-button:focus {
    font-weight: 600!important;;
    
}
.ui-button:not(:focus){
    border-radius: 56px;
}
.ui-widget.ui-widget-content {
    border: 0!important;
}
.ui-menu .ui-menu-item {
    padding: 0px!important;
    background: var(--indigo-200) !important;
}
.ui-selectmenu-menu .ui-menu {
    overflow: scroll!important;
    overflow-x: hidden!important;
    padding-bottom: 1px!important;
    max-height: 360px!important;
    border-radius: 0px 0px 20px 20px!important;
    background-color: var(--indigo-200) !important;
    scrollbar-gutter: stable;
}
.ui-menu::-webkit-scrollbar {
  width: 10px!important;
}

.ui-menu::-webkit-scrollbar-track {
  background-color: var(--indigo-100)!important;
  border-radius: 26px;
  margin-left: 10px;
  margin-bottom: 10px;
}

.ui-menu::-webkit-scrollbar-thumb {
  border: var(--indigo-100) 3px solid !important;
  background-color: var(--indigo-500) !important;
  border-radius: 26px;
  width:4px;
}

.ui-menu::-webkit-scrollbar-track-piece:end {
    background: transparent;
    margin-bottom: 10px; 
}

.select-wrapper .ui-selectmenu-button {
    width: 200px;
    height: auto;
}
.select-wrapper .ui-selectmenu-menu {
    width: 200px;
    max-height: 300px;
    overflow-y: auto;
}
.select-wrapper .ui-menu {
    position: relative;
    padding-bottom: 60px; /* Add padding to make space for the Clear Selection button */
}

.clear-selection {
    display: block;
    text-align: center;
    margin: 10px 10px;
    padding: 4px 20px;
    background-color: transparent;
    color: var(--indigo);
    border-radius: 56px;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    border: 1px solid var(--indigo);
}


.ui-selectmenu-menu.ui-front.ui-selectmenu-open {
    border-radius: 0px 0px 20px 20px !important;
    background-color: var(--indigo-200) !important;
    padding-top: 25px;
    font-family: Inter Tight, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600;
}

.ui-selectmenu-menu.ui-front:first-child {
    z-index: 9!important;
}
.ui-selectmenu-menu.ui-front:nth-child(2) {
    z-index: 7!important;
}
.ui-selectmenu-menu.ui-front:nth-child(3) {
    z-index: 5!important;
}

#Cat-Select-3-menu.ui-widget, #Type-Select-3-menu.ui-widget, #Author-Select-2-menu.ui-widget {
    font-family: Inter Tight, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600;
}

#Cat-Select-3-button {
    z-index: 10;
}

#Type-Select-3-button {
    z-index: 8;
}

#Author-Select-2-button {
    z-index: 6;
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 8px 10px 8px 15px;
    font-weight: 600!important;
    font-family: 'Inter'!important;
    font-size: 16px!important;
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
    margin:0px;
}

/** .load-more-button:hover .arrow-page-right{
    padding-left: 15px;
    transform: translate(0);
} **/

.load-more-button:hover .arrow-page-right svg path {
    stroke: var(--indigo)!important;
}

.load-more-button:hover .arrow-page-left svg path {
    stroke: var(--indigo)!important;
}

.form-cta, .cta, .CTA {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.w-form-done {
    margin-top: 50px;
}

.blog-details h1, .blog-details h2, .blog-details h3, .blog-details h4, .blog-details h5{
    font-family: Rentsans, sans-serif;
}

.blog-details .blog-content img {
    padding-bottom: 32px;
}

.blog-details code.indigo-highlight.gs-light {
    font-family: Rentsans, sans-serif;
}

.owl-nav-none .owl-nav {
    visibility: hidden;
    display: none;
}

.owl-nav-none .owl-dots {
    width:100%;
}

#is-related .collection-list-resource:not(:nth-child(-n+3)) {
    display: none;
}

.ui-selectmenu-menu #btn-clr-cat, .ui-selectmenu-menu #btn-clr-type, .ui-selectmenu-menu #btn-clr-author {
    padding: 8px 15px;
    height: auto!important;
    width: fit-content!important;
}

.select-wrapper #btn-clr-cat, .select-wrapper #btn-clr-type, .select-wrapper #btn-clr-author {
    height: 0;
    width: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    color: transparent;
    background: transparent;
    border: 0;
}

select#Contact_Us_Reason__c {
    -webkit-appearance: none;
    appearance: none;
    background-image: url(https://plabesores123.github.io/rent/images/down-arrow.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: calc(100% - 16px) center;
}

.w-input, .w-select {
    border:0;
}

.cta.cta-get-started-form {
    background-position:80%;
    padding-right:52px;
}

.cta.cta-get-started-form:hover {
    background-image: url('https://cdn.prod.website-files.com/664bb28e4eaef6676bc7f01a/664faa2a8ba0b955ed6066cb_Group%20422.svg');
}

.mktoForm input, .mktoForm select, .mktoForm textarea, .mktoEmailField, .mktoField:focus {
        border:0!important;
}

.all-sol-items .w-layout-cell:hover .cta, .three-cards .related-cells:hover .cta, .t-item:hover .cta.t-modal-open {
    padding-right: 50px;
    transform: translate(0);
}

.animated-close {
    -webkit-animation-duration: 3s;animation-duration: 3s;
    -webkit-animation-fill-mode: both;animation-fill-mode: both;
 }
 
 @-webkit-keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
 }

.hidden-dots .owl-dots{
    display:none;
}
 
 @keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
 }
 
 .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
 }

.w-lightbox-img {
    border-radius: 4px;
}

.resources.large-arrows .owl-nav button:hover {
    -webkit-transform: scale(1.1) translateY(-50%) !important;
    transform: scale(1.1) translateY(-50%) !important;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transform-origin: center;
}

.ar-items .owl-dot.active{
    background: #7e93fb;
}

#ar-no-space .ar-items button.owl-dot:last-child {
    display: none;
}
#ar-no-space .owl-next.disabled{
    pointer-events: none;
    cursor: not-allowed;
}

@media screen and (max-width: 767px) {
    .contact-form-wrap {
        position: relative;
        width: 100%;
    }
    .get-started-form-slider.form-slider-mobile {
        overflow-x: hidden;
        overflow-y: auto;
    }
   .ui-selectmenu-button.ui-button {
        width: 100%!important;
   }
    .gs-container-subscribe .quick-stack-25 {
        display: block;
    }
    .gs-container-subscribe .quick-stack-25 .w-layout-cell:not(:first-child) {
        margin-top: 44px;
    }
    .kf-tab-desc ._20px-inter-gray {
        font-size: 16px;
    }
    .kf-tab-desc .desktop-h3.is-kf{
        font-size: 32px;
    }
    .global-cta.white.vid-play {
        background: var(--indigo);
        color: var(--white);
    }
    .global-cta.white.vid-play svg path {
        fill: var(--indigo);
    }
    .global-cta.white.vid-play svg circle {
        fill: var(--white);
    }
    .owl-nav-none .owl-nav {
        visibility: hidden;
        display: none;
    }
    
    .owl-nav-none .owl-dots {
        width:100%;
    }
    .templates-carousel .owl-prev, .templates-carousel .owl-next {
        top: 100% !important;
        transform: translateY(-100%) !important;
    }
    .templates-carousel .tmpl-content {
        margin-bottom: 40px;
        padding-bottom: 20px;
    }
    .templates-carousel .owl-prev {
        left: 15px;
    }
    .templates-carousel .owl-next {
        right: 15px;
        max-width: 90%;
    }

}                                
@media screen and (max-width: 560px) {
    .vimeo-container.is-home {
        scale: 1;
    }
}