/* Default */

/* sf overrides */

.community_layout-section_section.section-content{
    padding: 0 !important;
}

.slds-button.slds-button_brand{
    border: none !important;
}

/* Button Styling */
.slds-button_brand{
    font-size: 1.0625rem;
    padding: 5px 75px;
    /*background-image: linear-gradient(to right, rgb(107, 66, 228) , rgb(86, 130, 238));*/
    background: linear-gradient(270deg, #5682EE 6.13%, #532EF2 64.39%, #6548DA 98.12%);
    font-family:'Inter', sans-serif;
}

.nav-desktop .slds-button_brand,
.variation-1 .slds-button_brand{
    font-weight: 700;
    padding: 5px 61px;
}

/*Input Styling*/
.slds-input{
    border-image: linear-gradient(90deg, #FF9A00 1.52%, #FE5925 18.17%, #A94C93 33.94%, #6B42E4 51.81%, #5079F4 75.47%, #3BCDF4 91.77%, #3AFFE7 102.46%) 1 !important;
    border-radius: 3px;
    color: black;
}
.slds-textarea{
    border-image: linear-gradient(90deg, #FF9A00 1.52%, #FE5925 18.17%, #A94C93 33.94%, #6B42E4 51.81%, #5079F4 75.47%, #3BCDF4 91.77%, #3AFFE7 102.46%) 1 !important;
    border-radius: 3px;
    color: black;
}
/* / Default */

/* carousel */
.carousel {
position: relative;
}

.carousel__item {
display: none;
}

.carousel__item--selected {
display: block;
}

.carousel__nav {
width: 100%;
padding: 20px 0;
position: absolute;
bottom: 0px;
text-align: center;
}

.carousel-button{
width: 30px;
height: 30px;
display: inline-block;
background: rgba(196, 196, 196, 0.2);
border-radius: 50%;
margin: 0 5px;
cursor: pointer;
}

.carousel__button {
width: 14px;
height: 14px;
display: inline-block;
background: rgba(196, 196, 196, 0.2);
border-radius: 50%;
margin: 0 5px;
cursor: pointer;
}

.carousel__button--selected {
background: rgba(163, 168, 247);
}
/* / carousel */

/* agreement center page */
[c-zifiagreementcenterbba_zifiagreementcenterbba] .slds-button {
    border-bottom: 2px solid !important;
    border-image: linear-gradient(to left,#3AFFE7, #3CA1FF, #6B42E4, #FE5925, #FF9A00) 3 !important;
}
[c-zifiagreementcenterbba_zifiagreementcenterbba] .slds-truncate{
    color:black;
}
[c-zifiagreementcenterbba_zifiagreementcenterbba] .slds-button_reset{
    font-size: 30px !important;
    font-weight: 600;
}
[c-zifiagreementcenterbba_zifiagreementcenterbba] .slds-accordion__summary-heading > button > span{
    order: 1;
}
[c-zifiagreementcenterbba_zifiagreementcenterbba] .slds-accordion__summary-heading > button > lightning-primitive-icon{
    order: 2;
    margin-left: auto;
}
[c-zifiagreementcenterbba_zifiagreementcenterbba] .slds-button:focus{
    text-decoration: none;
}
@media (max-width: 767px) {
    [c-zifiagreementcenterbba_zifiagreementcenterbba] .borderSection{
       border: 1px solid rgba(255, 0, 0, 0);
       font-size: 13px !important;
   }
   [c-zifiagreementcenterbba_zifiagreementcenterbba] .slds-button{
       border-bottom: 2px solid !important;
       border-image: linear-gradient(to left,#3AFFE7, #3CA1FF, #6B42E4, #FE5925, #FF9A00) 3 !important;
   }

   [c-zifiagreementcenterbba_zifiagreementcenterbba] .slds-button_reset{
         font-size: 18px !important;
         font-weight: 600;
   }
   
   [c-zifiagreementcenterbba_zifiagreementcenterbba] .slds-accordion__summary-heading > button > span {
       order: 1;
   }
   
   [c-zifiagreementcenterbba_zifiagreementcenterbba] .slds-accordion__summary-heading > button > lightning-primitive-icon {
       order: 2;
       margin-left: auto;
   }
}
/* / agreement center page */

/* error page */
[c-zifi404sectionone_lwc_zifi404sectionone_lwc] .slds-button_outline-brand {
    border: solid 2px #6B42E4;
    color: #6B42E4;
    padding: 5px 75px;
    font-size: 0.875rem;
    font-family: 'Inter', sans-serif;
}

[c-zifi404sectionone_lwc_zifi404sectionone_lwc] .slds-button_brand {
    padding: 5px 75px;
    font-size: 0.875rem;
    font-family: 'Inter', sans-serif;
}
/* /error page */

/* FAQ Page */
[c-zififaqwithsearch_lwc_zififaqwithsearch_lwc] .sub {
	bottom: 0em;
    font-size:35%;
    position: initial;
}
/* /FAQ Page */

/*  maintenance page */
.maintenanceMobileImage{
    max-width: 85%;
}
.maintenanceHeader{
   font-family: 'Inter';
   font-style: normal;
   font-weight: 700;
   font-size: 32px;
   margin: 0 2rem 43px 2rem;
   max-width: 354px;
}
.maintenanceBody{
   font-family: 'Inter';
   font-style: normal;
   font-weight: 500;
   font-size: 20px;
   margin: 0 2rem 0 2rem;
   max-width: 400px;
}
   
.maintenanceButtonDesktop{
       display: none;
       font-weight: 700;
   }
   
.maintenanceButtonMobile{
       display: flex;
       font-weight: 700;
       margin-top: 50px;
       margin-bottom: 100px;
   }
.maintenanceDesktopImage{
       display: none;
   }
   
.maintenanceBodyContent{
       margin-top: 25px;
   }
.maintenancePhoneNumber{
    white-space: nowrap;
}

  
@media (min-width: 768px) 
{ 
    .maintenanceButtonMobile{
        display: none;
    }

    .maintenanceButtonDesktop{
        display: flex;
        margin: 1rem 0 125px 10%;
    }

    .maintenanceDesktopImage{
        display: flex;
        object-fit: cover;
        margin: 0 10% 0 0;
        width: 100%;

    }

    .maintenanceMobileImage{
        display: none;
    }

    .maintenanceBody{
        font-size: 24px;
        margin: 0 0 50px 10%;
        max-width: 414px;

    }
    .maintenanceHeader{
        font-size: 48px;
        margin: 100px 0 25px 10%;
        max-width: 1400px;
    }
}
@media (min-width: 992px) 
     { 
       .maintenanceButtonMobile{
           display: none;
       }
       
       .maintenanceButtonDesktop{
           display: flex;
           margin: 1rem 0 125px 10%;
       }
       
       .maintenanceDesktopImage{
           display: flex;
           object-fit: cover;
           width: 100%;
            margin: 0 10% 0 0;               
       }
       
       .maintenanceMobileImage{
           display: none;
       }
     
         .maintenanceBody{
          font-size: 24px;
          margin: 0 0 50px 10%;
          max-width: 414px;
        
         }
          .maintenanceHeader{
           font-size: 48px;
           margin: 100px 0 25px 10%;
           max-width: 579px;
        }
   }
/* / maintenance page */

/* modals */

/* / modals */