.heropic {
     height: 41rem;
 }

 .heropic>img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .heroShort {
     color: var(--base-color);
     font-family: 'Alexandria Light';
     line-height: 150%;
     /* 2.4375rem */
 }

 .TryforFree>p {
     font-size: var(--font-size-subhead-middle);
     font-family: 'Alexandria Regular';
     line-height: normal;
 }

 .matchtutor {
     color: var(--base-color);
     text-align: center;

     font-family: 'Alexandria Light';
     line-height: 150%;
 }

 .justifyclass {
     justify-content: center;
 }


 /* .folderimg {
     background-image: url('../../assets/folderimg.png');
     background-repeat: no-repeat;
     width: 95%;
     margin: 0 auto;
     background-position: center;
     height: 984px;
     border-radius: 1rem;
    } */

 /* .folderimg {
        background-image: url(../../assets/folderimg.png);
        background-repeat: no-repeat;
        width: 95%;
        background-size: cover;
        height: 984px;
     margin: 0 auto;
     border-radius: 1rem;

 } */
 .folderimg {
     background-image: url(../../assets/folderimg.png);
     background-repeat: no-repeat;
     width: 95%;
     background-size: cover;
     /* height: 984px; */
     margin: 0 auto;
     border-radius: 1rem;

 }

 .subhead {
     color: #FFF;
     font-family: Alexandria;

     font-family: 'Alexandria Light';
     line-height: 150%;
 }

 .sitehelp {
     color: var(--base-color);

     font-family: 'Alexandria SemiBold';
     line-height: normal;
 }

 .siteworksteps {
     color: var(--base-color);
     font-family: Alexandria;

     font-family: 'Alexandria Light';
     line-height: 150%;
     /* 33px */
 }

 .wanttolearn {
     background-color: var(--indigo-light-color);
     width: 100%;

 }

 .subinfowanttolearn {
     color: var(--base-color);
     text-align: center;
     font-family: Alexandria;

     font-family: 'Alexandria Light';
     line-height: 150%;
     /* 2.4375rem */
 }

 .whatstudentSay {
     color: #FFF;
     font-size: 3rem;

     font-family: 'Alexandria SemiBold';
     line-height: normal;
 }

 .shortStudentdes {
     color: #FFF;

     font-family: 'Alexandria Light';
     line-height: 150%;
     /* 2.0625rem */

 }

 .whatStudentSayContainer {
     background-image: url('../../assets/folderimg.png');
     background-repeat: no-repeat;
     width: 95%;
     background-size: cover;
     margin: 0 auto;
     border-radius: 1rem;
 }


 /* working on caurosal */
 .caurosalwordsmain {
     color: #FFF;
     font-family: 'Alexandria Medium';
     line-height: 150%;
     /* 3rem */
 }

 .nameofstudent {
     color: var(--gray-color);

     font-family: 'Alexandria Light';
     line-height: normal;
 }

 .studentname {
     font-size: var(--font-size-normalsize);
     color: var(--gray-two-color);

     font-family: 'Alexandria Light';
     line-height: normal;

 }

 .shorttutorInfo {
     color: var(--base-color);

     font-family: Alexandria;
     display: block;
     font-family: 'Alexandria Light';
     width: 434px;
     line-height: 150%;
     /* 2.0625rem */

 }

 .caurosalimgs {
     width: 22.875rem;
     height: 41rem;
 }

 .caurosalimgs>img {
     width: 100%;
     height: 100%;
 }

 .nameofteacher {
     color: var(--base-color);
     font-family: 'Alexandria Light';
     line-height: normal;
     margin-top: 1rem;
 }

 .subject {
     font-size: var(--font-size-subhead);
     color: var(--base-color);
     font-family: Alexandria;

     font-family: 'Alexandria Regular';
     line-height: normal;
 }

 .trainingandbusiness {
     background-image: url('../../assets/folderimg.png');
     background-repeat: no-repeat;
     width: 95%;
     background-size: cover;
     margin: 0 auto;
     border-radius: 1rem;

 }

 .shortbusinessinfo {
     color: #FFF;
     text-align: center;
     font-family: Alexandria;
     margin: 0 auto;
     font-family: 'Alexandria Light';
     line-height: 150%;
     width: 75%;
     /* 2.4375rem */
 }

 .frequentQuestions2 {
     color: var(--base-color);
     font-family: Alexandria;

     font-family: 'Alexandria Light';
     line-height: 150%;
 }

 .frequentQuestions {
     color: var(--base-color);
     font-family: Alexandria;

     font-family: 'Alexandria SemiBold';
     line-height: 150%;
 }

 .faqs {
     color: var(--base-color);
     /* font-family: Alexandria; */

     font-family: 'Alexandria Regular';
     line-height: 150%;
     /* 2.4375rem */
 }

 .TryforFree:hover {
     margin-left: 3rem;
     box-shadow: var(--base-color) -8px 8px;
     transition: 0.5s ease-in-out;
 }

 .whySite:hover {
     box-shadow: var(--base-color) -10px 10px;
     transition: 0.5s ease-in-out;
     transform: translateX(15px);
 }

 @media screen and (max-width: 768px) {
     .heropic {
         height: 256px;
     }

     .shortbusinessinfo {
         width: 100%;
         margin: unset;
     }
 }

 @media screen and (max-width:1023px) {

     .whatStudentSayContainer {
         background-image: url('../../assets/folderformobile.png');
         background-size: cover;
         height: unset;
     }

     .folderimg {
         background-image: url('../../assets/folderformobile.png');
         background-size: cover;
         height: unset;
         background-position: unset;

     }

     .trainingandbusiness {
         background-image: url('../../assets/folderformobile.png');
         background-size: cover;
         height: unset;
         background-position: unset;
         width: unset;
         padding: 40px 32px;
     }

     .shorttutorInfo {
         width: 100%;
     }
 }

 @media screen and (max-width: 768px) {
     .justifyclass {
         justify-content: start;
     }
 }

 @media screen and (max-width: 600px) {
     .trainingandbusiness {
         background-image: url('../../assets/folderformobile.png');
         background-size: cover;
         height: unset;
         background-position: unset;
         width: unset;
         padding: 0px 0px;
     }

     .uppercasedata {
         text-transform: uppercase !important;
     }

     .TryforFree:hover {
         margin-left: 0;
         transform: translateX(10px);
         box-shadow: var(--base-color) -8px 8px;
         transition: 0.5s ease-in-out;
     }

 }

 @media screen and (max-width: 400px) {
     .whatStudentSayContainer {
         background-size: cover;
     }

 }

 /* contact US */
 .startingFrom {
     color: var(--gray-two-color);
     font-family: 'Alexandria Regular';

     line-height: normal;
 }

 .payingamount {
     color: var(--base-color);
     font-family: 'Alexandria SemiBold';
     line-height: normal;
 }

 .contactme {
     color: #FFF;
     text-align: center;
     font-family: "Alexandria Regular";
     line-height: normal;
 }

 .z-50 {
     z-index: 99;
 }

 /* responsive classes */
 @media screen and (max-width: 400px) {
     .fs23 {
         font-size: 1rem !important;
     }

     .pad-xs {
         padding: 1.2rem 1rem;
     }
 }

 /* responsive classes */