/* Custome Css */
.container-fluid {
    max-width: 1705px;
    /* padding: 0; */
}

.theme-btn {
    font-weight: 500;
    font-size: 30px;
    background-color: #b13590;
    border-radius: 10px;
    padding: 20px 19px;
    color: #fff;
    line-height: normal;
}

.side-subject .banner-readmore {
    line-height: normal;
}

.banner-readmore {
    margin: 15px 0;
}

.banner-readmore .button-default {
    display: inline-block;
}

.hero-carousel-title h1 {
    font-size: 85px;
    font-family: "montserratbold";
    letter-spacing: 0.5;
    /* text-transform: capitalize; */
}

.hero-banner-main-video .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    gap: 1rem;
    bottom: 30px;
    left: 0;
    right: 0;
}

.hero-banner-main-video .owl-dots .owl-dot span {
    width: 100px;
    height: 5px;
    border-radius: 10px;
    background-color: #ffffff;
    display: inline-block;
}

.hero-banner-main-video .owl-dots .owl-dot.active span {
    background-color: #ffc107;
}

.hero-custom-center {
    background: linear-gradient(to right, rgb(0 0 0 / 45%), rgb(0 0 0 / 45%));
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    color: #ffff;
}

.hero-video {
    position: relative;
}

.hero-banner-main-video .button-default {
    display: inline;
}

.div_lastSlideBtn {
    display: flex;
    align-items: center;
    gap: 38px;
}

.hero-carousel-title .div_lastSlideBtn .lastSlideBtn {
    background-color: #304a55;
    border-radius: 50px;
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    line-height: normal;
    padding: 1rem 1.5rem;
    min-width: 200px;
}

.header-logo-menu {
    padding: 20px 0;
}

.tutoring_section {
    /* background-color: #107dc21a; */
    position: relative;
    margin-bottom: 103px;
}

.tutoring_section .mainBox {
    padding-right: 100px;
    display: flex;
}

.tutoring_section .mainBox .box::after {
    content: "";
    width: 100%;
    height: -webkit-fill-available;
    margin-top: 68px;
    position: absolute;
    background-color: #107dc21a;
    bottom: 0;
    z-index: -1;
}

.lastOne .mainBox .box::after {
    content: "";
    width: 100%;
    height: 303px;
    margin-top: 68px;
    position: absolute;
    background-color: #107dc21a;
    bottom: 0;
    z-index: -1;
    top: 0;
}

.tutoring_section .mainBox .box {
    display: flex;
    flex-direction: column;
}

.tutoring_section .mainBox .box h1 {
    background: linear-gradient(90deg, #107dc2 0%, #083b5c 100%);
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
    color: #fff;
    padding: 1rem 0;
    padding-left: 100px;
}

.tutoring_section .mainBox .box .contain {
    padding-left: 100px;
    padding-right: 1rem;
    display: flex;
    align-items: flex-start;
    /* padding-top: 38px; */
    height: 100%;
    gap: 88px;
}

.lastOne .mainBox .box .contain {
    padding-left: 100px;
    padding-right: 1rem;
    display: flex;
    align-items: flex-start;
    /* padding-top: 38px; */
    /* height: 100%; */
    gap: 27px;
}

.tutoring_section .mainBox .box .contain .innerImg {
    /* margin-top: 1rem; */
    height: -webkit-fill-available;
    width: 491px;
}

.tutoring_section .mainBox .box .contain p {
    color: #000000;
    font-size: 19px;
    margin: 0;
    line-height: 30px;
    padding: 46px 0 0;
}

.lastOne .mainBox .box .contain p {
    color: #000000;
    font-size: 19px;
    margin: 0;
    line-height: 30px;
    padding: 46px 0 0;
}

.lastOne .mainBox .box .contain .innerImg {
    width: 421px !important;
}

.tutoring_section .outerImg {
    width: 488px;
    height: 420px;
    border-width: 2px;
    object-fit: cover;
    border: 2px solid #107dc2;
}

.tutoringTailored {
    background-color: #fff;
    padding-bottom: 103px;
}

.tutoringTailored .mainBox {
    padding-left: 100px;
    display: flex;
    flex-direction: row-reverse;
    position: relative;
}

.tutoringTailored .mainBox .box {
    display: flex;
    flex-direction: column;
}

.tutoringTailored .mainBox .box h1 {
    background: linear-gradient(90deg, #107dc2 0%, #083b5c 100%);
    text-align: right;
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
    color: #fff;
    padding: 1rem 0;
    padding-right: 100px;
}

.tutoringTailored .mainBox .box .contain {
    padding-right: 100px;
    padding-left: 30px;
    padding-top: 23px;
    text-align: right;
    height: 100%;
    /* display: flex;
    flex-direction: row-reverse;
    gap: 88px; */
}

.tutoringTailored .mainBox .box .contain p {
    color: #000000;
    font-size: 18px;
    margin: 0;
    line-height: 30px;
    letter-spacing: 0.5;
}

.tutoringTailored .mainBox .innerImg {
    width: 543px;
    height: 450px;
    flex: none;
}

.tutoringTailored .outerImg {
    width: 353px;
    height: 450px;
    border-width: 2px;
    /* object-fit: cover; */
    /* border: 2px solid #107dc2; */
    flex: none;
    margin-right: 10px;
}

.tutoringTailored .mainBox .box .contain .reviewBox {
    display: flex;
    align-items: center;
    position: absolute;
    right: 50px;
    width: max-content;
    bottom: -100px;
}

.tutoringTailored .mainBox .box .contain .reviewBox img {
    flex: none;
}

.tutoringTailored .mainBox .box .contain .reviewBox .rightBox {
    background-color: #083b5c;
    color: #fff;
    display: flex;
    width: 219px;
    padding: 0.5rem;
    gap: 0.5rem;
    flex: none;
}

.tutoringTailored .mainBox .box .contain .reviewBox .rightBox i {
    font-size: 20px;
    line-height: 30px;
}

.tutoringTailored .mainBox .box .contain .reviewBox .rightBox p {
    color: #fff;
    text-align: left;
    font-size: 17px;
    line-height: normal;
}

.headerTop {
    display: flex;
    gap: 20px;
    justify-content: flex-end;
}

.headerTop a {
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 25px;
    text-decoration: none;
}

.htBtn {
    border-radius: 8px;
    padding: 12px 20px;
    background-color: #1a2e74;
    color: #fff;
    text-decoration: none;
    /* margin-left: 5px; */
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    letter-spacing: 0.5;
}

.htBtn:hover {
    background-color: #2f4592;
}

.logo img {
    max-width: 137px;
    width: 100%;
    height: 116px;
    object-fit: contain;
}

.mainmenu {
    display: inline-block !important;
    position: relative;
    z-index: 99;
}

.mainmenu-area {
    /* margin: 30px 0 20px; */
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.mainmenu-area .border-top {
    border-top: 0 !important;
}

.header-logo-menu.stick .mainmenu-area .mainmenu ul#nav > li > a {
    line-height: 62px;
}

.header-logo-menu.stick .mainmenu-area {
    padding: 0;
    margin: 0;
}

.section-3 .join-team-btn {
    text-align: start;
    margin-top: 20px;
    position: relative;
    z-index: 75;
    width: max-content;
}

.join-team-btn .btn-primary {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mainmenu ul#nav > li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.mainmenu ul#nav > li > a {
    color: #1a2e74;
    display: block;
    font-weight: 500;
    font-size: 18px;
    text-decoration: none;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    text-transform: uppercase;
    font-family: "Gordita", sans-serif;
    letter-spacing: 0.3px;
}

.mainmenu ul#nav > li > .list-sub-menu-link {
    display: flex;
    align-items: center;
    gap: 8px;
}

.mainmenu ul#nav > li > .list-sub-menu-link img {
    width: 22px;
    height: 22px;
}

.mainmenu ul#nav > li > a:after,
.mainmenu ul#nav.menu-white > li > a:after {
    bottom: -4px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.header-logo-menu.stick .mainmenu ul#nav > li > a:after {
    bottom: 18px;
}

.mainmenu ul#nav.menu-white > li:hover > a:after {
    background: #1a2e74;
}

.mainmenu ul#nav > li:hover > a:after,
.mainmenu ul#nav.menu-white > li:hover > a:after {
    width: 21px;
}

.header-logo-menu.stick .mainmenu ul#nav.menu-white > li > a {
    color: #1a2e74;
}

.mainmenu ul#nav.menu-white > li:hover > a,
.stick .mainmenu ul#nav.menu-white > li:hover > a {
    color: #1a2e74;
}

.mainmenu li > a > i {
    margin-left: 6px;
    position: relative;
    top: -1px;
}

.megamenu {
    display: flex;
    background-color: #fff;
    position: absolute;
    overflow: auto;
    top: 26px;
    /* border-radius: 20px; */
    border-radius: 0 0 20px 20px;
}

.megamenu-tutor {
    left: -200px;
}

.parenrt-megamu {
    left: -300px;
}

.megamenu ul.sub-menu.mobile-section.border-bottom-ul {
    position: relative;
}

.lg-space .mainmenu ul#nav > li {
    margin-right: 36px;
}

.mainmenu ul#nav.border-full > li:hover > a:after {
    width: 100%;
}

.mainmenu ul#nav.border-top > li > a:after {
    bottom: auto;
    top: 30px;
}

.mainmenu ul#nav.border-top-2 > li > a:after {
    bottom: auto;
    top: -9px;
}

.padding-small .logo {
    padding-top: 20px;
}

.padding-small .mainmenu ul#nav > li > a {
    line-height: 82px;
}

.find-tutor {
    position: relative;
    background-color: #f2f2f2;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    height: 211px;
}

/* .find-tutor .vectorImg {
    position: absolute;
    left: 0;
} */
.find-tutor-forms label {
    color: #000000;
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5;
}

.find-tutor-forms .btn-primary {
    background-color: #c5339e;
    /* height: 70px; */
    border: none;
    font-weight: 500;
    color: #fff;
    padding: 15px 20px;
    font-size: 27px;
    border-radius: 8px;
    letter-spacing: 0.5;
}

.hero-btn.btn-primary:focus,
.hero-btn:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}

.hero-btn:not(:disabled):not(.disabled):active {
    background-color: #c5339e;
}

.find-tutor-forms .dropdown-toggle {
    padding: 15px 20px;
    border-radius: 8px;
    border: 0;
}

.find-tutor-group-form {
    display: flex;
    align-items: end;
    gap: 20px;
    padding-right: 20px;
}

.filter-option-inner-inner {
    padding-left: 0px !important;
    /* color: #2d2d2d; */
    font-size: 24px;
}

.find-tutor-forms .dropdown-toggle::after {
    font-size: 30px;
    color: #000;
    border-radius: 4px;
}

.whyChoose {
    background-image: url(./img/newimages/backgroundimg.webp);
    background-size: cover;
}

.whyChoose.tutor-box-sect {
    padding: 70px 0 75px 0;
    /* background: url(./img/home/trained-bg.png); */
    background-image: url(./img/newimages/backgroundimg.webp);
    background-size: 100% 100%;
    margin-bottom: 50px;
    background-repeat: no-repeat;
    position: relative;
}

.whyChoose.tutor-mid-sect {
    background-image: url(./img/newimages/backgroundimg.webp);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    padding: 70px 0 50px 0;
}

.whyChoose .title {
    margin-bottom: 49px;
    max-width: 1413px;
    margin-left: auto;
    margin-right: auto;
}

.whyChoose .title h1 {
    font-weight: 700;
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 34px;
}

.whyChoose .title p {
    font-weight: 400;
    font-size: 30px;
    text-align: center;
    line-height: normal;
}

.section-3 {
    /* background-color: #083b5cb8; */
    color: white;
    text-align: center;
    position: relative;
}

.blue-overlay {
    position: absolute;
    inset: 0;
    background-color: rgb(22 42 114 / 80%);
    z-index: 3;
}

.common-position-relative {
    position: relative;
    z-index: 3;
}

.section-3 .container p {
    margin: 20px 0;
    padding: 0 20px;
}

.section-3 .container-items {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    /* align-items: center; */
}

.section-3 .container-items .box:hover {
    background-color: #1a2e74;
    color: #fff;
}

.section-3 .container-items .box {
    width: 100%;
    padding: 58px 20px;
    position: relative;
    background-color: #fff;
    border: 3px solid #ffffff;
    color: #1a2e74;
    min-height: 100%;
    transition: all 0.5s;
    /* display: flex;
    flex-direction: column;
    justify-content: center; */
}

.section-3 .income-card-box {
    position: relative;
    text-align: left;
}

.income-card-box .income-card-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70%;
    background-color: rgba(177, 53, 144, 0.06);
    z-index: 3;
}

.section-3 .container-items .box:hover .income-card-overlay {
    opacity: 0;
}

.section-3 .container-items .box svg {
    font-size: 100px;
    margin-bottom: 34px;
    line-height: normal;
    margin-left: auto;
    margin-right: auto;
}

.section-3 .container-items .box svg path {
    fill: #1a2e74;
    transition: all 0.5s;
}

.section-3 .container-items .box:hover svg path {
    fill: #fff;
}

/* .section-3 .container-items i {
    font-size: 100px;
    margin-bottom: 34px;
    line-height: normal;
} */
.section-3 .container-items h3 {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 34px;
    line-height: normal;
}

.section-3 .container-items .box p {
    line-height: 30px;
    font-size: 20px;
    margin-top: 53px;
    margin-bottom: 0;
}

.testimonial-area .title {
    margin-bottom: 49px;
    max-width: 1413px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #1a2e74;
}

.testimonial-area .title h1 {
    font-weight: 700;
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 34px;
}

.testimonial-area .title p,
.online-package-main .title p {
    font-weight: 400;
    font-size: 30px;
    text-align: center;
    line-height: normal;
    color: #1a2e74;
}

.testimonial-area .shop-grid-area .tutor-slide .item a {
    position: relative;
}

.testimonial-area
    .shop-grid-area
    .tutor-slide
    .single-product-item
    .single-product-text {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* background-color: rgba(177, 53, 144, 0.85); */
    background-color: rgb(22 42 114 / 85%);
    color: #fff;
    left: 0;
    padding: 11px 17px;
    overflow: auto;
    transition: all 0.5s;
}

.testimonial-area
    .shop-grid-area
    .tutor-slide
    .single-product-item
    .single-product-text-after-hover::-webkit-scrollbar {
    display: none;
}

.testimonial-area
    .shop-grid-area
    .tutor-slide
    .single-product-item
    .single-product-text-after-hover {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* background-color: rgba(177, 53, 144, 0.85); */
    background-color: rgb(22 42 114 / 85%);
    color: #fff;
    left: 0;
    padding: 72px 57px;
    overflow: auto;
    transition: all 0.5s;
}

.testimonial-area
    .shop-grid-area
    .tutor-slide
    .single-product-item
    .single-product-text-after-hover
    h4 {
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
    text-transform: uppercase;
    margin-bottom: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.testimonial-area
    .shop-grid-area
    .tutor-slide
    .single-product-item
    .single-product-text-after-hover
    span {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #fdd835;
    margin-bottom: 17px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.testimonial-area
    .shop-grid-area
    .tutor-slide
    .single-product-item
    .single-product-text-after-hover
    p {
    font-weight: 400;
    font-size: 20px;
    color: #fff;
    margin-bottom: 0;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.testimonial-area
    .shop-grid-area
    .tutor-slide
    .single-product-item
    .single-product-text-after-hover
    .bio-texts {
    font-weight: 400;
    font-size: 20px;
    /* color: #fff; */
    margin-bottom: 0;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.testimonial-area
    .shop-grid-area
    .tutor-slide
    .single-product-item
    .single-product-text-after-hover
    .bookBtn {
    color: #1a2e74;
    background-color: #fff;
    font-weight: 500;
    font-size: 30px;
    padding: 16px 72px;
    margin-top: 34px;
    border-radius: 10px;
    border: 0;
    width: max-content;
    min-width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonial-area
    .shop-grid-area
    .tutor-slide
    .single-product-item
    .single-product-text
    h4 {
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.testimonial-area
    .shop-grid-area
    .tutor-slide
    .single-product-item:hover
    .before_hover {
    opacity: 0;
}

.testimonial-area
    .shop-grid-area
    .tutor-slide
    .single-product-item
    .after_hover {
    opacity: 0;
    height: 100%;
    bottom: -100%;
}

.testimonial-area
    .shop-grid-area
    .tutor-slide
    .single-product-item:hover
    .after_hover {
    opacity: 1;
    bottom: 0;
}

.testimonial-area .owl-dots button.owl-dot {
    height: auto !important;
    width: auto !important;
    background: none !important;
    outline: none !important;
}

.testimonial-area .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    gap: 1rem;
    bottom: -55px;
    left: 0;
    right: 0;
}

.testimonial-area .owl-dots .owl-dot span {
    width: 50px;
    height: 5px;
    border-radius: 10px;
    background-color: #1a2e74;
    display: inline-block;
}

.testimonial-area .owl-dots .owl-dot.active span {
    background-color: #b13590;
}

/* .owl-carousel .owl-stage-outer {
  height: auto !important;
} */

.TutorsbyLevel {
    padding-top: 70px;
    padding-left: 100px;
    padding-right: 100px;
}

.TutorsbyLevel .title .info {
    max-width: 1150px;
}

.TutorsbyLevel .title {
    margin-bottom: 40px;
    color: #083b5c;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.TutorsbyLevel .title h1 {
    font-weight: 700;
    font-size: 40px;
    color: #1a2e74;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.TutorsbyLevel .title p {
    font-weight: 400;
    font-size: 24px;
    line-height: 40px;
    color: #083b5c;
    margin: 0;
}

.TutorsbyLevel .img-box {
    border: 2px solid #b13590;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    height: 400px;
    /* min-height: 400px; */
}

.TutorsbyLevel a {
    display: inline-block;
    height: 100%;
}

.TutorsbyLevel .img-box img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all ease-in-out 0.5s;
}

.TutorsbyLevel .img-box:hover img {
    transform: scale(1.3);
}

.TutorsbyLevel .img-box .tag {
    /* background: rgba(177, 53, 144, 0.80); */
    background: #b13590;
    color: #fff;
    padding: 10px 31px;
    font-weight: 500;
    font-size: 30px;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    line-height: normal;
    /* border-radius: 20px; */
}

.available-tutor {
    background-color: #1a2e74;
    padding: 5px 8px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 5px;
    position: absolute;
    z-index: 54;
    top: 10px;
    left: 10px;
}

.green-dot {
    background-color: rgb(92, 251, 92);
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.available-tutor p {
    font-size: 13px;
    line-height: normal;
    color: #fff;
    margin-bottom: 0;
}

.DiscoverOurBlogs {
    padding-top: 70px;
    padding-left: 100px;
    padding-right: 100px;
}

.DiscoverOurBlogs .title .info {
    max-width: 1150px;
}

.DiscoverOurBlogs .title {
    margin-bottom: 49px;
    color: #083b5c;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.DiscoverOurBlogs .title h1 {
    font-weight: 700;
    font-size: 40px;
    color: #1a2e74;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.DiscoverOurBlogs .title p {
    font-weight: 400;
    font-size: 24px;
    color: #1a2e74;
    line-height: 40px;
}

.DiscoverOurBlogs .img-box {
    border: 2px solid #b13590;
    border-radius: 30px 30px 0 0;
    overflow: hidden;
    position: relative;
    min-height: 400px;
}

.DiscoverOurBlogs .img-box img {
    height: 400px;
    width: 100%;
    object-fit: cover;
    transition: all ease-in-out 0.5s;
}

.DiscoverOurBlogs .img-box:hover img {
    transform: scale(1.3);
}

.DiscoverOurBlogs .tag {
    background: rgba(177, 53, 144, 0.1);
    color: #2b2b2b;
    padding: 30px 21px;
    font-weight: 500;
    font-size: 30px;
    line-height: normal;
    border-radius: 0 0 30px 30px;
}

.how-we-match {
    padding-top: 34px;
}

.how-we-match .left .title {
    /* background: linear-gradient(90deg, #4B163D 100%, #B13590 0%); */
    background: linear-gradient(268deg, #b13590 0%, #4b163d 100%);
    font-weight: 700;
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase;
    padding-top: 27px;
    padding-left: 100px;
    padding-bottom: 27px;
    color: #fff;
}

.how-we-match .right {
    padding-right: 100px !important;
    padding-left: 10px;
}

.how-we-match .container-fluid {
    padding: 0;
}

.how-we-match .right img {
    width: 100%;
    height: 575px;
    object-fit: cover;
    border: 2px solid #b13590;
}

.how-we-match .left .contain {
    padding-left: 100px;
    padding-top: 30px;
    color: #1a2e74;
}

.how-we-match .left .contain p {
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
}

.how-we-match .left .contain h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 22px;
    margin-top: 22px;
}

.how-we-match .left .contain ul {
    margin-top: 30px;
    list-style: disc;
    padding-left: 20px;
}

.how-we-match .left .contain ul li {
    font-weight: 400;
    font-size: 20px;
    line-height: 34px;
}

.how-we-match .left .contain ul li b {
    font-weight: 700;
}

.how-we-match .bottom .center {
    margin: 20px 0;
}

.how-we-match .bottom .center img {
    width: 100%;
    border: 2px solid #b13590;
    height: 540px;
    object-fit: cover;
    object-position: top;
}

.how-we-match .bottom .imgbox img {
    border: 2px solid #b13590;
    height: 100%;
    object-fit: cover;
}

.how-we-match .bottom .imgbox {
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
}

.how-we-match .bottom .contain-box {
    color: #1a2e74;
    padding: 10px 0;
}

.how-we-match .bottom .contain-box h1 {
    font-weight: 700;
    font-size: 30px;
    line-height: 34px;
    margin-bottom: 18px;
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.how-we-match .bottom .contain-box p {
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    margin: 0;
}

.letYourChild {
    padding: 70px 0;
}

.letYourChild .box {
    background-color: #f2f2f2;
    padding: 40px 30px;
    border-radius: 20px;
}

.letYourChild .box .bannerimg {
    width: 100%;
    /* height: 448px; */
    border-radius: 20px;
    margin-bottom: 39px;
}

.letYourChild .box .featureIcon .icon {
    width: 84px;
    height: 84px;
    cursor: pointer;
}

.letYourChild .featureIcon .feature-ul {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-top: 0;
    padding: 0;
    margin-bottom: 24px;
}

.letYourChild .feature-ul .feature-li {
    padding: 0;
    margin: 0;
}

.feature-li .feature-link {
    width: 84px;
    height: 84px;
    display: flex;
    align-items: center;
    transition: 0.5s all;
    justify-content: center;
    border-radius: 13px;
    background-color: #fff;
}

.feature-li .feature-link:hover {
    background-color: #b13590;
}

.feature-li .feature-link:hover .feature-icon {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%)
        hue-rotate(38deg) brightness(101%) contrast(101%);
}

.feature-link .feature-icon {
    width: 43px;
    height: 30px;
    transition: 0.5s all;
    object-fit: contain;
}

.letYourChild .box .featureIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    margin-bottom: 24px;
}

.letYourChild .box h2 {
    font-weight: 500;
    font-size: 27px;
    line-height: normal;
    color: #000000;
    padding: 0 30px;
}

.letYourChild .box ul {
    padding: 0 30px;
    margin-top: 30px;
}

.letYourChild .box ul li {
    display: flex;
    align-items: center;
    gap: 17px;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 22px;
}

.letYourChild .box ul li:last-child {
    margin: 0;
}

.letYourChild .leftpart .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.letYourChild .leftpart .top h2 {
    font-weight: 700;
    font-size: 40px;
    text-transform: uppercase;
    color: #1a2e74;
}

.letYourChild .leftpart .searchBox {
    background-color: #b13590;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 20px 41px;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 500;
    color: #ffff;
}

.letYourChild .leftpart ul li {
    border-left: 5px solid #b13590;
    box-shadow: 3px 3px 20px 0px #0000001a;
    padding: 13px 0 13px 66px;
    margin-bottom: 30px;
    min-height: 117px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.letYourChild .leftpart ul li p {
    color: #111111;
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
}

.letYourChild .leftpart ul li span {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #111111;
}

.ourFeatured {
    background-image: url(./img/newimages/ourFeaturedBg.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 231;
    padding: 28px 0 55px 0;
}

.ourFeatured .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 43px;
}

.ourFeatured .title h2 {
    font-weight: 700;
    font-size: 40px;
    text-transform: uppercase;
    color: #fff;
}

.ourFeatured .title .exploreMore {
    background-color: #fff;
    color: #b13590;
    padding: 15px 28px;
    border-radius: 10px;
    font-weight: 500;
    line-height: normal;
    font-size: 30px;
    border: 1px solid #b13590;
}

.ourFeatured .mainScroll {
    gap: 40px;
}

.ourFeatured .ourFeatureBox {
    padding: 12px;
    border-radius: 30px;
    background-color: #fff;
    width: 400px;
}

.ourFeatured .ourFeatureBox .mainimg {
    width: 100%;
    height: 393px;
    border-radius: 30px;
    border: 2px solid #b13590;
}

.ourFeatured .ourFeatureBox .bottom .learmore {
    border: 1px solid #b13590;
    color: #b13590;
    font-weight: 500;
    font-size: 16px;
    line-height: 29px;
    padding: 5px 16px;
    border-radius: 16px;
}

.ourFeatured .ourFeatureBox .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ourFeatured .ourFeatureBox p {
    font-weight: 500;
    font-size: 20px;
    line-height: 29px;
    margin: 12px 0;
    color: #2b2b2b;
}

.inquiryForm .setped {
    padding: 168px 143px 70px 143px;
}

.inquiryForm .leftpart p {
    font-weight: 400;
    font-size: 30px;
    line-height: 40px;
    color: #111111;
}

.inquiryForm .leftpart img {
    width: 100%;
    height: 768px;
    border: 2px solid #b13590;
    object-fit: cover;
}

.inquiryForm .rightpart {
    padding-left: 70px;
}

.inquiryForm .rightpart .title {
    margin-bottom: 39px;
}

.inquiryForm .rightpart .title h3 {
    font-weight: 500;
    font-size: 40px;
    line-height: normal;
    text-transform: capitalize;
    color: #083b5c;
    margin-bottom: 5px;
}

.inquiryForm .rightpart label {
    font-weight: 400;
    font-size: 24px;
    line-height: normal;
    color: #000000;
}

.inquiryForm .rightpart button.btn.dropdown-toggle.bs-placeholder.btn-light {
    padding: 0.375rem 0.75rem;
    border: 1px solid #6e6e6e33;
    background: none;
    font-size: 24px;
}

.inquiryForm .rightpart .dropdown .dropdown-toggle::after {
    color: #000;
    font-size: 32px;
}

.inquiryForm .bottomBtn a:hover,
.inquiryForm .bottomBtn button:hover {
    color: #fff;
}

.inquiryForm .bottomBtn a,
.inquiryForm .bottomBtn button {
    display: inline-block;
    width: 100%;
    border-radius: 50px;
    text-align: center;
    margin-top: 39px;
}

.inquiryForm .rightpart .form-check {
    /* padding-left: 1.25rem; */
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.inquiryForm .rightpart .form-check-label a {
    color: #083b5c;
    font-weight: 500;
    font-size: 18px;
}

.inquiryForm .rightpart .terms-condition {
    /* width: 3px;
  height: 3px; */
    padding: 10px;
    position: relative;
    border-radius: 3px;
}

[type="checkbox"]:checked,
[type="radio"]:checked {
    background-color: #666666 !important;
}

[type="checkbox"]:checked:focus {
    box-shadow: none;
}

.ourServices {
    background-color: #f8f8f8;
    padding: 50px 0;
}

.ourServices .title {
    margin-bottom: 60px;
    color: #083b5c;
    text-align: center;
}

.ourServices .title h2 {
    line-height: normal;
    font-weight: 700;
    font-size: 40px;
    text-transform: uppercase;
    color: #1a2e74;
    margin-bottom: 27px;
}

.ourServices .title p {
    font-weight: 400;
    font-size: 30px;
    color: #1a2e74;
    line-height: 30px;
    margin: 0;
}

.ourServices .mainBox .servicebox {
    box-shadow: 5px 5px 20px 0px #6e6e6e33;
    box-shadow: 6px 8px 157px 0px #b13590 inset;
    border-radius: 50%;
    overflow: hidden;
    width: 250px;
    height: 250px;
    padding: 25px;
    transition: all 0.5s;
}

.ourServices .mainBox p {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    color: #2b2b2b;
}

.ourServices .mainBox .servicebox .mainimg {
    border: 2px solid #b13590;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.ourServices .mainBox {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.ourServices .mainBox:hover .servicebox {
    padding: 0;
    box-shadow: 6px 8px 157px 0px #a4dcff inset;
}

.ourPopularSubject {
    padding: 50px 0;
}

.ourPopularSubject .title {
    margin-bottom: 60px;
    color: #083b5c;
    text-align: center;
}

.ourPopularSubject .title h2 {
    line-height: normal;
    font-weight: 700;
    font-size: 40px;
    color: #1a2e74;
    text-transform: uppercase;
    margin-bottom: 27px;
}

.ourPopularSubject .title p {
    font-weight: 400;
    font-size: 30px;
    line-height: 30px;
    margin: 0;
}

.ourPopularSubject .mainBox .servicebox {
    /* box-shadow: 5px 5px 20px 0px #6e6e6e33; */
    /* box-shadow: 6px 8px 157px 0px #a4dcff inset; */
    /* border-radius: 50%; */
    border-radius: 20px;
    width: 100%;
    height: 179px;
    /* padding: 25px; */
    overflow: hidden;
    border: 3px solid #b13590;
}

.ourPopularSubject .mainBox .bottom p {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    margin: 0;
    transition: all 0.5s;
}

.topbarBackgroundColor {
    background-color: #1a2e74;
}

.ourPopularSubject .mainBox .servicebox .mainimg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
}

.ourPopularSubject .mainBox .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ourPopularSubject .mainBox {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 13px;
    box-shadow: 5px 5px 20px 0px #6e6e6e33;
    padding: 12px;
    margin-bottom: 52px;
    transition: all 0.9s;
    border-radius: 20px;
}

.ourPopularSubject .mainBox:hover {
    background-color: #000;
}

.online-package-section {
    padding: 100px 100px 94px 100px;
}

.online-package-row {
    margin-top: 63px;
}

.online-package-carousel .owl-stage {
    padding: 20px 0;
}

.online-package-main .title h2 {
    font-weight: 700;
    font-size: 40px;
    color: #1a2e74;
    margin-bottom: 30px;
}

.online-package-card {
    border-radius: 30px;
    background-color: #fff;
    box-shadow: 0px 4px 40px 0px rgba(166, 166, 166, 0.25);
    padding: 20px 20px;
}

.online-package-image-div {
    border: 2px solid #b13590;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    max-height: 284px;
    height: 100%;
}

.online-package-image-div img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all ease-in-out 0.5s;
}

.online-package-card:hover .online-package-image-div img {
    transform: scale(1.2);
}

.package-card-details {
    margin-top: 22px;
}

.package-star-group .starGroup {
    display: flex;
    align-items: center;
    gap: 1.56px;
}

.package-star-group .starGroup img {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

.package-star-group {
    display: flex;
    border-radius: 5px;
    width: max-content;
    gap: 21px;
    padding: 4.5px 7.5px;
    background-color: rgba(253, 216, 53, 0.25);
    align-items: center;
}

.package-card-details .package-star-group p {
    color: #2b2b2b;
    font-size: 16px;
    min-height: max-content;
    line-height: 29px;
    margin-bottom: 0;
}

.package-card-details .package-card-title {
    font-size: 20px;
    /* min-height: 58px; */
    line-height: 29px;
    color: #1a2e74;
}

.package-card-details .package-card-hour,
.package-card-details .package-card-para {
    font-size: 16px;
}

.package-card-details .package-card-hour {
    color: #b13590;
    line-height: 29px;
}

.package-card-details .package-card-para {
    color: #8d8d8d;
    line-height: 22px;
    /* min-height: 58px; */
}

.ourPopularSubject .mainBox:hover .servicebox .mainimg {
    transform: scale(1.2);
}

.ourPopularSubject .mainBox:hover p {
    color: #107dc2;
}

.ourPopularSubject .mainBox:hover .bottom p a {
    color: #fff;
}

.expertTution .mainTitle {
    background: linear-gradient(268deg, #b13590 0%, #4b163d 100%);
    color: #fff;
    padding: 27px 36px 27px 150px;
    font-weight: 700;
    font-size: 30px;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 17px;
    width: max-content;
}

.expertTution .mainBannerImg {
    width: 100%;
    height: 388px;
    object-fit: cover;
    border: 2px solid #b13590;
}

.expertTution .topright {
    padding: 0;
}

.expertTution .topleft {
    padding: 0;
}

.expertTution .topright .containInfo img {
    position: absolute;
    bottom: 47px;
    left: 47px;
}

.expertTution .topright .containInfo {
    padding-left: 100px;
    padding-top: 40px;
    position: relative;
    padding-bottom: 53px;
    overflow: hidden;
}

.expertTution .topright .containInfo h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: normal;
    text-transform: uppercase;
    color: #1a2e74;
    margin-bottom: 45px;
}

.expertTution .topright .containInfo p {
    font-weight: 400;
    font-size: 20px;
    color: #111111;
    line-height: 35px;
}

.expertTution .bottomleft {
    padding: 0;
}

.expertTution .bottomright {
    padding: 0;
    padding-left: 100px;
}

.expertTution .bottomleft {
    padding: 0;
}

.expertTution .bottomleft .containInfo img {
    position: absolute;
    bottom: 30px;
    left: 50px;
    /* height: 315px; */
    width: 100%;
}

.expertTution .bottomleft .containInfo {
    padding-left: 60px;
    position: relative;
    height: 100%;
}

.expertTution .bottomleft .containInfo h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: normal;
    text-transform: uppercase;
    color: #1a2e74;
    margin-bottom: 35px;
}

.expertTution .bottomleft .containInfo p {
    font-weight: 400;
    font-size: 20px;
    line-height: 35px;
}

.expertTution .bottomleft .containInfo .bold {
    font-weight: 500;
    margin-top: 17px;
}

.experiencedPrivateTutors .leftpart {
    padding-left: 45px;
    padding-right: 91px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.experiencedPrivateTutors .leftpart p {
    font-weight: 400;
    font-size: 20px;
    line-height: 40px;
    color: #111111;
    margin-top: 79px;
    margin-bottom: 56px;
}

.experiencedPrivateTutors .leftpart h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 30px;
    text-transform: uppercase;
    color: #1a2e74;
}

.experiencedPrivateTutors {
    padding: 70px 0;
}

.experiencedPrivateTutors .rightpart .imgbox {
    display: flex;
    align-items: center;
    gap: 22px;
}

.experiencedPrivateTutors .rightpart .imgbox .experienced1 {
    width: 405px;
    height: 477px;
    object-fit: cover;
    border: 2px solid #b13590;
}

.experiencedPrivateTutors .rightpart .imgbox .innerImgBox img {
    width: 282px;
    height: 271px;
    object-fit: cover;
    border: 2px solid #b13590;
}

.experiencedPrivateTutors .rightpart .imgbox .innerImgBox {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.complimenting .innerPartation {
    display: flex;
    gap: 72px;
}

.complimenting .innerPartation .contain {
    border-right: 10px solid #1a2e74;
    padding: 35px 250px 46px 0px;
    width: 809px;
    background-color: rgba(177, 53, 144, 0.06);
    flex: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.complimenting {
    position: relative;
    z-index: 23;
}

.complimenting .innerPartation .contain h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    text-transform: uppercase;
    color: #1a2e74;
}

.complimenting .innerPartation .contain p {
    font-weight: 500;
    font-size: 30px;
    color: #111111;
    line-height: 40px;
    text-transform: capitalize;
}

.complimenting .innerPartation .points {
    padding: 15px 0;
    width: 100%;
    padding-right: 100px;
}

.complimenting .innerPartation .points ul {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.complimenting .innerPartation .points ul li {
    display: flex;
    align-items: flex-start;
    gap: 23px;
    font-weight: 500;
    color: #111111;
    font-size: 20px;
    line-height: normal;
    text-transform: uppercase;
}

.complimenting .logosSlider {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 16px;
}

.complimenting .logosSlider .imgbox {
    width: 210px;
    height: 130px;
    border-radius: 30px;
    flex: none;
    overflow: hidden;
}

.complimenting .accordion {
    margin-top: 113px;
    margin-bottom: 36px;
}

.complimenting .accordion .title {
    font-weight: 700;
    font-size: 24px;
    line-height: 41px;
    color: #111111;
    margin-bottom: 1rem;
}

.complimenting .accordion .main-card {
    box-shadow: 5px 5px 12px 0px #a4dcff1a;
}

.complimenting .accordion .main-card .card-body {
    border: 1px solid gainsboro;
}

.complimenting .accordion .main-card .card-body .biolody-ul li {
    display: flex;
    align-items: center;
    gap: 1rem;
    color: #2d3e50;
    font-weight: 500;
    font-size: 18px;
}

.weOffer {
    padding: 91px 0;
    background-color: #1a2e74;
}

.weOffer .main-box {
    background-color: #fff;
}

.weOffer .main-box .innerBox .firstDiv {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 107px;
    padding-bottom: 39px;
    width: 591px;
    padding-left: 11px;
}

.weOffer .main-box .innerBox {
    display: flex;
    gap: 10px;
}

/* .weOffer .main-box .innerBox .sameWidth {
    width: 100%;
} */
.weOffer .main-box .innerBox .firstDiv h1 span {
    font-size: 40px;
}

.weOffer .main-box .innerBox .firstDiv h1 {
    padding-left: 26px;
    font-weight: 700;
    font-size: 103px;
    text-transform: uppercase;
    color: #083b5c;
}

.weOffer .main-box .innerBox .imgBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
}

.weOffer .main-box .innerBox .imgBox {
    border: 2px solid #b13590;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.slider_btn {
    background: #107dc2 none repeat scroll 0 0;
    color: #ffffff;
    font-size: 40px;
    margin: 0;
    padding: 13px 40px;
    border-radius: 15px;
    font-weight: 500;
    display: inline-block;
}

.slider_btn:hover {
    color: #ffffff;
}

.weOffer .main-box .innerBox .imgBox:hover .hoverDiv {
    opacity: 1;
}

.weOffer .main-box .innerBox .imgBox:hover img {
    transform: scale(1.2);
}

.weOffer .main-box .innerBox .imgBox .hoverDiv a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
}

.weOffer .main-box .innerBox .imgBox .hoverDiv a:hover {
    color: #1a2e74;
}

.weOffer .main-box .innerBox .imgBox .hoverDiv {
    position: absolute;
    width: 90%;
    height: 90%;
    font-weight: 700;
    text-transform: uppercase;
    color: #083b5c;
    background-color: #ffffffcc;
    opacity: 0;
    transition: all 0.5s;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: normal;
}

.weOffer .main-box .innerBox .firstDiv .bottomDiv {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.weOffer .main-box .innerBox .firstDiv .bottomDiv .yellowLayer {
    width: 200px;
    height: 45px;
    background-color: #1a2e74;
}

.weOffer .main-box .innerBox .secoundDiv {
    padding-top: 90px;
    padding-bottom: 3px;
    width: 517px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.weOffer .main-box .innerBox .secoundDiv .topDiv {
    display: flex;
    gap: 10px;
    align-items: flex-end;
    height: 100%;
}

.weOffer .main-box .innerBox .secoundDiv .topDiv .topinnerdiv {
    width: 301px;
    flex: none;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}

.weOffer .main-box .innerBox .secoundDiv .topDiv .topinnerdiv .blueLayer {
    width: 188px;
    height: 45px;
    background-color: #1a2e74;
}

.weOffer .main-box .innerBox .secoundDiv .bottomDiv {
    display: flex;
    gap: 10px;
    height: 100%;
}

.weOffer .main-box .innerBox .secoundDiv .bottomDiv .lightBlue {
    width: 147px;
    height: 384px;
    background-color: #b13590;
}

.weOffer .main-box .innerBox .thiredDiv {
    width: 512px;
    padding-top: 43px;
    padding-bottom: 80px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.weOffer .main-box .innerBox .thiredDiv .topDiv {
    height: 100%;
    display: flex;
    gap: 10px;
    align-items: flex-end;
}

.weOffer .main-box .innerBox .thiredDiv .bottmDiv {
    height: 100%;
    display: flex;
    gap: 10px;
}

.weOffer .main-box .innerBox .thiredDiv .bottmDiv .yellowDiv {
    width: 79px;
    height: 282px;
    background-color: #1a2e74;
}

.weOffer .main-box .innerBox .thiredDiv .topDiv .innerTopDiv {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.weOffer .main-box .innerBox .thiredDiv .topDiv .innerTopDiv .in-innerDiv {
    display: flex;
    gap: 10px;
    align-items: flex-end;
}

.weOffer
    .main-box
    .innerBox
    .thiredDiv
    .topDiv
    .innerTopDiv
    .in-innerDiv
    .blueDiv {
    width: 147px;
    height: 172px;
    background-color: #b13590;
}

.gallery1 {
    height: 229px;
    margin-left: 31px;
}

.gallery1 .hoverDiv {
    font-size: 40px;
}

.gallery2 {
    width: 380px;
    height: 276px;
}

.gallery2 .hoverDiv {
    font-size: 40px;
}

.gallery3 {
    width: 301px;
    height: 232px;
}

.gallery3 .hoverDiv {
    font-size: 40px;
}

.gallery4 {
    width: 100%;
    height: 314px;
}

.gallery4 .hoverDiv {
    font-size: 30px;
}

.gallery5 {
    width: 360px;
    height: 332px;
}

.gallery5 .hoverDiv {
    font-size: 40px;
}

.gallery6 {
    width: 167px;
    height: 222px;
}

.gallery6 .hoverDiv {
    font-size: 25px;
}

.gallery7 {
    width: 324px;
    height: 151px;
}

.gallery7 .hoverDiv {
    font-size: 40px;
}

.gallery8 {
    width: 178px;
    height: 215px;
    flex: none;
}

.gallery8 .hoverDiv {
    font-size: 20px;
}

.gallery9 {
    width: 421px;
    height: 285px;
}

.gallery9 .hoverDiv {
    font-size: 40px;
}

/* Testimonial Css */

.testimonials {
    padding: 60px 20px 111px;
    text-align: center;
    background-image: url(./img/newimages/whatCustomers.jpg);
    background-size: cover;
}

.testimonials h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: normal;
    text-transform: uppercase;
    color: #083b5c;
    margin-bottom: 58px;
}

.testimonials .cards {
    max-width: 1408px;
    margin: auto;
    width: 100%;
}

.testimonials .testimonialcard {
    background: #fff;
    padding: 44px 27px;
    width: 100%;
    /* height: 100%; */
    border-radius: 12px;
    text-align: left;
    display: flex;
    align-items: flex-start;
    gap: 13px;
    box-shadow: 3px 3px 10px 0px #0000001a;
    min-height: 320px;
    margin: 10px 0;
}

.testimonials .card:hover {
    transform: translateY(-5px);
}

.testimonials .profile {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    flex: none;
}

.testimonials .profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimonials .testimonialstars {
    line-height: normal;
    display: flex;
    align-items: center;
    margin-bottom: 13px;
}

.testimonials .testimonialstars img {
    width: 24px !important;
    height: 24px !important;
}

.testimonials .content h3 {
    margin-bottom: 8px;
    color: #2b2b2b;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
}

.testimonials .content p {
    font-weight: 400;
    font-size: 12px;
    line-height: 19px;
    color: #2b2b2b;
}

.testimonials .date {
    font-weight: 700;
    font-style: italic;
    font-size: 12px;
    line-height: 19px;
    color: #2b2b2b;
}

.testimonials .owl-dots button.owl-dot {
    height: auto !important;
    width: auto !important;
    background: none !important;
    outline: none !important;
}

.testimonials .owl-dots {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: absolute;
    gap: 1rem;
    bottom: -71px;
    left: 0;
    right: 0;
}

.testimonials .owl-dots .owl-dot span {
    width: 100px;
    height: 5px;
    border-radius: 10px;
    background-color: #fff;
    display: inline-block;
}

.testimonials .owl-dots .owl-dot.active span {
    background-color: #b13590;
}

/* .owl-carousel .owl-stage-outer {
  height: auto !important;
} */

/* review section */

.reviews-section .header {
    color: white;
    padding: 20px 100px;
    background-color: #b13590;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.reviews-section .header .left {
}

.reviews-section .header .right {
    text-align: right;
}

.reviews-section .header .right p {
    margin: 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
}

.reviews-section .header .right .starGroup {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
}

.reviews-section .header .left h1 {
    font-weight: 700;
    font-size: 40px;
    line-height: 30px;
    text-transform: uppercase;
}

.reviews-section .tabs {
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 30px;
}

.reviews-section .tabs a {
    cursor: pointer;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    position: relative;
}

.reviews-section .tabs a.active::before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #f4b400;
    position: absolute;
    bottom: -25px;
    right: 0;
}

.reviews-section .tabs a.active::after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #f4b400;
    position: absolute;
    bottom: -20px;
    left: 0;
}

.reviews-section .reviews-container {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding-bottom: 5rem;
}

.reviews-section .review-card {
    background-color: #fff;
    border: 1px solid #ddd;
    width: 280px;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.reviews-section .review-card .profile {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-bottom: 10px;
}

.reviews-section .stars {
    color: #ffd700;
    margin-bottom: 10px;
    font-size: 18px;
}

.reviews-section .review-card h3 {
    margin: 10px 0 5px;
    font-size: 18px;
}

.reviews-section .review-card p {
    font-size: 14px;
    margin: 5px 0;
}

.reviews-section .review-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.reviews-section .review-footer .google-icon {
    width: 20px;
    height: 20px;
}

.reviews-section .card.active {
    transform: scale(1.05);
    border: 2px solid #3498db;
    /* Example: blue border */
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}

.reviews-container .cards {
    /* width: 1408px; */
    max-width: 1408px;
    width: 100%;
    margin: auto;
}

.reviews-container .testimonialcard {
    background: #fff;
    padding: 27px 25px;
    width: 100%;
    /* height: 100%; */
    border-radius: 12px;
    text-align: left;
    display: flex;
    align-items: flex-start;
    gap: 13px;
    box-shadow: 3px 3px 10px 0px #0000001a;
    min-height: 320px;
    margin: 10px 0;
}

.new-font-size-review .reviews-container .testimonialcard {
    min-height: auto !important;
}

.reviews-container .card:hover {
    transform: translateY(-5px);
}

.reviews-container .profile {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    flex: none;
}

.reviews-container .profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.reviews-container .testimonialstars {
    line-height: normal;
    display: flex;
    align-items: center;
    margin-bottom: 13px;
}

.reviews-container .testimonialstars img {
    width: 24px !important;
    height: 24px !important;
}

.reviews-container .content h3 {
    margin-bottom: 8px;
    color: #2b2b2b;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
}

.reviews-container .content p {
    font-weight: 400;
    font-size: 12px;
    line-height: 19px;
    color: #2b2b2b;
}

.new-font-size-review.reviews-container .content p {
    font-size: 18px !important;
    line-height: 28px !important;
}

.reviews-container .date {
    font-weight: 700;
    font-style: italic;
    font-size: 12px;
    line-height: 19px;
    color: #2b2b2b;
    display: flex;
    justify-content: space-between;
}

.reviews-container .date img {
    width: 35px !important;
    height: 35px !important;
}

.reviews-container .owl-dots button.owl-dot {
    height: auto !important;
    width: auto !important;
    background: none !important;
    outline: none !important;
}

.reviews-container .owl-dots {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: absolute;
    gap: 1rem;
    bottom: -40px;
    left: 0;
    right: 0;
}

.reviews-container .owl-dots .owl-dot span {
    width: 100px;
    height: 5px;
    border-radius: 10px;
    background-color: #1a2e74;
    display: inline-block;
}

.reviews-container .owl-dots .owl-dot.active span {
    background-color: #b13590;
}

.associations {
    position: relative;
    z-index: 23;
    padding-top: 54px;
    padding-bottom: 117px;
}

.associations .title {
    text-align: center;
    color: #083b5c;
    display: inline-block;
    width: 100%;
}

.associations .title h1 {
    font-weight: 700;
    font-size: 40px;
    line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.associations .title p {
    font-weight: 400;
    font-size: 30px;
    line-height: 40px;
}

.associations .logosSlider {
    display: flex;
    align-items: center;
    gap: 71px;
    margin-top: 16px;
    padding: 15px 0;
}

.associations .logosSlider .imgbox {
    /* width: 210px; */
    /* height: 130px; */
    border-radius: 30px;
    flex: none;
    overflow: hidden;
    box-shadow: 4px 4px 15px 0px #00000040;
}

.footerYellowDiv {
    background-color: #ffcc3d;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 47px;
    /* border-radius: 20px; */
    border-radius: 50px;
    padding: 18px 28px;
    margin: 0px 100px;
    top: 50px;
    position: relative;
}

.footerYellowDiv h1 {
    font-weight: 500;
    font-size: 35px;
    line-height: 32px;
    color: #000000;
}

.footerYellowDiv .btnGroup {
    display: flex;
    align-items: center;
    gap: 26px;
}

.footerYellowDiv .btnGroup .btn1 {
    height: 36px;
    padding: 8px 0px;
    background-color: #fff;
    border-radius: 10px;
    min-height: 62px;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0;
    color: #107dc2;
}

.footerYellowDiv .btnGroup .btn2 {
    height: 36px;
    padding: 8px 0px;
    background-color: #fff;
    border-radius: 10px;
    min-height: 62px;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0;
    color: #4caf50;
}

.footerYellowDiv .btnGroup button {
    padding: 0 1rem !important;
    border: 1px solid #4caf50;
}

.owl-fade .owl-item {
    transition: opacity 0.5s ease-in-out;
}

.owl-fade .owl-item.active {
    z-index: 2;
    opacity: 1;
    position: relative;
}

.owl-fade .owl-item {
    z-index: 1;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

@media only screen and (min-width: 1201px) and (max-width: 1440px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }

    .htBtn {
        padding: 12px 10px;
    }

    .htBtn span {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media only screen and (min-width: 425px) and (max-width: 479px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media only screen and (min-width: 375px) and (max-width: 424px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 374px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }

    .htBtn {
        font-size: 0;
        padding: 12px 10px;
    }
}

/* Find a Tour Tab CSS */
/* Tabs*/

/* Your original CSS - completely preserved */
.find-a-tour-tab#tabs {
    color: #eee;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(25px);
    border-radius: 20px;
    z-index: 955;
    position: relative;
    max-width: 85%;
    width: 100%;
    margin: 0 auto;
}

.hero-custom-center .find-a-tour-tab#tabs {
    max-width: 80%;
}

.card-box-home .find-a-tour-tab#tabs {
    max-width: 100%;
    backdrop-filter: none;
    background: transparent;
}

.card-box-home .find-a-tour-tab#tabs .nav-tabs {
    box-shadow: none;
}

.find-a-tour-tab#tabs .nav-tabs .nav-item.show .nav-link,
.find-a-tour-tab#tabs .nav-tabs .nav-link.active {
    background: #ffffff;
    border-bottom: 3px solid #1a2e74;
    /* box-shadow: inset 5px 5px 30px rgba(0, 0, 0, 0.1); */
    border-radius: 20px 0px 0px 0px;
    color: #1a2e74;
}

.find-a-tour-tab#tabs .nav-tabs .nav-link {
    color: #888a9d;
    font-size: 30px;
    line-height: 30px;
}

.find-a-tour-tab#tabs .tab-content {
    padding: 16px;
}

.banner-content h1.text-center.brder-remove::after {
    display: none;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border: 0;
}

/* Additional CSS only for two-tab layout */
.find-a-tour-tab#tabs .nav-tabs {
    display: flex;
    border-bottom: none;
    /* Rectangle 103 */
    background: rgba(255, 255, 255, 0.5);
    box-shadow: inset 5px 5px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(23.5px);
    /* Note: backdrop-filter has minimal browser support */
    border-radius: 0px 20px 0px 0px;
    gap: 12px;
}

.find-a-tour-tab#tabs .nav-tabs .nav-item {
    flex: 1;
    text-align: center;
}

/* First tab active state */
.find-a-tour-tab#tabs .nav-tabs .nav-item:first-child .nav-link.active {
    border-radius: 20px 0 0 0 !important;
}

/* Second tab active state */
.find-a-tour-tab#tabs .nav-tabs .nav-item:last-child .nav-link.active {
    border-radius: 0 20px 0 0 !important;
}

.find-a-tour-tab#tabs .nav-tabs .nav-link {
    border: none;
    padding: 15px;
}

.find-a-tour-tab#tabs .input-box,
.find-tutor-forms-custom .input-box {
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition:
        color 0.15s ease-in-out,
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
    font-size: 24px;
    width: 100%;
    color: #000;
}

.our-mission-box {
    /* background-color: #c9eaff; */
    background-color: #efd7e9;
}

.our-mission-cont {
    padding: 16px 26px;
}

.our-mission-box .our-mission-cont .mission-title,
.joinus-section .mission-title {
    font-size: 40px;
    line-height: 45px;
    font-weight: bold;
    color: #000;
    margin-bottom: 16px;
}

.our-mission-box .our-mission-cont .mission-descript {
    font-size: 24px;
    line-height: 35px;
    color: #000;
}

.tutor-hero-sec {
    height: 100%;
    max-height: 794px;
}

.subject-common-sec .tutor-hero-sec {
    max-height: 550px;
    min-height: unset;
}

.subject-common-sec .ttbg {
    padding: 60px 0 0 0;
}

.subject-common-sec .find-tutor-forms {
    margin-top: 150px;
}

.subject-common-sec.sub-section-common-custom .banner-content {
    background-position: center;
}

.sub-section-common-custom .banner-content {
    background-position: top center;
}

.prof-tutor-sec {
    padding: 43px 0 80px 0;
    position: relative;
}

.prof-tutor-sec::after {
    content: "";
    width: 100%;
    max-width: 471px;
    height: 100%;
    max-height: 803px;
    position: absolute;
    right: 0;
    top: 0;
    /* background: #083b5c; */
    background: #b13590;
    z-index: -1;
}

.prof-tutor-main {
    display: flex;
    gap: 27px;
}

.main-box .tutor-ttile {
    color: #1a2e74;
    font-size: 45px;
    line-height: 40px;
    font-weight: 700;
    margin: 0 0 17px 0;
    font-family: "Gordita-Bold", sans-serif;
}

.prof-tutor-main .prof-tutor-con {
    /* background: #107dc230; */
    background-color: rgba(177, 53, 144, 0.2);
    width: 100%;
    border-bottom: 5px solid #b13590;
    padding: 67px 0 86px 61px;
    position: relative;
}

.prof-tutor-main .prof-tutor-form {
    border-bottom: 5px solid #f2f2f2;
    background-color: rgba(177, 53, 144, 0.2);
    backdrop-filter: blur(199px);
    width: 100%;
    max-width: 715px;
    display: flex;
    padding: 35px 0 15px 0;
    align-items: center;
    /* justify-content: center; */
    flex-direction: column;
}

.prof-tutor-form .input-wrapper {
    margin-bottom: 18px;
}

.prof-tutor-con .quet-ic {
    width: 143px;
    height: 111px;
    object-fit: contain;
    margin-bottom: 62px;
}

.assessment-button-flex {
    display: flex;
    gap: 20px;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
}

.assessment-image-flex {
    display: flex;
    align-items: center;
    gap: 15px;
}

.assessment-img {
    max-width: max-content;
    width: 100%;
    height: 50px;
    object-fit: contain;
    filter: brightness(0) saturate(100%);
}

.assessment-para {
    font-size: 25px;
    line-height: 32px;
    color: #000000;
    margin-bottom: 8px;
}

.assessment-button-flex .btn-search-tutore {
    margin: 0;
}

.book-assessment-link {
    background-color: #fff;
    border: solid 1px #eb5d60;
    border-radius: 20px;
    padding: 5px 16px;
    font: inherit;
    outline: inherit;
    color: #eb5d60;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    display: inline-block;
}

.prof-tutor-con .tutor-con-text {
    width: 100%;
    max-width: 540px;
    color: #2b2b2b;
    font-size: 30px;
    line-height: 40px;
    font-family: "Gordita-Medium", sans-serif;
    margin: 0;
}

.prof-tutor-con .search-vector {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-width: 298px;
    max-height: 336px;
    position: absolute;
    right: 0;
    bottom: 0;
    right: 0;
    bottom: -18px;
}

.input-wrapper .cus-label {
    color: #000000;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 5px;
    font-family: "Gordita", sans-serif;
}

.prof-inner-form {
    width: 100%;
    max-width: 582px;
    margin: 0 auto;
}

.input-wrapper {
    margin-bottom: 20px;
}

.input-wrapper .bootstrap-select button,
.input-wrapper
    .bootstrap-select
    button:active
    .input-wrapper
    .bootstrap-select
    button:hover {
    padding: 20px;
    border-radius: 10px;
    font-size: 20px;
    line-height: 30px;
    color: #2d2d2d;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    font-family: "Gordita", sans-serif;
}

/* .input-wrapper .bootstrap-select button:hover{
    background-color: #FFFFFF;
    border-color: #FFFFFF;
} */
.input-wrapper .bootstrap-select button::after {
    border-top-color: #000000;
}

.btn.cus-btn {
    /* background-color: #107dc2; */
    background-color: #1a2e74;
    color: #ffffff;
    padding: 22px 25px;
    font-size: 22px;
    line-height: 24px;
    font-weight: 500;
    font-family: "Gordita", sans-serif;
}

.message-text {
    height: 209px;
    overflow: auto;
}

.banner-content h1 {
    font-family: "montserratbold";
}

.logosSlider .imgbox {
    width: 210px;
    height: 130px;
    border-radius: 30px;
    /* object-fit: cover; */
}

.banner-google-review {
    display: flex;
    justify-content: center;
    margin-top: 36px;
}

.banner-google-review img {
    width: 270px;
    height: 100%;
}

.find-a-tour-tab#tabs .nav-tabs .nav-link:nth-child(1).active {
    border-radius: 20px 0 0 0;
}

.find-a-tour-tab#tabs .nav-tabs .nav-link:nth-child(2).active {
    border-radius: 0 20px 0 0;
}

.find-a-tour-tab#tabs .nav-tabs {
    border-radius: 20px 20px 0px 0px;
}

.grid-box-column {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: center;
    margin-bottom: 26px;
}

button.btn.dropdown-toggle.bs-placeholder.btn-light {
    padding: 10px 20px;
    background-color: #fff;
    border: none;
}

.form-group .input-box.cus-input-select {
    padding: 10px 20px !important;
}

.dropdown-menu.show .dropdown-item:hover {
    color: #1a2e74;
}

.signin-drop .dropdown-item {
    font-size: 18px;
    line-height: 20px;
}

.signin-drop .dropdown-menu {
    top: 95%;
    /* right: 0; */
    /* left: unset; */
    border-radius: 4px 4px 16px 16px;
}

.inquiryForm .requestTutor {
    padding-left: 70px;
}

.inquiryForm .requestTutor .title {
    margin-bottom: 39px;
}

.inquiryForm .requestTutor .title h3 {
    font-weight: 700;
    font-size: 40px;
    line-height: normal;
    text-transform: capitalize;
    color: #1a2e74;
    margin-bottom: 5px;
}

.inquiryForm .requestTutor label {
    /* font-size: 20px;
    font-weight: 400;
    color: #000000; */
    font-size: 24px;
    font-weight: 400;
    color: #000000;
    line-height: 40px;
    margin-bottom: 1px;
}

.bs-searchbox .form-control {
    padding: 5px 10px !important;
}

.inquiryForm .requestTutor .form-control,
.inquiryForm .request-online-tutor .form-control {
    border: 1px solid #6e6e6e33;
    border-radius: 10px;
    padding: 19px 20px;
    font-size: 19px;
}

.inquiryForm .requestTutor .dropdown-toggle {
    border: 1px solid #6e6e6e33;
    border-radius: 10px;
    padding: 20px 24px;
    font-size: 19px;
    background-color: #fff;
}

.inquiryForm .requestTutor .form-control:focus {
    box-shadow: none;
}

.inquiryForm .requestTutor .form-control::placeholder {
    color: #a4a4a4;
}

.customeInputPhoneNumber {
    display: flex;
    position: relative;
    align-items: center;
    border: 1px solid #6e6e6e33;
    border-radius: 10px;
}

.customeInputPhoneNumber .bootstrap-select {
    z-index: 1;
    width: max-content !important;
}

.customeInputPhoneNumber .dropdown-toggle {
    min-width: auto !important;
    border: 0 !important;
    padding: 0px 0px 0px 20px !important;
}

.customeInputPhoneNumber .dropdown-menu {
    width: auto !important;
}

.customeInputPhoneNumber .numberCls {
    border: 0 !important;
    padding-left: 10px !important;
}

.inquiryForm .requestTutor .filter-option-inner-inner {
    font-size: 19px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .ptcls {
        padding-top: 116px;
    }

    .inquiryForm .requestTutor .title {
        margin-top: 20px;
    }

    .inquiryForm .requestTutor .title h3 {
        font-size: 30px;
    }

    .inquiryForm .requestTutor {
        padding-left: 15px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .ourPopularSubject .mainBox .servicebox {
        height: auto;
    }

    .hero-banner-main-video .hero-video {
        height: 760px;
    }

    .hero-custom-center .banner-content h1 {
        line-height: 40px;
    }

    .hero-banner-main-video .hero-video img {
        height: 100%;
        object-fit: cover;
        object-position: 30%;
    }

    .ptcls {
        padding-top: 125px;
    }

    .backgrount-area {
        padding-top: 116px;
    }

    .inquiryForm .requestTutor {
        padding-left: 15px;
    }

    .inquiryForm .requestTutor .title {
        margin-top: 20px;
    }

    .inquiryForm .requestTutor .title h3 {
        font-size: 30px;
    }
}

.dropdown-menu.show .dropdown-item.selected.active:hover {
    color: #ffffff;
}

.sub-hed-card {
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dashboard-card-sec svg {
    width: 40px;
    height: 40px;
}

.aside-menu .menu-nav > .menu-item > .menu-link .menu-text {
    font-size: 20px;
    line-height: 26px;
}

.aside {
    width: 260px;
}

.aside-fixed .wrapper {
    padding-left: 260px;
}

.aside-enabled.subheader-fixed .subheader {
    left: 260px;
}

.tutors.tutor-value {
    font-size: 36px !important;
}

@media (max-width: 1620px) {
    .tutors,
    .dashboard-card-sec a p {
        font-size: 22px !important;
        line-height: 26px !important;
    }

    .aside-menu .menu-nav > .menu-item > .menu-link .menu-text {
        font-size: 18px;
        line-height: 24px;
    }
}

@media (max-width: 1480px) {
    .tutors,
    .dashboard-card-sec a p {
        font-size: 19px !important;
    }
}

@media (max-width: 1367px) {
    .aside {
        width: 260px;
    }

    .ptcls {
        padding-top: 187px;
    }

    .aside-fixed .wrapper {
        padding-left: 260px;
    }

    .aside-enabled.subheader-fixed .subheader {
        left: 260px;
    }

    .sub-hed-card {
        height: 140px;
    }

    .tutors,
    .dashboard-card-sec a p {
        font-size: 18px !important;
    }

    .tutors {
        margin-left: 10px !important;
    }

    .tutors.tutor-value {
        font-size: 30px !important;
    }
}

@media (max-width: 991px) {
    .aside-fixed .wrapper {
        padding-left: 0;
    }
}

@media (max-width: 991.98px) {
    .aside {
        left: -100%;
    }

    .header-logo {
        height: 55px;
    }
}

@media (max-width: 1024px) {
    .tutors,
    .dashboard-card-sec a p {
        font-size: 18px !important;
        line-height: 24px !important;
    }
}

.subheader-fixed.aside-minimize .subheader {
    left: 70px;
}

.common-title {
    font-size: 24px;
}

.testimonials .profile .hat-img {
    object-fit: contain;
}

.footerYellowDiv .btnGroup a {
    padding: 0 1rem !important;
    border: 1px solid #4caf50;
    align-items: center;
    display: flex;
}

.footerYellowDiv a.whatsapp-btn {
    border: none;
    background: #ffffff;
    padding: 0 !important;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    cursor: pointer;
}

/* 18-11-2025 Start*/
.new-review-section {
    padding-top: 22px;
}

/* 18-11-2025 End*/

.boarding-process-section {
    padding: 45.5px 0;
    background-color: rgba(177, 53, 144, 0.06);
}

.boarding-process-main .common-title-custom {
    margin-bottom: 30px;
}

.boarding-process-main .common-para-custom {
    margin: auto;
    max-width: 1160px;
    color: #1a2e74;
}

.common-title-custom {
    color: #2e323c;
    font-size: 40px;
    font-weight: 700;
    line-height: 30px;
}

.common-para-custom {
    font-size: 30px;
    color: #1a2e74;
    line-height: 40px;
}

.links-custom-main {
    display: flex;
    list-style: none;
}

.links-custom-main {
    position: relative;
    padding: 0 15px;
}

.links-custom-main a {
    color: #000000;
    text-decoration: none;
}

/* First dropdown */
.sub-menu-custom-main {
    position: absolute;
    top: 26px;
    left: -420px;
    display: none;
}

.sub-menu-custom-main div {
    display: flex;
    width: max-content;
    background-color: #fff;
    position: absolute;
    padding: 20px 0;
    border-radius: 20px;
}

.sub-menu-custom-main ul li h5 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #1a2e74;
    line-height: 20px;
    font-weight: 600;
}

.sab-menu-wrapper {
    border-left: 2px solid #1a2e74;
}

.inner-sub-menu-wrapper ul.sub-menu.mobile-section.border-bottom-ul::after {
    content: "";
    background: #1a2e74;
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* .sab-menu-wrapper {
  position: relative;
}

.sab-menu-wrapper::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background-color: #1A2E74;
} */

.sub-menu-custom-main ul li .sub-menu-link-flex-custom {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    /* padding: 10px; */
    padding: 7px 10px;
    width: 100%;
    color: #1a2e74;
}

.sub-menu-custom-main ul li .sub-menu-link-flex-custom img {
    width: 25px;
    height: 25px;
    object-fit: contain;
}

.sub-menu-custom-main li {
    padding: 0px 50px;
}

.sub-menu-custom-main li a {
    line-height: normal;
    display: block;
}

/* Show first level */
.links-custom-main:hover > .sub-menu-custom-main {
    display: block;
}

/* Second level */
.more-custom-main {
    position: relative;
}

.more-sub-menu-custom-main {
    position: absolute;
    top: 0;
    left: 100%;
    background: #ffffff;
    display: none;
    min-width: 180px;
}

.more-sub-menu-custom-main .sub-menu {
    padding: 0;
}

.more-sub-menu-custom-main .sub-menu li {
    padding: 0 15px 0 5px;
}

/* Show second level */
.more-custom-main:hover > .more-sub-menu-custom-main {
    display: block;
}

.joinus-section {
    text-align: center;
    padding: 50px 0 0 0;
}

.joinus-btn-div-flex {
    display: flex;
    width: 100%;
    gap: 80px;
    align-items: center;
    justify-content: center;
}

.become-text-custom-new {
    background-color: #efd7e987;
}

.chemistry-icon-text .chemistry-dbs-link {
    font-size: 20px;
    line-height: 32px;
    color: #21337b;
    font-weight: 400;
    transition: 0.5s all;
    text-decoration: underline;
}

.chemistry-icon-text .chemistry-dbs-link:hover {
    color: #b13590;
}

.blue-primary-btn {
    background-color: #21337b;
    text-transform: uppercase;
}

.association-images-div-custom {
    margin: auto;
    max-width: 1280px;
    margin-top: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    /* row-gap: 50px; */
    flex-wrap: wrap;
}

.association-images-div-custom .imgbox {
    border-radius: 30px;
    overflow: hidden;
    /* box-shadow: 4px 4px 15px 0px #00000040; */
}

.association-images-div-custom .imgbox img {
    max-height: 125px;
    width: auto;
}

.service-work-main {
    /* max-width: 1100px;
  margin: auto; */
    margin-top: 20px;

    /* box-shadow: 0 3px 5px rgba(25, 30, 62, .02);
  border-radius: 10px;
  margin-bottom: 30px;
  padding: 40px;
  border: 1px solid #ecedf2;
  background-color: #f6f6f6; */
}

.service-work-ul,
.service-common-card {
    box-shadow: 0 3px 5px rgba(25, 30, 62, 0.02);
    border-radius: 10px;
    padding: 35px 30px;
    border: 1px solid #b13590;
    background-color: #ffdcf61f;
}

.service-common-card {
    margin-bottom: 30px;
}

.service-work-li {
    display: grid;
    grid-template-columns: 35% auto;
    column-gap: 50px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #b13590;
}

.service-work-li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.service-top-title .common-title-custom {
    color: #1a2e74;
    font-size: 34px;
    line-height: 40px;
    font-weight: 700;
    margin: 0 0 17px 0;
}

.service-work-li-title {
    font-size: 34px;
    line-height: 40px;
    text-align: center;
    font-weight: 600;
    color: #222224;
}

.service-work-left-div .service-work-li-title {
    color: #1a2e74;
}

.service-work-li-img {
    margin: auto;
    max-width: 170px;
    width: 100%;
    border: 3px solid #b13590;
    height: 170px;
    object-fit: cover;
    margin-top: 20px;
    border-radius: 50%;
}

.service-work-p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 15px;
    color: #101010;
}

.service-work-link {
    color: #b13590;
}

.service-data-ul {
    padding-left: 15px;
}

.service-data-li {
    font-size: 16px;
    line-height: 26px;
    list-style: disc;
    margin-bottom: 8px;
    color: #101010;
}

.browse-subject-ul {
    display: flex;
    align-items: center;
    gap: 30px;
}

.browse-subject-li {
    position: relative;
}

.browse-subject-li::after {
    content: "";
    margin: auto;
    position: absolute;
    height: 20px;
    width: 2px;
    background-color: #1a2e74;
    right: -15px;
    top: 0;
    bottom: 0;
}

.browse-subject-li:last-child::after {
    display: none;
}

.browse-subject-link {
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    font-weight: 500;
    color: #1a2e74;
    transition: 0.5s all;
}

.browse-subject-link:hover,
.browse-see-all-link:hover {
    color: #b13590;
}

.browse-subject-card-li .browse-subject-link {
    text-align: start;
}

.browse-subject-card-title .browse-card-title-link {
    font-size: 25px;
    line-height: 30px;
    font-weight: 500;
    color: #1a2e74;
    transition: 0.5s all;
}

.browse-subject-div-mt {
    margin-top: 35px;
}

.megamenu.sub-international-tutors {
    left: -30px;
}

.service-london-card {
    height: 100%;
}

.service-london-card .browse-subject-div-mt {
    margin: 20px 0;
}

.service-london-card .browse-subject-card-title .browse-card-title-link {
    font-weight: 600;
}

.browse-subject-card-ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.browse-subject-card-ul.browse-subject-card-ul-col2 {
    grid-template-columns: repeat(2, 1fr);
}

.browse-subject-card-ul.browse-subject-card-ul-col1 {
    grid-template-columns: repeat(1, 1fr);
}

.browse-subject-card-li {
    display: flex;
    padding-left: 25px;
    position: relative;
    justify-content: space-between;
}

.browse-subject-card-li::before {
    content: "";
    position: absolute;
    left: 0;
    width: 15px;
    height: 15px;
    top: 7px;
    background-image: url(./img/newimages/arrow-right.png);
}

.tutors-number {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: #242425;
    margin-bottom: 0;
}

.browse-see-all-div {
    margin-top: 30px;
}

.browse-see-all-link {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: #1a2e74;
    width: max-content;
    transition: 0.5s all;
}

.browse-see-all-link img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.browse-subject-card-para {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: #1a2e74;
}

.youtube-video-tutor {
    flex-direction: column;
    height: 100%;
    display: flex;
    align-items: end;
    justify-content: space-between;
}

.youtube-video-tutor video {
    margin-bottom: 40px;
}

.hours-price {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    color: #1a2e74;
    margin-bottom: 0;
}

.tutor-filter-section {
    padding: 50px 0 0 0;
}

.tutor-filter-main-div {
    max-width: 1180px;
    margin: auto;
}

.tutor-filter-main {
    display: flex;
    flex-direction: column;
    gap: 13px;
    background-color: #b135901a;
    box-shadow: 5px 5px 20px 0px #6e6e6e22;
    padding: 20px 30px;
    border: 1px solid #b13590;
    margin-bottom: 15px;
    transition: all 0.9s;
    border-radius: 20px;
}

.tutor-filter-text-div {
    display: grid;
    list-style: disc;
    padding-left: 20px;
    margin-bottom: 10px;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.tutor-filter-text {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 0;
    font-weight: 500;
    color: #1a2e74;
}

.tutor-filter-title {
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    color: #1a2e74;
    margin-bottom: 10px;
}

.find-tutor-forms-custom .grid-box-column {
    margin-bottom: 0;
}

.dbs-modal-custom .modal-header {
    border: none;
    padding: 10px 10px 0 0;
}

.dbs-modal-custom .modal-content,
.callback-modal-custom .modal-content {
    border: 2px solid #b13590;
    border-radius: 12px;
}

.dbs-modal-title {
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    color: #1a2e74;
}

.dbs-modal-text {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: #1a2e74;
    margin: 12px 0;
}

.dbs-modal-sub-title {
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    color: #1a2e74;
}

.dbs-modal-apply-div {
    padding: 15px;
    margin: 10px 0 15px 0;
    background-color: #e768c63b;
    border-radius: 10px;
}

.dbs-modal-apply-text {
    font-weight: 600;
}

.dbs-modal-apply-text,
.dbs-modal-text-sub {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    color: #000000;
}

.dbs-modal-ul {
    list-style: disc;
    margin-top: 10px;
    padding-left: 20px;
}

.dbs-modal-li {
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 5px;
}

.dbs-modal-btn-div {
    max-width: 350px;
    margin: auto;
}

.dbs-modal-link {
    color: #1a2e74;
}

.dbs-modal-btn-div.find-tutor-forms .btn-primary {
    font-size: 22px;
    width: 100%;
}

.dbs-modal-custom .modal-body {
    padding: 0 20px 20px 20px;
}

.student-list-section {
    padding: 50px 0;
    /* background-color: #b645980f; */
}

/* .student-list-main {
  max-width: 1180px;
  margin: auto;
} */

.student-list-ul {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
}

.student-list-li {
    border-radius: 12px;
    padding: 20px;
    display: flex;
    align-items: start;
    gap: 20px;
    transition: all 0.5s;
    border: 1px solid #b13590;
    /* background-color: #fff; */
    background-color: #b135900f;
    box-shadow: 5px 5px 20px 0px #6e6e6e22;
}

.student-list-li:hover {
    transform: translateY(-5px);
    /* border-color:  #b13590; */
}

.student-img {
    min-width: 160px;
    max-width: 160px;
    width: 100%;
    height: 160px;
    object-fit: cover;
    border-radius: 10px;
}

.student-detail-common-card .student-img {
    min-width: 210px;
    max-width: 210px;
    width: 100%;
    height: 210px;
    object-fit: cover;
    border-radius: 10px;
}

.student-name {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    color: #1a2e74;
}

.student-area-div,
.student-subject-div {
    display: flex;
    align-items: self-start;
    gap: 10px;
}

.student-area-icon,
.student-subject-icon {
    width: 35px;
    height: 35px;
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(17%) sepia(73%) saturate(1813%)
        hue-rotate(212deg) brightness(80%) contrast(97%);
}

.student-area-icon.student-calling-icon {
    height: 30px;
}

.student-area,
.student-subject {
    font-size: 22px;
    line-height: 32px;
    color: #000000;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.student-details-div {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.student-details-div .dbs-modal-btn-div {
    margin: unset;
}

.newsletter-section {
    /* padding: 50px 0;
  background-color: #1A2E74; */
    position: relative;
}

.newsletter-title {
    text-align: center;
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    /* color: #083b5c; */
    color: #ffffff;
    margin-bottom: 0;
}

.newsletter-title-div {
    margin-bottom: 30px;
}

.newsletter-main {
    max-width: 980px;
    margin: auto;
    padding: 50px 30px;
    border-radius: 18px;
    background-color: #1a2e74;
}

.newsletter-form-div .input-box {
    border-radius: 12px;
    border: 1px solid #ffffff;
    background-color: #f6f6f6;
}

.newsletter-form-div .input-box:focus {
    box-shadow: none;
    border-color: #1a2e74;
}

.support-card-box {
    z-index: 982;
    left: 0;
    bottom: 15%;
    position: fixed;
    background-color: #1a2e74;
    padding: 10px;
    border-left: 4px solid #b13590;
    border-radius: 0 10px 10px 0;
}

.support-card {
    display: flex;
    transition: all 0.5s;
    /* gap: 12px; */
    align-items: center;
}

.support-details {
    border-left: 1px solid #ddd;
    transition: all 0.5s ease;
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    white-space: nowrap;
}

.support-card-box:hover .support-card {
    gap: 12px;
    transition: all 0.5s;
}

.support-card-box:hover .support-details {
    padding-left: 12px;
    max-width: 350px;
    opacity: 1;
}

.support-icon-box {
    cursor: pointer;
}

.support-icon {
    width: 45px;
    height: 45px;
    animation: pulse 1.5s infinite;
    object-fit: contain;
}

.support-title {
    font-size: 22px;
    line-height: 22px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 0;
}

.support-number {
    font-size: 28px;
    line-height: 34px;
    color: #c54da5;
    font-weight: 600;
    transition: 0.5s all;
    margin-bottom: 0;
}

.support-number:hover {
    color: #b13590;
}

.support-description {
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    margin-bottom: 0;
    letter-spacing: 0.5px;
}

.support-or-text {
    font-size: 16px;
    text-align: center;
    line-height: 23px;
    color: #ffffff;
    margin-bottom: 0;
}

.find-tutor-forms.footer-support-btn .btn-primary {
    font-size: 21px;
    padding: 8px 17px;
}

.tutore-reviews-main {
    padding: 30px 20px;
    background-color: #ffffff;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgb(0 0 0 / 7%);
    margin-top: 45px;
    border: 1px solid #e9e9e9;
}

.tutore-reviews-div,
.tutore-reviews-star-div {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
}

.tutore-reviews-star-div {
    border-left: 2px solid #b13590;
    border-right: 2px solid #b13590;
}

.tutore-reviews-icon {
    font-size: 40px;
    color: #b13590;
    margin-bottom: 5px;
}

.tutore-reviews-text {
    font-size: 22px;
    line-height: 28px;
    color: #1a2e74;
    font-weight: 600;
    margin-bottom: 0;
}

.tutore-reviews-star-flex {
    display: flex;
    align-items: center;
    gap: 3px;
    color: #ffd700;
    min-height: 35px;
    justify-content: center;
}

.tutore-reviews-star-flex i {
    font-size: 25px;
}

.tutore-reviews-star-div .tutore-reviews-star {
    font-size: 22px;
    line-height: 28px;
    color: #1a2e74;
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 0;
}

.tutore-reviews-star span {
    font-weight: 500;
    /* color: #666; */
    color: #000000;
    font-size: 22px;
    line-height: 28px;
}

.dbs-modal-custom .modal-dialog {
    max-width: 580px;
}

.callback-modal-custom .modal-dialog {
    max-width: 680px;
}

.callback-modal-content.auth-card-body .auth-label,
.callback-modal-content.auth-card-body .auth-input-box {
    font-size: 18px;
    line-height: 26px;
}

.callback-modal-text-div {
    margin: 15px 0;
}

.callback-modal-text-sub {
    font-size: 16px;
    line-height: 24px;
    color: #000;
}

.callback-modal-text-sub-link {
    color: #1a2e74;
    text-decoration: underline;
}

.callback-modal-btn-div {
    max-width: 200px;
}

.find-tutor-forms.callback-modal-btn-div .btn-primary,
.border-btn-div.callback-modal-btn-div .btn-border {
    font-size: 17px;
}

.megamenu.sub-international-tutors {
    overflow: unset;
}

.mainmenu .sub-international-tutors ul.sub-menu,
.sub-menu-for-tutors ul.sub-menu {
    border-radius: 0 0 20px 20px;
}

.more-sub-menu-custom-main.europe-sub-menu-custom {
    top: -39px;
}

.more-sub-menu-custom-main.africa-sub-menu-custom {
    top: -250px;
}

.mainmenu ul.sub-menu.middle-east-sub-menu {
    padding-top: 0;
}

.mainmenu ul#nav li ul.sub-menu > li:last-child .africa-sub-menu {
    padding-bottom: 7px !important;
}

.common-menu-scroll::-webkit-scrollbar {
    width: 4px;
}

.common-menu-scroll::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
}

.common-menu-scroll::-webkit-scrollbar-thumb {
    background: #1a2e74;
    border-radius: 10px;
}

.inperson-gird-row {
    display: grid;
    width: 100%;
    gap: 10px;
    grid-template-columns: repeat(4, 1fr);
}

.student-list-section-custom.student-list-section {
    padding: 20px 0 50px 0;
}

.custom-row-tab-content {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 16px;
}

.custom-grid-column-10 {
    grid-column: span 10;
}

.custom-grid-column-2 {
    grid-column: span 2;
}

.custom-grid-column-3 {
    grid-column: span 3;
}

.custom-grid-column-4 {
    grid-column: span 4;
}

.custom-grid-column-6 {
    grid-column: span 6;
}

.custom-tab-content .grid-box-column {
    display: block;
}

.border-btn-div .btn-border {
    background-color: transparent;
    border: 1px solid #c5339e;
    /* height: 70px; */
    font-weight: 500;
    color: #c5339e;
    padding: 15px 20px;
    font-size: 27px;
    border-radius: 8px;
    letter-spacing: 0.5;
}

.subject-filter-sticky .compares-papers {
    margin-top: 0;
}

.student-detail-common-card {
    padding: 20px;
    /* height: 100%; */
    margin-bottom: 0;
}

.student-detail-left {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.student-detail-content .student-type {
    margin: 5px 0;
}

.student-detail-main {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.student-detail-right .student-area-div {
    margin-bottom: 8px;
}

.student-detail-common-card .dbs-modal-btn-div {
    max-width: 100%;
}

.student-detail-list .browse-subject-card-ul {
    margin-top: 15px;
    grid-template-columns: repeat(1, 1fr);
}

.student-subject-box {
    margin-top: 50px;
}

.student-subject-title {
    font-size: 25px;
    line-height: 30px;
    font-weight: 500;
    color: #1a2e74;
    margin-bottom: 15px;
}

.student-subject-table {
    width: 100%;
}

.student-subject-table thead th {
    font-size: 19px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
}

.student-subject-table tbody tr td,
.student-subject-table thead th {
    padding: 10px 12px;
}

.student-subject-table tbody tr td .subject-table-link {
    font-size: 20px;
    line-height: 28px;
    color: #1a2e74;
    font-weight: 600;
    transition: 0.5s all;
}

.student-subject-table tbody tr td .subject-table-link:hover {
    color: #b13590;
}

.student-subject-content-div .student-subject-table thead th {
    border-bottom: 1px solid #dee2e6;
}

.student-subject-table tbody tr:last-child td {
    border-bottom: 1px solid #dee2e6;
}

.student-check-icon-div {
    display: flex;
    align-items: center;
}

.student-check-icon {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

.more-row-text {
    color: #5b5b5b;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 0;
}

.more-row-text a {
    color: #1a2e74;
    transition: 0.5s all;
}

.student-detail-section .max-hgt-subject {
    max-height: 135px;
}

.tutor-detail-banner {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.single-item-text-custom {
    padding-left: 15px;
}

.student-detail-btn-main {
    margin-top: 30px;
}

.tutor-bookmark-div {
    position: relative;
    max-width: 300px;
}

.tutor-bookmark-div.new-custom-tutor-bookmark {
    max-width: 100%;
}

.tutor-content-bookmark .tutor-bookmark-div {
    position: relative;
    max-width: 100%;
}

.tutor-content-bookmark .tutor-bookmark-div:after {
    width: 55px;
    height: 55px;
    top: -8px;
    right: 0%;
    z-index: 85;
}

/* .tutor-content-bookmark .bookmark-text{
top: 6px;
    right: 22px;
      z-index: 86;
} */

.find-tutor-bookmark.tutor-bookmark-div:after {
    right: 8px;
}

.new-custom-tutor-bookmark.tutor-bookmark-div:after {
    right: 5px;
}

.find-tutor-bookmark.new-custom-tutor-bookmark .bookmark-text {
    right: 45px;
}

.find-tutor-bookmark .bookmark-text {
    right: 25px;
    font-size: 24px;
    line-height: 23px;
}

.tutor-bookmark-div:after {
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    top: 5px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #b13590;
    /* background-image: url(./img/newimages/bookmark.png);
  background-size: contain;
  background-repeat: no-repeat; */
}

.yellow-bookmark.tutor-bookmark-div:after {
    /* filter: brightness(0) saturate(100%) invert(71%) sepia(64%) saturate(558%) hue-rotate(356deg) brightness(97%) contrast(100%); */
    background-color: #e7b55a;
}

.yellow-bookmark .bookmark-text {
    color: #1a2e74;
}

.blue-bookmark.tutor-bookmark-div:after {
    /* filter: brightness(0) saturate(100%) invert(14%) sepia(52%) saturate(4572%) hue-rotate(224deg) brightness(94%) contrast(92%); */
    background-color: #1a2f9d;
}

/* .blue-bookmark .bookmark-text,
.pink-bookmark .bookmark-text,
.grey-bookmark .bookmark-text{
  color: #ffffff;
} */

.pink-bookmark.tutor-bookmark-div:after {
    filter: brightness(0) saturate(100%) invert(24%) sepia(70%) saturate(3399%)
        hue-rotate(303deg) brightness(82%) contrast(85%);
}

.grey-bookmark.tutor-bookmark-div:after {
    filter: brightness(0) saturate(100%) invert(44%) sepia(8%) saturate(365%)
        hue-rotate(176deg) brightness(90%) contrast(88%);
}

.bookmark-text {
    font-size: 26px;
    line-height: 25px;
    right: 36px;
    color: #ffffff;
    /* position: absolute; */
    font-weight: 600;
    margin-bottom: 0;
    /* z-index: 1; */
}

.no-available-text {
    text-align: center;
    font-size: 22px;
    line-height: 28px;
    color: #1a2e74;
    width: 100%;
    position: absolute;
    font-weight: 600;
}

.cus-icon.course-details-area .social-icons a img,
.cus-icon .social-icons a:hover img {
    margin-left: 0px;
}

.cus-icon.course-details-area .social-icons a:hover img,
.cus-icon .social-icons a:hover img {
    filter: brightness(0) saturate(100%) invert(31%) sepia(84%) saturate(946%)
        hue-rotate(276deg) brightness(87%) contrast(98%);
}

.cus-icon.course-details-area .social-icons a,
.cus-icon .social-icons a {
    display: flex;
}

.overlay-effect-bookmark {
    position: relative;
    max-width: max-content;
}

.bookmark-circle-div {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #b13590;
}

.bookmark-circle-div.bookmark-circle-tutor-view {
    right: 40px;
}

.yellow-bookmark.bookmark-circle-div {
    background-color: #e7b55a;
}

.yellow-bookmark .bookmark-text {
    color: #1a2e74;
}

.blue-bookmark.bookmark-circle-div {
    background-color: #1a2f9d;
}

.pink-bookmark.bookmark-circle-div {
    background-color: #8b127f;
}

.grey-bookmark.bookmark-circle-div {
    background-color: #6b7d7d;
}

.component-sidebarCards {
    padding: 35px 35px;
    margin: 0 0 36px;
    background-color: #1a2e74;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
    border-radius: 12px;
}

.component-sidebarCards .subject-custom .dropdown-menu {
    width: 100%;
}

.sidebarCards-title {
    font-size: 36px;
    line-height: 42px;
    color: #fff;
    margin-bottom: 15px;
}

.sidebarCards-inquiry.inquiryForm .requestTutor {
    padding-left: 0px;
}

.sidebarCards-inquiry.inquiryForm .requestTutor label {
    font-size: 22px;
    font-weight: 400;
    color: #ffffff;
    line-height: 35px;
    margin-bottom: 1px;
}

.sidebarCards-inquiry.inquiryForm
    .form-check
    .form-check-label
    .condition-text {
    color: #ffffff;
    font-size: 22.58px;
    line-height: 24px;
}

.sidebarCards-inquiry .requestTutor .form-control,
.sidebarCards-inquiry .request-online-tutor .form-control,
.sidebarCards-inquiry .cont-input-box.contact-input,
.sidebarCards-inquiry
    .cus-select-main
    button.btn.dropdown-toggle.bs-placeholder.btn-light,
.sidebarCards-inquiry .cus-select-main .selectpicker + .btn-light,
.register-card .selectpicker + .btn-light {
    background-color: #ffff;
}

.languages-prof-tutor-sec {
    padding: 43px 0 80px 0;
    position: relative;
}

.languages-prof-tutor-sec::after {
    content: "";
    width: 100%;
    max-width: 420px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #b13590;
    z-index: -1;
}

.languages-prof-img-div {
    margin: 0 0 36px;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
    border-radius: 12px;
    overflow: hidden;
}

.languages-prof-img-div .languages-prof-img {
    width: 100%;
    height: 520px;
    object-fit: cover;
}

.languages-prof-tltle {
    font-size: 46px;
    line-height: 56px;
    color: #1a2e74;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 34px;
}

.languages-prof-para strong {
    font-weight: bolder;
}

.languages-prof-para {
    font-size: 24px;
    line-height: 40px;
    color: #2f3129;
    margin-bottom: 25px;
}

.languages-prof-small-title {
    font-size: 40px;
    line-height: 52px;
    color: #1a2e74;
    font-weight: 700;
    text-transform: capitalize;
    margin: 35px 0 20px 0;
}

.languages-prof-sub-title {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 5px;
    color: #b13590;
    font-weight: 700;
    text-transform: capitalize;
}

.languages-prof-left {
    margin-right: 50px;
    margin-left: 40px;
}

.languages-prof-ul {
    margin: 10px 0 20px 0;
}

.languages-prof-link {
    color: #1a2e74;
    text-decoration: underline;
}

.languages-prof-li {
    padding-left: 20px;
    position: relative;
    font-size: 24px;
    line-height: 40px;
    color: #2f3129;
}

.languages-prof-li::before {
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    left: 3px;
    top: 15px;
    background-color: #2f3129;
    border-radius: 50%;
}

.lms-section .lms-title {
    color: #000;
    margin: auto;
    max-width: 1280px;
    font-weight: 400;
    font-size: 30px;
    line-height: 45px;
    text-align: center;
    margin-bottom: 30px;
}

/* Custom Country Dropdown Container */
.custom-country-dropdown {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-family: inherit;
}

/* Dropdown Trigger Button */
.custom-dropdown-trigger {
    background: rgba(255, 255, 255, 0.08) ;
    border: 1px solid rgba(255, 255, 255, 0.15) ;
    color: #ffffff ;
    border-radius: 30px ;
    padding: 3px 8px ;
    font-size: 14px ;
    font-weight: 500 ;
    display: inline-flex ;
    align-items: center ;
    gap: 8px ;
    transition: all 0.2s ease-in-out ;
    cursor: pointer ;
    box-shadow: none ;
    outline: none ;
    height: auto ;
    line-height: normal ;
    text-transform: none ;
    user-select: none ;
}

.custom-dropdown-trigger:hover,
.custom-dropdown-trigger:focus,
.custom-country-dropdown.open .custom-dropdown-trigger {
    background: rgba(255, 255, 255, 0.16) ;
    border-color: rgba(255, 255, 255, 0.35) ;
    color: #ffffff ;
}

.custom-dropdown-trigger .chevron-icon {
    font-size: 11px ;
    transition: transform 0.2s ease-in-out ;
    color: rgba(255, 255, 255, 0.7) ;
}

.custom-country-dropdown.open .chevron-icon {
    transform: rotate(180deg) ;
}

/* Dropdown Options List */
.custom-dropdown-list {
    position: absolute ;
    top: 100%;
    right: 0 ;
    background: #ffffff ;
    border: 1px solid rgba(0, 0, 0, 0.08) ;
    border-radius: 14px ;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) ;
    padding: 6px ;
    min-width: 260px ;
    margin-top: 8px ;
    z-index: 9999 ;
    list-style: none ;
    margin-bottom: 0 ;
    display: none ;
    transform-origin: top center ;
}

/* Open State Animation */
.custom-country-dropdown.open .custom-dropdown-list {
    display: block ;
    animation: customDropdownFade 0.2s cubic-bezier(0.16, 1, 0.3, 1) ;
}

@keyframes customDropdownFade {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(-8px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* Search wrapper inside dropdown */
.custom-dropdown-search-wrapper {
    display: flex ;
    align-items: center ;
    gap: 8px ;
    padding: 8px 12px ;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) ;
    margin-bottom: 6px ;
    position: sticky ;
    top: 0 ;
    background: #ffffff ;
    z-index: 10 ;
}

.custom-dropdown-search-wrapper .search-icon {
    color: #a0aec0 ;
    font-size: 13px ;
}

.custom-dropdown-search-input {
    border: none ;
    outline: none ;
    font-size: 13px ;
    width: 100% ;
    color: #2d3748 ;
    background: transparent ;
    padding: 0 ;
}

.custom-dropdown-search-input::placeholder {
    color: #a0aec0 ;
}

/* Scroll container for dropdown items */
.custom-dropdown-items-container {
    max-height: 300px ;
    overflow-y: auto ;
    padding-right: 2px ;
}

/* Custom Scrollbar for dropdown */
.custom-dropdown-items-container::-webkit-scrollbar {
    width: 5px ;
}

.custom-dropdown-items-container::-webkit-scrollbar-track {
    background: transparent ;
}

.custom-dropdown-items-container::-webkit-scrollbar-thumb {
    background: #cbd5e0 ;
    border-radius: 10px ;
}

.custom-dropdown-items-container::-webkit-scrollbar-thumb:hover {
    background: #a0aec0 ;
}

/* List Item Options */
.custom-dropdown-item {
    display: flex ;
    align-items: center ;
    justify-content: space-between ;
    width: 100% ;
    padding: 8px 12px ;
    border-radius: 10px ;
    border: none ;
    background: transparent ;
    color: #2d3748 ;
    font-size: 13px ;
    font-weight: 500 ;
    text-align: left ;
    transition: all 0.15s ease ;
    cursor: pointer ;
    margin-bottom: 2px ;
    list-style: none ;
}

.custom-dropdown-item:last-child {
    margin-bottom: 0 ;
}

.custom-dropdown-item:hover,
.custom-dropdown-item:focus {
    background-color: #f7fafc ;
    color: #1a2e74 ;
}

.custom-dropdown-item.active {
    background-color: rgba(26, 46, 116, 0.06);
    color: #1a2e74 ;
    font-weight: 600 ;
}

.flag-and-name {
    display: flex ;
    align-items: center ;
    gap: 10px ;
}

.flag-img {
    width: 30px ;
    height: 30px ;
    object-fit: cover ;
    border-radius: 50% ;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) ;
    display: inline-block ;
    vertical-align: middle ;
    border: 1px solid rgba(0, 0, 0, 0.05) ;
}

.check-icon {
    font-size: 11px ;
    color: #1a2e74 ;
    display: none ;
}

.custom-dropdown-item.active .check-icon {
    display: block ;
}

.selected-flag {
    display: inline-flex ;
    align-items: center ;
    gap: 5px;
}

.selected-name {
    display: inline-block;
    color: #1a2e74;
    display: block;
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    text-transform: uppercase;
    font-family: "Gordita", sans-serif;
    letter-spacing: 0.3px;
}

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

/* Responsive adjustments */
@media (max-width: 575px) {
    .custom-dropdown-trigger {
        padding: 6px 10px ;
        gap: 4px ;
    }
}

/* Custom Responsive Country Dropdown Styles */
.responsive-country-dropdown {
    position: relative;
    display: inline-block;
}

.responsive-country-dropdown.open .responsive-dropdown-list {
    display: block !important;
    animation: customDropdownFade 0.2s cubic-bezier(0.16, 1, 0.3, 1) ;
}

.responsive-dropdown-list {
    position: absolute;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-radius: 14px !important;
    padding: 6px !important;
    margin-top: 8px !important;
    list-style: none !important;
    margin-bottom: 0 !important;
    display: none;
    transform-origin: top left !important;
}