@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');

@font-face {
    font-family: 'TenorSans';
    src: url('/extras/fonts/TenorSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

a {
    font-family: 'Poppins', sans-serif;
    /* font-family: 'montserrat'; */
}


.mainTopDiv {
    height: auto;
    letter-spacing: 2px;
    font-size: 20px;
    font-weight: 500;
    width: 100%;
    /* Resize the background image to cover the entire container */
}

.mainNavbar::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 10vh;
    background: linear-gradient(to bottom, rgba(0, 0.3, 0.4, 0.5), rgba(0, 0, 0, 0));
    z-index: 2;
}

.mainNavbar {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 10vh;
    padding: 20px 100px 20px 100px;
    background-color: rgba(238, 237, 231, 255);
    letter-spacing: 4px;
    font-size: 17px;
    font-weight: 600;
}

.subNavbarOrgName {
    width: 20%;
    padding-top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.subNavbarOrgName a {
    text-decoration: none;
    color: white;
    z-index: 3;
}

.subNavbarMenus {
    width: 60%;
    display: flex;
    list-style-type: none;
    justify-content: center;
    align-items: center;
}

.subNavbarMenus a {
    text-decoration: none;
    color: white;
    margin-right: 40px;
    margin-left: 40px;
    z-index: 3;
}

.belowNavbarSpace {
    width: 100%;
    background-image: url("./../extras/media/0Shadow.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-color: rgba(238, 237, 231, 255);
    height: 60vh;
    display: flex;

}

.belowNavbarBigInfoiles {
    width: 100%;
    margin: auto;
    text-align: center;
    font-size: 9vw;
    letter-spacing: 6vw;
    font-weight: 400;
    text-align: center;
    padding-left: 4%;
    font-family: "Tenor Sans", serif;
    color: #645F56;
}

/* .belowNavbarBigInfoiles img {
            height: 20vh;
            margin-right:8%;
        }
            */



.mainMidDiv {
    width: 100%;
    height: auto;
    padding-top: 1vh;
}

.fontStyle1 {
    font-size: 35px;
    font-weight: 500;
    letter-spacing: 3px;
}

.fontStyle2 {
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 3px;
}

.fontStyle3 {
    font-size: 25px;
    font-weight: 400;
    letter-spacing: 3px;
}

.borderBottom1pxSolidLightGrey {
    border-bottom: 1px solid lightgrey;
}

.space10vh {
    width: 100%;
    height: 10vh;
}

.space15vh {
    width: 100%;
    height: 15vh;
}

.midStatisticsHeadingDiv {
    width: 100%;
    text-align: center;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7vh 5vw 13vh 5vw;
}

.midStatisticsDetailsDiv {
    width: 100%;
    height: auto;
    display: flex;
    max-height: 14vh;

}

.midStatisticsDetailsSchools {
    width: 20vw;
    height: auto;
    background-color: rgba(238, 237, 231, 255);
    border-radius: 0px 10px 10px 0px;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.25);
    padding: 1vh 2vw 1vh 2vw;
}

.midStatisticsDetailsSchools span {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    font-size: 3vh;
    padding-top: 1vh;
    letter-spacing: 0.1vw;
}

.midStatisticsDetailsStudents {
    width: 20vw;
    height: auto;
    margin-left: -1vw;
    background-color: rgb(231, 232, 238);
    border-radius: 0px 10px 10px 0px;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.25);
    z-index: -1;
    padding: 1vh 2vw 1vh 2vw;
}

.midStatisticsDetailsStudents span {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    font-size: 3vh;
    padding-top: 1vh;
    letter-spacing: 0.1vw;
}

.midStatisticsDetailsText {
    width: 60vw;
    height: auto;
    padding: 2vh 9vw 5vh 9vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: justify;
    font-style: italic;
    font-size: 2.5vh;
}

.midProductUSPsDiv {
    width: 100%;
    height: 80vh;
    background-color: rgba(238, 237, 231, 255);
    display: flex;
    align-items: center;
    justify-content: center;
}

.midProductUSPsDiv img {
    height: auto;
    width: 55vw;
    background-color: none;
}

.space5vh1TopMargin {
    width: 100%;
    height: 10vh;
    background-color: rgba(238, 237, 231, 255);
    margin-top: 10vh;
}

.space5vh1NoTopMargin {
    width: 100%;
    height: 10vh;
    background-color: rgba(238, 237, 231, 255);
}



.mainFooterDiv {
    width: 100%;
    height: 25vh;
    display: flex;
    border-top: 1px solid rgba(230, 230, 220, 1);
    background: linear-gradient(rgba(238, 237, 231, 255), rgba(255, 255, 255, 255));
}

.footerLogo {
    width: 20%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

}

.footerLogo img {
    height: 50%;
}

.footerText {
    width: 60%;
    height: 100%;
    text-align: center;
    padding: 5vh 0px 15px 0px;
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 2px;
    font-size: 2.5vh;
}

.footerConnectWithUs {
    width: 20%;
    height: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.footerConnectWithUsText {
    width: 100%;
    height: auto;
    padding: 0px 0px 15px 0px;
    font-size: 2.5vh;
    font-weight: 500;
    letter-spacing: 2px;
}

.footerConnectWithUsIcons {
    width: 100%;
    height: auto;
}

.footerConnectWithUs div svg {
    height: 2vh;
    width: auto;
    margin-left: 15px;
}

.copywriteDiv {
    width: 100%;
    height: auto;
    padding: 5px;
    text-align: center;
}

.copywriteDiv a {
    margin-left: 5px;
    margin-right: 5px;
    text-decoration: none;
    color: black;
}

.mainPrivacyPolicyDiv {
    width: 100vw;
    height: auto;
    padding: 25vh 20vw 20vh 20vw;
    display: flex;
    flex-direction: column;
    background-color: rgba(238, 237, 231, 255);
}

.privacyPolicyHeading {
    font-size: 40px;
    font-weight: 500;
    width: 100%;
    height: auto;
    padding-bottom: 5vh;
}

.privacyPolicyContent {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}

.privacyPolicyContentDivs {
    width: 100%;
    height: auto;
    padding-top: 30px;
    font-size: 15px;
    line-height: 24px;
}

.privacyPolicyContentDivs ol {
    list-style-type: lower-alpha;
}

.aboutDiv0 {
    width: 100%;
    height: auto;
    background-color: rgba(238, 237, 231, 255);
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10vh;
    padding: 10vh 11vw 10vh 11vw;
    font-family: "Tenor Sans", serif;
    font-weight: 600;
}

.aboutDiv1 {
    height: auto;
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    padding: 20px 0px 0px 0px;
    letter-spacing: 5px;
    color: #645F56;
}

.aboutDiv2 {
    text-align: center;
}

.aboutDiv4 {
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 20px;
    padding: 10vh 2vw 4vh 2vw;


}

.aboutDiv4 table {
    width: 100%;
    height: auto;
    align-content: center;
    align-items: center;
    background-color: white;
    border-radius: 40px;
    /* Adjust the radius to increase or decrease curvature */
    overflow: hidden;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);

}

.aboutDiv4 table tr {
    width: 100%;
    height: auto;
}

.aboutDiv4 table th {
    width: 50%;
    height: auto;
    padding: 6vh 0px 0vh 0px;
    font-size: 23px;
}

.aboutDiv4 table td {
    width: auto;
    height: auto;
    vertical-align: top;
    text-align: justify;
    line-height: 35px;
}

.aboutDiv4 table td:nth-child(1) {
    padding: 3vh 3vw 6vh 4vw;
}

.aboutDiv4 table td:nth-child(2) {
    padding: 3vh 4vw 6vh 3vw;
}

.aboutDiv5 {
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 20px;
    padding: 8vh 2vw 10vh 2vw;
    border-bottom: 1px solid grey;
    border-top: 1px solid grey;

}

.aboutDiv6 {
    height: auto;
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    padding: 0vh 0px 7vh 0px;
    letter-spacing: 5px;
    color: #645F56;
    width: 100%;
}

.aboutDiv7 {
    width: 100%;
    display: flex;
    height: auto;
}

.aboutDiv8 {
    width: 50%;
    display: flex;
    align-items: center;
    /* Vertically centers the items in the container */
    justify-content: center;
    /* Horizontally centers the items in the container */
}

.aboutDiv9 {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* Vertically centers the items in the container */
    justify-content: center;
    /* Horizontally centers the items in the container */
}

.aboutDiv10 {
    width: auto;
    text-align: right;
}

.aboutDiv10 img {
    border: 1px solid grey;
    height: 40vh;
    width: auto;
}

.aboutDiv11 {
    width: 20vw;
    text-align: left;
    padding: 3vh 4vh 3vh 4vh;
    background-color: white;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.aboutDiv11 span{
    
}

.aboutDiv11 p {
    padding-top: 2vh;
    text-align: left;
}

.aboutDiv12 {
    width: auto;
    text-align: right;
}

.aboutDiv12 img {
    border: 1px solid grey;
    height: 20vh;
    width: auto;

}

.aboutDiv13 {
    width: 15vw;
    text-align: left;
    padding: 2vh 3vh 2vh 3vh;
    background-color: white;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.aboutDiv14 {
    width: 100%;
    display: flex;
    align-items: center;
    /* Vertically centers the items in the container */
    justify-content: center;
    /* Horizontally centers the items in the container */
}

.aboutDiv15 {
    width: 100%;
    display: flex;
    height: auto;
    padding-bottom: 6vh;
    align-items: center;
    /* Vertically centers the items in the container */
    justify-content: center;
    /* Horizontally centers the items in the container */
    font-size: 25px;
    color: #645F56;
    font-style: italic;
    font-family: "Sour Gummy", serif;
    letter-spacing: 3px;
}

.aboutDiv16{
    width:100%;
    letter-spacing: 3px;
    padding: 6vh 6vw 8vh 6vw;
    text-align: center;
    font-size: 18px;
}

.contactDiv0 {
    width: 100%;
    height: auto;
    background-color: rgba(238, 237, 231, 255);
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top:10vh;
    padding-top:5vh;
    padding-bottom: 10vh;

}

.space5vh{
    width:100%;
    height:5vh;
}

.contactDiv1 {
    height: auto;
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    padding: 20px;
    letter-spacing: 5px;
    font-family: "Tenor Sans", serif;
    font-weight: 600;
    color: #645F56;
}



.contactDiv2 {
    width: 70%;
    display: flex;
    background-color: white;
    padding: 30px;
    border-radius: 10px;
    margin-top: 40px;

}

.contactGetInTouch {
    width: 50%;
    border-right: 1px solid grey;
    background-color: white;
}

.contactDiv3 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 3px;
    padding: 10px;
    text-align: center;
    width:100%;
}

.contactDiv4 {
    width: 100%;
    text-align: center;
    padding: 5px;
    margin-top: 5px;
}

.contactDiv5 {
    width: 100%;
    height: 100px;
}

.contactDiv7 {
    text-align: center;
    width: 100%;
}

.contactDiv7 svg {
    height: 3vh;
    width: auto;
    margin: 5px;
}

.contactDiv8 {
    text-align: center;
    width: 50%;
    padding: 0px 0px 0px 2%;
}

.contactDiv9 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 3px;
    padding: 10px;
    width:100%;
    align-items: center;

}

.contactDiv10 {

    width:100%;

}

.contactDiv11 {
    margin-top: 15px;
    width: 100%;
}

.contactDiv11 input {
    border: 1px solid lightgrey;
    border-radius: 6px;
    padding: 5px;
    width: 80%;
}

.contactDiv11 textarea {
    border: 1px solid lightgrey;
    border-radius: 6px;
    padding: 5px;
    width: 80%;
    height: 12vh;
}

.contactDiv11 button {
    border: 1px solid lightgrey;
    border-radius: 6px;
    padding: 5px;
    width: 80%;
}

.contactDiv12 {
    width: 70%;
    height: auto;
    display: flex;
    align-items: top;
    padding: 20px;
}

.contactDiv13 {
    display: flex;
    flex-direction: column;
    width: 35%;
    align-items:start;
}

.contactDiv14 {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 3px;
    padding: 10px;

}

.contactDiv15 {
    font-size: 40px;
    font-weight: 400;
    letter-spacing: 3px;
    padding: 10px;
}

.contactDiv16 {
    display: flex;
    flex-direction: column;
    width: 65%
}

.contactDiv17 {
    width: 100%;
    height: auto;
    padding: 10px;
    margin-top: 10px;
    line-height: 30px;
    font-size: 18px;
}

.contactDiv17 b {
    width: 100%;
    padding-bottom: 10px;
}

.policiesDiv0 {
    width: 100%;
    height: auto;
    background-color: rgba(238, 237, 231, 255);
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top:10vh;
    padding: 5vh 20vw 10vh 20vw;

}

.space5vh{
    width:100%;
    height:5vh;
}

.policiesDiv1 {
    height: auto;
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    padding: 20px;
    letter-spacing: 5px;
}

.policiesDiv2{
    width:100%;
    height:auto;

}

.policiesDiv3{
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 3px;
    padding: 10px 10px 10px 0px;
    width:100%;
    margin-top:40px;
    width:100%;
}

.policiesDiv4{
    width: 100%;
    padding: 5px 5px 5px 0px;
    margin-top: 5px;
}

.policiesDiv5{
    width: 100%;
    padding: 5px 5px 5px 0px;
    margin-top: 5px;
}

.policiesDiv5 a{
    color:black;
    text-decoration: underline;
}

.pricingDiv0 {
    width: 100%;
    height: auto;
    background-color: rgba(238, 237, 231, 255);
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10vh;
    padding: 5vh 11vw 10vh 11vw;
    font-family: "Tenor Sans", serif;
    font-weight: 600;
   
}

.space5vh {
    width: 100%;
    height: 5vh;
}

.pricingDiv1 {
    height: auto;
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    padding: 20px 0px 0px 0px;
    letter-spacing: 5px;
    color: #645F56;
}

.pricingDiv5 {
    height: auto;
    width: 100%;
    text-align: center;
    color: #645F56;
}

.pricesDiv2 {
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 20px;
    padding: 20px;


}

.pricesDiv2 table {
    width: 100%;
    height: auto;
    border: 1px solid grey;
    background-color: white;
    border-radius: 40px;
    /* Adjust the radius to increase or decrease curvature */
    overflow: hidden;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);

}

.pricesDiv2 table th {
    width: 16.66%;
    height: auto;
    padding: 20px;
    border-bottom: 1px solid grey;
    border-left: 1px solid grey;

}

.pricesDiv2 table tr {
    width: 100%;
    height: auto;


}

.pricesDiv2 table td {
    width: auto;
    height: auto;
    border-right: 1px solid grey;
    border-bottom: 1px solid grey;
    padding: 20px 10px 20px 10px;
}

.pricesDiv2 table td:nth-child(1) {
    font-weight: 500;
}

.pricesDiv2 p {
    width: auto;
    height: auto;
    font-weight: 600;
    margin-top: 30px;
    text-align: right;
}

.pricingDiv3 {
    height: auto;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    padding: 20px;
    letter-spacing: 5px;
    margin-top: 60px;
}

.pricesDiv4 {
    width: 100%;
    height: auto;
    text-align: center;
    display:flex;
    margin-top: 20px;
    padding: 2vh 5vw 2vh 5vw;

}

.pricesDiv4 table {
    width: 100%;
    height: auto;
    align-content: center;
    align-items: center;

}

.pricesDiv4 table tr {
    width: 100%;
    height: auto;
}

.pricesDiv4 table th {
    width: 33.33%;
    height: auto;
    padding-bottom: 2vh;
}

.pricesDiv4 table td {
    width: auto;
    height: auto;
    padding: 1vh 3vw 1vh 3vw;
    vertical-align: top;
    text-align: left;
    text-align: center;
}

.pricesDiv4 table td:nth-child(2) {
    border-right: 1px solid grey;
    border-left: 1px solid grey;
}