h1, h2, h3, h4, p{
  color: white;
}

h1{
  font-size: 3rem;
  font-weight: 600;
}

.text-xs{
  font-size: 12px;
}

.text-s{
  font-size: 16px;
}

.text-m{
  font-size: 18px;
}

.text-l{
  font-size: 20px;
}

.text-xl{
  font-size: 24px;
}

.gradient-text{
  background: linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(255,0,0,1) 50%, rgba(161,0,255,1) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient-text-conical{
  background: var(--6,conic-gradient(from 240deg at 50% 84.48%,#fff 56.25deg,#ff0000 146.25deg,#a100ff 243.74999284744263deg));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.index-section{
  padding-top: 7rem;
}

.mobile-index-title{
  padding-top: 7rem;
}

form label{
  color: white;
}

form input, form textarea{
  color: white !important;
  background-color: unset !important;
}

form ::-ms-input-placeholder {
  color: #ffffff6e !important;
}

form input::placeholder{
  color: #ffffff6e !important;
}

.form-group:not(:last-child){
  margin-bottom: 1rem;
}

.body-text{
  font-size: 1rem;
  font-weight: 500;
  font-family: sans-serif;
}

.btn.btn-white{
    background-color: white;
    color: black;
    font-weight: 700;
}

.full-button{
    width: 100%;
    border-radius: 10rem;
}

.btn-primary{
    background: red !important;
    color: white !important;
    border: unset !important;
}

.accordion-item{
    border: 1px solid rgba(255, 255, 255, 0.252);
    background-color: unset;
}

.accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.collapse:not(.show){
    display: none;
}

.collapsing{
    height: 0;
    overflow: hidden;
    transition: height .35s ease;
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #fff;
    text-align: left;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0;
    background-color: unset !important;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
}

.template-box{
    padding: 2rem;
    background: #1E2937;
    border-radius: 2rem;
}

.template-box svg{
    margin: auto;
    margin-bottom: 2rem;
    height: 3.5rem;
    width: auto;;
}

.input-label{
    color: white;
}

input{
    border: 2px solid white;
}

.setup-form{
    padding: 2rem;
    background-color: #1e2937;
    border-radius: 1.5rem;
}

/*mail type switch*/

.switch-wrapper {
    position: relative;
    display: inline-flex;
    padding: 4px;
    border: 1px solid lightgrey;
    margin-bottom: 40px;
    border-radius: 30px;
    background: #1e2937;
}
  
.switch-wrapper [type="radio"] {
  position: absolute;
  left: -9999px;
}

.switch-wrapper [type="radio"]:checked#gmail ~ label[for="gmail"],
.switch-wrapper [type="radio"]:checked#outlook ~ label[for="outlook"] {
  color: white;
}

.switch-wrapper [type="radio"]:checked#gmail ~ label[for="gmail"]:hover,
.switch-wrapper [type="radio"]:checked#outlook ~ label[for="outlook"]:hover {
  background: transparent;
}

.switch-wrapper
  [type="radio"]:checked#gmail
  + label[for="outlook"]
  ~ .highlighter {
  transform: none;
}

.switch-wrapper
  [type="radio"]:checked#outlook
  + label[for="gmail"]
  ~ .highlighter {
  transform: translateX(100%);
}

.switch-wrapper label {
  font-size: 16px;
  z-index: 1;
  min-width: 100px;
  line-height: 32px;
  cursor: pointer;
  border-radius: 30px;
  transition: color 0.25s ease-in-out;
  text-align: center;
}

.switch-wrapper label:hover {
  background: #29394c;
}

.switch-wrapper .highlighter {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(50% - 4px);
  height: calc(100% - 8px);
  border-radius: 30px;
  background: red;
  transition: transform 0.25s ease-in-out;
}
.bg-blue-900{
  background-color: #111827;
} 

.collapse.show{
  visibility: visible;
}

/*clock icon time picker color*/
input[type="time"]::-webkit-calendar-picker-indicator{
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(278deg) brightness(105%) contrast(105%);
}

@media (min-width: 992px){
  .navbar-expand-lg .collapse {
    visibility: visible;
  }
}

/*cke edits*/
.ck-content p, .ck-content a, .ck-content li {
  color: black !important;
}