*{
  margin:0; 
  padding:0; 
  outline:none;
}
html {
  overflow-x: hidden;
}
body{
  background: #FAFAFA !important;
  padding: 0 !important;
  overflow: hidden;

}

img{
  margin:0; 
  padding:0; 
  border:none; 
  max-width:100%; 
  height:auto;  
}

h1,
h2,
h3,
h4,
h5,
h6{ 
  margin:0;
  padding:10px 0;

}
p{
  margin:0 0 15px; 
  padding:0;
  font-size:15px;
  font-weight:300;
}

a{
  text-decoration: none !important;
}

/* Topbar */
.topbar-left-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#topbar a {
  font-family: Inter;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0px;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-offset: 0%;
  text-decoration-thickness: 0%;
  color: #FFFFFF;
}
.topbar-have-question-content a {
  text-decoration: underline !important;
}
#topbar i {
  color: #4B4AEF;
  font-size: 18px;
}
.topbar-email-details {
  display: flex;
  align-items: center;
  justify-content: center;
}
.topbar-contact-details {
  display: flex;
  align-items: center;
  justify-content: center;
}
#topbar .topbar-email-details  a{
  padding-left: 12px;

}
#topbar .topbar-contact-details  a{
  padding-left: 12px;

}
.topbar-currency-language-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.chosen-container-single .chosen-single{
  background: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
.chosen-container {
  min-width: 29px !important;
  position: relative;
  z-index: 1;
}
.chosen-container::after{
  content: "\f0dd";
  font-family: 'FontAwesome';
  position: absolute;
  right: 0px;
  top: -6px;
  color: #4B4AEF;
  font-size: 20px;
  z-index: -1;
}
.language {
  margin-right: 30px;
  position: relative;
}
.language::before {
  content: "\f57e";
  position: absolute;
  left: -32px;
  font-family: 'FontAwesome';
  color: #4B4AEF;
  top: 0;
  font-size: 20px;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
#topbar select {
  word-wrap: normal;
  background: unset;
  font-family: Inter;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0px;
  text-align: left;
  color: #fff;
  border: unset;
  -webkit-appearance: unset;
}
.chosen-container-single .chosen-single div b{
  background: unset !important;
}
.gtranslate_wrapper {
  max-width: 80px;
  position: relative;
  z-index: 1;
}
.gtranslate_wrapper::after {
  content: "\f0dd";
  font-family: 'FontAwesome';
  position: absolute;
  right: 0px;
  top: -6px;
  color: #4B4AEF;
  font-size: 20px;
  z-index: -1;
}
#topbar select {
  word-wrap: normal;
  background: unset;
  font-family: Inter;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0px;
  text-align: left;
  color: #fff;
  border: unset;
  -webkit-appearance: unset;
  width: 100%;
  cursor: pointer;
}
.dd-pointer-down {
display: none !important;
}
.dd-pointer-up {
  display: none !important;

}
.woocommerce-currency-switcher-form .dd-selected {
  padding-right: 22px !important; 

}
.dd-selected-description-truncated{
  display: none !important;
}
.dd-select::after {
  content: "\f0dd";
  font-family: 'FontAwesome';
  position: absolute;
  right: 0px;
  top: -1px;
  color: #4B4AEF;
  font-size: 20px;
}
/* Banner */
#banner {
  background: #FAFAFF;
  position: relative;
  padding: 60px 0 0; 
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.banner-backgroud-shape {
  clip-path: polygon(0% 0%, 79.483% 0%, 100% 100%, 0% 100%, 0% 0%);
  background: #4B4AEF;
  width: 78%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.banner-details h1 {
  font-family: Nunito Sans;
  font-weight: 800;
  font-size: 64px;
  line-height: 127%;
  letter-spacing: 2%;
  color: #FFFFFF;
  position: relative;
}
.banner-details h1::after {
  content: "";
  height: 6px;
  width: 10%;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 6px;
}
.banner-details h6 {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 4%;
  color: #606060;
  background: #FFFFFF;
  border-radius: 10px;
  box-shadow: 2px 2px 12px 0px #2628521A;
  max-width: max-content;
  padding: 10px 22px;
}
.banner-right-image img {
  width: 100%;
  height: 892px;
  object-fit: cover;
  animation: shake 16s linear infinite;
  filter: drop-shadow(0px 4px 100px #1D1C1840);
}
.banner-key-features h5 {
  font-family: Nunito Sans;
  font-weight: 900;
  font-size: 30px;
  line-height: 160%;
  letter-spacing: 2%;
  color: #FFFFFF;
  margin: 0;
  padding: 0;
}
.banner-key-features ul li {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 30px;
  line-height: 160%;
  letter-spacing: 2%;
  color: #FFFFFF;
}
.get-started-button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.get-started-button a {
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 26px;
  line-height: 127%;
  letter-spacing: 0%;
  color: #2C2C2C;
  background: #FFCA1D;
  border-radius: 10px;
  padding: 12px 38px;
  position: relative;
  z-index: 1;
}




.get-started-button a:hover::before{
  width: 100%;
}
.get-started-button a:hover{
  color: #fff;
}

.get-started-button a::before{
  background: #000000;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-51%);
  z-index: -1;
    transition: all 0.6s ease;
  width: 0%;
  height: 100%;
  border-radius: 10px;
}





.assistend-students-content-box {
  background: #FFFFFFCC;
  backdrop-filter: blur(20px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  border-radius: 20px;
  width: max-content;
  animation: upDown 4s linear infinite
;
}

.banner-calender-icon {
  width: 50px;
  height: 50px;
  background: #4B4AEF;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
.assisted-students-content h5 {
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 24px;
  line-height: 144%;
  letter-spacing: 2%;
  margin: 0;
  padding: 0;
  color: #595959;
}
.banner-calender-icon i {
  color: #FFFFFF;
  font-size: 28px;
}
.assisted-students-content {
  padding: 0 21px;
}
.assisted-students-content h6 {
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 20px;
  line-height: 144%;
  letter-spacing: 2%;
  margin: 0;
  padding: 0;
  color: #000000;
}
.banner-assisted-student-pos {
  margin: auto;
  position: absolute;
  bottom: 0;
  top: 159px;
  display: flex
;
  align-items: center;
  left: -80px;
}

.top-mentors-images img {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  margin: -10px;
  border: 2px solid #FFFFFF
}
.top-mentors-images img:hover {
  transform: scale(1.2);
  transition: 0.4s ease-in-out;
}
.top-mentors-content-outer-box {
  position: absolute;
  bottom: 0;
  top: 0;
  right: -150px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  animation: upDown 4s linear infinite;
}
.top-mentors-content-box {
  width: max-content;
  background: #FFFFFF;
  box-shadow: 0px 1px 4px 0px #00000017;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 10px;
  border-radius: 13px;
  position: relative;
}
.top-mentors-content-box::after {
  content: "";
  background: #4B4AEF;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 13px;
  z-index: -1;
  top: 6px;
  left: 5px;
}
.top-mentors-content-box h6 {
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 20px;
  line-height: 127%;
  letter-spacing: 0%;
  color: #000000;
  padding-left: 18px;
  width: 50%;
  margin: 0;
  max-width: min-content;
}

/* Video Popup */



.btn {
  font-size: 3vmin;
  padding: 0.75em 1.5em;
  background-color: #fff;
  border: 1px solid #bbb;
  color: #333;
  text-decoration: none;
  display: inline;
  border-radius: 4px;
  -webkit-transition: background-color 1s ease;
  -moz-transition: background-color 1s ease;
  transition: background-color 1s ease;
}



.btn-small {
  padding: .75em 1em;
  font-size: 0.8em;
}

.modal-box {
  display: none;
  position: absolute;
  z-index: 1000;
  width: 98%;
  background: white;
  border-bottom: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-clip: padding-box;
}
@media (min-width: 32em) {

.modal-box { width: 70%; }
}

.modal-box header,
.modal-box .modal-header {
  padding: 1.25em 1.5em;
  border-bottom: 1px solid #ddd;
}

.modal-box header h3,
.modal-box header h4,
.modal-box .modal-header h3,
.modal-box .modal-header h4 { margin: 0; }

.modal-box .modal-body { padding: 2em 1.5em; }

.modal-box footer,
.modal-box .modal-footer {
  padding: 1em;
  border-top: 1px solid #ddd;
  background: rgba(0, 0, 0, 0.02);
  text-align: right;
}

.modal-overlay {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3) !important;
}

a.close {
  line-height: 1;
  font-size: 1.5em;
  position: absolute;
  top: -9px;
  right: 9px;
  text-decoration: none;
  color: #FFCA1D;
  z-index: 1;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-size: 36px;

}
.banner-video-button-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
a.close:hover {
  color: #222;
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  transition: color 1s ease;
}
video#somevid{
  width: 100%;
  height: 100%;
}
.js-open-modal i {
  background: #FFFFFF;
  width: 71px;
  height: 71px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 32px;
  color: #4B4AEF;
  animation: pulse 2s infinite;
}









.js-open-modal i:hover {
  background: #FFCA1D;
  color: #000;
  transition: 0.8s ease-in-out;
}
.banner-buttons-box {
  display: flex;
  align-items: center;
  justify-content: left;
}

.banner-video-text h4 {
  font-family: Nunito;
  font-weight: 700;
  font-size: 26px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  margin: 0;
  padding: 0;
}

#banner .courses-title a {
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 20px;
  line-height: 127%;
  letter-spacing: 0%;
  color: #2B3377;
}
#banner .courses-title {
  padding: 2px 0;
}
.banner-courses-details-box {
  background: #FFFFFF;
  position: absolute;
  top: 109px;
  right: -144px;
  box-shadow: 0px 75.01px 121.9px 0px #0000000D;
  padding: 22px;
  border-radius: 18px;
  width: max-content;
  clip-path: polygon( 0.855% 13.768%,0.855% 13.768%,0.922% 11.66%,1.117% 9.657%,1.429% 7.787%,1.848% 6.078%,2.361% 4.556%,2.959% 3.25%,3.631% 2.186%,4.366% 1.392%,5.154% 0.896%,5.983% 0.725%,93.447% 0.725%,93.447% 0.725%,94.276% 0.896%,95.064% 1.392%,95.799% 2.186%,96.471% 3.25%,97.069% 4.556%,97.583% 6.078%,98.001% 7.787%,98.313% 9.657%,98.508% 11.66%,98.575% 13.768%,98.575% 79.783%,98.575% 79.783%,98.508% 81.891%,98.313% 83.894%,98.001% 85.764%,97.583% 87.473%,97.069% 88.995%,96.471% 90.301%,95.799% 91.365%,95.064% 92.158%,94.276% 92.655%,93.447% 92.826%,10.883% 92.826%,10.883% 92.826%,10.568% 92.854%,10.256% 92.938%,9.948% 93.077%,9.646% 93.269%,9.352% 93.514%,9.066% 93.812%,8.79% 94.161%,8.525% 94.561%,8.272% 95.01%,8.034% 95.507%,6.41% 99.203%,6.41% 99.203%,5.729% 100.384%,5.001% 101.079%,4.255% 101.318%,3.519% 101.132%,2.821% 100.553%,2.187% 99.61%,1.645% 98.335%,1.225% 96.759%,0.952% 94.912%,0.855% 92.826% );
animation: zoomIn 2s infinite;
}

.tutor-course-card {
  height: 100%;
  background: #FFFFFF;
  box-shadow: 0px 10px 60px 0px #4B4AEF26;
  position: relative;
}







/* About us */
#about {
  padding: 60px 0;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.about-us-contents h2 {
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 30px;
  line-height: 180%;
  letter-spacing: 0%;
  text-align: left;
  color: #4B4AEF;
  margin: 0;
  padding: 0;
}
.about-us-contents h3 {
  font-family: Nunito Sans;
  font-weight: 800;
  font-size: 40px;
  line-height: 54px;
  letter-spacing: 0%;
  color: #000000;
  margin-bottom: 0;
  padding: 0;
}
.about-us-contents p {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: 0%;
  color: #000000;
  margin-bottom: 0;
}
.about-point-details .point-content {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: 0%;
  color: #000000;
}

.about-point-details .point-heading {
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: 0%;
  color: #000000;
}
.about-learn-more-button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 36px;
}
.about-learn-more-button a {
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0%;
  background: #4B4AEF;
  color: #FFFFFF;
  padding: 20px 54px;
  border-radius: 6px;
  position: relative;
  z-index: 1;
}

.about-left-image1 img {
  border-radius: 30px;
}
.about-left-image2 img {
  border-radius: 30px;
}

.about-learn-more-button a:hover::before{
  width: 100%;
}
.about-learn-more-button a:hover{
  color: #fff;
}

.about-learn-more-button a::before{
  background: #000000;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-51%);
  z-index: -1;
    transition: all 0.6s ease;
  width: 0%;
  height: 100%;
  border-radius: 6px;
}








#about .about-left-image-box {
  display: grid;
      grid-template-columns: repeat(20, 1fr);
      grid-template-rows: repeat(21, 30px);
      position: relative;
}


#about .about-left-image-box .about-left-image1 {
  grid-column-start: 1;
  grid-column-end: 12;
  grid-row-start: 1;
  grid-row-end: 16;
  position: relative;
  z-index: 1;
}

#about .about-left-image-box .about-left-image2 {
  grid-column-start: 8;
  grid-column-end: 19;
  grid-row-start: 7;
  grid-row-end: 22;
  position: relative;
  z-index: 1;

}

.about-left-image-box:hover .about-left-image2 {
  transform: translate(10px, 0px);
  transition: 0.4s ease-in;
}
.about-left-image-box:hover .about-left-image1 {
  transform: translate(-10px, 0px);
  transition: 0.4s ease-in;
}
.about-left-image-box img {
  width: 100%;
  height: 100%;
}
.about-image-background {
  background: #4B4AEF;
  grid-column-start: 8;
  grid-column-end: 17;
  grid-row-start: 3;
  grid-row-end: 9;
  position: relative;
  z-index: -1;
  border-radius: 30px;
  animation: upDown 4s infinite;
}


.about-student-content-box {
  background: #FFFFFF;
  grid-column-start: 13;
  grid-column-end: 21;
  grid-row-start: 4;
  grid-row-end: 12;
  z-index: 1;
  position: relative;
  box-shadow: 0px 4px 20px 0px #00000033;
  border-radius: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.about-students-title-image {
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-students-title-image img {
  width: 47px;
  height: 59px;
}

.about-student-content h4 {
  font-family: Poppins;
  font-weight: 700;
  font-size: 111px;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: center;
  color: #4B4AEF;
  margin: 0;
  padding: 0;

}
.about-students-title-image h3 {
  font-family: Nunito Sans;
  font-weight: 500;
  font-size: 29px;
  line-height: 28px;
  letter-spacing: 0px;
  color: #303030;
  margin: 0;
  padding: 0;
  width: min-content;
  padding-left: 14px;
}
.about-available-content-box {
  background: #4B4AEF;
  grid-column-start: 12;
  grid-column-end: 4;
  grid-row-start: 20;
  grid-row-end: 12;
  z-index: 1;
  position: relative;
  box-shadow: 0px 4px 20px 0px #00000033;
  border-radius: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.about-availables-title-image {
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-availables-title-image img {
  width: 47px;
  height: 59px;
}
.about-available-content h4 {
  font-family: Poppins;
  font-weight: 700;
  font-size: 111px;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: center;
  color: #FFFFFF;
  margin: 0;
  padding: 0;
}
.about-availables-title-image h3 {
  font-family: Nunito Sans;
  font-weight: 500;
  font-size: 29px;
  line-height: 28px;
  letter-spacing: 0px;
  color: #FFFFFF;
  margin-left: 10px;
  width: min-content;
  padding-left: 12px;
  margin: 0;
}











/* Workshops Section */
#workshops {
  padding: 60px 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
}
.workshops-details h2 {
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 30px;
  line-height: 180%;
  letter-spacing: 0%;
  text-align: left;
  color: #4B4AEF;
  margin: 0;
  padding: 0;
}
.workshops-details h3 {
  font-family: Nunito Sans;
  font-weight: 800;
  font-size: 40px;
  line-height: 54px;
  letter-spacing: 0%;
  color: #000000;
  margin-bottom: 0;
  padding: 0;
}
.workshops-details p {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: 0%;
  color: #000000;
  margin-bottom: 0;
}
.workshops-right-image img {
  width: 100%;
  height: 100%;
  animation: shake 16s linear infinite;
}
.workshops-right-image {
  height: 100%;
  background: #EDEDFD;
  border-top-left-radius: 500px;
  border-top-right-radius: 500px;
  padding: 90px 84px 0 0;
  position: relative;
  margin-left: 91px;


}

.workshops-right-image::before {
  content: "";
  background: #4B4AEF;
  position: absolute;
  top: -32px;
  left: -24px;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-top-left-radius: 500px;
  border-top-right-radius: 500px;
  animation: zoomIn 2s infinite;
}
.workshops-details h5 {
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: 0%;
  color: #000000;
  padding: 0;
}
.workshop-points-box h6 {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 20px;
  line-height: 68px;
  letter-spacing: 0%;
  color: #000000;
  margin-bottom: 0;
  padding: 0;
  padding-left: 20px;

}
.workshop-points-box {
  display: flex;
  align-items: center;
  justify-content: left;
}
.get-tickets-workshops-button a {
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 24px;
  line-height: 180%;
  letter-spacing: 2%;
  background: #4B4AEF;
  color: #fff;
  border-radius: 14px;
  padding: 22px 55px;
  position: relative;
  z-index: 1;
}




.get-tickets-workshops-button a:hover::before{
  width: 100%;
}
.get-tickets-workshops-button a:hover{
  color: #fff;
}

.get-tickets-workshops-button a::before{
  background: #000000;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: -1;
    transition: all 0.6s ease;
  width: 0%;
  height: 100%;
  border-radius: 10px;
}

.get-tickets-workshops-button {
  display: flex;
  align-items: center;
  justify-content: left;
  margin-top: 22px;
}

/* TEstimonial section */

#testimonial {
  background: #EDEDFD;
  position: relative;
  padding: 100px 0;
  height: 700px;
}
.testimonial-info{
  position: absolute;
}
.testimonial-heading h2 {
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 30px;
  line-height: 180%;
  letter-spacing: 0%;
  text-align: center;
  color: #4B4AEF;
  margin: 0;
  padding: 0;
}
.rating-number {
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 18px;
  line-height: 180%;
  letter-spacing: 2%;
  color: #80819A;
  margin-bottom: 0;
}


.testimonial-heading p {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: 0%;
  text-align: center;
  color: #000000;
  width: 44%;
}
.testimonial-stars span i {
  color: #FBA333;
  font-size: 20px;
}
.testimonial-inner-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.testimonial-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.testimonial-content p {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 22px;
  line-height: 180%;
  letter-spacing: 2%;
  color: #5F5F7E;
  position: relative;
}
.testimonial-content p:before {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  background: #BDBDD1;
  height: 100%;
  left: -16px;
}
.testi-title a {
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 24px;
  line-height: 180%;
  letter-spacing: 0%;
  color: #5F5F7E;
}
.testimonial-box {
  background: #FFFFFF;
  box-shadow: 2px 4px 60px 0px #292C7C1A;
  padding: 28px 30px 28px 54px;
  border-radius: 12px;
  position: relative;
  z-index: 1;

}

.testimonial-box::before {
  content: "";
  width: 12px;
  height: 100%;
  position: absolute;
  left: 0;
  background: #4B4AEF;
  top: 0;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}

.testimonial-box:hover::before{

}

.testimonial-box:hover::before {
  content: "";
  width: 12px;
  height: 100%;
  position: absolute;
  left: 0;
  background: #fff;
  top: 0;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
.testimonial-box:hover::after {
  width: 100%;
  height: 100%;
  transition: 0.3s ease-in-out;
  bottom: 0;

}
.testimonial-box::after {
  content: "";
  width: 0%;
  height: 0%;
  background: #4B4AEF;
  position: absolute;
  top: 0;
  border-radius: 12px;
  z-index: -1;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.testimonial-box:hover .testimonial-content p{
color: #fff;
}


.testimonial-box:hover .testi-title a{
  color: #fff;

}

.testimonial-box:hover .rating-number{
  color: #fff;

}

.testimonial-box:hover{
  transform: translate(-10px, 0);
  transition: 0.4s ease-in-out;
}
#testimonial .owl-nav {
  display: none;
}
#testimonial .owl-dots .owl-dot {
  background: #FFFFFF;
  width: 21px;
  height: 21px;
  border: unset;
  border-radius: 50%;
  margin: 0 4px;
}
#testimonial .owl-dots {
  display: flex;
      align-items: center;
      justify-content: flex-start;
        margin-top: 23px;
}
#testimonial .owl-dot.active {
  background: #4B4AEF;
}

.first-active .testimonial-box {
  background: #4B4AEF;
  box-shadow: 2px 4px 60px 0px #292C7C1A;
}

.first-active .testimonial-box::before {
  background: #FFFFFF;

}

.first-active .testimonial-content p{
  color: #FFFFFF;
}
.first-active
.testi-title a{
  color: #FFFFFF;

}

.first-active .rating-number {
  color: #FFFFFF;

}





/* Teams */
#teams {
  padding: 60px 0;
  background: #EDEDFD;
  position: relative;
  height: 757px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;

}
.team-member-image {
  height: 100%;
  overflow: hidden;
  border-radius: 30px;
}
.team-box:hover .team-member-image img {
  transform: scale(1.1);
  transition: 0.4s ease-in;
}
.teams-headings h2 {
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 30px;
  line-height: 180%;
  letter-spacing: 0%;
  text-align: center;
  color: #4B4AEF;
  margin: 0;
  padding: 0;
}
.teams-headings p {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: 0%;
  text-align: center;
  color: #000000;
  width: 44%;
}
.teams-headings {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.team-member-image img {
  width: 100%;
  height: 374px;
  object-fit: cover;
  border-radius: 30px;
}
.team-info{
  position: absolute;
}
.team-inner-contents {
  background: #fff;
  position: absolute;
  bottom: -1px;
  width: 100%;
  left: 0;
  right: 0;
  border-radius: 30px;
  padding: 15px 0px;
}

.team-box:hover .team-inner-contents  {
  background: #4B4AEF;
  transition: 0.3s ease-in;

}
.contacts-details-box [type=submit]:hover {
  background: #000;
  transition: 0.4s ease-in;
}
.team-box:hover  .team-title a{
  color: #fff;
}

.team-box:hover .team-designation h6{
  color: #fff;
}
.instructor-name a:hover{
  color:#4B4AEF;
}

#our-blogs  .blog-contents-box:hover .blogs-inner-box {
  background: linear-gradient(180deg, rgba(217, 217, 217, 0) -8.82%, #4B4AEF 108.09%);
  transition: 0.8s all;
}

#our-blogs .blog-contents-box .blogs-inner-box {
  background: unset;
  transition: 0.8s all;
}

#full-width-blog .navigation {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}

#full-width-blog .navigation a {

  margin: 10px 2px;
}
#teams .team-box:hover .team-inner-contents .team-social-icons {
  background: #fff;
  max-width: fit-content;
  padding: 6px 18px;
  border-radius: 46px;
}
#teams .owl-nav {
  display: none;
}
#single-registration-page {
  padding: 60px 0;
}
#teams .owl-dots .owl-dot {
  background: #FFFFFF;
  width: 21px;
  height: 21px;
  border: unset;
  border-radius: 50%;
  margin: 0 4px;
  padding: 0;
}
.team-social-icons-box {
  display: flex;
  align-items: center;
  justify-content: center;
}
#teams .first-active .team-inner-contents .team-social-icons {
  background: #fff;
  max-width: fit-content;
  padding: 6px 18px;
  border-radius: 46px;
}
#teams .owl-dots {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 23px;
    }
.team-social-icons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

.team-social-icons a i {
  color: #4B4AEF;
  font-size: 18px;
  text-align: center;
  margin: 0 8px;
}

#teams .owl-dot.active {
  background: #4B4AEF;
}
.team-title a {
  font-family: Inter;
  font-weight: 700;
  font-size: 28px;
  line-height: 40px;
  letter-spacing: -1px;
  text-align: center;
  color: #666666;
  text-transform: capitalize;

}
.team-title {
  text-align: center;
}
.team-designation h6 {
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  text-align: center;
  color: #666666;
  padding: 4px 0;
  margin: 0;
}

#teams  .first-active .team-inner-contents{
  background: #4B4AEF;
}


#teams  .first-active .team-title a {
  color: #fff;
}

#teams  .first-active .team-designation h6 {
  color: #fff;
}



/* Career Support */
#career-support {
  padding: 60px 0;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.career-support-heading h2 {
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 30px;
  line-height: 180%;
  letter-spacing: 0%;
  text-align: center;
  margin: 0;
  padding: 0;
  color: #4B4AEF;
}
.team-title a:hover {
  color: #4B4AEF;
  transition: 0.2s ease-in-out;
}
.career-support-heading p {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: 0%;
  text-align: center;
  color: #000000;
  width: 62%;
}
.career-support-content-box {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 20px;
  animation: zoomIn 15s;
}
.career-support-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.career-support-contents {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 1;
}
.career-support-contents h6 {
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 30px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #FFFFFF;
  margin: 0;
}
.get-career-guidance-button a {
  font-family: Nunito Sans;
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 80px;
  position: relative;
  z-index: 1;
}




.get-career-guidance-button a:hover::before{
  width: 100%;
}
.get-career-guidance-button a:hover{
  color: #fff;
  border: 1px solid #4B4AEF;

}

.get-career-guidance-button a::before{
  background: #4B4AEF;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: -1;
    transition: all 0.6s ease;
  width: 0%;
  height: 100%;
  border-radius: 80px;
}

.career-support-images img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  animation: pulse 16s linear infinite;

}

.career-support-content-box::after {
  content: "";
  background: #171B4173;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;

}


/* Live Classes */
#live-classes {
  background: #EDEDFD;
  padding: 80px 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}

.live-classes-details h2 {
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 30px;
  line-height: 180%;
  letter-spacing: 0%;
  text-align: left;
  color: #4B4AEF;
  margin: 0;
  padding: 0;
}
.live-classes-details h3 {
  font-family: Nunito Sans;
  font-weight: 800;
  font-size: 40px;
  line-height: 54px;
  letter-spacing: 0%;
  color: #000000;
  margin-bottom: 0;
  padding: 0;
}
.live-classes-details p {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: 0%;
  color: #000000;
  margin-bottom: 0;
}
.live-classes-details h5 {
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: 0%;
  color: #4B4AEF;
}
.live-classes-details ul li {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 0%;
  color: #000000;
  margin-bottom: 0;
  padding: 0;
}
.see-more-details-button a {
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 24px;
  line-height: 180%;
  letter-spacing: 2%;
  color: #4B4AEF;
  border: 1px solid #4B4AEF;
  padding: 16px 28px;
  border-radius: 14px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}




.see-more-details-button a:hover::before{
  height: 100%;
  width: 104%;
  right: 0%;


}
.see-more-details-button a:hover{
  color: #fff;


}

.see-more-details-button a::before{
  background: #4B4AEF;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -51%);
  z-index: -1;
  transition: all 0.6s ease;
  width: 0%;
  height: 100%;
  border-radius: 10px;
}

.see-more-details-button {
  display: flex
;
  align-items: center;
  justify-content: flex-start;
  margin-top: 34px;
}
.live-classes-details ul {
  padding-left: 20px;
}




#live-classes .live-classes-box {
  display: grid;
      grid-template-columns: repeat(25, 1fr);
      grid-template-rows: repeat(21, 20px);
      position: relative;
      z-index: 1;
}

.live-classes-box img{
  width: 100%;
  height: 100%;
  border-radius: 19px;

}
#live-classes .live-classes-box .live-classes-image {
  grid-column-start: 4;
  grid-column-end: 22;
  grid-row-start: 5;
  grid-row-end: 20;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 19px;}

  .live-classes-box:hover .live-classes-image img {
    animation: pulse 3s linear;
}



#live-classes .live-classes-box .live-classes-background {
  grid-column-start: 2;
  grid-column-end: 20;
  grid-row-start: 3;
  grid-row-end: 17;
  position: relative;
  z-index: 0;
  background: #4B4AEF;
  border-radius: 19px;
  animation: floatBounce 2s infinite;


}
.live-classes-background1 {
  background: #FFFFFF;
  grid-column-start: 1;
  grid-column-end: 11;
  grid-row-start: 10;
  grid-row-end: 18;
  position: relative;
  z-index: -1;
  border-radius: 19px;
}
.live-classes-listening {
  grid-column-start: 21;
  grid-column-end: 24;
  grid-row-start: 12;
  grid-row-end: 17;
  position: relative;
  z-index: 1;
}
.live-classes-listening2 {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 7;
  grid-row-end: 16;
  position: relative;
  z-index: 1;
}


.live-classes-listening2  {
  display: inline-block;
  animation: pulse 1.5s infinite ease-in-out;
}


.live-classes-button a {
  font-family: Poppins;
  font-weight: 500;
  font-size: 20.71px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #FFFFFF;
  background: linear-gradient(105.5deg, #F55454 19.57%, #E6422B 78.85%);
  border-radius: 57px;
  padding: 12px 24px  ;
  animation: livePulse 1s ease-in-out infinite;
  box-shadow: 0 0 10px rgba(230, 57, 70, 0.5);
  position: relative;
}



@keyframes livePulse {
  0% {
    box-shadow: 0 0 0 0 rgba(230, 57, 70, 0.7);
    transform: scale(1);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(230, 57, 70, 0);
    transform: scale(1.05);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(230, 57, 70, 0);
    transform: scale(1);
  }
}


#live-classes .live-classes-button a:hover {
  color: #fff;
  background: linear-gradient(105.5deg, #000 19.57%, #000 78.85%);
}
.live-classes-button {
  position: absolute;
  bottom: 28px;
  left: 112px;
  z-index: 1;
}

.live-classes-listening {
  display: inline-block;
  animation: pulseWiggle 1.5s infinite ease-in-out;
}

/* Keyframes for combining pulse and wiggle */
@keyframes pulseWiggle {
  0% {
    transform: scale(1) rotate(0deg);
  }
  20% {
    transform: scale(1.05) rotate(3deg);
  }
  40% {
    transform: scale(0.98) rotate(-3deg);
  }
  60% {
    transform: scale(1.04) rotate(2deg);
  }
  80% {
    transform: scale(1) rotate(-2deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}



/* counter */
#counter {
  background: #EDEDFD;
  position: relative;
  padding: 60px 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}
.counter_box h4 {
  font-family: Inter;
  font-weight: 900;
  font-size: 60px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #4B4AEF;
  margin: 0;
  padding: 0;
}
.text-counter h6 {
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 26px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #000000;
  margin: 0;
  padding: 10px 0 0;
}



























/* Courses Categories */
#courses-categories {
  padding: 60px 0;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}
.courses-categories-headings h2 {
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 30px;
  line-height: 180%;
  letter-spacing: 0%;
  text-align: left;
  color: #4B4AEF;
  margin: 0;
  padding: 0;
  text-align: center;
}
.courses-categories-headings p {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: 0%;
  text-align: center;
  color: #000000;
  width: 55%;
  margin-bottom: 0;
}
.tutor-course-pricing {
  display: flex;
  align-items: center;
  justify-content: space-between;

}
.woocommerce-Price-amount.amount bdi {
  flex-direction: row-reverse;
  display: flex;
}


.course-category span {
  background: #EDEDFD;
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0%;
  text-align: center;
  color: #4B4AEF;
  padding: 10px 20px;
  border-radius: 6px;
}
.courses-categories-headings {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.categories-inner-content a h4 {
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 30px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #2F327D;
}

.categories-inner-content p {
  font-family: Inter;
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0%;
  text-align: center;
  color: #333333CC;
  margin-bottom: 0;
  padding: 10px 0;
}
.courses-category-inner-box {
  background: #FFFFFF;
  box-shadow: 0px 10px 60px 0px #4B4AEF26;
  padding: 66px 50px 30px;
  margin-top: 68px;
  position: relative;
  animation: zoomIn 8s;
  border-radius: 20px;
  height: 365px;
}
.courses-category-inner-box:hover {
  transform: translate(0px, -15px);
  transition: 0.5s ease-in-out;
}
.courses-learn-more-button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
}


.courses-learn-more-button a {
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0%;
  background: #4B4AEF;
  color: #FFFFFF;
  padding: 20px 54px;
  border-radius: 6px;
  position: relative;
  z-index: 1;
}

.courses-learn-more-button a:hover::before{
  width: 100%;
}
.courses-learn-more-button a:hover{
  color: #fff;
}

.courses-learn-more-button a::before{
  background: #000000;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-51%);
  z-index: -1;
    transition: all 0.6s ease;
  width: 0%;
  height: 100%;
  border-radius: 6px;
}


.courses-categories-images {
  width: 100px;
  height: 100px;
  border: 3px solid #4B4AEF;
  border-radius: 50%;
  background: #FFFCF9;
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  margin: auto;
  padding: 12px;
  overflow: hidden;
  z-index: 1
  ;
}
.courses-categories-images img {
  object-fit: scale-down;
  width: 100%;
  height: 100%;
}
.courses-category-inner-box:hover .courses-categories-images::before {
  height: 100%;
  bottom: 0;
  transition: 0.3s ease-in-out;
}
.courses-categories-images::before {
  content: "";
  width: 100%;
  height: 0%;
  background: #4B4AEF;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  z-index: -1;
}

.courses-category-inner-box:hover .courses-categories-images{
  border: unset;
}



/* Banner IMage */
.banner-image .card {
  padding: 70px 0;
  background: unset;
  border: unset;
}
.banner-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
  background-attachment: fixed;
  padding: 60px 0;
}

section.banner-image::after {
  content: "";
  background: #171B4173;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.banner-image h1 {
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 44px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #FFFFFF;

}
/* E-labrary */
#e-library {
  padding: 60px 0;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.e-labrary-image img {
  width: 100%;
}


.e-labrary-image1 {
  border-top-right-radius: 80px;
  border-bottom-left-radius: 80px;
  width: 100%;
  height: 263px;
  overflow: hidden;
}

.e-labrary-image1 img {
  border-top-right-radius: 80px;
  border-bottom-left-radius: 80px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}






.e-labrary-image2 img {
  border-bottom-right-radius: 80px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 80px;
  border-top-right-radius: 0;
  width: 100%;
    height: 263px;
    object-fit: cover;
    
}

.e-labrary-image3 img {
  border-bottom-right-radius: 80px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 80px;
  border-top-right-radius: 0;
  width: 100%;
    height: 263px;
    object-fit: cover;
    
}
.e-labrary-image4 img {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 80px;
  border-top-left-radius: 0px;
  border-top-right-radius: 80px;
  width: 100%;
    height: 263px;
    object-fit: cover;
    
}
.e-labrary-image1:hover {
  animation: pulse 4s linear;
}
.e-labrary-image2:hover {
  animation: pulse 4s linear;
}
.e-labrary-image3:hover {
  animation: pulse 4s linear;
}
.e-labrary-image4:hover {
  animation: pulse 4s linear;
}
.e-labrary-details h2 {
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 30px;
  line-height: 180%;
  letter-spacing: 0%;
  text-align: left;
  color: #4B4AEF;
  margin: 0;
  padding: 0;
}
.e-labrary-details h3 {
  font-family: Nunito Sans;
  font-weight: 800;
  font-size: 40px;
  line-height: 54px;
  letter-spacing: 0%;
  color: #000000;
  margin-bottom: 0;
  padding: 0;
}
.e-labrary-details p {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: 0%;
  color: #000000;
  margin-bottom: 0;
}
.click-here-button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 44px;
}
.click-here-button a {
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 24px;
  line-height: 180%;
  letter-spacing: 2%;
  color: #4B4AEF;
  border: 1px solid #4B4AEF;
  border-radius: 14px;
  padding: 14px 54px;
  position: relative;
  z-index: 1;
}




.click-here-button a:hover::before{
  width: 100%;
}
.click-here-button a:hover{
  color: #fff;

}

.click-here-button a::before{
  background: #4B4AEF;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-51%);
  z-index: -1;
    transition: all 0.6s ease;
  width: 0%;
  height: 103%;
  border-radius: 10px;
}



.blog-title a:hover {
  color: #000;
  transition: 0.6s ease-in-out;
}


.tutor-btn-outline-primary:hover, .tutor-btn-outline-primary:focus, .tutor-btn-outline-primary:active {
  color: #fff;
  border-color: #000 !important;
  background-color: #000 !important;
  transition: 0.2s ease-in;
}





/* Our BLOGS */
#our-blogs {
  background: #EDEDFD;
  position: relative;
  padding: 60px 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.blog-heading{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.blog-heading h2 {
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 30px;
  line-height: 180%;
  letter-spacing: 0%;
  text-align: center;
  color: #4B4AEF;
  margin: 0;
  padding: 0;
}
.blog-heading p {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: 0%;
  text-align: center;
  color: #000000;
  width: 55%;
  margin-bottom: 0;

}

.blog-title a {
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 40px;
  line-height: 112.99999999999999%;
  letter-spacing: 0px;
  text-transform: capitalize;
  color: #FFFFFF;
}
.blogs-content p {
  font-family: Roboto;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #FFFFFF !important;
  
}
.blogs-inner-box {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 35px 16px 14px 49px;
  border-radius: 30px;

}
.blog-contents-box .blogs-inner-box {
  background: linear-gradient(180deg, rgba(217, 217, 217, 0) -8.82%, #4B4AEF 108.09%);
  transition: 0.8s all;
}
.blog-inner-content{
  position: relative;
}
.blog-inner-content::before {
  content: "";
  width: 2px;
  height: 100%;
  background: #fff;
  position: absolute;
  left: -22px;
  right: 0;
  padding-bottom: 50px;
}
#our-blogs .owl-dots .owl-dot {
  background: #FFFFFF;
  width: 21px;
  height: 21px;
  border: unset;
  border-radius: 50%;
  margin: 0 4px;
  padding: 0;

}
#our-blogs .owl-dots {
  display: flex;
      align-items: center;
      justify-content: center;
        margin-top: 42px;
}
#our-blogs .owl-dot.active {
  background: #4B4AEF;
  width: 29px;
  height: 29px;
}
#our-blogs .owl-item.active.center .blogs-inner-box{
  background: linear-gradient(180deg, rgba(217, 217, 217, 0) -8.82%, #4B4AEF 108.09%);

}



/* Newsletter */
.newsletter-heading h2 {
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 30px;
  line-height: 180%;
  letter-spacing: 0%;
  text-align: center;
  color: #4B4AEF;
  margin: 0;
  padding: 0;
}
#newsletter {
  padding: 60px 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}
.newsletter-heading h3 {
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 40px;
  line-height: 147%;
  letter-spacing: 2%;
  text-align: center;
  color: #2D3150;
  margin: 0;
  padding: 0;
}
.newsletter-heading h6 {
  font-family: Nunito Sans;
  font-weight: 300;
  font-size: 36px;
  line-height: 147%;
  letter-spacing: 2%;
  text-align: center;
  color: #2D3150;
  margin: 0;
  padding: 0;
}
.newsletter-form {
  display: flex;
  align-items: center;
  justify-content: center;
}
.newsletter-form zinput.wpcf7-form-control.wpcf7-text {
  border: unset;
  padding: 20px;
}


.newsletter-form input.wpcf7-form-control.wpcf7-text {
  background: #FFFFFF;
  box-shadow: 0px 10px 20px 0px #363A781A;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 46px;
  max-width: fit-content;
  flex-direction: column;
  border: unset;
  padding: 26px 154px 26px 58px;
  border-radius: 20px;
}
.newsletter-form p {
  position: relative;
}
.newsletter-form .newsletter-submit-btn:hover input.wpcf7-form-control.wpcf7-submit.has-spinner {
  background: #000;
  transition: 0.6s ease-in-out;
  border: unset;
}
.newsletter-form input.wpcf7-form-control.wpcf7-submit.has-spinner {
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 20px;
  line-height: 127%;
  letter-spacing: 0%;
  background: unset;
  border: cadetblue;
  color: #fff;
  padding: 16px 29px 16px 65px;
  border-radius: 20px;
  max-height: fit-content;
  margin: auto;
  margin: 0; 
}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
  border-color: #4B4AEF !important;
  position: absolute;
  margin: 0;
  font-size: 16px;
  text-align: center;
  font-family: 'Nunito Sans';
  font-weight: 600;
  left: 0;
  right: 0;

}
.middle-align .navigation {
  text-align: center;
  display: flex
;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.newsletter-submit-btn p {
  margin: 0;
}
.wpcf7-spinner{
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -55px;
}
.newsletter-form form {
  position: relative;
}

.newsletter-submit-btn {
  position: absolute;
  background: #4B4AEF;
  top: 10px;
  border-radius: 20px;
  right: 10px;
  bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.newsletter-form-icon::before {
  content: "\f0e0";
  position: absolute;
  left: 25px;
  z-index: 1;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  font-family: 'FontAwesome';
  color: #9092B0;
  font-size: 20px;
}
.newsletter-form input.wpcf7-form-control.wpcf7-text::placeholder {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 20px;
  line-height: 147%;
  letter-spacing: 2%;
  text-align: left;
  color: #9092B0;
}
.newsletter-submit-btn::before {
  content: "\f1d8";
  font-family: 'FontAwesome';
  position: absolute;
  left: 30px;
  bottom: 0;
  top: 0;
  margin: auto;
  display: flex;
  align-items: center;
  color: #FFFFFF;
  z-index: 1;
}

.newsletter-form-icon{
  position: relative;
}
/* Stories */


#stories {
  background: #EDEDFD;
  position: relative;
  padding: 60px 0;
}
.stories-headings h2 {
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 30px;
  line-height: 180%;
  letter-spacing: 0%;
  text-align: center;
  color: #4B4AEF;
  margin: 0;
  padding: 0;
}
.stories-headings{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.stories-headings p {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: 0%;
  text-align: center;
  color: #000000;
  width: 44%;
}
.stories-title a {
  font-family: Poppins;
  font-weight: 500;
  font-size: 22px;
  line-height: 180%;
  letter-spacing: 0%;
  color: #252641;
}
.stories-title a:hover {
  color: #4B4AEF;
  transition: 0.2s ease-in-out;
}
.stories-image img {
  width: 100%;
  height: 100%;
}
.stories-left-image .stories-tags-box span {
  font-family: Poppins;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 2%;
  background: #4B4AEF;
  border-radius: 80px;
  padding: 8px 16px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: left;
  max-width: fit-content;
  margin: 18px 0;
}
.stories-box:nth-child(1) .row .stories-right-image .stories-tags-box {
  display: none;
}
.stories-right-image .stories-tags-box span {
  font-family: Poppins;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 2%;
  background: #4B4AEF;
  border-radius: 80px;
  padding: 8px 16px;
  color: #fff;
  position: absolute;
  bottom: 10px;
  right: 10px;

}
.stories-image {
  position: relative;
}
.stories-image {
  position: relative;
  height: 100%;
  overflow: hidden;
  border-radius: 20px;
}
.stories-right-image {
  height: 200px;
}
.stories-box:hover .stories-image img {
  transform: scale(1.1);
  transition: 0.5s all;
}
.stories-content span a:hover {
  color: #4B4AEF;
  transition: 0.5s all;
}
.stories-content span {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 20px;
  line-height: 180%;
  letter-spacing: 2%;
  color: #696984;
  margin-bottom: 0;
}
.stories-content span a {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 20px;
  line-height: 180%;
  letter-spacing: 2%;
  text-decoration: underline !important;
  color: #696984;
}
.stories-right-item {
  margin-bottom: 32px;
}
.stories-left-image .stories-image img {
  height: 340px;
}
.stories-left-image .stories-content {
  margin-top: 20px;
}

/* Instructor page */
#single-tutors-page {
  padding: 60px 0;
}
.instructor_col {
  box-shadow: 0px 10px 60px 0px #262D7614;
  background: #ffff;
}
.tutor-btn-block {
  display: flex;
  justify-content: center;
  width: 100%;
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 18px;
  line-height: 127%;
  letter-spacing: 0%;
  color: #2C2C2C;
  background: #FFCA1D;
  border-radius: 10px;
  padding: 18px 38px;
  position: relative;
  z-index: 1;
  border: unset;
}
.ot-social a i {
  color: #4B4AEF;
  font-size: 18px;
  text-align: center;
  margin: 0 5px;
}
.instructor-content {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  padding: 6px 16px;
}
.fa-solid.fa-star {
  color: #FFCD1A;
}

.instructor-view-profile a {
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 19px;
  line-height: 20px;
  letter-spacing: 0%;
  color: #4B4AEF;
  padding: 14px 11px 12px;
  border-radius: 6px;
  position: relative;
  z-index: 1;
  border: 1px solid #4B4AEF;
  margin: 16px 0;
}
.instructor-view-profile {
  display: flex;
      align-items: center;
      justify-content: flex-start;
      border-top: 2px solid rgba(123, 185, 252, 0.2);
      width: 100%;
      margin-top: 25px;

}
.instructor-content p {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: 0%;
  color: #000000;
  margin-bottom: 0;
  padding: 0;
}
.instructor-content i {
  color: #4B4AEF;
  font-family: 'FontAwesome';
  font-style: normal;
  font-size: 16px;
}
.ot-social {
  background: #fff;
  max-width: fit-content;
  padding: 7px 18px;
  border-radius: 46px;
  margin: 10px 0 0; 
}

.instructor-content.effect-two {
  background: #4B4AEF;
  position: absolute;
  bottom: -1px;
  width: 100%;
  left: 0;
  right: 0;
  border-radius: 30px;
  padding: 15px 0px;
}

.instructor-image {
  height: 350px;
  overflow: hidden;
  border-radius: 30px;
  position: relative;
}
.instructor-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}




.instructor_col:hover .instructor-image img {
  transform: translate(11.5273px, 7.3252px) scale(1.15, 1.15);
  transition: 0.4s ease-in-out;
}

.instructor_col:hover img {
  animation: pulse 4s infinite;
}

.instructor-image::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.instructor_col:hover .instructor-image::before {
  -webkit-animation: shine .75s;
  animation: shine .75s;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}




.instructor-view-profile a:hover {
  background: #4B4AEF;
  color: #fff;
  transition: 0.3s ease-in;
}

.instructor_col:hover img {
  transform: scale(1.1);
  transition: 0.5s all;
}
.instructor-name{
  margin: 0;
  padding: 0;
}
.instructor-name a {
  text-transform: capitalize;
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 23px;
  line-height: 127%;
  letter-spacing: 0%;
  text-align: left;
  color: #2F327D;
}
.instructor-details-flex {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  margin-top: 10px;
}
.tutor-btn-primary {
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0%;
  background: #4B4AEF;
  color: #FFFFFF;
  padding: 18px 38px;
  border-radius: 6px;
  position: relative;
  z-index: 1;
}
#tutor-course-details-tab-info h2 {
    font-family: Nunito Sans;
    font-weight: 700;
    font-size: 24px;
    line-height: 180%;
    letter-spacing: 0%;
    text-align: left;
    color: #000;
    margin: 0;
    padding: 0;
}
#tutor-course-details-tab-info h3 {
    font-family: Nunito Sans;
    font-weight: 700;
    font-size: 24px;
    line-height: 180%;
    letter-spacing: 0%;
    text-align: left;
    color: #000;
    margin: 0;
    padding: 0;
}
.instructor_col {
  box-shadow: 0px 10px 60px 0px #262D7614;
  background: #ffff;
  margin-bottom: 25px;
  border-radius: 30px;

}
/* /* Courses Single page / */
.tutor-wrap {

  padding: 60px 0;
}
.tutor-course-card .tutor-course-name a {
  color: var(--tutor-body-color);
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 18px;
  line-height: 127%;
  letter-spacing: 0%;
  text-align: left;
  color: #2F327D;
}


.single-tutors-page {
  padding: 60px 0;
}

/* Single blogs pages */
#full-width-blog {
  padding: 60px 0;
}
.postbox.smallpostimage {
  position: relative;
  margin-bottom: 30px;

}
div#blog-left-sidebar {
  padding: 60px 0;
}

.navigation {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.navigation a {
  background: #4B4AEF;
  padding: 10px 14px;
  font-family: Poppins;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 2%;
  color: #fff;
  border-radius: 6px;
}
.navigation a:hover {
  color: #fff;
  background: #000;
}
.content_page .navigation span{background: none;}
.content_page .navigation a{
  display: flex
  ;
      align-items: center;
      justify-content: flex-start;
      margin: 3px;
}
.navigation span {
  background: #000;
  padding: 10px 14px;
  font-family: Poppins;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 2%;
  color: #fff;
  border-radius: 6px;
}

/* FAq */
.faq-page.container {
  padding: 60px 0;
}
.panel-body p {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: 0%;
  text-align: left;
  color: #000000;
}


.accordion-button {
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 20px !important;
  line-height: 34px;
  letter-spacing: 0%;
  color: #000000;
}
.accordion-button:not(.collapsed) {
  color: #4B4AEF !important;
  background-color: unset !important;

}
.accordion-button:focus {
  border-color: unset !important;
  box-shadow: unset !important;
}


/* Terms And Services */
#tandc {
  padding: 60px 0;
}
#tandc p {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: 0%;
  text-align: left;
  color: #000000;
}
#tandc h1 {
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 38px;
  line-height: 180%;
  letter-spacing: 0%;
  text-align: left;
  margin: 0;
  padding: 0;
  color: #4B4AEF;
}
#tandc h2 {
  font-family: Nunito Sans;
  font-weight: 800;
  font-size: 32px;
  line-height: 54px;
  letter-spacing: 0%;
  color: #000000;
  margin-bottom: 0;
  padding: 0;
}


/* Privacy POLICY */

#privacy-policy {
  padding: 60px 0;
}
#privacy-policy h3 {
  font-family: Nunito Sans;
  font-weight: 800;
  font-size: 32px;
  line-height: 54px;
  letter-spacing: 0%;
  color: #000000;
  margin-bottom: 0;
  padding: 0;
}
#privacy-policy h2 {
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 38px;
  line-height: 180%;
  letter-spacing: 0%;
  text-align: left;
  margin: 0;
  padding: 0;
  color: #4B4AEF;
}
#privacy-policy p {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: 0%;
  text-align: left;
  color: #000000;
}

#privacy-policy ul li  {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: 0%;
  text-align: left;
  color: #000000;
}
.about-widget-nail-phone-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* Disclaimer */
#disclaimer {
  padding: 60px 0;
}
#disclaimer p {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: 0%;
  text-align: left;
  color: #000000;
}
#disclaimer h2 {
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 38px;
  line-height: 180%;
  letter-spacing: 0%;
  text-align: left;
  margin: 0;
  padding: 0;
  color: #4B4AEF;
}

.bradcrumbs {
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #FFFFFF;
}
.bradcrumbs a {
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #FFCA1D;
  padding-right: 14px;

}
.course-author a {
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 16px;
  line-height: 127%;
  letter-spacing: 0%;
  color: #6C71A1;
  text-transform: capitalize;
}

/* Single Tutors page */

.single-tutors-contents {
  background: #FFFFFF;
  box-shadow: 0px 10px 60px 0px #4B4AEF26;
  margin-top: 68px;
  position: relative;
  overflow: hidden  ;
}
.related-course-box .course-time-outer{
  padding: 10px 12px;

}
.course-tutor-image img {
  height: 200px;
  object-fit: cover;
  width: 100%;
}
.tutor-course-card .tutor-course-name{
  margin: 0;
  padding: 0;
}
.course-tutor-image {
  height: 200px;
  overflow: hidden;
}
.single-tutors-contents:hover img {
  transform: scale(1.1);
  transition: 0.8s ease-in-out;
}
.courses-title a {
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #2F327D;
}
.courses-contents-box {
  padding: 10px 12px;
}

.tutor-card-body {
  padding: 10px 14px !important;
}

.tutor-widget-title {
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 24px;
  line-height: 180%;
  letter-spacing: 0%;
  text-align: left;
  color: #4B4AEF;
  margin-bottom: 12px;
  padding: 0;

}
.tutor-form-check-input[type=checkbox]:checked {
  border-color: #4B4AEF !important; 
  background-color: #4B4AEF !important;
}
.tutor-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 14px;
}
.single-tutors-page  .course-time p {
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 15px;
  line-height: 127%;
  letter-spacing: 0%;
  color: #2C2C2C;


}
.tutor-widget {
  background: #ffff;
  padding: 22px 12px;
  margin: 10px 0;
  border-radius: 6px;
  border: 1px solid #ddd;
}
.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header{
  background: #4B4AEF !important;
}
.single-lesson .tutor-color-black {
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 30px;
  line-height: 180%;
  letter-spacing: 0%;
  text-align: left;
  color: #4B4AEF;
  margin: 0;
  padding: 0;
}
.blogs-image img {
  border-radius: 30px;
  height: 100%;
  width: 100%;
}

.blogs-image {
  height: 562px;
  width: 100%;
  overflow: hidden;
  border-radius: 30px;
}
.blog-contents-box:hover .blogs-image img {
  animation: pulse 3s linear;
}



#sidebar [type=submit] {
  -webkit-appearance: button;
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0%;
  background: #4B4AEF;
  color: #FFFFFF;
  padding: 12px 18px;
  border-radius: unset;
  position: relative;
  z-index: 1;
}
#sidebar [type=submit]:hover {
  background: #000;
  transition: 0.2s ease-in;
}
.woocommerce ul li {
  background: #4B4AEF;
  margin-bottom: 9px;
  width: 100%;
  list-style: none;
  padding: 20px 0px;
}
.tutor-dashboard-permalinks li {
  list-style: none;
}
.header-admin-text a:hover {
  color: #000;
  transition: 0.3s all;
}
.logged-in .outer_dpage .banner-image {
  display: none;
}
.tutor-btn-lg:hover  {
  background: #FFCA1D;
}
.tutor-btn-lg:hover span {
  color: #000;
}
.tutor-frontend-dashboard-maincontent {
  margin-top: 26px !important;
}
.tutor-dashboard-menu-divider-header {
  color: #acacac;
  padding: 10px 20px;
  cursor: default;
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 18px;
  line-height: 127%;
  letter-spacing: 0%;
  text-align: left;
  color: #2F327D;
}

.tutor-dashboard .tutor-dashboard-left-menu .active .tutor-dashboard-menu-item-icon {
  color: #fff !important;

}
.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a {
  background-color: #4B4AEF !important;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a {
  background-color: #4B4AEF !important;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 8px;
}
.tutor-dashboard-permalinks li {
  list-style: none;
  padding: 10px 0;
}
.tutor-dashboard-permalinks
{
  padding-left: 0;
}.woocommerce-MyAccount-content p {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: 0%;
  color: #000000;
  margin-bottom: 0;
}

.woocommerce-MyAccount-content p a {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: 0%;
  color: #4B4AEF;
  margin-bottom: 0;
}
.woocommerce ul li a {
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  padding: 20px 34px;
  border-radius: 10px;
  position: relative;
  z-index: 1;

}
.single-lesson .tutor-color-secondary p {
  color: #41454F;
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 18px;
  line-height: 34px;
  letter-spacing: 0%;
  color: #000000;
  margin-bottom: 0;
}
.tutor-nav-link {
  padding: 8px 35px 8px 0 !important;
}
span.woocommerce-Price-amount.amount {
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: 0%;
  color: #4B4AEF;
}
.woocommerce-Price-currencySymbol {
  color: #4B4AEF !important;
  font-size: 20px !important;
  font-family: Nunito Sans;
  font-weight: 700 !important;
  font-size: 20px;
  line-height: 34px !important; 
  letter-spacing: 0%;
  color: #4B4AEF;
}
.tutor-icon-clock-line:before {
  content: "";
  color: #2C2C2C;
}
.single-tutors-page  .course-time{
  position: absolute;
  top: 15px;
  left: 12px;
  background: #FFCA1D;
  border-radius: 10px;
  padding: 6px 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: fit-content;
}
.tutor-meta-value, .tutor-meta a {
  color: var(--tutor-body-color);
  font-weight: 500;
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 15px;
  line-height: 127%;
  letter-spacing: 0%;
  color: #2C2C2C;
}
.tutor-meta-clock-box {
  position: absolute;
  top: 15px;
  left: 12px;
  background: #FFCA1D;
  border-radius: 10px;
  padding: 6px 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: fit-content;
}
.tutor-icon-user-line:before {
  content: "";
  color: #4B4AEF;
  font-size: 16px;
}
.tutor-btn-lg {
  font-size: 16px;
  line-height: 1.5;
  padding: 12px 32px;
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0%;
  background: #4B4AEF;
  color: #FFFFFF;
  padding: 20px 54px;
  border-radius: 6px;
  position: relative;
  z-index: 1;
}



/* Related Courses */

#related-course .single-tutors-contents{
  margin-top: 0px;

}
.tutor-nav:not(.tutor-nav-pills):not(.tutor-nav-tabs) .tutor-nav-link {
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  margin-bottom: -1px;
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 19px;
  line-height: 180%;
  letter-spacing: 0%;
  text-align: left;
  color: #000;
}
.tutor-wrap p {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0%;
  color: #000000;
  margin-bottom: 0;
}
.tutor-single-course-sidebar{
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 24px;
  line-height: 180%;
  letter-spacing: 0%;
  text-align: left;
  color: #000;
  margin: 0;
  padding: 0;
}
.tutor-wrap span {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0%;
  color: #000000;
  margin-bottom: 0;
}
.tutor-ratings-stars span {
  color: #FFCD1A;
}
.tutor-btn-lg span{
  color: #fff;
}
.tutor-nav:not(.tutor-nav-pills):not(.tutor-nav-tabs) .tutor-nav-link.is-active {
  border-bottom-color: #4B4AEF !important;
}
.tutor-nav-link.is-active {
  color: #4B4AEF !important;
}
.tutor-iconic-btn-secondary {
  background-color: #fff !important;
  color: #4B4AEF !important;
}
.tutor-ratings {
  display: flex;
  align-items: center;
  padding: 6px 0;
}
#related-course .course-time {
  position: absolute;
  top: 15px;
  left: 12px;
  background: #FFCA1D;
  border-radius: 10px;
  padding: 6px 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: fit-content;
}
#related-course .course-time p {
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 15px;
  line-height: 127%;
  letter-spacing: 0%;
  color: #2C2C2C;
}
.tutor-iconic-btn{
  position: absolute;
  top: 14px;
  right: 18px;
}
.product-contain-main-box {
  padding: 12px 19px;
}




/* Sidebar */
#sidebar .widget {
  background: #ffff;
  padding: 22px;
  margin: 10px 0;
  border-radius: 6px;
  border: 1px solid #ddd;
}
#sidebar ul li a {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 17px;
  line-height: 26px;
  letter-spacing: 0%;
  color: #000000;
  margin-bottom: 0;
  padding: 0;
}
#sidebar ul li a:hover {
  color: #4B4AEF;
  transition: 0.1s ease-in;
}
.recent-post-box {
  margin-bottom: 16px;
}
.middle-align .post-date{
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 15px;
  line-height: 160%;
  letter-spacing: 2%;
  color: #5F5F7E;
  margin-bottom: 0;
}
#sidebar aside#block-3 {
  display: none;
}
ol.wp-block-latest-comments{
  padding-left: 0;
}
#sidebar ol li a {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 16px;
  line-height: 13px;
  letter-spacing: 0%;
  color: #000000;
  margin-bottom: 0;
  padding: 0;
}
#sidebar h2 ,#sidebar h3 ,#sidebar h4,#sidebar h5,#sidebar h6{
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 30px;
  line-height: 180%;
  letter-spacing: 0%;
  text-align: left;
  color: #4B4AEF;
  margin: 0;
  padding: 0;
}
.post-thumb img {
  width: 100%;
  height: 80px;
  object-fit: cover;
  border-radius: 10px;
}
.blog-contents-box {
  position: relative;
}

.wp-block-search__label {
  width: 100%;
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 30px;
  line-height: 180%;
  letter-spacing: 0%;
  text-align: left;
  color: #4B4AEF;
  margin: 0;
  padding: 0;
}

.postbox .blog-title a {
  font-size: 32px;
  line-height: 119%;
}

.middle-align .blog-title a{
  font-size: 32px;
  line-height: 119%;
}

.postbox .blogs-content p {
  font-family: Roboto;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
}
.middle-align {
  padding: 60px 0;
}
.middle-align p {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 18px;
  line-height: 153%;
  letter-spacing: 2%;
  color: #5F5F7E;
  margin-bottom: 0;
}
#sidebar ul {
  padding: 12px;
}
#sidebar ul li {
  list-style: none;
}


/* Single blogs page */
.main-single-div {
  padding: 60px 0;
}
.feature-box img {
  width: 100%;
  height: 500px;
  object-fit: cover;
}
.content_boxes h1 {
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 46px;
  line-height: 180%;
  letter-spacing: 0%;
  text-align: left;
  color: #4B4AEF;
  margin: 0;
  padding: 0;
  padding-top: 20px;
}
.main-single-div p {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0%;
  text-align: left;
  color: #000000;
  margin: 14px 0;
}
.meta-box-question {
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 22px;
  line-height: 180%;
  letter-spacing: 0%;
  text-align: left;
  color: #FFCA1D;
  margin: 0;
  padding: 0;
}
.metabox span {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 0%;
  color: #000000;
  margin-bottom: 0;
  padding: 0;
}
.entry-date {
  padding: 0 18px !important;
}
.metabox {
  padding: 20px 0 0;
}
.metabox span a {
  color: #4B4AEF;
}
.single-page-metaimage img {
  width: 100%;
  height: 500px;
  object-fit: cover;
}
.main-single-div  textarea {
  resize: vertical;
  width: 100%;
  height: 150px;
  border-radius: 6px;
}
.socila_share a i {
  background: #4B4AEF;
  font-family: 'FontAwesome';
  font-size: 16px;
  color: #fff;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-left: 6px;
}
.socila_share a i:hover {
  background: #000;
  transition: 0.3s ease-in;
}
.socila_share {
  display: flex;
  align-items: center;
  justify-content: end;
}

.form-submit [type=submit]{
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 22px;
  line-height: 127%;
  letter-spacing: 0%;
  color: #2C2C2C;
  background: #FFCA1D;
  border-radius: 10px;
  padding: 16px 38px;
  position: relative;
  z-index: 1;
  border: unset;
}
#comments h2 {
  font-family: Nunito Sans;
  font-weight: 800;
  font-size: 40px;
  line-height: 54px;
  letter-spacing: 0%;
  color: #000000;
  margin-bottom: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}





/* Contact Us Page */
.contact-box {
  padding: 60px 0;
}
.contacts-details-box {
  background: #FFFFFF;
  box-shadow: 0px 10px 60px 0px #4B4AEF26;
  padding: 34px 46px 34px;
  position: relative;
}

.contacts-details-box input,.contacts-details-box  select, .contacts-details-box textarea {
  border: unset;
  background: #FFFFFF;
  box-shadow: 0px 10px 20px 0px #363A781A;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: unset;
  padding: 22px;
  border-radius: 20px;
  width: 100%;
}
.contact-details-right a:hover {
  color: #4B4AEF;
}
.inner-cont:hover i {
  background: #4B4AEF;
  color: #fff;
  transition: 0.4s ease-in-out;
}
.contacts-details-box textarea{
  height: 120px;
}
.contact-email {
  padding-top: 42px;
}
.contacts-details-box [type=submit] {
  font-family: Nunito Sans;
    font-weight: 600;
    font-size: 20px;
    line-height: 127%;
    letter-spacing: 0%;
    background: #4B4AEF;
    border: cadetblue;
    color: #fff;
    padding: 16px 30px;
    border-radius: 20px;
    right: 0;
    width: fit-content;
    margin: auto;
    margin: 0;
}

.contacts-details-box ::placeholder{
  font-family: Nunito Sans;
font-weight: 400;
font-size: 20px;
line-height: 147%;
letter-spacing: 2%;
text-align: left;
color: #9092B0;

}
.contacts-details-box p {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 18px;
  line-height: 34px;
  letter-spacing: 0%;
  text-align: left;
  color: #000000;
  margin: 0;
}
.contacts-details-box h3 {
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 40px;
  line-height: 147%;
  letter-spacing: 2%;
  text-align: left;
  color: #2D3150;
  margin: 0;
  padding: 0;
}
.contact-details-right {
  background: #FFFFFF;
  box-shadow: 0px 10px 60px 0px #4B4AEF26;
  padding: 34px 46px 0px;
  position: relative;
  height: 100%;
}
.contact-details-right h3 {
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 40px;
  line-height: 147%;
  letter-spacing: 2%;
  text-align: left;
  color: #2D3150;
  margin: 0;
  padding: 0;
}
.contact-details-right p {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 18px;
  line-height: 34px;
  letter-spacing: 0%;
  text-align: left;
  color: #000000;
  margin: 0;

}
.contact-details-right i {
  border: 3px solid #4B4AEF;
  border-radius: 6px;
  background: #FFFCF9;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;

}
.inner-cont {
  display: flex;
      align-items: center;
      justify-content: flex-start;
      margin-bottom: 34px;
      border-bottom: 1px solid #ddd;
      padding-bottom: 32px;

}
.contact-details-right a {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: 0%;
  text-align: left;
  color: #000000;
  width: 372px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 20px;
}
.footer-block-copyright {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 2px solid rgba(123, 185, 252, 0.2);
  margin-top: 70px !important;

}
.custom-social-icons-box h6 {
  font-family: Nunito Sans;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0px;
  color: #0A142F;
  opacity: 0.5;
  margin: 0;
  padding: 0;
}
.custom-social-icons-box h6 {
  font-family: Nunito Sans;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0px;
  color: #0A142F;
  opacity: 0.5;
}
.footer-block-4 ul {
  display: flex;
      align-items: center;
      justify-content: flex-start;
}

.tutor-ratings-stars {
  color: #FFCD1A !important;
}

/* Cart Single page */
.woocommerce-cart .outer_dpage {
  padding: 60px 0;
}
.woocommerce-cart .wp-block-button__link{
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 16px !important;
  line-height: 20px;
  letter-spacing: 0%;
  background: #4B4AEF;
  color: #FFFFFF;
  padding: 20px 54px;
  border-radius: 6px;
}

.woocommerce-cart .wc-block-grid__product-title {
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #2F327D;
}

.wc-block-grid__product-rating .star-rating span:before {
  color: #FFCD1A !important;

}

.woocommerce-cart .has-text-align-center {
  text-align: center;
  font-family: Nunito Sans;
  font-weight: 800;
  font-size: 40px;
  line-height: 54px;
  letter-spacing: 0%;
  color: #000000;
  margin-bottom: 0;
  padding: 0 0 24px 0;
}


/* My Account Form */
.admin-bar .outer_dpage {
  padding: 60px;
}

/* 404 page */
.error404 .content_page {
  PADDING: 60px 0;

}
.error404 .page-content h3{
  text-align: center;
  margin: 0;
  padding: 0;
}
.custom-social-icons a i:hover {
  color: #FFCA1D;
  transition: 0.4s ease-in-out;
}
.error404 .page-content h3 span {
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 60px;
  line-height: 180%;
  letter-spacing: 0%;
  text-align: left;
  color: #4B4AEF;
  margin: 0;
  padding: 0;
}
.text-404 {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: 0%;
  color: #000000;
  margin-bottom: 0;
  text-align: center;
}
.read-moresec a {
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0%;
  background: #4B4AEF;
  color: #FFFFFF;
  padding: 20px 54px;
  border-radius: 6px;
  position: relative;
  z-index: 1;
}

.read-moresec a:hover::before{
  width: 100%;
}
.read-moresec a:hover{
  color: #fff;
}

.read-moresec a span{
  position: relative;
  z-index: 1;
}
.read-moresec a::before{
  background: #000000;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-51%);
    transition: all 0.6s ease;
  width: 0%;
  height: 100%;
  border-radius: 10px;
}



.page-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.read-moresec {
  margin-top: 50px;
}


/* Single testimonial page */

.testimonial {
  padding: 60px 0;
  position: relative;
}
.single-page-content p {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: 0%;
  text-align: left;
  color: #000000;
}
.tutor-btn-md {
  padding: 6px 12px;
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0%;
  background: #4B4AEF;
  color: #FFFFFF;
  padding: 10px 12px;
  border-radius: 6px;
  position: relative;
  z-index: 1;
}
.courses-contents-box .courses-title {
  margin-top: 7px;
}
.course-enroll-btn-level-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 14px;
}

.tutor-course-thumbnail img {
  height: 200px !important;
  object-fit: cover;
}
.tutor-course-thumbnail {
  height: 200px;
  overflow: hidden;
}

#single-course-page .tutor-course-thumbnail img {
  height: 400px !important;
  object-fit: cover;
}
#single-course-page .tutor-course-thumbnail {
  height: 400px;
}




.tutor-card:hover img {
  transform: scale(1.1);
  transition: 0.8s ease-in-out;
}
.single-page-price {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.tutor-list-item label {
  font-family: Nunito Sans;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0%;
  color: #000000;
  margin-bottom: 0;
  padding: 0;
}

.tutor-course-filter-container {
  padding: 0;
}

/* Login Page */
.woocommerce h2 {
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 48px;
  line-height: 180%;
  letter-spacing: 0%;
  text-align: center;
  color: #4B4AEF;
  margin: 0;
  padding: 0;
}
.woocommerce {
  padding: 60px 0;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
  float: left;
  margin-right: 1em;
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0%;
  background: #4B4AEF;
  color: #FFFFFF;
  padding: 20px 54px;
  border-radius: 6px;
  position: relative;
  z-index: 1;
}
.woocommerce form .form-row label {
  line-height: 2;
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 16px;
  line-height: 34px;
  letter-spacing: 0%;
  color: #000000;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
  display: block;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
  border: unset !important;
  padding: 20px;
  margin: 2em 0;
  text-align: left;
  border-radius: 5px;
  background: #FFFFFF;
  box-shadow: 0px 4px 20px 0px #00000033;
}
p.woocommerce-LostPassword.lost_password a {
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 16px;
  line-height: 34px;
  letter-spacing: 0%;
  color: #4B4AEF;
  text-decoration: underline !important;
}



/* Cart page  */

.wc-block-components-button:not(.is-link) .wc-block-components-button__text {
  display: block;
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0%;
  background: #4B4AEF;
  color: #FFFFFF;
  padding: 20px 54px;
  border-radius: 6px;
  position: relative;
  z-index: 1;
  width: 100%;
}
.wc-block-components-product-name {
  font-size: 1em;
  overflow-wrap: anywhere;
  word-break: break-word;
  font-family: Nunito Sans;
  font-weight: 700;
  font-size: 18px;
  line-height: 127%;
  letter-spacing: 0%;
  text-align: left;
  color: #2F327D;
}

.tutor-meta {
  padding: 10px 0;
}
.tutor-grid {
  grid-gap: 12px;
}