@media only screen and (min-width: 1800px){
    .container{
        max-width: 1700px;
    }
}
@media only screen and (max-width:1799px){
    .navBar ul {
        gap: 15px;
    }
    .navItem {
        font-size: 14px;
    }
    .headerBar {
        padding: 20px 15px 20px 15px;
    }
    .bannerCol-1 {
        height: 600px;
    }
    .bannerCol-2 {
        height: 600px;
    }
    .bannerHeading {
        font-size: 40px;
        width: 90%;
    }
    .bannerDesc {
        font-size: 18px;
        max-width: 350px;
    }
    .genBtn {
        font-size: 18px;
        width: 200px;
        height: 60px;
    }
    .bannerColInactive .bannerBtnFlex {
        transform: translateY(10px);
    }
    .sec-7-left-col {
        width: 700px;
        padding: 80px 30px;
    }
    .sec-7-right-col {
        width: calc(100% - 700px);
    }
    .sec-7-left-col-text h6 {
        font-size: 38px;
    }
    .sec-7-left-col-text p {
        font-size: 18px;
        width: 95%;
    }
    .index-sec-6 .abs_text p, .index-sec-4 .abs_text p, .index-sec-3 .abs_text p {
        font-size: 180px;
    }
}
@media only screen and (max-width:1399px){
    .bannerHeading {
        font-size: 25px;
    }
    .bannerDesc {
        font-size: 16px;
    }
    .scrollBtn .circle_arrow {
        max-width: 140px;
    }
    .circle_txt {
        max-width: 120px;
    }
    .bannerHeading img {
        max-width: 70px;
    }
    .bannerCol-1 {
        padding: 45px 25px 85px 45px;
    }
    .bannerCol-1 {
        width: calc(100% - 560px)!important;
        height: 450px;
    }
    .bannerCol {
        width: 280px;
        height: 450px;
    }
    .bannerCol-2 .text_box .title {
        font-size: 20px;
    }
    .bannerCol-2 .text_box .genBtn {
        font-size: 14px;
        width: 165px;
        height: 55px;
    }
    .cardDetails .desc {
        font-size: 16px;
    }
    .bookBtn {
        font-size: 16px;
    }
    .studentList {
        margin-top: 45px;
    }
    .genBtn {
        font-size: 16px;
        width: 200px;
        height: 65px;
    }
    .heading {
        font-size: 35px;    
    }
    .index-sec-2 {
        padding: 50px 0px;
    }
    header {
        padding: 15px 0px;
    }
    .headerBar {
        padding: 15px;
    }
	.boxAbs {
		max-width: 240px;
	}
	.counter .title {
		font-size: 45px;
	}
	.counter .desc {
    font-size: 20px;
    }
	.counterRow {
		margin: 0px 5px;
	}
    .navItem {
        font-size: 12px;
    }
    .navBtn {
        font-size: 12px;
        padding: 15px 30px;
        border-radius: 13px;
    }
	.genCard {
		height: 400px;
	}
	.genCard2 {
		padding: 22px 15px 22px 15px;
	}
	.genCard2 .title {
		font-size: 26px;
	}
	.circle1 {
		right: 32px;
		max-width: 185px;
	}
	.circle2 {
		right: 226px;
	}
	.cardDetails .title {
        font-size: 18px;
    }
    .cardDetails .tName {
        font-size: 14px;
    }
    .index-sec-6 .abs_text p, .index-sec-4 .abs_text p, .index-sec-3 .abs_text p {
        font-size: 180px;
    }
    .index-sec-3 .abs_text p {
        top: -30px;
    }
    .subDesc {
        font-size: 18px;
        max-width: 695px;
    }
    .sec-4-img-box {
        height: 475px;
    }
    .infoBox .num1 {
        font-size: 42px;
    }
    .infoBox .desc {
        font-size: 18px;
    }
    .infoBox {
        max-width: 555px;
        padding: 30px;
    }
    .genCard3 .title {
        font-size: 32px;
    }
    .genCard3 .desc {
        font-size: 18px;
    }
    .genCard3 {
        height: 455px;
    }
    .footerCol .desc, .fNav, .copyRight .desc {
        font-size: 18px;
    }
    .footerCol {
        max-width: 460px;
    }
    .footerAbs {
        max-width: 405px;
    }
    .socialLinks {
        font-size: 25px;
    }
    .socialIcon {
        max-width: 220px;
    }
    .signup_dropdown .navBtn {
        font-size: 12px;
        white-space: normal;
        padding: 15px 10px;
        line-height: 15px;
        width: fit-content;
    }
    .signup_dropdown {
        top: 60px;
    }
    .footerCol .heading {
        font-size: 24px;
        padding-bottom: 40px;
    }
    .footerCol .desc, .fNav, .copyRight .desc {
        font-size: 16px;
    }
    .pkg-card-text h4 {
        font-size: 18px;
    }
    .pkg-card-text h3 {
        font-size: 12px;
        font-weight: 500;
        color: #555555;
    }
    .pkg-card-text p {
        font-size: 12px;
    }
    .pkg-card-list ul li {
        font-size: 10px;
    }
    .cardDetails {
        padding: 30px 30px 30px 30px;
        height: 130px;
    }
    .genCard:hover .cardDetails {
        height: 235px;
    }
    .cardDetails .desc {
        bottom: 50px;
    }
    .bookBtn {
        bottom: 30px;
    }
}
@media only screen and (max-width:1199px){}
@media only screen and (max-width:991px){
    .header-wrapper {
        background-color: var(--white);
    }
    .header_mob_flex{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .header-menu {
        background: linear-gradient(126deg, #5F3C8C -6.5%, #7B4FA6 17.41%, #6A419E 42.3%);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        width: 40px;
        color: var(--white);
        border-radius: 50px;
        font-size: 15px;
    }
    .headerBar {
        position: fixed;
        top: 0;
        left: 0;
        width: 80%;
        height: 100vh;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 25px 20px;
        transform: translateX(-100%);
        transition: .5s ease;
    }
    .header_active{
        transform: translateX(0%);
    }
    .navBar ul {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        margin: 40px 0px 0px 0px;
    }
    .index-banner {
        margin-top: 150px;
    }
    .bannerRow {
        gap: 10px;
        flex-direction: column;
    }
    .bannerCol-1 {
        width: 100% !important;
        height: auto !important;
        padding: 50px 20px 50px 20px;
    }
    .scrollBtn {
        display: none !important;
    }
    .bannerCol {
        width: 100% !important;
        height: 400px;
    }
    .counter {
        padding: 20px;
    }
    .xy-between {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }
    .genBtn {
        font-size: 14px;
        width: 150px;
        height: 55px;
    }
    .navBtn {
        font-size: 14px;
        padding: 10px 20px;
        border-radius: 13px;
        height: 55px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .cardDetails {
        padding: 30px 30px 30px 30px;
        height: 100px;
    }
    .genCard:hover .cardDetails {
        height: 220px;
    }
    .cardDetails .desc {
        bottom: 60px;
    }
    .bookBtn {
        bottom: 30px;
    }
    .index-sec-4 .genText {
        margin-bottom: 30px;
    }
    .genCard2 {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 40px;
    }
    .genCard2 .textBox {
        width: 90%;
    }
    .sec-4-img-box {
        height: auto;
        margin: 40px 0px 0px 0px;
    }
    .index-sec-4 {
        padding: 50px 0px;
    }
    .genCard3 {
        height: auto;
        padding: 40px 20px;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .genCard3 .desc {
        width: 100%;
        margin: 0;
    }
    .card-grid {
        --cols: 1;
    }
    .index-sec-6 {
        padding: 50px 0px;
    }
    .foogterBtns {
        margin: 0px 0px 20px 0px;
    }
    .footerCol .heading {
        padding-bottom: 10px;
    }
    .footerCol ul {
        margin: 0px 0px 30px 0px;
    }
    .footerRow {
        padding-bottom: 0px;
    }
    .copyRight {
        padding: 20px 10px;
        border-top: 1px solid #ffffff6b;
    }
}
@media only screen and (max-width:575px){}
@media only screen and (max-width:320px){}