h1 {
 font-weight: 700; 
 font-size: 60px; 
 line-height: 60px; 
 color: rgb(20, 39, 66); 
 font-family: Calibri; 
}

h2 {
 font-weight: 700; 
 font-size: 48px; 
 line-height: 48px; 
 color: rgb(146, 121, 163); 
 font-family: Calibri; 
}

h3 {
 font-weight: 700; 
 font-size: 48px; 
 line-height: 48px; 
 color: rgb(20, 39, 66); 
 font-family: Calibri; 
}

h4 {
 font-weight: 700; 
 font-size: 36px; 
 line-height: 36px; 
 color: rgb(146, 121, 163); 
 font-family: Calibri; 
}

p {
 font-weight: 400; 
 font-size: 16px; 
 line-height: 24px; 
 color: rgb(112, 112, 112); 
 font-family: Calibri; 
}

button, .button {
 font-weight: 300; 
 font-size: 18px; 
 line-height: 16px; 
 padding: 10px; 
 color: rgb(255, 255, 255); 
 background-color: rgb(146, 121, 163); 
 font-family: Arial; 
}

button:hover, .button:hover {
 background-color: rgb(46, 42, 42); 
 color: rgb(255, 255, 255); 
}

a:not(.button) {
 font-weight: 400; 
 font-size: 16px; 
 line-height: 16px; 
 color: rgb(255, 102, 99); 
 font-family: Inter; 
}

a:not(.button):hover {
 color: rgb(34, 34, 34); 
}


        @media (max-width: 576px) {


            h1 {
                font-size: calc(60px - 50%)
            }


            h2 {
                font-size: calc(48px - 50%)
            }


            h3 {
                font-size: calc(48px - 50%)
            }


            h4 {
                font-size: calc(36px - 50%)
            }


            h5 {
                font-size: calc(22px - 50%)
            }


            h6 {
                font-size: calc(20px - 50%)
            }



            button {
                font-size: calc(18px - 50%)
            }


            p {
                font-size: calc(16px - 50%)
            }


            a {
                font-size: calc(16px - 50%)
            }


        }


        @media (max-width: 768px) {


            h1 {
                font-size: calc(60px - 10%)
            }


            h2 {
                font-size: calc(48px - 10%)
            }


            h3 {
                font-size: calc(48px - 10%)
            }


            h4 {
                font-size: calc(36px - 10%)
            }


            h5 {
                font-size: calc(22px - 10%)
            }


            h6 {
                font-size: calc(20px - 10%)
            }


            button {
                font-size: calc(18px - 10%)
            }


            p {
                font-size: calc(16px - 10%)
            }


            a {
                font-size: calc(16px - 10%)
            }


        }

.fc-daygrid-day-number {

font-weight: 400;  font-size: 16px;  line-height: 21px;  color: rgb(146, 121, 163);  font-family: Inter; }

.fc-daygrid-day {background-color: rgb(255, 255, 255); }

.fc-day-today {background-color: rgb(243, 243, 243) !important; }

.fc-col-header-cell-cushion {font-weight: 900;  font-size: 16px;  line-height: 21px;  text-transform: capitalize;  color: rgb(32, 32, 32);  font-family: Inter; }

.fc-col-header-cell {background-color: rgb(213, 203, 219); }

.fc button {font-weight: 300 !important;  font-size: 18px !important;  line-height: 16px !important;  padding: 10px !important;  text-transform: capitalize !important;  color: rgb(255, 255, 255) !important;  background-color: rgb(146, 121, 163) !important;  border-color: rgb(255, 255, 255) !important;  font-family: Arial !important; }

.fc-toolbar {text-transform: capitalize;  color: rgb(0, 0, 0);  background-color: rgb(255, 255, 255);  font-family: Anton; }

.fc-theme-standard {}

.fc .fc-scrollgrid-section > td {border-color: rgb(255, 255, 255); }

.fc-daygrid-dot-event {font-weight: 400;  font-size: 16px;  line-height: 21px;  padding: 0px;  text-transform: capitalize;  color: rgb(146, 121, 163);  background-color: rgb(255, 255, 255);  font-family: Inter; }

.fc-h-event {font-weight: 400;  font-size: 16px;  line-height: 21px;  padding: 0px;  text-transform: capitalize;  color: rgb(41, 121, 163);  background-color: rgb(213, 203, 219);  border-color: rgb(255, 255, 255);  font-family: Inter; }

.fc-daygrid-event-dot {display: block; }

.flegg-photo1 {display:block; margin: 0 auto; border-width:2px; border-style:solid; border-color: rgb(146,121,163); border-radius:25px !important; box-shadow: 4px 4px 8px 0 rgba(146,121,163, 0.2), 0 0 8px 10px rgba(146, 121, 163, 0.19)!important;}

.flegg-photo2 {display:block; margin: 0 auto;  border-width:2px; border-style:solid; border-color: rgb(146,121,163); border-radius:25px !important; box-shadow: 4px 4px 8px 0 rgba(146,121,163, 0.2), 0 0 8px 10px rgba(146, 121, 163, 0.19)!important;}


.flegg-table1 {border-width:2px; border-style:solid; border-color: rgb(146,121,163); }
.flegg-grid1 {
      display: grid;
      place-items: center;
    }
.flegg-grid-container1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}
.sidebarBody ul.level-1 > li > a{font-family: Arial}
.sidebarBody ul.level-1 > li > a{font-size: 16px}
.sidebarBody ul.level-1 > li > a{font-weight: 400}
.sidebarBody ul.level-1 > li > a{text-transform: none}
.sidebarBody ul.level-1 > li > a{color: rgb(255, 255, 255)}
.sidebarBody ul.level-1{background-color: rgb(146, 121, 163)}
.sidebarBody ul.level-1 > li:hover > a{color: rgb(0, 0, 0)}
.sidebarBody ul.level-1 > li:hover{background-color: rgb(213, 203, 219)}
.sidebarBody ul.level-1.selected > li {background-color: rgb(213, 203, 219)}
.sidebarBody ul.level-1.selected > li > a{color: rgb(0, 0, 0)}
.sidebarBody ul.level-1 > li > a{padding-left: 10px !important; padding-right: 10px !important}
.sidebarBody ul.level-1 > li > a{padding-top: 10px !important; padding-bottom: 10px !important}
.sidebarBody ul.level-2 > li > a{font-family: Arial}
.sidebarBody ul.level-2 > li > a{font-size: 16px}
.sidebarBody ul.level-2 > li > a{font-weight: 400}
.sidebarBody ul.level-2 > li > a{text-transform: none}
.sidebarBody ul.level-2 > li > a{color: rgb(255, 255, 255)}
.sidebarBody ul.level-2{background-color: rgb(146, 121, 163)}
.sidebarBody ul.level-2 > li:hover > a{color: rgb(0, 0, 0)}
.sidebarBody ul.level-2 > li:hover{background-color: rgb(213, 203, 219)}
.sidebarBody ul.level-2.selected > li {background-color: rgb(213, 203, 219)}
.sidebarBody ul.level-2.selected > li > a{color: rgb(0, 0, 0)}
.sidebarBody ul.level-2 > li > a{padding-left: 10px !important; padding-right: 10px !important}
.sidebarBody ul.level-2 > li > a{padding-top: 10px !important; padding-bottom: 10px !important}
.sidebarBody ul.level-3 > li > a{font-family: Arial}
.sidebarBody ul.level-3 > li > a{font-size: 16px}
.sidebarBody ul.level-3 > li > a{font-weight: 400}
.sidebarBody ul.level-3 > li > a{text-transform: none}
.sidebarBody ul.level-3 > li > a{color: rgb(255, 255, 255)}
.sidebarBody ul.level-3{background-color: rgb(146, 121, 163)}
.sidebarBody ul.level-3 > li:hover > a{color: rgb(0, 0, 0)}
.sidebarBody ul.level-3 > li:hover{background-color: rgb(213, 203, 219)}
.sidebarBody ul.level-3.selected > li {background-color: rgb(213, 203, 219)}
.sidebarBody ul.level-3.selected > li > a{color: rgb(0, 0, 0)}
.sidebarBody ul.level-3 > li > a{padding-left: 10px !important; padding-right: 10px !important}
.sidebarBody ul.level-3 > li > a{padding-top: 10px !important; padding-bottom: 10px !important}
.sidebarBody ul.level-4 > li > a{font-family: Arial}
.sidebarBody ul.level-4 > li > a{font-size: 16px}
.sidebarBody ul.level-4 > li > a{font-weight: 400}
.sidebarBody ul.level-4 > li > a{text-transform: none}
.sidebarBody ul.level-4 > li > a{color: rgb(255, 255, 255)}
.sidebarBody ul.level-4{background-color: rgb(146, 121, 163)}
.sidebarBody ul.level-4 > li:hover > a{color: rgb(0, 0, 0)}
.sidebarBody ul.level-4 > li:hover{background-color: rgb(213, 203, 219)}
.sidebarBody ul.level-4.selected > li {background-color: rgb(213, 203, 219)}
.sidebarBody ul.level-4.selected > li > a{color: rgb(0, 0, 0)}
.sidebarBody ul.level-4 > li > a{padding-left: 10px !important; padding-right: 10px !important}
.sidebarBody ul.level-4 > li > a{padding-top: 10px !important; padding-bottom: 10px !important}
.sidebarBody ul.level-5 > li > a{font-family: Arial}
.sidebarBody ul.level-5 > li > a{font-size: 16px}
.sidebarBody ul.level-5 > li > a{font-weight: 400}
.sidebarBody ul.level-5 > li > a{text-transform: none}
.sidebarBody ul.level-5 > li > a{color: rgb(255, 255, 255)}
.sidebarBody ul.level-5{background-color: rgb(146, 121, 163)}
.sidebarBody ul.level-5 > li:hover > a{color: rgb(0, 0, 0)}
.sidebarBody ul.level-5 > li:hover{background-color: rgb(213, 203, 219)}
.sidebarBody ul.level-5.selected > li {background-color: rgb(213, 203, 219)}
.sidebarBody ul.level-5.selected > li > a{color: rgb(0, 0, 0)}
.sidebarBody ul.level-5 > li > a{padding-left: 10px !important; padding-right: 10px !important}
.sidebarBody ul.level-5 > li > a{padding-top: 10px !important; padding-bottom: 10px !important}