:root {
    --sky-color: #f4efef;
}

body {
    margin: 0;
    padding: 0;
    font-family: "Helvetica";
    font-weight: normal;
}

@font-face {
    font-family: "Helvetica";
    src: url("../fonts/Helvetica-Bold.woff") format("woff"),
        url("../fonts/Helvetica-Bold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Helvetica";
    src: url("../fonts/Helvetica-Normal.woff") format("woff"),
        url("../fonts/Helvetica-Normal.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Lora";
    src: url("../fonts/Lora-Bold.woff") format("woff"),
        url("../fonts/Lora-Bold.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Lora";
    src: url("../fonts/Lora-Medium.woff") format("woff"),
        url("../fonts/Lora-Medium.woff") format("woff2");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Lora";
    src: url("../fonts/Lora-Regular.woff") format("woff"),
        url("../fonts/Lora-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Lora";
    src: url("../fonts/Lora-SemiBold.woff") format("woff"),
        url("../fonts/Lora-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Aileron";
    src: url("../fonts/Aileron-Bold.woff") format("woff"),
        url("../fonts/Aileron-Bold.woff2") format("woff2");

    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Aileron";
    src: url("../fonts/Aileron-Heavy.woff") format("woff"),
        url("../fonts/Aileron-Heavy.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Nunito";
    src: url("../fonts/Nunito-Bold.woff") format("woff"),
        url("../fonts/Nunito-Bold.woff2") format("woff2");

    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Nunito";
    src: url("../fonts/Nunito-ExtraBold.woff") format("woff"),
        url("../fonts/Nunito-ExtraBold.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Bicyclette";
    src: url("../fonts/Bicyclette-Bold.woff") format("woff"),
        url("../fonts/Bicyclette-Bold.woff2") format("woff2");

    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Bicyclette";
    src: url("../fonts/Bicyclette-Black.woff") format("woff"),
        url("../fonts/Bicyclette-Black.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Acumin Pro Condensed";
    src: url("../fonts/AcuminProCond-Black.woff") format("woff"),
        url("../fonts/AcuminProCond-Black.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Proxima Nova";
    src: url("../fonts/proximanovacond-regular.ttf");
}

/************************************* Header Section ******************************************/

.header {
    background-image: url(../images/nav-bar-img.webp);
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    /* height: 100px; */
    position: relative;
    z-index: 99999;
}

.header .navbar-collapse {
    margin-top: 60px;
}

.header .navbar-collapse.collapse.show {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
    position: relative;
    z-index: 999;
    width: 100%;
    background: white;
    padding: 20px 25px;
}

.header .navbar.bg-light {
    /* background: transparent !important; */
    background-image: url(../images/nav-bar-img.webp) !important;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    /* position: relative; */
}

.header .container-fluid {
    padding-left: 35px;
    padding-right: 35px;
}

.header .navbar .navbar-nav .nav-item {
    font-family: "Aileron";
    font-weight: 900;
}

.header .navbar .navbar-nav .nav-item .nav-link {
    color: #073c6e;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 600;
    display: inline-block;
    padding: 10px 20px;
}

.header .navbar .navbar-nav .nav-item .nav-link.active {
    color: #1182a4;
}

.header .navbar .navbar-nav .nav-item .nav-link:hover {
    color: #1182a4;
}

.header .nav-custom {
    width: 100%;
    justify-content: center;
}

.header .collapse .btn-login {
    width: 155px;
    color: #fff;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #034077;
    padding: 10px 10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    margin-bottom: 0;
    font-size: 20px;
    font-family: "Aileron";
    font-weight: 900;
    text-align: center;
}

.navbar-toggler {
    border: 1px solid #034078;
    padding: 10px 10px;
}

.navbar-toggler:focus {
    outline: none;
    box-shadow: none;
}

span.toggler-icon {
    width: 33px;
    height: 3px;
    background: #034077;
    display: block;
    margin-bottom: 7px;
    border-radius: 4px;
}

span.toggler-icon:last-child {
    margin-bottom: 0;
}

/* .heading1 {
    font-family: 'Nunito';
    font-weight: 900;
    font-size: 75px;
    margin-bottom: 40px;
    padding-bottom: 4px;
    position: relative;
} */

.heading1 {
    font-family: "Proxima Nova";
    font-weight: 900;
    font-size: 75px;
    margin-bottom: 40px;
    padding-bottom: 4px;
    position: relative;
}

.heading1::after {
    content: "";
    width: 845px;
    height: 2px;
    position: absolute;
    bottom: -10px;
    background: #d9e0dc;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

/* .banner-text {
    font-size: 43px;
    font-family: 'Nunito';
    font-weight: 600;
} */

.banner-text {
    font-size: 43px;
    font-family: "Proxima Nova";
    font-weight: 600;
}

.container.container-2 {
    max-width: 100%;
    width: 100%;
    padding: 0 60px;
}

/******************************** Banner Video Section *******************************/
.main-animation {
    overflow: auto;
}

.video-banner {
    width: 100%;
    position: relative;
    margin-bottom: -9px;
}

.video-banner .viedo-section video {
    width: 100%;
    object-fit: cover;
    height: calc((var(--vh, 1vh) * 88));
}

.banner-content {
    /* position: absolute;
    color: #fdfefd;
    top: 50%;
    left: 50%;
    text-transform: capitalize;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center; */

    position: absolute;
    color: #fdfefd;
    top: 50%;
    left: 50%;
    text-transform: capitalize;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.banner-start-btn {
    position: absolute;
    bottom: 60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.page-header-section {
    padding: 20px 10px;
    background-color: #d7ecef;
}

.page-header-section h2 {
    text-transform: uppercase;
    color: #2c277b;
    font-size: 50px;
    background-color: #d7ecef;
    margin: 0;
    font-family: "Lora";
    font-weight: bold;
    text-align: center;
}

.main-heading {
    font-family: "Nunito";
    font-weight: 900;
    color: #02407a;
    text-align: center;
    font-size: 40px;
    text-shadow: 4px 6px 3px hsl(200deg 15% 86% / 76%);
    margin-bottom: 6px;
}

/********************************* TOols SLider ********************************/
.tools-slider-section {
    padding: 60px 0;
    background-image: url("../images/tool-bg-2.webp");
    width: 100%;
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    overflow-x: hidden;
}

.info-text {
    max-width: 1120px;
    width: 100%;
    font-family: "Proxima Nova";
    /* font-weight: bold; */
    margin: 0 auto;
    color: #757985;
    font-size: 24px;
    /* letter-spacing: 1px; */
    /* line-height: 1.2; */
    text-align: center;
    line-height: 2.5rem;
}

.swiper.custom .swiper-slide.swiper-slide-active .tools-inner-content h6 {
    text-align: center;
    display: block !important;
    margin-top: 20px;
    color: #175484;
    font-size: 22px;
    display: block;
}

.tools-inner-content h6 {
    display: none;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #073c70 !important;
    border-color: #073c70 !important;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    opacity: 1;
    background: transparent;
}

.slick-dots button,
.swiper-pagination-bullet {
    height: 15px;
    width: 15px;
    font-size: 0;
    border-radius: 50%;
    border: none;
    border: 2px solid #1586a7;
    margin: 0 5px;
    display: inline-block;
}

/************************************ Testimonial SLider Css**********************************/

.result-info-section {
    padding: 90px 0;
    background-image: url(../images/result-img01.webp);
    height: 100%;
    width: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    z-index: 0;
    background-position: center;
    position: relative;
}

.result-info-section::after {
    content: " ";
    position: absolute;
    width: 100%;
    right: 0;
    left: 0px;
    bottom: 0;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #f4efef;
    opacity: 0.6;
    z-index: -1;
}

.result-info-section p {
    max-width: 1120px;
    width: 100%;
    font-family: "Proxima Nova";
    /* font-weight: bold; */
    color: #2f2f2e;
    font-size: 24px;
    text-align: center;
    margin: 0 auto 0;
    line-height: 2.5rem;
}

.result-info-section .bios-text {
    color: #ffffff;
    font-size: 17px;
    line-height: 35px;
}

.bios-section {
    background-color: #034077;
    padding: 40px 32px 70px;
    border-radius: 20px 20px 0 0;
    position: relative;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rating-info {
    background-color: #fff;
    border-radius: 0 0 20px 20px;
    text-align: center;
    height: 270px;
}

.rl-testimonial {
    text-align: center;
    margin: -45px auto 30px;
    display: block;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rl-testimonial img {
    border-radius: 50%;
    height: 85px;
    width: 85px;
    position: relative;
}

.testimonial-name {
    color: #3192ab;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 30px;
    margin-bottom: 0px;
    font-family: "Helvetica";
    font-weight: bold;
}

.swiper.custom {
    width: 100%;
    height: 100%;
    padding: 140px 0 200px;
}

.swiper.custom .swiper-slide.swiper-slide-active {
    transform: scale(1.5);
    z-index: 9;
}

.swiper.custom .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition: 0.6s ease-in;
    -moz-transition: 0.6s ease-in;
    -o-transition: 0.6s ease-in;
    -ms-transition: 0.6s ease-in;
    transition: 0.6s ease-in;
}

.swiper.custom .swiper-slide.swiper-slide-active .tools-inner-content h6 {
    text-align: center;
    display: block !important;
    margin-top: 20px;
    color: #175484;
    font-size: 22px;
    display: block;
}

.swiper.custom .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    opacity: 1;
    background: transparent;
}

.swiper.custom .swiper-pagination {
    bottom: 40px;
}

.testimonial-rating {
    margin: 15px 0 0;
}

.testimonial-credit {
    color: #6f727c;
    font-size: 26px;
    font-weight: 500;
    padding-bottom: 30px;
    font-family: "Helvetica";
    font-weight: normal;
}

.testimonial-rating .clip-star {
    background: #268fa7;
    clip-path: polygon(
        50% 0%,
        61% 35%,
        98% 35%,
        68% 57%,
        79% 91%,
        50% 70%,
        21% 91%,
        32% 57%,
        2% 35%,
        39% 35%
    );
    display: inline-block;
    height: 25px;
    width: 25px;
}

.bios-text {
    color: #f8fdfe;
    font-size: 17px;
    line-height: 41px;
    letter-spacing: 1px;
}

.bios-text span {
    font-size: 40px;
}

.quote-icon-right,
.quote-icon-left {
    background-image: url(../images/double-quotes.png);
    height: 35px;
    width: 35px;
    position: absolute;

    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    filter: contrast(0) brightness(2);
}

.quote-icon-left {
    left: auto;
    /* top: 14px; */
    transform: rotate(180deg);
}

.quote-icon-right {
    /* right: 16px;
    bottom: 22px; */
}

.testimonital-slider {
    max-width: 550px;
    width: 100%;
    margin: 50px auto 50px;
}

.testimonital-slider .slick-slide {
    padding: 0;
}

.testimonial-inner-content {
    margin: 0 30px;
}

.testimonital-slider .slick-dots {
    text-align: center;
}

/*----------------- Contact Us Start ----------------*/

.section-title {
    background-color: #d7ecef;
}

.contact-banner {
    background-repeat: no-repeat;
    object-fit: cover;
    background-size: cover;
}

.contact-top {
    padding: 20px 50px;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contact-card {
    padding: 80px 50px;
    margin: 60px 0;
}

.contact-top .contact-left p {
    display: flex;
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    align-items: center;
    margin-bottom: 10px;
}

.contact-top .contact-left p i {
    margin-right: 10px;
}

.contact-right i {
    position: absolute;
    right: -36px;
    top: 5px;
    font-size: 30px;
}

.contact-form {
    max-width: 840px;
    background-color: #fff;
    border: 10px solid #a6cfd6;
    border-radius: 40px;
    margin: 60px auto;
    padding: 30px 20px;
}

.contact-form .form-control:focus {
    outline: none;
    box-shadow: none;
}

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

.close {
    position: absolute;
    right: -20px;
    top: -16px;
    background: #dc3535;

    color: #fff;
    border-color: #dc3535;
    opacity: 1 !important;
    box-shadow: none;
    z-index: 1;
}

.close:focus {
    outline: none;
    box-shadow: none;
}

.title-contact {
    font-size: 22px;
    color: #336894;
    margin-bottom: 15px;
}

.title-contact span {
    color: #dc3535;
}

.privacy-section {
    background-color: #e6f5f8;
    border-radius: 4px;
    padding: 15px 10px;
    margin: 20px 0 40px;
}

.contact-form label {
    font-size: 16px;
    color: #b4b4b4;
    display: inline-block;
    margin: 10px 0 0;
}

.contact-form .checkbox {
    position: relative;
    font-size: 15px;
    color: #707273;
    display: inline-block;
    margin: 0 0 0;
}

.checkbox input {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.checkbox .label-check {
    width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #aaadae;
    border-radius: 4px;
}

.checkbox input + .label-check:after {
    content: "";
    position: absolute;
    top: 40%;
    left: 50%;
    width: 10px;
    height: 5px;
    border-left: 2px solid #336894;
    border-bottom: 2px solid #336894;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transform: translate(-50%, -50%) rotate(-45deg) scale(1.5);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg) scale(1.5);
    -moz-transform: translate(-50%, -50%) rotate(-45deg) scale(1.5);
}

.checkbox input[type="radio"] + .label-check {
    border-radius: 100%;
}

.checkbox input[type="radio"] + .label-check:after {
    top: 50%;
    width: 10px;
    height: 10px;
    border: 0px;
    border-radius: 100%;
    background-color: #000;
}

.checkbox input:checked + .label-check:after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) rotate(-45deg) scale(1);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg) scale(1);
    -moz-transform: translate(-50%, -50%) rotate(-45deg) scale(1);
}

.btn-contact {
    float: right;
}

.btn-contact .btn.btn-submit {
    background: url(../images/start-buttom-removebg-preview.webp) no-repeat 0 0;
    border-color: transparent;
    background-size: cover;
    min-width: 218px;
    min-height: 75px;
    padding: 10px 20px;
    line-height: 55px;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    transition: 0.5s all;
}

.btn-contact .btn.btn-submit:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.contact-item-box {
    background-color: #fff;
    border: 10px solid #a6cfd6;
    border-radius: 40px;
    padding: 80px 55px;
    text-align: center;
}

.contact-layout {
    padding: 40px 0;
    background-color: rgb(34 91 143 / 82%);
}

.contact-item-box {
    margin: 10px 20px;
}

.contact-item-box .title {
    font-size: 28px;
    color: #0c5395;
    margin-bottom: 20px;
    word-break: break-all;
    font-weight: 600;
    text-align: center;
}

.contact-item-box .sub-txt {
    font-size: 18px;
    color: #706969;
    font-weight: 500;
    margin: 20px 0 30px;
    line-height: 30px;
}

.contact-top .row .col-sm-12.col-md-4.col-lg-4:last-child .contact-item-box {
    margin-bottom: 0;
}

/*----------------- Contact Us End ----------------*/

.listServiceModal .modal-header {
    box-shadow: none;
    border: 0;
}

/*----------------- StartJourney Start ----------------*/
.journey-step-form {
    max-width: 750px;
    border: 0;
    margin: 0 auto;
}

.journey-step-form .btn-contact {
    float: none;
}

.title-jr {
    font-size: 28px;
    color: #034078;
    text-align: center;
    font-family: "Lora";
    font-weight: bold;
    margin-bottom: 30px;
}

.subtitle-jr {
    font-size: 18px;
    color: #336894;
    margin-bottom: 10px;
    font-weight: 500;
    font-family: "Nunito";
}

label.jrcheckbox {
    font-size: 18px;
    margin-bottom: 10px;
}

.form-group {
    margin-bottom: 20px;
}

.contact-form .jrcheckbox {
    position: relative;
    font-size: 15px;
    color: #707273;
    display: block;
    margin: 0 0 5px;
}

.jrcheckbox input {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.jrcheckbox .label-check {
    width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #aaadae;
    border-radius: 4px;
}

.jrcheckbox input + .label-check:after {
    content: "";
    position: absolute;
    top: 40%;
    left: 50%;
    width: 10px;
    height: 5px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transform: translate(-50%, -50%) rotate(-45deg) scale(1.5);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg) scale(1.5);
    -moz-transform: translate(-50%, -50%) rotate(-45deg) scale(1.5);
}

.jrcheckbox input[type="radio"] + .label-check {
    border-radius: 100%;
}

.jrcheckbox input[type="radio"] + .label-check:after {
    top: 50%;
    width: 10px;
    height: 10px;
    border: 0px;
    border-radius: 100%;
    background-color: #000;
}

.jrcheckbox input:checked ~ .label-check {
    background-color: #044077;
}

.jrcheckbox input:checked + .label-check:after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) rotate(-45deg) scale(1);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg) scale(1);
    -moz-transform: translate(-50%, -50%) rotate(-45deg) scale(1);
}

/****************************** Contact Us Form Section ***************************/

.contact-form-section {
    background-repeat: no-repeat;
    object-fit: cover !important;
    background-size: cover !important;
    overflow: hidden;
}

/*----------------- Contact Us Start ----------------*/

.section-title {
    background-color: #d7ecef;
}

.contact-banner {
    background-repeat: no-repeat;
    object-fit: cover;
    background-size: cover;
}

/* .contact-top{
    padding: 20px 50px;

    display: flex;
    align-items: center;
    justify-content: space-between;
} */
.contact-card {
    padding: 80px 50px;
    margin: 60px 0;
}

.contact-top .contact-left p {
    display: flex;
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    align-items: center;
    margin-bottom: 10px;
    font-family: "Nunito";
    font-weight: normal;
}

.contact-top .contact-left p i {
    margin-right: 10px;
}

.contact-right {
    position: relative;
    text-align: right;
}

.contact-right i {
    position: absolute;
    right: -36px;
    top: 5px;
    font-size: 30px;
}

.contact-top .contact-right p {
    /* display: flex; */
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    line-height: 40px;
    width: 300px;
    margin-bottom: 10px;
    font-family: "Nunito";
    font-weight: normal;
}

.contact-form {
    max-width: 840px;
    background-color: #fff;
    border: 10px solid #a6cfd6;
    border-radius: 40px;
    margin: 60px auto;
    padding: 30px 20px;
}

.contact-form .form-control:focus {
    outline: none;
    box-shadow: none;
}

.title-contact {
    font-size: 22px;
    color: #336894;
    margin-bottom: 15px;
    font-family: "Helvetica";
}

.title-contact span {
    color: #dc3535;
}

.privacy-section {
    background-color: #e6f5f8;
    border-radius: 4px;
    padding: 15px 10px;
    margin: 20px 0 40px;
}

.contact-form label {
    font-size: 18px;
    color: #b4b4b4;
    display: inline-block;
    margin: 10px 0 0;
    font-family: "Helvetica";
}

.calendar-section {
    padding: 50px 0;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
}

.contact-form .checkbox {
    position: relative;
    font-size: 18px;
    color: #707273;
    display: inline-block;
    margin: 0 0 0;
    font-family: "Helvetica";
}

.checkbox input {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.checkbox .label-check {
    width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #aaadae;
    border-radius: 4px;
}

.checkbox input + .label-check:after {
    content: "";
    position: absolute;
    top: 40%;
    left: 50%;
    width: 10px;
    height: 5px;
    border-left: 2px solid #336894;
    border-bottom: 2px solid #336894;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    transform: translate(-50%, -50%) rotate(-45deg) scale(1.5);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg) scale(1.5);
    -moz-transform: translate(-50%, -50%) rotate(-45deg) scale(1.5);
}

.checkbox input[type="radio"] + .label-check {
    border-radius: 100%;
}

.checkbox input[type="radio"] + .label-check:after {
    top: 50%;
    width: 10px;
    height: 10px;
    border: 0px;
    border-radius: 100%;
    background-color: #000;
}

.checkbox input:checked + .label-check:after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) rotate(-45deg) scale(1);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg) scale(1);
    -moz-transform: translate(-50%, -50%) rotate(-45deg) scale(1);
}

.btn-contact {
    float: right;
}

.btn-contact .btn.btn-submit {
    background: url(../images/start-buttom-removebg-preview.webp) no-repeat 0 0;
    border-color: transparent;
    background-size: cover;
    min-width: 218px;
    min-height: 75px;
    padding: 10px 20px;
    line-height: 55px;
    font-size: 16px;
    color: #fff;
    font-family: "Nunito";
    font-weight: bold;
    text-transform: uppercase;
    font-weight: 600;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    transition: 0.5s all;
}

/* .custom-btn {
    background: url(../images/start-buttom-removebg-preview.webp) no-repeat 0 0;
    background-size: cover;
    min-width: 269px;
    min-height: 102px;
    color: #FFFFFF;
    padding: 22px;
    line-height: 45px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    transition: 0.5s all;
    font-family: 'Aileron';
} */
/* .custom-btn {

    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    transition: 0.5s all;
  ;
} */
.custom-btn:hover {
    color: #ffffff;
}

.btn-contact .btn.btn-submit:hover,
.custom-btn:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.btn-contact .btn.btn-submit:focus,
.custom-btn:focus {
    outline: none;
    box-shadow: none;
}

.contact-item-box {
    background-color: #fff;
    border: 10px solid #a6cfd6;
    border-radius: 40px;
    padding: 60px 42px;
    text-align: center;
}

.contact-layout {
    padding: 40px 0;
    background-color: rgb(34 91 143 / 82%);
}

.contact-item-box {
    margin: 10px 20px;
}

.contact-item-box .title {
    font-size: 28px;
    color: #024177;
    margin-bottom: 20px;
    word-break: break-all;
    font-family: "Nunito";
    text-align: center;
}

.contact-item-box .sub-txt {
    font-size: 18px;
    color: #555555;
    font-weight: 500;
    margin: 20px 0 30px;
    line-height: 30px;
    font-family: "Helvetica";
    font-weight: normal;
    min-height: 200px;
}

.contact-top .row .col-sm-12.col-md-4.col-lg-4:last-child .contact-item-box {
    margin-bottom: 0;
}

/*---------------------------
Accordion 22
---------------------------*/
.xga-accordion-wrapper-20 .xga-accrodion .xga-accordion-heading a:after {
    position: absolute;
    left: -2px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font: normal normal normal 14px/1 FontAwesome;
    font-weight: 900;
    content: "\f067";
    -webkit-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
    display: inline-block;
    width: 50px;
    height: 49px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    border-radius: 50%;
    border: 1px solid rgba(40, 40, 40, 0.08);
    -webkit-box-shadow: 0 0 15px 0 rgba(40, 40, 40, 0.2);
    box-shadow: 0 0 15px 0 rgba(40, 40, 40, 0.2);
}

.xga-accordion-wrapper-20 .xga-accrodion .xga-accordion-heading a.open:after {
    content: "\f068";
    background-color: #fff;
}

.xga-accordion-wrapper-20 .xga-accrodion .xga-accordion-heading a {
    padding: 11px 30px;
    text-decoration: none;
    display: block;
    width: 100%;
    color: #515151;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
    -webkit-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
    font-weight: 500;
    font-family: inherit;
    position: relative;
    padding-left: 65px;
    border: 1px solid rgba(40, 40, 40, 0.08);
    border-radius: 30px;
}

.xga-accordion-wrapper-20 .xga-accrodion .xga-accordion-heading a.open {
    margin-bottom: 0px;
    color: #fff;
    border-bottom: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.xga-accordion-wrapper-20 .xga-accrodion .xga-accordion-body {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.3s ease-in;
    -o-transition: max-height 0.3s ease-in;
    transition: max-height 0.3s ease-in;
}

.xga-accordion-wrapper-20 .xga-accrodion .xga-accordion-body .xga-acc-content {
    color: rgba(40, 40, 40, 0.8);
    padding: 15px 30px;
    display: block;
    width: 100%;
    font-size: 14px;
    padding-bottom: 5px;
    padding-left: 40px;
    border-top: none;
}

.xga-accordion-wrapper-20 .xga-accrodion .xga-accordion-body.show {
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
    -webkit-transition: max-height 0.3s ease-in;
    -o-transition: max-height 0.3s ease-in;
    transition: max-height 0.3s ease-in;
}

.xga-accordion-body.show {
    display: none;
}

.xga-accordion-body.show.active {
    display: block !important;
}

.xga-accordion-heading {
    margin-bottom: 20px;
}

/*---------------services-button-----------------*/
.listServiceModal .modal-content {
    background: transparent;
    border: 0px;
}

.listServiceModal .modal-header {
    box-shadow: none;
    border: 0;
}

.modal-open .modal {
    background: rgb(7 60 97 / 60%);
}

.listServiceModal .modal-header .modal-title {
    font-size: 22px;
    color: #fff;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
}

.listServiceModal .modal-header .close {
    color: #fff;
    opacity: 1;
    font-weight: 400;
    top: 18px !important;
}

.listServiceModal .modal-body {
    background-color: #fff;
}

.accordion-pagination .accordion-pagination-wrapper ul li,
.accordion-pagination .accordion-pagination-wrapper ul li a {
    font-size: 16px;
}

.xga-accordion-wrapper-20 .xga-accrodion .xga-accordion-heading a {
    background-color: #e7eefe;
    color: #2a384c;
    font-size: 18px;
    border-color: #ffffff;
}

.xga-accordion-wrapper-20 .xga-accrodion .xga-accordion-heading a.open {
    color: #ffffff;
    background-color: #ff1c58;
}

.xga-accordion-wrapper-20 .xga-accrodion .xga-accordion-body .xga-acc-content {
    color: #3b3b3b;
    font-size: 16px;
}

.xga-accordion-wrapper-20
    .xga-accrodion
    .xga-accordion-body
    .xga-acc-content
    p {
    font-size: 16px;
}

.xga-accordion-wrapper-20 .xga-accrodion .xga-accordion-heading a.open:after {
    color: #ff1c58;
    background-color: #fff;
}

.xga-accordion-wrapper-20 .xga-accrodion .xga-accordion-heading a:after {
    background-color: #ff1c58;
    color: #fff;
}

/*-------------------------pricing-pages----------*/

/*-----------------------college-guidance-pages-------------------*/

.test-banner-content {
    /* max-width: 90%; */
    width: 100%;
    margin: 0 auto;
    max-width: 884px;
}

.acdemics-banner {
    background-image: url(../images/academic-banner.webp);
    height: 100%;
    width: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
    /* background-position: 100%; */
    background-position: center top;
}

.sub-text {
    font-size: 21px;
    text-align: center;
    color: #eee8e9;
    line-height: normal;
    line-height: 40px;
    text-align: justify;
    /* text-align-last: center; */
    font-family: "Proxima Nova";
    font-weight: bold;
}

.flopper-board-wrap {
    display: flex;
    align-items: center;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: transparent;
}

.bg-overlay {
    padding: 50px 0;
}

.bg-overlay {
    position: relative;
}

.bg-overlay::before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(2deg, #6788a9, #00010282);
    position: absolute;
    left: 0;
    top: 0;
}

.bg-overlay .sub-txt {
    font-size: 21px;
    text-align: center;
    color: #eee8e9;
    line-height: normal;
    line-height: 35px;
    text-align: justify;
    /* text-align-last: center; */
    font-family: "Nunito";
    font-weight: bold;
}

.diagnostic-exam {
    max-width: 970px;
    width: 100%;
    margin: 0 auto;
}

.collegeboard-link {
    text-align: center;
}

.collegeboard-link a {
    color: #fff;
    text-decoration-line: underline;
    text-underline-offset: 3px;
    font-size: 20px;
}

.quick-btn {
    display: block;
    position: relative;
}

.quick-btn::before {
    content: "";
    position: absolute;
    left: 100%;
    bottom: 20px;
    width: 120px;
    height: 4px;
    height: 10px;
    background-color: black;
    background-image: linear-gradient(#e6e5e6, #000);
}

.quick-btn::after {
    content: "";
    position: absolute;
    left: 100%;
    top: 20px;
    width: 120px;
    height: 10px;
    background-color: black;
    background-image: linear-gradient(#e6e5e6, #000);
}

.flopper-board-section.academice-home {
    padding: 70px 0;
}

.flopper-board-section {
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
    /* padding: 80px 0; */
}

.flopper-boarder-info li span,
.academics-flopper-boarder li span {
    background: url(../images/flapper_span.webp) no-repeat 0 0;
    background-size: cover;
    height: 45px;
    width: 19.5px;
    display: inline-block;
    vertical-align: middle;
    font-size: 21px;
    line-height: 40px;
    font-weight: 600;
}

.academics-flopper-boarder {
    background: url(../images/flapper_board3.png) no-repeat 0 0;
    height: 150px;
    max-width: 508px;
    margin: 10px 29px;
    position: relative;
    z-index: 100;
    background-size: 100% 100%;
    position: relative;
    z-index: 100;
}

/*---------------flip-animation-------------------*/
a:hover,
a:focus {
    color: #fff;
}

a.flip-animate {
    perspective: 1000px;
}

a.flip-animate span {
    position: relative;
    padding: 0;
    transition: transform 0.6s;
    transform-origin: 50% 0;
    transform-style: preserve-3d;
    font-family: "Helvetica";
    font-family: normal;
}

a.flip-animate span::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    content: attr(data-hover);
    transition: color 0.3s;
    transform: rotateX(-90deg);
    transform-origin: 50% 0;
    text-align: center;
}

a.flip-animate:hover span,
a.flip-animate:focus span {
    transform: rotateX(90deg) translateY(-22px);
}

a.flip-animate:hover span:after,
a.flip-animate:focus span::after {
    color: yellow !important;
    background: url(../images/flapper_span.webp) no-repeat 0 0;
    background-size: cover;
    vertical-align: middle;
}

.flopper-boarder-info li span,
.academics-flopper-boarder li span {
    background: url(../images/flapper_span.webp) no-repeat 0 0;
    background-size: cover;
    height: 45px;
    width: 19.5px;
    display: inline-block;
    vertical-align: middle;
    font-size: 21px;
    line-height: 40px;
    font-weight: 600;
}

.flopper-boarder-info ul li a,
.academics-flopper-boarder ul li a {
    display: block;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}

.academics-flopper-boarder ul {
    text-align: center;
    padding: 21px 31px;
}

.flopper-boarder-info li,
.academics-flopper-boarder li {
    list-style-type: none;
}

.flopper-boarder-info li a:hover.flopper-boarder-info li span,
.academics-flopper-boarder li a:hover .academics-flopper-boarder li span {
    transform-style: flat;
    transition: transform 0.35s ease;
    transform: rotate(90deg);
}

.test-flopper-board {
    background: url(../images/flapper_board1.png) no-repeat 0 0;
    background-size: cover;
    height: 368px;
    max-width: 454px;
    margin: 10px 29px;
    position: relative;
    z-index: 99;
}

.test-flopper-board ul,
.flopper-boarder-info ul {
    text-align: center;
    padding: 34px 22px;
}

.test-flopper-board li span {
    background: url(../images/flapper_span.webp) no-repeat 0 0;
    background-size: cover;
    height: 38px;
    width: 19.5px;
    display: inline-block;
    vertical-align: middle;
    font-size: 21px;
    line-height: 40px;
    font-weight: 600;
}

.quick-nav {
    margin: auto 20px auto;
}

.show-flopper {
    transform: translateX(0);
}

.test-process-info {
    background-color: #fff;
    padding: 20px 20px;
    text-align: left;
    border-radius: 10px;
    max-width: 884px;
    width: 100%;
    margin: 0 auto;
    margin-top: 40px;
}

#one-on-one .test-process-info,
#scholarships .test-process-info {
    padding: 20px 50px;
    position: relative;
}

.one-on-one-counting {
    height: 60px;
    width: 60px;
    color: #fff;
    background-color: #02407b;
    position: absolute;
    border-radius: 50%;
    display: inline-block;
    left: -31px;
    border: 3px solid #fff;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    /* top: 179px; */
    top: 29%;
    font-size: 25px;
    font-weight: 600;
    line-height: 58px;
    text-align: center;
}

.flopper-boarder-info li span,
.academics-flopper-boarder li span {
    background: url(../images/flapper_span.webp) no-repeat 0 0;
    background-size: cover;
    height: 35px;
    width: 19.8px;
    display: inline-block;
    vertical-align: middle;
    font-size: 21px;
    line-height: 40px;
    font-family: "Helvetica";
    font-weight: normal;
}

.flopper-boarder-info ul li a,
.academics-flopper-boarder ul li a {
    display: block;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}

.academics-flopper-boarder ul {
    text-align: center;
    padding: 21px 20px;
}

.flopper-boarder-info li,
.academics-flopper-boarder li {
    list-style-type: none;
}

.flopper-boarder-info li a:hover.flopper-boarder-info li span,
.academics-flopper-boarder li a:hover .academics-flopper-boarder li span {
    transform-style: flat;
    transition: transform 0.35s ease;
    transform: rotate(90deg);
}

.test-flopper-board {
    background: url(../images/flapper_board1.png) no-repeat 0 0;
    background-size: cover;
    height: 368px;
    max-width: 454px;
    margin: 10px 29px;
    position: relative;
    z-index: 99;
}

.test-flopper-board ul,
.flopper-boarder-info ul {
    text-align: center;
    padding: 34px 22px;
}

.test-flopper-board li span {
    background: url(../images/flapper_span.webp) no-repeat 0 0;
    background-size: cover;
    height: 38px;
    width: 19.5px;
    display: inline-block;
    vertical-align: middle;
    font-size: 21px;
    line-height: 40px;
    font-weight: 600;
}

.quick-nav {
    margin: auto 0 auto;
}

.show-flopper {
    transform: translateX(0);
}

.test-process-info {
    background-color: #fff;
    padding: 20px 50px;
    text-align: left;
    border-radius: 10px;
    margin-top: 40px;
    position: relative;
}

#one-on-one .test-process-info,
#scholarships .test-process-info {
    padding: 20px 50px;
    position: relative;
}

.one-on-one-counting {
    height: 60px;
    width: 60px;
    color: #fff;
    background-color: #02407b;
    position: absolute;
    border-radius: 50%;
    display: inline-block;
    left: -31px;
    border: 3px solid #fff;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    /* top: 179px; */
    top: 29%;
    font-size: 25px;
    font-weight: 600;
    line-height: 58px;
    text-align: center;
    font-family: "Helvetica";
}

.heading5 {
    color: #02407b;
    text-transform: capitalize;
    font-weight: 600;
    padding: 20px 0 10px 0;
}

.test-process-info p {
    color: #545454;
    font-size: 16px;
}

.test-img-info .rounded {
    border-radius: 15px !important;
}

.test-img-info {
    padding: 75px 0;
    text-align: center;
    background-color: #fff;
    position: relative;
}

.test-img-info .rounded,
.test-img-info .img-thumbnail {
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    padding: 15px;
    border-radius: 15px !important;
}

.btn-sat-act,
.btn-act-courses {
    position: absolute !important;
    bottom: 27%;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
}

.btn-set-process,
.btn-request-diagnostic {
    background-color: #fff;
    padding: 10px 30px;
    color: #02407b;
    font-weight: 700;
    font-size: 20px;
    border-radius: 8px;
    display: inline-block;
    min-width: 320px;
    font-family: "Aileron";
    font-weight: normal;
}

.heading5 {
    color: #033f7b;
    text-transform: capitalize;
    font-weight: 600;
    padding: 20px 0 10px 0;
    font-family: "Aileron";
    font-size: 28px;
}

.test-process-info p {
    color: #555555;
    font-size: 18px;
}

.college-guidance-video {
    /* background-color: #6788a9; */
    text-align: center;
}

.summer-workshope-content {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 20px;
}

.summer-innertext {
    background-color: #fff;
    border-radius: 30px;
    padding: 10px 42px 1px;
    margin-bottom: 25px;
}

.date-registration {
    display: flex;
    justify-content: end;
}

.summer-workshope-content .heading5 {
    font-weight: 700;
    font-size: 23px;
    color: #000;
    padding: 0;
}

.summer-innertext p {
    font-weight: 600;
}

.down-arrow {
    background: url(../images/arrow-down-sign.png) no-repeat 0 0;
    background-size: cover;
    height: 25px;
    width: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
    cursor: pointer;
}

.subject-list {
    background-color: #fff;
    padding-bottom: 70px;
}

.subject-heading {
    text-align: center;
    color: #034077;
    font-size: 35px;
}

.subject-table {
    max-width: 884px;
    margin: 20px auto 0;
}

.subject-price {
    color: #0f497e;
    font-weight: 600;
}

.subject-table tr td:first-child {
    color: #878787;
}

.subject-list .table-bordered th {
    border: none;
}

.subject-list .table-bordered tr th:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.subject-list .table-bordered tr th:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.thead-bg {
    background-color: #034077;
    color: #fff;
}

.thead-bg th {
    font-weight: 400;
}

.table > :not(:first-child) {
    border-top: 0;
}

.pricing-upper-section {
    height: 330px;
}

.pricing-info {
    max-width: 950px;
    width: 100%;
    margin: 0 auto;
    padding: 80px 0;
}

.hourly-box,
.Express-box,
.stndard-box,
.deluxe-box {
    border-radius: 30px;
    text-align: center;
    margin-bottom: 20px;
}

.pricing-heading,
.express-heading,
.standard-heading,
.deluxe-heading {
    color: #fff;
    background-color: #8cafa9;
    font-size: 25px;
    border-radius: 30px 30px 0 0;
    padding: 8px 0;
    margin: 0;
    font-family: "Nunito";
}

.price-rating {
    height: 180px;
    width: 180px;
    border-radius: 50%;
    background-color: #fff;
    border: 4px solid #fff;
    position: relative;
    /* display: flex;
    justify-content: center;
    align-items: center;
    */
    font-family: "Nunito";
    margin: 0 auto;
}

.pricing-rating,
.express-rating {
    font-size: 25px;
    font-weight: 600;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    font-family: "Nunito";
    font-weight: 900;
}

.price-rating p {
    font-size: 30px;
}

.price-rating span {
    display: block;
    color: #1c2c2b;
    font-size: 25px;
    line-height: 25px;
    font-weight: normal;
}

.price-inner-content,
.price-express-content,
.price-standard-content,
.price-deluxe-content {
    /* padding:0 20px; */
    background: linear-gradient(180deg, #c2e3dd 10%, #8cafa9 70%);
    /* border-radius: 0 0 30px 30px; */
}

.price-inner-content p {
    padding: 50px 0;
    font-weight: 600;
    font-family: "Nunito";
    margin-bottom: 0;
    font-size: 18px;
}

.price-express-content p {
    padding: 79px 0;
    font-weight: 600;
    color: #fff;
    font-family: "Nunito";
    margin-bottom: 0;
    font-size: 18px;
}

.express-rating {
    color: #205366;
}

.price-rating::after {
    content: " ";
    height: 100%;
    width: 100%;
    border-radius: 50%;
    border: 1.5px solid #c7d8d5;
    position: absolute;
    top: 0;
    left: 0;
}

.express-pay-process {
    color: #205364;
    font-size: 25px;
}

.pay-process,
.express-pay-process,
.standard-pay-process {
    display: inline-block;
    background-color: #fff;
    color: #000;
    padding: 10px 18px;
    text-decoration: none;
    margin: 20px 0;
    border-radius: 30px;
    font-weight: 600;
    font-size: 18px;
    min-width: 173px;
    font-family: "Nunito";
    font-weight: bold;
}

.pay-process:hover,
.express-pay-process:hover,
.standard-pay-process:hover {
    color: #000;
    text-decoration: none;
}

.express-pay-process {
    color: #205364;
}

.price-express-content {
    background: linear-gradient(180deg, #64a7c1 10%, #285b6e 70%);
}

.price-standard-content {
    background: linear-gradient(180deg, #4a5074 10%, #242946 70%);
}

.price-deluxe-content {
    background: linear-gradient(180deg, #246eb5 10%, #012547 70%);
}

.standard-heading {
    background-color: #212741;
}

.price-standard-content p {
    color: #fff;
    padding: 38px 0;
    font-family: "Nunito";
    margin-bottom: 0;
    font-size: 18px;
}

.standard-pay-process,
.stndard-box .express-rating {
    color: #212540;
}

.express-heading {
    background-color: #225266;
}

.deluxe-heading {
    background-color: #002446;
}

.price-deluxe-content p {
    color: #fff;
    padding: 65px 0;
    font-family: "Nunito";
    margin-bottom: 0;
    font-size: 18px;
}

.deluxe-box .express-pay-process,
.deluxe-box .express-rating {
    color: #012547;
}

.pricing-info .row {
    align-items: flex-end;
}

.main-section-home {
    overflow: hidden;
    /* background-size: cover;
    background-repeat: no-repeat; */
    background-position: top center;
    position: relative;
    /* height: calc((var(--vh, 1vh) * 100)); */
    background-repeat: no-repeat;
    background-size: 100% 100vh;
}

section.main-section-home.terp-prep-bg {
    background-size: 100%;
}

.main-upper-section {
    min-height: 330px;
}

.test-banner-info {
    position: relative;
    z-index: 99;
}

.test-banner-info .buttons-tab {
    display: flex;
    justify-content: space-between;
}

.heading3 {
    color: #ffffff;
    font-size: 45px;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center;
    font-family: "Nunito";
    font-weight: 900;
}

.sub-txt {
    font-size: 18px;
    text-align: center;
    color: #ffffff;
}

/* }
.test-banner-info::after {
    content: '';
    height: 100%;
    width: 100%;
    right: 0;
    left: 0px;
    bottom: 0;
    top: 0;
    position: absolute;
    background: linear-gradient(180deg, #6788a9b8 10%, #6788a9 70%);
    opacity: 1;
} */

.form-control {
    height: 50px;
    font-size: 18px;
    font-family: "Nunito";
    font-weight: bold;
}

/****************************** Footer Css Start **********************************/

.scrollmagic-pin-spacer {
    /* padding-top:0px !important ; */
    /* padding-bottom: 0px !important; */
}

.footer {
    width: 100%;
    z-index: 9999;
    position: relative;
    z-index: 9;
}

.scrolldivdata {
    background-color: #2c277b;
    width: 100%;
}

.footer .inner-top-footer {
    padding: 55px 0 30px;
}

.footer .footer-logo {
    max-width: 320px;
    width: 100%;
    margin: 0 auto 15px;
}

/* .footer .inner-bottom-footer {
    padding: 55px 0 30px;
} */

.footer .footer-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer .footer-nav .footer-info {
    width: 20%;
}

.footer .footer-nav .footer-info .footer-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px;
    color: #ffffff;
    font-family: "Aileron";
    font-weight: 900;
}

.footer .footer-nav .footer-info .footer-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer .footer-nav .footer-info .footer-list li {
    padding-bottom: 20px;
}

.footer .footer-nav .footer-info .footer-list li a {
    color: #c8dae5;
    font-family: "Aileron";
    font-weight: bold;
    text-transform: capitalize;
    text-decoration: none;
    font-size: 18px;
}

.footer .inner-bottom-footer {
    padding: 15px 0px;
    border-top: 1px solid #383d6a;
}

.footer .inner-bottom-footer p {
    color: #ffffffd9;
    text-align: center;

    font-size: 18px;
    margin: 0;
    font-family: "Helvetica";
    font-weight: normal;
}
.upcoming-events.date-event p a:active,
.upcoming-events.date-event p a:focus,
.upcoming-events.date-event p a:hover {
    color: #0d6efd;
}
/* _____________milan css STARED_____________ */
header .navbar.navbar-expand-lg.fixed-top.bg-light {
    background-color: var(--sky-color) !important;
}

.header .navbar-brand img {
    max-width: 300px;
    width: 100%;
}

.test-banner-info .custom-btn {
    margin-top: 120px;
}

.form-label label {
    display: block;
    font-size: 16px;
    color: gray;
}
.row.interactive-form1.firstform .form-label label {
    font-size: 16px;
    color: #808080;
    line-height: 24px;
    margin-bottom: 10px;
    font-weight: 400;
    font-family: "Helvetica";
}

.modal {
    z-index: 99999;
}

.main-section-home.pricing-section-page {
    margin-top: 105px;
}

/* .hourly-box.same_boxprice .price-inner-content p{
    color: #fff;
} */
.same_boxprice .price-inner-content,
.same_boxprice .price-express-content,
.same_boxprice .price-standard-content,
.same_boxprice .price-deluxe-content {
    height: 550px;
    display: grid;
    align-items: end;
    justify-content: center;
}

.same_boxprice .price-inner-content p,
.same_boxprice .price-express-content p,
.same_boxprice .price-standard-content p,
.same_boxprice .price-deluxe-content p {
    padding: 30px 0px;
    height: 240px;
    align-items: center;
    display: flex;
}

.deluxe-box.same_boxprice.active,
.hourly-box.same_boxprice.active,
.Express-box.same_boxprice.active,
.stndard-box.same_boxprice.active {
    box-shadow: 0px 0px 10px 4px #142b40;
}

.deluxe-box.same_boxprice.active .price-deluxe-content,
.hourly-box.same_boxprice.active .price-inner-content,
.Express-box.same_boxprice.active .price-express-content,
.stndard-box.same_boxprice.active .price-standard-content {
    height: 600px;
    background: #034078;
    color: #fff;
}

.hourly-box.same_boxprice.active .pricing-heading,
.Express-box.same_boxprice.active .express-heading {
    background-color: #212741;
    color: #fff;
}

.deluxe-box.same_boxprice.active
    .price-deluxe-content
    .price-rating
    .pricing-rating,
.hourly-box.same_boxprice.active
    .price-inner-content
    .price-rating
    .pricing-rating,
.Express-box.same_boxprice.active
    .price-express-content
    .price-rating
    .pricing-rating,
.stndard-box.same_boxprice.active
    .price-standard-content
    .price-rating
    .pricing-rating {
    color: #012547;
}

/* _____________milan css ENDED_____________ */

/************************* Responsive Css***************************/

@media (max-width: 1024px) {
    .pricing-heading,
    .express-heading,
    .standard-heading,
    .deluxe-heading {
        font-size: 18px;
        padding: 10px 0px;
    }
}

@media (max-width: 1399px) {
    .clearbtn a input {
        padding: 6px 16px !important;
        font-size: 14px !important;
    }
    .contact-card {
        padding: 0;
    }

    /* .video-banner .viedo-section video{
        height: 623px;
    } */
    .upcoming-events.date-event .date p {
        font-size: 16px !important;
    }

    .upcoming-events.date-event .date h6 {
        font-size: 17px !important;
    }

    .my-calender {
        padding-bottom: 50px !important;
    }
}

@media (max-width: 1199px) {
    .header .navbar .navbar-nav .nav-item .nav-link {
        font-size: 16px;
        padding: 10px 10px;
    }

    .test-banner-content {
        margin: 20px auto;
    }

    .test-banner-info {
        text-align: center;
    }

    .footer .footer-nav {
        justify-content: flex-start;
    }

    .footer .footer-nav .footer-info {
        width: 33.3%;
        margin-top: 30px;
    }

    .banner-diffrence {
        margin-top: 88px;
    }

    /* book css */
    .content-book h1 {
        font-size: 26px !important;
        padding-bottom: 0px !important;
        margin-bottom: 17px !important;
    }

    .content-book p.heading-pera {
        font-size: 16px !important;
    }

    .content-book p.title {
        font-size: 15px !important;
    }

    .content-body h2 {
        font-size: 20px !important;
        padding-bottom: 2px !important;
    }

    .content-body p {
        font-size: 15px !important;
        line-height: 23px !important;
    }

    .tab-content.current iframe {
        height: 730px !important;
    }

    .test-process-info {
        margin-top: 20px;
    }

    .user {
        padding-bottom: 40px;
    }

    .subject-heading {
        font-size: 30px;
    }

    table.table.table-striped.token_calculator_table tr {
        background-color: transparent !important;
    }

    .newtoken {
        padding-left: 0px !important;
    }
    input.btn-primary-data-continue {
        background-size: 150px !important;
        background-position: center !important;
        font-size: 16px !important;
    }
    .contact-item-box .sub-txt {
        min-height: 266px !important;
    }
}

@media (max-width: 991px) {
    input.btn-primary-data-continue {
        background-size: 140px !important;
        background-position: center !important;
        font-size: 15px !important;
    }
    .fc-daygrid.fc-dayGridMonth-view.fc-view {
        padding: 10px !important;
        padding-top: 0px !important;
    }

    .test-banner-content {
        margin: 20px auto;
    }

    .page-header-section h2 {
        font-size: 41px;
    }

    .heading1 {
        font-size: 56px;
    }

    .banner-text {
        font-size: 36px;
    }

    .heading1::after {
        width: 90%;
    }

    .header .navbar-collapse.collapse {
        padding: 0px 0px 20px !important;
    }

    .same_boxprice .price-inner-content,
    .same_boxprice .price-express-content,
    .same_boxprice .price-standard-content,
    .same_boxprice .price-deluxe-content,
    .deluxe-box.same_boxprice.active .price-deluxe-content,
    .hourly-box.same_boxprice.active .price-inner-content,
    .Express-box.same_boxprice.active .price-express-content,
    .stndard-box.same_boxprice.active .price-standard-content {
        height: 490px;
    }

    .same_boxprice .price-inner-content p,
    .same_boxprice .price-express-content p,
    .same_boxprice .price-standard-content p,
    .same_boxprice .price-deluxe-content p {
        height: auto;
    }

    .subject-heading {
        font-size: 30px !important;
    }

    .table_package .table-responsive.data {
        padding-bottom: 20px;
    }
    .contact-item-box .sub-txt {
        min-height: auto !important;
    }
    .contact-item-box {
        padding: 30px 20px;
    }
}

@media screen and (max-width: 767px) {
    .navbar-brand img {
        max-width: 200px;
    }

    .content-book {
        padding: 0px 30px;
    }

    .content-book h1 {
        font-size: 21px !important;
    }

    .content-book p.heading-pera {
        font-size: 15px !important;
    }

    .content-book p.title {
        font-size: 14px !important;
    }

    .contact-card {
        padding: 0;
    }

    .contact-item-box {
        margin: 10px 0;
        padding: 40px 20px;
    }

    .footer .footer-nav .footer-info {
        width: 50%;
    }

    .footer .footer-nav {
        padding: 0 20px;
    }

    .header .navbar-collapse {
        margin-top: 0;
    }

    .header .navbar-collapse.collapse.show {
        padding: 20px 0;
    }

    section.acdemics-banner.main-section-home {
        margin-top: 80px !important;
    }

    .test-banner-content {
        margin: 20px auto;
    }

    /* .video-banner .viedo-section video{
        height: 890px;
    } */
    .heading1 {
        font-size: 48px;
    }

    .banner-text {
        font-size: 34px;
    }

    .heading1::after {
        width: 90%;
    }

    .page-header-section h2 {
        font-size: 36px;
    }

    section.book-my {
        overflow-x: auto;
        padding: 0px 30px;
    }
}

@media screen and (max-width: 576px) {
    .footer .footer-nav .footer-info {
        width: 50%;
    }

    .footer .footer-nav .footer-info .footer-list li a {
        font-size: 16px;
    }

    .footer .footer-nav .footer-info .footer-list li {
        margin-bottom: 15px;
        padding-bottom: 0px;
    }

    /* .custom-btn{
        min-width: 243px;
        min-height: 90px;
        padding: 19px;
        font-size: 16px;
    } */
    .contact-top {
        flex-direction: column;
    }

    .contact-right {
        text-align: left;
    }

    .contact-layout {
        padding: 20px 0;
    }

    .test-banner-info {
        text-align: center;
    }

    .test-banner-content {
        margin: 20px auto;
    }

    .heading1 {
        font-size: 44px;
    }

    .banner-text {
        font-size: 28px;
    }

    /* .video-banner .viedo-section video{
        height: 576px;
    } */
    .page-header-section h2 {
        font-size: 38px;
    }

    .main-heading {
        font-size: 30px;
    }

    .info-text,
    .result-info-section p {
        font-size: 18px;
        line-height: 30px;
    }

    .info-text {
        padding: 0px 15px;
    }

    .swiper.custom .swiper-slide.swiper-slide-active .tools-inner-content h6 {
        font-size: 16px;
    }

    .pricing-info {
        margin: 0 auto;
        padding: 40px 20px;
    }

    .price-express-content p,
    .price-inner-content p,
    .price-standard-content p,
    .price-deluxe-content p {
        padding: 30px 0;
    }

    .hourly-box,
    .Express-box,
    .stndard-box,
    .deluxe-box {
        max-width: 380px;
        width: 100%;
        margin: 0 auto 20px;
    }

    .btn-contact {
        float: none;
        margin-top: 20px;
    }

    .page-header-section h2 {
        font-size: 28px;
    }

    .heading1::after {
        width: 80%;
    }
}

/* sahil css */

/* new css for the 100 server blue train  */
.collegeboard-link a,
.request-dia-exams-forms label,
.test-process-info p {
    font-family: "Helvetica";
    font-weight: normal;
}

.test-img-info a:hover {
    color: #212529;
}

.buttons-calender {
    margin-top: 25px;
}

/* sahil css */

body {
    margin: 0;
    padding: 0;
    font-family: "Helvetica";
    font-weight: normal;
}

.main-container {
    position: relative;
}

a.btn.custom-btn.btn1,
a.btn.custom-btn.btn2 {
    position: absolute;
    z-index: 999;
    /* transition: 0.2s linear ; */
}

a.btn.custom-btn.btn1 img,
a.btn.custom-btn.btn2 img {
    max-width: 85%;
    width: 100%;
    transition: 0.3s ease-in;
}

a.btn.custom-btn.btn1,
a.btn.custom-btn.btn1 {
    top: 250px;
    right: 107px;
}

a.btn.custom-btn.btn2,
a.btn.custom-btn.btn2 {
    top: 250px;
    left: 107px;
}

a.btn.custom-btn.btn1 img:hover,
a.btn.custom-btn.btn1 img:hover,
a.btn.custom-btn.btn2 img:hover,
a.btn.custom-btn.btn2 img:hover {
    transform: scale(1.1);
}

/* toggle css for the collage gidnace */

.toggleid .date {
    padding: 50px 0px;
    gap: 15px;
    /* justify-content: space-between; */
    /* max-width: 733px; */
    margin: 0 auto;
    flex-wrap: wrap;
}

.toggleid h6 {
    color: #000;
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
}

.summer-innertext {
    position: relative;
}

.summer-innertext button.closebtn {
    border: none;
    background: transparent;
    position: absolute;
    right: 8px;
    transform: rotate(-184deg);
    bottom: 10px;
    display: none;
}

.summer-innertext button.closebtn.show {
    display: block;
}

/* contact page css */

section.contact-form-section .contact-item-box a {
    margin: 0 auto;
    height: auto;
}

/* insert a date yellow icon */
.blue-train-date-active {
    position: absolute;
    top: 50%;
    font-weight: 700;
    left: 50%;
    transform: translate(-50%, -49%);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.blue-train-date-active p {
    margin-bottom: 0px;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    font-family: "Fira Sans" !important;
    line-height: normal;
}

.college-guidance-video iframe {
    max-width: 684px;
    width: 100%;
    height: 400px;
    border-radius: 15px;
    border: 5px solid #fff;
    border-radius: 30px;
}

/* tab section */
#pills56 .test-process-info {
    padding: 20px 50px;
    position: relative;
}

/* pricing section css */

section.section.token_usage {
    background-color: #eef7f8;
    position: relative;
    z-index: 0;
}

section.section.token_usage::after {
    width: 50%;
    height: 100%;
    position: absolute;
    background-color: #f6f0f1;
    content: "";
    top: 0;
    right: 0;
    z-index: -1;
}

.summer-workshope-content {
    max-width: 884px;
    width: 100%;
    margin-left: auto;
}

section.section.token_usage .table_package {
    max-width: 640px;
    width: 100%;
    margin-left: auto;
}

section.section.token_usage .table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: transparent !important;
}

th.text-dark.custom_againbg_heading {
    background-color: #eef7f8;
    margin-right: 20px;
    border-bottom: none;
    font-size: 30px;
    color: #2c277b !important;
    font-weight: bold;
}

section.section.token_usage
    table.table.table-striped1.token_calculator_table
    tr
    td {
    border-bottom: none;
}

section.section.token_usage .custom_againbg h5 {
    text-align: center;

    margin-right: 20px;
    border-bottom: none;
    font-size: 30px;
    color: #2c277b !important;
    font-weight: bold;
    padding-bottom: 20px;
    padding-top: 14px;
    margin-bottom: 0px;
}

table.table.table-striped.token_calculator_table tr {
    background-color: #f6f0f1;
}

section.section.token_usage
    table.table.table-striped.token_calculator_table
    tbody
    > tr:nth-of-type(odd)
    > * {
    --bs-table-accent-bg: transparent;
}

section.section.token_usage .table > :not(caption) > * > * {
    border-bottom-width: 0px;
}

.btn-success {
    border-radius: 10px;
    padding: 10px 30px;
}

/* new secton css */
.canlenderStyle .tableWrpr {
    max-width: 610px;
    width: 100%;
    margin: 0 auto;
}

.canlenderStyle .tableWrpr {
    border: 4px solid #1283a3 !important;
}

.canlenderStyle .tabBtnsList .tabBtn.active {
    border: none !important;
}

.canlenderStyle .tabBtnsList button {
    border: none;
    font-family: Helvetica;
    line-height: 24px;
}

.canlenderStyle .tableWrpr h6 {
    font-family: Helvetica;
}

.canlenderStyle .tableWrpr {
    padding: 50px !important;
}

button#calcBtn {
    border: none;
}

.canlenderStyle .tableWrpr table td select {
    padding: 5px 25px;
    max-width: 190px !important;
    width: 100%;
}

.canlenderStyle .tableWrpr table td select {
    width: 100% !important;
    text-align: center;
    position: relative;
    padding: 5px 25px !important;
}

.canlenderStyle .tableWrpr table td span {
    color: #1283a3 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}

.canlenderStyle .tableWrpr table td {
    padding-bottom: 20px !important;
}

.canlenderStyle a.compareBtn {
    text-decoration: none;
    margin-top: 30px !important;
}

input.btn.btn-success {
    margin-top: 30px;
}

section.pricongslider .testimonialsClient p {
    font-family: Helvetica !important;
    font-weight: 900 !important;
    font-size: 20px !important;
    line-height: 30px !important;
}

section.pricongslider .testimonialsClient .clinetSlide_pri {
    max-width: 605px !important;
    width: 100%;
}

.junior-label,
.senior-label,
.track-label .label-3,
.track-label .label-2,
.track-label .label-1 {
    /* z-index: -8 !important; */
}

.buble {
    position: relative;
    z-index: 0;
}

.buble::after {
    content: "";
    width: 141%;
    height: 123%;
    position: absolute;
    background: #fff;
    top: -130px;
    overflow: hidden;
    left: -104px;
    z-index: -1;
}

select#bookcourses {
    margin-bottom: 10px !important;
}

.train-section {
    padding-top: 0px !important;
    overflow-x: hidden !important;
}

.tools-slider-section {
    margin-bottom: 50px;
}

.tokenrates a {
    text-decoration: none;
}

.tokenrates a:hover {
    color: #0d6efd !important;
}

a.btn.custom-btn.btn2.top2 {
    animation: animate-table-pop 5s linear !important;
}

/* caleder css start */

.inner-track3 {
    /* z-index: -9 !important; */
}

.inner-blue-line-tracker span:nth-child(11) {
    z-index: 100 !important;
}

.inner-blue-line-tracker span:nth-child(12) {
    z-index: 99 !important;
}

.inner-blue-line-tracker span:nth-child(13) {
    z-index: 82 !important;
}

.inner-blue-line-tracker span:nth-child(14) {
    z-index: 9 !important;
}

.month-track-name span:nth-child(12),
.month-track-name span:nth-child(11),
.month-track-name span:nth-child(13) {
    z-index: 8 !important;
}

@keyframes animate-table-pop {
    0% {
        opacity: 00.3;
    }

    25% {
        opacity: 0.4;
    }

    50% {
        opacity: 0.5;
    }

    75% {
        opacity: 0.7;
    }

    100% {
        opacity: 1;
    }
}

/* page css */
#album {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background-color: #fff;
    cursor: pointer;
}

#album .pages-book {
    background-color: #fff;
}

.pages-book.dataa {
    background-size: cover;
    background-position: right;
}

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

.content-book h1 {
    font-family: "Nunito";
    font-weight: 900;
    font-size: 36px;
    padding-bottom: 4px;
    color: #02407a;
    position: relative;
    max-width: fit-content;
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    text-align: center;
}

.content-book h1::after {
    content: "";
    width: 50%;
    height: 2px;
    position: absolute;
    bottom: -10px;
    background: #02407a;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.content-book p.heading-pera {
    font-size: 20px;
    font-family: "Nunito";
    font-weight: 600;
    color: #02407a;
    margin-bottom: 0px;
    text-align: center;
}

.content-book p.title {
    font-size: 18px;
    font-family: "Nunito";
    font-weight: 600;
    color: #02407a;
    margin-bottom: 0px;
    text-transform: capitalize;
    text-align: center;
}

.body-img,
.content-body {
    padding: 30px;
}

.content-body h2 {
    font-family: "Nunito";
    font-weight: 600;
    font-size: 25px;
    padding-bottom: 4px;
    color: #02407a;
}

.content-body p {
    font-size: 17px;
    line-height: 25px;
    font-weight: 400;
    font-family: "Nunito";
}

.buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding: 40px 0px;
}

.buttons button {
    background-color: transparent;
    border: none;
}

.college-guidance-content {
    max-width: 884px;
    width: 100%;
    margin: 0 auto;
}

.custom_againbg {
    max-width: 460px;
    width: 100%;
    margin-right: auto;
}

.canlenderStyle .totalSc span.title {
    font-weight: 700 !important;
    font-size: 36px !important;
    line-height: 45px !important;
}

span#sattotalResult,
span#ptotalResult,
span#acttotalResult,
span#totalResult {
    font-weight: 700 !important;
    font-size: 36px !important;
    line-height: 45px !important;
}

.clearbtn {
    margin-right: 50px;
    height: 50px;
}

.clearbtn a {
    text-decoration: none !important;
}

.clearbtn a input {
    background-color: #1282a2 !important;
    border: none !important;
    font-size: 16px;
    text-decoration: none !important;
    font-weight: bold !important;
    line-height: normal !important;
    padding: 10px 15px;
}

.pl20 input[type="radio"] {
    height: 18px;
    width: 18px;
    margin-bottom: 0px;
}

.pl20 input[type="checkbox"] {
    margin-bottom: 0px;
    width: 28px;
    height: 20px;
}

label.selection-confirm,
.pl20 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.row.table_package_full {
    justify-content: flex-end;
}

small.text-small {
    color: #000;
    font-size: 18px;
}

.newtoken {
    padding-left: 40px;
}

.tokenrates.text-center {
    padding-bottom: 20px;
}

.tokenrates.text-center a {
    font-size: 22px;
    color: #0004ad;
    font-weight: 500;
}

.tokenrates.text-center a:hover {
    color: #0004ad !important;
}

.submit-btn.submit-btn-center.updatedbtn a {
    margin-top: 0px;
}

.xga-accrodion {
    font-family: "Helvetica";
}

.btn-contact.text-center.keep-sign.mt-4 a:hover {
    color: #0d6efd;
}

.our-process-tab {
    max-width: 884px !important;
}

a.btn.custom-btn.btn2.bttuns,
a.btn.custom-btn.btn1.bttuns {
    margin-top: 0px !important;
}

.buttons-calender a,
a.btn.custom-btn.pricing,
.submit-btn.submit-btn-center.updatedbtn a,
.video-banner .banner-start-btn.text-center a,
.start-btn.text-center a.btn.custom-btn,
.contact-item-box a {
    transition: 0.3s ease-in;
}

/* sahil css for new timeline*/

a.fc-daygrid-event.fc-daygrid-dot-event.fc-event.fc-event-draggable.fc-event-resizable.fc-event-start.fc-event-end.fc-event-pastP {
    padding: 8px 0px !important;
    background-color: transparent !important;
}

a.fc-daygrid-event.fc-daygrid-dot-event.fc-event.fc-event-draggable.fc-event-resizable.fc-event-start.fc-event-end.fc-event-past:hover {
    color: #0004ad !important;
}

.btn-contact.text-center.keep-sign.mt-4 a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-family: "Nunito" !important;
    color: #0d6efd !important;
}

.btn-contact.text-center.keep-sign.mt-4 a:hover {
    color: #0d6efd !important;
}

.btn-contact.text-center.keep-sign.mt-4 a input[type="checkbox"] {
    margin-right: 10px !important;
}

/* new css work tab section */

.container-tab-data ul {
    display: flex;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.container-tab-data ul li {
    background-color: #034078;
    border-radius: 10px 10px 0 0;
    margin: 0 25px;
    text-transform: uppercase;
    padding: 8px 27px;
    font-weight: 600;
    color: #fff;
    font-family: "Helvetica";
    cursor: pointer;
    border: 1px solid #fff;
    border-bottom: none;
}

.container-tab-data ul li.tab-link.current {
    background-color: #fff;
    color: #034078;
}

.tab-content {
    display: none;
}

.tab-content.current {
    display: inherit;
}

.summerbox-content {
    background: #fff;
    padding: 10px;
    border-radius: 5px;
}

.summer-workshope-content.summer-mt {
    max-width: 100%;
    width: 100%;
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    column-gap: 40px;
}

.summer-workshope-content.summer-mt .summer-innertext {
    max-width: 450px;
    width: 100%;
    padding: 0;
    padding: 10px;
    border: 1px solid #c4c4c4;
    overflow: hidden;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 30px;
    border-radius: 10px;
}

.summer-workshope-content.summer-mt .summer-innertext h5 {
    font-size: 18px;
    text-align: left;
    margin-top: 15px;
}

.summer-workshope-content.summer-mt .summer-innertext p {
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
    text-align: left;
    line-height: 22px;
    margin-bottom: 0px;
}

.summer-innertext img {
    border-radius: 10px;
}

.toggleid .date {
    padding-top: 20px;
    padding-bottom: 0px;
    padding-bottom: 20px;
    text-align: left;
}

.toggleid h6 {
    color: #000;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    text-align: left;
    margin-bottom: 10px;
}

/* // over flow data sahil  */
.mainviewdata {
    height: 91px;
    overflow-y: hidden;
    transition: 0.3s ease-in;
}

p.date-registration i {
    background-size: 15px;
    width: 18px;
    height: 18px;
    margin-top: 5px;
    margin-left: 10px;
}

.summer-innertext.showtogle .mainviewdata {
    height: auto;
}

.less-more {
    display: none;
}

.summer-innertext.showtogle .less-more {
    display: block;
}

.summer-innertext.showtogle p.less-more {
    text-align: right;
}

.summer-innertext.showtogle p.less-more i {
    background-size: 15px;
    width: 18px;
    height: 18px;
    margin-top: 0px;
    margin-left: 8px;
    transform: rotate(180deg);
}

.toggleid .date label {
    text-align: left;
    padding: 5px 5px;
    /* max-width: 170px; */
    /* border: 1px solid #1283a3; */
    border-radius: 10px;
    font-size: 14px;
}

.summer-innertext.showtogle p.date-registration {
    display: none;
}

.toggleid .date label {
    cursor: pointer;
    cursor: pointer;
    width: 100%;
    padding: 8px;
    border: 1px solid #1283a3;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: 0.3s ease-in;
}
.toggleid .date label.active {
    background-color: #1283a3;
    color: #fff;
}

.toggleid .date label button {
    background-color: transparent;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    background-color: #03c988;
    color: #fff;
    opacity: 0;
    transition: 0.3s ease-in;
}
.toggleid .date label.active button {
    opacity: 1;
}
.toggleid .date label:hover button {
    opacity: 1;
}
.toggleid .date label:hover {
    background-color: #1283a3;
    color: #ffffff;
}

.toggleid button.registernow {
    background: transparent;
    margin-right: auto;
    display: block;
    border-radius: 5px;
    padding: 4px 8px;
    border: 1px solid #03c988;
    color: #03c988;
    cursor: pointer;
    transition: 0.3s ease-in;
}

.toggleid button.registernow:hover {
    background-color: #03c988;
    color: #fff;
}

/*   */

.tab-content.current iframe {
    height: 740px;
}

.fc-scrollgrid-sync-inner {
    padding: 15px 0px !important;
}

tr.fc-scrollgrid-section.fc-scrollgrid-section-header
    thead
    tr
    th
    .fc-scrollgrid-sync-inner {
    padding: 15px 0px !important;
}

.container-tab-data {
    max-width: 910px;
    margin: 0 auto;
}

div#erroremail {
    color: red;
    font-size: 14px;
}

.collegeboard-link {
    margin-top: 30px;
}

.summer-innertext p.less-more,
.summer-innertext p.date-registration {
    cursor: pointer !important;
    margin-top: 10px;
}

.msgshow {
    color: #57c14a !important;
}

section.train-section .info-text {
    padding-bottom: 60px;
}

.sumerbox-data {
    display: flex;
    align-items: center;
    gap: 30px;
}

.sumerbox-data .img {
    width: 50%;
}

.sumerbox-data .data {
    width: 50%;
}

.row.data-cart {
    justify-content: flex-end;
    align-items: center;
}
.mainimg.tect-center {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
}
span#eventURL a {
    color: #3788d8 !important;
}

.arrow_center .mySwiper4 .data-conent {
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.arrow_center .mySwiper4 .data-conent h6 {
    margin: 0px;
}
.testimonial-content-data {
    height: 150px;
}
.bios-wrapper {
    height: 650px;
}

.pay-process:focus,
.standard-pay-process:focus {
    color: #348dfb !important;
}
.pay-process:hover,
.standard-pay-process:focus:hover {
    color: #fff !important;
}

/* section.video-banner{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: calc((var(--vh, 1vh) * 88));
} */

.page-header-section {
    position: relative;
    z-index: 9;
}
.pl20.resetBtn {
    padding-top: 48px;
    margin-bottom: 0px;
}

/* .listServiceModal .modal-header{
    background-color: #fff;
} */
.main-datasave button {
    margin-top: 20px;
    background: url(../images/start-buttom-removebg-preview.webp) no-repeat 0 0;
    border-color: transparent;
    background-size: cover;
    min-width: 200px;
    min-height: 75px;
    line-height: 55px;
    font-size: 15px;
    color: #fff;
    font-family: "Nunito";
    font-weight: bold;
    text-transform: uppercase;
    font-weight: 600;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    transition: 0.5s all;
    box-shadow: none;
    transition: 0.3s ease-in;
    border: none;
    background-color: transparent;
}
.main-datasave button:active,
.main-datasave button:focus,
.main-datasave button:hover {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* new payment gatway design  */

.custom_againbg {
    max-width: 480px;
}

.col-12.col-sm-12.col-md-12.col-lg-12.col-xl-10.col-xxl-10.padlr10 {
    max-width: 100%;
    width: 100%;
}
th.text-center.hours {
    width: 150px !important;
}

/* span.close-messagepopup {
    width: 100%;
    height: 100%;
    display: block;
    background: red;
    position: fixed;
    top: 0;
    z-index: -100;
}
*/
section.train-section.train-section-height {
    position: relative;
    z-index: 2;
}
.close-messagepopup2 {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    background-color: red;
    z-index: 0;
}

/* sahil table design data  start */

.contact-form-section {
    background: #f5fbff;
}
/* sahil table design data end  */
/* @media (min-width: 2559px) 
{
    body {
        position: relative;
        z-index: 0;
        font-size: 22px !important;
    }
}

@supports (-webkit-touch-callout: none) {
  @media (min-width: 2559px) {
    body {
      position: relative;
      z-index: 0;
      font-size: 22px !important;
    }
  }
}

@media not all and (min-resolution: 0.001dpcm) {
  @media (min-width: 2559px) {
    body {
      position: relative;
      z-index: 0;
      font-size: 22px !important;
    }
  }
} */

@media (max-width: 1730px) {
    a.btn.custom-btn.btn1 {
        right: 60px;
    }

    a.btn.custom-btn.btn2 {
        left: 60px;
    }

    .college-guidance-content,
    .request-dia-exams-forms,
    .test-banner-content {
        width: 100%;
        margin: 0 auto;
        max-width: 750px !important;
    }

    .our-process-tab {
        max-width: 750px !important;
    }

    .summer-workshope-content,
    .test-process-info {
        max-width: 750px !important;
    }

    .summer-workshope-content.summer-mt.data {
        max-width: 100% !important;
        width: 100%;
    }
}

@media (max-width: 1699px) {
    .estimated-box {
        left: 30px !important;
    }
}

@media (max-width: 1600px) {
    a.btn.custom-btn.btn1 {
        right: 70px;
    }

    a.btn.custom-btn.btn2 {
        left: 70px;
    }

    .college-guidance-content,
    .request-dia-exams-forms,
    .test-banner-content {
        width: 100%;
        margin: 0 auto;
        max-width: 687px !important;
    }

    .our-process-tab {
        max-width: 687px !important;
    }

    .subject-table,
    .summer-workshope-content,
    .test-process-info {
        max-width: 687px !important;
    }
}

@media (max-width: 1599px) {
    .result-info-section .bios-text {
        color: #ffffff;
        font-size: 16px;
        line-height: 30px;
    }
    .contact-item-box .sub-txt {
        min-height: 236px;
    }
    .estimated-box {
        top: 50px !important;
        left: 10px !important;
    }

    .tokenrates.text-center {
        padding-bottom: 15px;
    }

    .tokenrates.text-center a {
        font-size: 18px;
    }

    small.text-small {
        font-size: 16px;
    }

    a.btn.custom-btn img {
        max-width: 170px;
    }

    a.btn.custom-btn.btn1,
    a.btn.custom-btn.btn2 {
        top: 140px;
    }

    a.btn.custom-btn.btn1 {
        right: 17px;
    }

    a.btn.custom-btn.btn2 {
        left: 17px;
    }

    p.sub-txt.margin-bottom {
        margin-bottom: 50px;
    }

    a.btn.custom-btn.btn1:hover,
    a.btn.custom-btn.btn1:hover,
    a.btn.custom-btn.btn2:hover,
    a.btn.custom-btn.btn2:hover {
        transform: scale(1.1);
    }

    .contact-item-box {
        padding: 39px 15px;
        max-width: 100%;
        width: 100%;
    }

    .bios-section {
        height: 400px;
    }
}

@media (max-width: 1399px) {
    .footer .inner-bottom-footer {
        padding: 10px 0px;
    }
    .contact-item-box .title {
        font-size: 25px;
    }
    .contact-item-box .sub-txt {
        min-height: 205px;
    }
    .fc .fc-toolbar-title {
        font-size: 20px !important;
    }

    .fc .fc-daygrid-day-top {
        height: 48px !important;
    }

    .buttons-calender {
        margin-top: 15px;
    }

    a.btn.custom-btn.btn1 img,
    a.btn.custom-btn.btn2 img {
        max-width: 70%;
    }

    a.btn.custom-btn.btn1,
    a.btn.custom-btn.btn2 {
        top: 120px;
    }

    th.text-dark.custom_againbg_heading,
    section.section.token_usage .custom_againbg h5 {
        font-size: 25px;
    }

    .pl20 input[type="checkbox"] {
        margin-bottom: 0px;
        width: 14px;
        height: 14px;
    }

    .pl20 input[type="radio"] {
        height: 14px;
        width: 14px;
        margin-bottom: 0px;
    }

    label.selection-confirm,
    .pl20 {
        margin-bottom: 10px;
    }

    form#formpackage .table-responsive {
        overflow-x: hidden;
    }

    form#formpackage label.mar.mb-3 b {
        font-size: 15px;
    }

    .row.table_package_full {
        justify-content: center;
    }

    label.mar.mb-3 b {
        font-size: 18px;
    }

    .newtoken {
        padding-left: 40px;
    }
    /* 
    .train-section {

        height: 1188px;
    } */

    .tab-content.current iframe {
        height: 655px;
    }

    /* body.pills-home48-tab-hidebtna .container.container-2{
        padding-left: 0px !important;
        padding-right: 0px !important;
    } */
    .toggleid .date label {
        font-size: 13px;
    }
    .swiper.custom .swiper-slide.swiper-slide-active .tools-inner-content h6 {
        font-size: 18px;
        line-height: 25px;
    }
}

@media (max-width: 1280px) {
    .toggleid .date label {
        font-size: 13px;
    }
}

@media (max-width: 1199px) {
    a.btn.custom-btn.btn1 {
        bottom: 10px;
        top: auto;
        display: block;
        width: 100%;
        margin: 0 auto;
        left: 0;
    }

    .row.cs-bs-gutter-x-none {
        justify-content: center;
    }

    .fc .fc-daygrid-day-number {
        padding: 6px !important;
    }

    .fc .fc-daygrid-day-top {
        height: 28px !important;
    }

    a.btn.custom-btn.btn2 {
        top: 10px;
        bottom: auto;
        display: block;
        width: 100%;
        margin: 0 auto;
        left: 0;
    }

    .content-data-1 {
        margin: 60px 0px;
        margin-bottom: 80px;
    }

    p.sub-txt.margin-bottom {
        margin-bottom: 59px;
    }

    .contact-item-box .title {
        font-size: 24px;
    }

    .blue-train-date-active {
        top: 50%;
    }

    a.btn.custom-btn.btn1:hover,
    a.btn.custom-btn.btn1:hover,
    a.btn.custom-btn.btn2:hover,
    a.btn.custom-btn.btn2:hover {
        transform: translateX(0);
    }

    a.btn.custom-btn.btn1 img,
    a.btn.custom-btn.btn2 img {
        max-width: 150px !important;
    }

    .college-guidance-video iframe {
        margin-bottom: 50px;
    }

    .college-guidance-video iframe {
        max-width: 540px;
        width: 100%;
        height: 300px;
    }

    section.section.token_usage::after {
        width: 100%;
        height: 0%;
        bottom: 0;
        top: auto;
    }

    section.section.token_usage .btn-success {
        margin-top: 30px;
        display: block;
    }

    /* .main-calendar.bg-overlay.content-data-1.datasbtn {
    padding: 55px 0px;
} */

    .main-calendar.bg-overlay.content-data-1.datasbtn {
        margin: 0;
        padding: 60px 0px;
    }

    .custom_againbg,
    section.section.token_usage .table_package {
        max-width: 100% !important;
    }

    .clearbtn {
        margin-bottom: 0px;
        margin: 0;
        text-align: center;
        width: 100%;
        display: flex;
        align-items: center;
        padding-left: 10px;
    }

    .main-animation {
        height: 900px !important;
    }

    .blue-train-date-active p {
        font-size: 23px;
    }

    section.train-section .info-text {
        padding-bottom: 40px;
    }
    .contact-item-box .title {
        font-size: 20px;
    }
    .result-info-section {
        background-size: cover;
    }

    .swiper.custom .swiper-slide.swiper-slide-active .tools-inner-content h6 {
        font-size: 15px;
        line-height: 20px;
    }
}

@media (max-width: 991px) {
    th.text-center.hours {
        width: auto !important;
    }
    span#totalResult,
    .canlenderStyle .totalSc span.title {
        font-size: 25px !important;
        line-height: 30px !important;
    }

    section.pricongslider .testimonialsClient p {
        font-size: 18px !important;
        line-height: 28px !important;
    }

    p.sub-txt.margin-bottom {
        margin-bottom: 30px;
    }

    a.btn.custom-btn.btn1 img,
    a.btn.custom-btn.btn2 img {
        max-width: 120px !important;
    }

    .estimated-box {
        position: static !important;
        margin-top: 45px !important;
        margin-left: 45px !important;
    }

    .pricing-info {
        padding-top: 0;
    }

    .how-token-1 h6,
    .token-price-1 h6,
    .how-token-2 h6,
    .token-price-2 h6 {
        font-size: 16px !important;
    }

    .price-bubble-1 {
        height: 150px !important;
    }

    .price-bubble-2 {
        height: 160px !important;
    }

    .price-bubble-3 {
        height: 180px !important;
    }

    .price-bubble-4 {
        height: 160px !important;
    }

    .token-price-4 {
        top: 25px !important;
    }

    .token-price-2,
    .token-price-3 {
        top: 25px !important;
    }

    .price-rating {
        height: 120px !important;
        width: 120px !important;
        border-radius: 50% !important;
    }

    .price-rating span {
        font-size: 18px;
        line-height: 17px;
    }

    .express-rating.rupes {
        font-size: 25px !important;
    }

    .pay-process,
    .express-pay-process,
    .standard-pay-process {
        font-size: 13px !important;
        min-width: 100% !important;
    }

    .super-flex > ul > li {
        font-size: 18px !important;
        line-height: 30px !important;
    }

    .content-data h5 {
        text-align: center;
        font-size: 28px !important;
    }

    .btn-contact {
        margin-top: 15px !important;
    }

    .pricongslider .container {
        max-width: 100% !important;
        width: 100% !important;
    }
    .summer-workshope-content.summer-mt {
        max-width: 100%;
        width: 100%;
        column-count: 1;
        column-gap: 40px;
    }
    .summer-workshope-content.summer-mt .summer-innertext {
        max-width: 100%;
        width: 100%;
    }
}

@media (max-width: 767px) {
    section.pricongslider .testimonialsClient p {
        font-size: 16px !important;
        line-height: 25px !important;
    }

    p.date-registration i {
        margin-top: 1px;
    }

    .estimated-box {
        position: static !important;
        margin-top: auto !important;
        margin-left: auto !important;
        margin-bottom: 40px !important;
        margin: 0 auto !important;
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    .super-flex > ul > li {
        font-size: 16px !important;
    }

    .canlenderStyle a.compareBtn {
        margin-top: 20px !important;
    }

    .position-relative {
        padding-top: 60px !important;
    }

    /* div#pills55{
        padding: 70px 0px !important;
    } */
    .summer-workshope-content.summer-mt .summer-innertext h5 {
        font-size: 17px;
    }

    .summer-workshope-content.summer-mt .summer-innertext p {
        font-size: 14px;
        line-height: 18px;
    }

    .tab-content.current iframe {
        height: 575px !important;
    }

    .test-process-info p {
        font-size: 17px;
        line-height: 25px;
    }

    .heading5 {
        font-size: 25px;
    }
}

@media (max-width: 575px) {
    .row.justify-content-center.list {
        padding: 0px !important;
    }
    .toggleid .date label {
        font-size: 12px !important;
    }
    .tab-content.current iframe {
        height: 475px !important;
    }

    .canlenderStyle .tableWrpr table td select {
        padding: 8px 0px !important;
    }

    .my-calender .fc-col-header-cell .fc-scrollgrid-sync-inner a {
        font-size: 16px !important;
    }

    .fc .fc-daygrid-day-top {
        height: auto !important;
        padding: 0px !important;
    }

    .fc .fc-daygrid-day-top {
        display: block !important;
        margin: 0 auto;
        text-align: center;
    }

    .my-calender .fc-h-event .fc-event-main-frame {
        font-size: 14px !important;
        line-height: 15px !important;
        color: #fff;
        padding: 0px !important;
    }

    .fc .fc-more-popover .fc-popover-body {
        padding-top: 0px !important;
    }

    .fc-daygrid-day-bg {
        display: none !important;
    }

    .fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
        position: static !important;
    }

    .my-calender .fc-daygrid-day-number {
        font-size: 14px !important;
    }

    .btn-contact {
        margin-top: 10px !important;
    }

    .super-flex {
        flex-direction: column;
    }

    .super-flex > ul {
        width: 100% !important;
    }

    .super-flex {
        gap: 15px !important;
    }

    .like-btn-box::after {
        content: "";
        bottom: -19px !important;
    }

    table.table.table-striped1.token_calculator_table tbody tr td {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    section.section.token_usage .table_package {
        width: 100%;
    }

    section.section.token_usage::after {
        height: 44%;
        display: none;
    }

    section.position-relative .pricing-info .sm-moblie {
        position: relative;
    }

    section.position-relative .pricing-info .sm-moblie .like-btn-box {
        position: absolute;
        left: 9%;
        top: -17px;
    }

    .main-calendar.full-calendar {
        position: static !important;
    }

    section.main-section-home.terp-prep-bg .main-upper-section {
        display: none !important;
    }

    .full-calendar .academics-flopper-boarder {
        margin: 0px !important;
    }

    .summer-workshope-content.summer-mt {
        max-width: 100%;
        width: 100%;
        padding-bottom: 0px;
        margin-top: 0px;
    }

    .container-tab-data ul {
        display: flex;
        list-style: none;
        padding: 0px;
        margin: 0px;
        flex-direction: column;
        width: 100%;
        margin: 0;
        border-radius: 0px;
    }

    .container-tab-data ul li {
        margin: 0 auto;
        margin: 0 auto;
        width: 100%;
        border: none;
        border-radius: 0px;
    }

    .summerbox-content {
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
    }

    .swiper.custom {
        padding-top: 60px;
    }

    .btn-contact.text-center.mt-4.data-login {
        margin: 10px 0px !important;
    }

    .form-control {
        height: 47px;
        font-size: 16px;
    }

    .heading5 {
        padding-top: 35px;
    }

    .canlenderStyle .tableWrpr table td span {
        display: inline-block;
        text-align: center;
        padding: 10px 0px;
    }

    .canlenderStyle .tableWrpr table tr {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        flex-direction: column !important;
    }

    .canlenderStyle .tableWrpr table tr td:nth-child(1),
    .canlenderStyle .tableWrpr table tr td:nth-child(2) {
        padding-bottom: 5px !important;
    }

    .canlenderStyle .tableWrpr table tr td {
        text-align: left;
        width: 50%;
        text-align: center !important;
    }

    .newtoken {
        padding-left: 15px !important;
    }

    .table_package .table-responsive.data {
        padding-bottom: 15px;
    }

    button#calcBtn {
        margin-top: 20px;
    }
    .toggleid .date label button {
        font-size: 12px;
    }
    .arrow_center .mySwiper4 .data-conent {
        padding: 0px 82px;
    }
    .arrow_center .mySwiper4 .data-conent {
        height: 150px;
    }
}
@media (max-width: 500px) {
    .arrow_center .mySwiper4 .data-conent {
        padding: 0px 37px;
    }
}

@media (max-width: 428px) {
    .canlenderStyle .tableWrpr table td {
        padding-bottom: 6px !important;
    }

    .btn-sat-act a {
        padding: 8px;
    }

    .main-calendar.full-calendar .nav-link.flip-animate {
        font-size: 11px !important;
    }
    .toggleid .date label {
        font-size: 11px !important;
    }
    .toggleid .date label button {
        font-size: 11px;
    }
    .arrow_center .mySwiper4 .data-conent {
        padding: 0px 10px;
    }
}

/* .upcoming-section{
    border-top-left-radius:10px;
    border-top-right-radius: 10px;
    
} */
.upcoming-head {
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    color: #ffffff;
    vertical-align: middle;
    text-transform: uppercase;
    padding: 6px;
    background-color: #023564db;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.upcoming-events {
    background-color: #ffffff;
    height: 100px;
    overflow: auto;
    text-align: left;
    padding: 10px;
}

.element-center {
    text-align: center;
}

.upcoming-events.date-event {
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 10px 30px;
    height: auto;
    border-bottom: 0.5px solid #c4c4c4;
    background-color: #ebebebd6;
}

.upcoming-events.date-event:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom: none;
    padding-bottom: 15px;
}

.upcoming-events.date-event p {
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 20px;
}

.upcoming-events.date-event .date p {
    margin-bottom: 0px;
    text-align: center;
    padding: 5px 0px;
    font-size: 25px;
    font-weight: bold;
    background-color: #27a7e7;
    color: #fff;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    line-height: normal;
}

.upcoming-events.date-event .date h6 {
    margin-bottom: 0px;
    color: #fff;
    background-color: #2966a2;
    text-align: center;
    padding: 3px 0px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.upcoming-events.date-event .date {
    max-width: 70px;
    width: 100%;
}

.buttons-calender a:active,
.buttons-calender a:focus {
    background-color: transparent;
    border: none;
}

.forscroll {
    height: 350px;
    overflow-y: auto;
}

.college-guidance .btn.custom-btn.btn2.sticky,
.college-guidance .btn.custom-btn.btn1.sticky {
    /* left: 100px; */
    position: fixed;
    /* top: 543px; */
    top: 556px;
}

/* .college-guidance .btn.custom-btn.btn1.sticky{
    position: fixed;
    top: 543px;
} */
.college-guidance a.btn.custom-btn.btn2.stickyTop,
.college-guidance a.btn.custom-btn.btn1.stickyTop {
    top: 696px;
    position: absolute;
}

.pills-home42-tab .btn.custom-btn.btn2.sticky {
    /* left: 100px; */
    position: fixed;
    top: 556px;
}

.pills-home42-tab .btn.custom-btn.btn1.sticky {
    position: fixed;
    top: 556px;
}

.pills-home42-tab a.btn.custom-btn.btn2.stickyTop,
.pills-home42-tab a.btn.custom-btn.btn1.stickyTop {
    top: 760px;
    position: absolute;
}

.college-guidance a.btn.custom-btn.btn2.stickyTop,
.college-guidance a.btn.custom-btn.btn1.stickyTop {
    top: 812px;
    position: absolute;
}

.pills-home56-tab .btn.custom-btn.btn2.sticky {
    /* left: 100px; */
    position: fixed;
    top: 556px;
}

.pills-home56-tab .btn.custom-btn.btn1.sticky {
    position: fixed;
    top: 556px;
}

.pills-home56-tab a.btn.custom-btn.btn2.stickyTop,
.pills-home56-tab a.btn.custom-btn.btn1.stickyTop {
    top: 5400px;
    position: absolute;
}

.pills-home53_btn .btn.custom-btn.btn2.sticky {
    /* left: 100px; */
    position: fixed;
    top: 556px;
}

.pills-home53_btn .btn.custom-btn.btn1.sticky {
    position: fixed;
    top: 556px;
}

.pills-home53_btn a.btn.custom-btn.btn2.stickyTop,
.pills-home53_btn a.btn.custom-btn.btn1.stickyTop {
    top: 800px;
    position: absolute;
}

.pills-home58-tab .btn.custom-btn.btn2.sticky,
.pills-home58-tab .btn.custom-btn.btn1.sticky {
    position: fixed;
    top: 556px;
}

.pills-home58-tab a.btn.custom-btn.btn2.stickyTop,
.pills-home58-tab a.btn.custom-btn.btn1.stickyTop {
    top: 5071px;
    position: absolute;
}

.pills-home58-tab-long .btn.custom-btn.btn2.sticky,
.pills-home58-tab-long .btn.custom-btn.btn1.sticky {
    position: fixed;
    top: 556px;
}
.pills-home58-tab-long a.btn.custom-btn.btn2.stickyTop,
.pills-home58-tab-long a.btn.custom-btn.btn1.stickyTop {
    top: 5071px;
    position: absolute;
}

.pills-home46-tab .btn.custom-btn.btn2.sticky {
    position: fixed;
    top: 556px;
}

.pills-home46-tab .btn.custom-btn.btn1.sticky {
    position: fixed;
    top: 556px;
}

.pills-home46-tab a.btn.custom-btn.btn2.stickyTop,
.pills-home46-tab a.btn.custom-btn.btn1.stickyTop {
    top: 1290px;
    position: absolute;
}

.pills-home48-tab .btn.custom-btn.btn2.sticky {
    position: fixed;
    top: 556px;
}

.pills-home48-tab .btn.custom-btn.btn1.sticky {
    position: fixed;
    top: 556px;
}

.pills-home48-tab a.btn.custom-btn.btn2.stickyTop,
.pills-home48-tab a.btn.custom-btn.btn1.stickyTop {
    top: 795px;
    position: absolute;
}

.pills-home48-tab-hidebtna .btn.custom-btn.btn2,
.pills-home48-tab-hidebtna .btn.custom-btn.btn1 {
    display: none;
}

.pills-home45-test .btn.custom-btn.btn2.sticky {
    position: fixed;
    top: 556px;
}

.pills-home45-test .btn.custom-btn.btn1.sticky {
    position: fixed;
    top: 556px;
}

.pills-home45-test a.btn.custom-btn.btn2.stickyTop,
.pills-home45-test a.btn.custom-btn.btn1.stickyTop {
    top: 551px;
    position: absolute;
}

.pills-home49-tab .btn.custom-btn.btn2.sticky {
    position: fixed;
    top: 556px;
}

.pills-home49-tab .btn.custom-btn.btn1.sticky {
    position: fixed;
    top: 556px;
}

.pills-home49-tab a.btn.custom-btn.btn2.stickyTop,
.pills-home49-tab a.btn.custom-btn.btn1.stickyTop {
    top: 560px;
    position: absolute;
}

.pills-home56-tab .btn.custom-btn.btn2.sticky {
    position: fixed;
    top: 556px;
}

.pills-home56-tab .btn.custom-btn.btn1.sticky {
    position: fixed;
    top: 556px;
}

.pills-home56-tab a.btn.custom-btn.btn2.stickyTop,
.pills-home56-tab a.btn.custom-btn.btn1.stickyTop {
    top: 827px;
    position: absolute;
}

.pills-home47-tab a.btn.custom-btn.btn2,
.pills-home47-tab a.btn.custom-btn.btn1 {
    display: none;
}

.pills-home47-tab .btn.custom-btn.btn2.sticky {
    position: fixed;
    top: 556px;
}

.pills-home47-tab .btn.custom-btn.btn1.sticky {
    position: fixed;
    top: 556px;
}

.pills-home47-tab a.btn.custom-btn.btn2.stickyTop,
.pills-home47-tab a.btn.custom-btn.btn1.stickyTop {
    top: 930px;
    position: absolute;
}

.academics-tab .main-section-home {
    overflow: visible;
}

.academics-tab .btn.custom-btn.btn2.sticky {
    position: fixed;
    top: 556px;
}

.academics-tab .btn.custom-btn.btn1.sticky {
    position: fixed;
    top: 556px;
}

.academics-tab a.btn.custom-btn.btn2.stickyTop,
.academics-tab a.btn.custom-btn.btn1.stickyTop {
    top: 1328px;
    position: absolute;
}

/* .pills-home58-tab a.btn.custom-btn.btn2.stickyTop, .pills-home58-tab a.btn.custom-btn.btn1.stickyTop {
    top: 4882px;
    position: absolute;
} */
.pills-home58-tab a.btn.custom-btn.btn2.stickyTop,
.pills-home58-tab a.btn.custom-btn.btn1.stickyTop {
    top: 1215px;
    position: absolute;
}

.pills-home58-tab-long a.btn.custom-btn.btn2.stickyTop,
.pills-home58-tab-long a.btn.custom-btn.btn1.stickyTop {
    top: 4015px;
    position: absolute;
}

.pills-home59-tab .btn.custom-btn.btn2.sticky {
    position: fixed;
    top: 556px;
}

.pills-home59-tab .btn.custom-btn.btn1.sticky {
    position: fixed;
    top: 556px;
}

.pills-home59-tab a.btn.custom-btn.btn2.stickyTop,
.pills-home59-tab a.btn.custom-btn.btn1.stickyTop {
    top: 1184px;
    position: absolute;
}

.guidance-workshop-registration_tab .btn.custom-btn.btn2.sticky {
    position: fixed;
    top: 556px;
}

.guidance-workshop-registration_tab .btn.custom-btn.btn1.sticky {
    position: fixed;
    top: 556px;
}

.guidance-workshop-registration_tab a.btn.custom-btn.btn2.stickyTop,
.guidance-workshop-registration_tab a.btn.custom-btn.btn1.stickyTop {
    top: 1930px;
    position: absolute;
}

.pills-home60-tab .btn.custom-btn.btn2.sticky {
    position: fixed;
    top: 556px;
}

.pills-home60-tab .btn.custom-btn.btn1.sticky {
    position: fixed;
    top: 556px;
}

.pills-home60-tab a.btn.custom-btn.btn2.stickyTop,
.pills-home60-tab a.btn.custom-btn.btn1.stickyTop {
    top: 1140px;
    position: absolute;
}

.pills-home61-tab .btn.custom-btn.btn2.sticky {
    position: fixed;
    top: 556px;
}

.pills-home61-tab .btn.custom-btn.btn1.sticky {
    position: fixed;
    top: 556px;
}

.pills-home61-tab a.btn.custom-btn.btn2.stickyTop,
.pills-home61-tab a.btn.custom-btn.btn1.stickyTop {
    top: 1140px;
    position: absolute;
}

.token-estimator-tab .btn.custom-btn.btn2.sticky {
    position: fixed;
    top: 556px;
}

.token-estimator-tab .btn.custom-btn.btn1.sticky {
    position: fixed;
    top: 556px;
}

.token-estimator-tab a.btn.custom-btn.btn2.stickyTop,
.token-estimator-tab a.btn.custom-btn.btn1.stickyTop {
    top: 1113px;
    position: absolute;
}

a.btn.custom-btn.pricing {
    margin-top: 0;
    position: absolute;
    top: 200px;
}

.pricing_tabself .btn.custom-btn.pricing.sticky {
    position: fixed;
    top: 556px;
}

.pricing_tabself .btn.custom-btn.pricing.sticky {
    position: fixed;
    top: 556px;
}

.pricing_tabself a.btn.custom-btn.pricing.stickyTop,
.pricing_tabself a.btn.custom-btn.pricing.stickyTop {
    top: 1478px;
    position: absolute;
}

.pills-home43-tabtest .btn.custom-btn.btn2.sticky {
    position: fixed;
    top: 556px;
}

.pills-home43-tabtest .btn.custom-btn.btn1.sticky {
    position: fixed;
    top: 556px;
}

.pills-home43-tabtest a.btn.custom-btn.btn2.stickyTop,
.pills-home43-tabtest a.btn.custom-btn.btn1.stickyTop {
    top: 748px;
    position: absolute;
}

.pills-home56-tab-colage .btn.custom-btn.btn2.sticky {
    position: fixed;
    top: 556px;
}

.pills-home56-tab-colage .btn.custom-btn.btn1.sticky {
    position: fixed;
    top: 556px;
}

.pills-home56-tab-colage a.btn.custom-btn.btn2.stickyTop,
.pills-home56-tab-colage a.btn.custom-btn.btn1.stickyTop {
    top: 580px;
    position: absolute;
}

/* .summer-workshope-content.summer-mt {
    height: 4277px;
    overflow-y: scroll;
}

.summer-workshope-content.summer-mt::-webkit-scrollbar {
    width: 10px;
  }
  

  .summer-workshope-content.summer-mt::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   

  .summer-workshope-content.summer-mt::-webkit-scrollbar-thumb {
    background: silver; 
  }
  
  .summer-workshope-content.summer-mt::-webkit-scrollbar-thumb:hover {
    background: #555; 
    cursor: pointer;
  } */

@media (max-width: 1366px) {
    .college-guidance .btn.custom-btn.btn1.sticky,
    .college-guidance .btn.custom-btn.btn2.sticky {
        top: 222px;
    }
}

.fc-daygrid-day-bottom {
    position: relative;
}

.popupcalnder {
}

.popupcalnder.active {
    display: block;
    border: 1px solid #cccccc;
}

button.calnderpopup {
    right: 5px;
    width: 11px;
    height: 11px;
    position: absolute;
    top: 5px;
    background: transparent;
    cursor: pointer;
    cursor: pointer;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

button.calnderpopup {
    font-size: 20px !important;
}

body {
    position: relative;
    z-index: 0;
}

span.bannerdata {
    position: absolute;
    width: 100%;
    width: 100%;
    height: 100%;
    z-index: 9999;
    cursor: pointer;
}

.fc-daygrid-day-frame.fc-scrollgrid-sync-inner {
    position: relative;
}

.calnderpopup {
    position: absolute;
    background: #fff;
    z-index: 9;
    width: 350px;
    padding: 10px;
    bottom: 0px;
    height: 248px;
    top: 0px;
    border-radius: 5px;
    z-index: 99;
}

span.closepopup {
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    z-index: 1;
}

section.flip-book {
    padding-top: 15px;
}

button#close-calnder,
button.close.closedatacalnder {
    color: #fff !important;
    font-size: 32px !important;
    border-color: #dc3535;
    opacity: 0.4;
    margin-right: 10px;
    height: 25px;
    transition: 0.3s ease-in;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    opacity: 1 !important;
    border: none;
    /* line-height: 43px; */
    padding-bottom: 6px;
    right: -10px;
    top: -12px;
    font-weight: 100;
}

/* button.close.closedatacalnder:hover {
    opacity: 0.6 !important;
} */

body.college-guidance,
body.college-guidance.modal-open {
    overflow: auto !important;
    padding-right: 0px !important;
}

nav.navbar.navbar-expand-lg.fixed-top.bg-light {
    padding-right: 0px !important;
}

div#eventDescription a {
    text-decoration: none !important;
}

div#eventDescription a:active {
    color: #0d6efd !important;
    text-decoration: none !important;
}

div#eventDescription a:hover {
    color: #0d6efd !important;
    text-decoration: none !important;
}

input.btn-primary-data-continue,
.form-group button.btn.btn-primary,
.text-center.button input.btn.btn-primary.btn-submit {
    margin-top: 20px;
    background: url(../images/start-buttom-removebg-preview.webp) no-repeat 0 0;
    border-color: transparent;
    background-size: cover;
    min-width: 218px;
    min-height: 75px;
    padding: 10px 20px;
    line-height: 55px;
    font-size: 16px;
    color: #fff;
    font-family: "Nunito";
    font-weight: bold;
    text-transform: uppercase;
    font-weight: 600;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    transition: 0.5s all;
    box-shadow: none;
    transition: 0.3s ease-in;
}

.btnaddtocart.btn.btn-primary.form-control {
    width: 221px;
    margin-top: 20px;
    background: url(../images/start-buttom-removebg-preview.webp) no-repeat 0 0;
    /* padding: 16px; */
    height: 81px;
    border-color: transparent;
    background-size: cover;
    min-width: 218px;
    min-height: 75px;
    padding: 10px 20px;
    line-height: 55px;
    font-size: 16px;
    color: #fff;
    font-family: "Nunito";
    font-weight: bold;
    text-transform: uppercase;
    font-weight: 600;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    transition: 0.5s all;
    box-shadow: none;
    transition: 0.3s ease-in;
}
input.btn-primary-data-continue:hover,
.form-group button.btn.btn-primary:hover,
.text-center.button input.btn.btn-primary.btn-submit:hover {
    transform: scale(1.2);
}

select.form-control {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -o-a-appearance: none !important;
    -ms-appearance: none !important;
    background: url(../images/down-chevron.png) no-repeat 0 0 !important;
    background-color: #fff !important;
    background-position: 97% center !important;
}

.form-group span.text-white {
    color: red !important;
}

.password-eeye {
    position: relative;
}

.password-eeye i {
    position: absolute;
    top: 50%;
    left: 95%;
    transform: translateY(-50%);
    cursor: pointer;
}

.password-eeye i.fa.fa-eye {
    display: none;
}

.btn-sat-act a:focus {
    color: #000 !important;
}

.inpudata-label {
    /* background: red; */

    max-width: 260px !important;
    margin: 0 auto;
    text-align: left;
}

input.btn.btn-info-data {
    background-color: transparent;
    border: 2px solid #5fd068;
    box-shadow: none;
    color: #fff;
    background-color: #5fd068;
    padding: 6px 15px;
    font-weight: 600;
    border-radius: 15px;
    font-weight: 500;
    margin: 0px 8px;
    transition: 0.2s linear;
}

input.btn.btn-info-data:hover {
    background-color: transparent;
    color: #5fd068;
}

input.btn.btn-primary-data {
    background-color: transparent;
    border: 2px solid #5fd068;
    box-shadow: none;
    color: #5fd068;
    padding: 6px 15px;
    font-weight: 600;
    border-radius: 15px;
    font-weight: 500;
    margin: 0px 8px;
    transition: 0.2s linear;
}

input.btn.btn-primary-data:hover {
    color: #fff;
    background-color: #5fd068;
}

/* ##### SCROLL BAR ###### */

/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #034077;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #034077;
}

/* ##### SCROLL BAR ###### */

/* __________________  BUTTON FIXED _________________ */
/* a.btn.custom-btn.btn1.sticky, a.btn.custom-btn.btn2{
    transition: 1.5s ease !important;
} */
.btn-hidden .btn.custom-btn.btn2,
.btn-hidden .btn.custom-btn.btn1 {
    display: none;
}

.btn.custom-btn.btn2,
.btn.custom-btn.btn1 {
    transition: all 1s ease !important;
}
a.btn.custom-btn.btn1.sticky,
a.btn.custom-btn.btn2.sticky {
    position: fixed;
    transition: all 1s ease !important;
}
/* __________________  BUTTON FIXED _________________ */

.one-on-one-counting {
    top: 50%;
    transform: translateY(-50%);
}
/* NEW FEEDBACK FROM CLIENT  */

.buttons-calender a img {
    max-width: 85%;
    width: 100%;
}

.swiper.custom .swiper-slide.swiper-slide-active .tools-inner-content h6 {
    font-family: "Proxima Nova" !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
}
section.tools-slider-section {
    margin-bottom: 0px;
    padding-bottom: 25px;
}
section.result-info-section .college-result-content h5.main-heading,
section.train-section.train-section-height
    .college-tools-content
    h3.main-heading,
section.tools-slider-section .container.arrow_centerParent h3.main-heading {
    margin-bottom: 0px;
    padding-bottom: 50px;
}
section.train-section.train-section-height {
    padding-top: 60px !important;
}
section.train-section.train-section-height {
    padding-bottom: 80px;
}
section.result-info-section {
    padding-top: 60px;
    padding-bottom: 60px;
}

section.tools-slider-section .info-text {
    margin-bottom: 0px;
    padding-bottom: 20px;
}

.page-header-section h2 {
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
}

section.train-section.train-section-height p {
    margin-bottom: 0px;
}

@media (max-width: 1599px) {
    section.tools-slider-section {
        margin-bottom: 0px;
        padding-bottom: 25px;
    }
    section.result-info-section .college-result-content h5.main-heading,
    section.train-section.train-section-height
        .college-tools-content
        h3.main-heading,
    section.tools-slider-section .container.arrow_centerParent h3.main-heading {
        margin-bottom: 0px;
        padding-bottom: 40px !important;
    }
    section.train-section.train-section-height {
        padding-top: 50px !important;
    }
    section.train-section.train-section-height {
        padding-bottom: 70px !important;
    }
    section.result-info-section {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    section.tools-slider-section .info-text {
        margin-bottom: 0px;
        padding-bottom: 15px !important;
    }
}

@media (max-width: 1399px) {
    .pl20.resetBtn {
        padding-top: 0px;
    }
    .pl20.resetBtn {
        padding: 3px 6px;
    }
    section.tools-slider-section {
        margin-bottom: 0px;
        padding-bottom: 20px;
    }
    section.result-info-section .college-result-content h5.main-heading,
    section.train-section.train-section-height
        .college-tools-content
        h3.main-heading,
    section.tools-slider-section .container.arrow_centerParent h3.main-heading {
        margin-bottom: 0px;
        padding-bottom: 30px !important;
    }
    section.train-section.train-section-height {
        padding-top: 40px !important;
    }
    section.train-section.train-section-height {
        padding-bottom: 60px !important;
    }
    section.result-info-section {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    section.tools-slider-section .info-text {
        margin-bottom: 0px;
        padding-bottom: 10px !important;
    }
}

.mainactive.active {
    display: flex;
    animation: 0.3s ease-in inimateflow;
    transition: 0.3s ease-in;
    
}
.mainactive {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999999999999999999999;
    display: none;
    align-items: center;
    justify-content: center;
}
.closeone {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2c277b91;
}
@keyframes inimateflow{
0%{
opacity: 0;
}
100%{
    opacity: 1;
}
}

/* milan css */