@media screen and (max-width:1750px) {
    .container {
        width: 100%;
        max-width: 1420px;
        margin: auto;
    }

    .backgroundBg {
        background: url(../images/bannervector.webp) no-repeat calc(100% - 140px) bottom;
        padding-bottom: 80px;
        background-size: 60% 800px;
    }

    .bannerSection h1 {
        font-size: 46px;
    }

    .form-container {
        width: 500px;
        padding: 20px;
        height:fit-content; 
    }

    .packageInformation {
        max-width: 1080px !important;
        padding: 11px 20px 24px 60px;
    }

    .examDetails p {
        font-size: 24px;
    }

    .stepsAlign {
        display: flex;
        gap: 100px;
    }

    .stepsBackground {
        background-size: 85% 90%;
    }

    .stepsAlign1 {
        gap: 70px;
        margin-top: 36px;
        padding-bottom: 70px;
    }

    .cardbox p {
        font-size: 28px;
    }

    .campusDetailsAlign {
        gap: 55px;
    }

    .rewordrightbox {
        max-width: 340px;
    }

    .placementflexset {
        gap: 110px;
        align-items: center;
    }

    .advantagealign {
        gap: 30px;
    }

    .inspireBox span {
        font-size: 18px;
    }

    .Detailcard p {
        font-size: 18px;
    }
}

@media screen and (max-width:1450px) {
    .container {
        width: 100%;
        max-width: 1220px;
        margin: auto;
    }

    .boxSet img {
        margin-bottom: 15px;
    }

    .stepsAlign1 {
        margin-top: 45px;
    }

    .stepsBackground {
        background-size: 85% 90%;
    }

    .stepsAlign1 {
        padding-bottom: 60px;
    }

    .backgroundBg {
        background: url(../images/bannervector.webp) no-repeat calc(100% - 180px) bottom;
        padding-bottom: 80px;
        background-size: 55% auto;
    }

    .rightContent {
        padding-top: 70px;
    }

    .gapSet {
        margin-top: 15px;
    }

    .leftContent {
        padding-top: 70px;
    }

    .marginSet {
        margin-top: 25px;
    }

    .bannerSection h1 {
        font-size: 42px;
    }

    .bannerSection {
        background: url(../images/bannerbackground.webp) no-repeat 10% center;
    }

    .packageInformation p {
        font-size: 20px;
    }

    .packageInformation h2 {
        font-size: 48px;
    }

    .packageInformation {
        max-width: 850px !important;
        gap: 30px;
    }

    .applyNowbutton {
        font-size: 20px;
    }

    .aboutimageAlign img {
        width: 100%;
        max-width: 676px;
    }

    .alignAbout {
        align-items: center;
        gap: 30px;
    }

    .aboutIbsat {
        padding: 60px 40px;
    }

    .alignaboutText {
        width: 100%;
        max-width: 520px;
    }

    .paragraph {
        font-size: 16px;
    }

    .registerBtn {
        padding: 15px 45px;
    }

    .examDetails p {
        font-size: 19px;
    }

    .heightset {
        height: 240px;
    }

    .heightset1 {
        height: 275px;
    }

    .boxSet {
        width: 100%;
        max-width: 250px;
    }

    .stepsAlign {
        gap: 70px;
    }

    .campusDetailsAlign {
        gap: 40px;
    }

    .rewardleftMenu p {
        font-size: 18px;
        margin-top: 30px;
    }

    .rewordrightboxheading span {
        font-size: 46px;
    }

    .rewordrightbox {
        padding: 20px 15px 20px 15px;
        max-width: 290px;
        height: 180px;
    }

    .rightboxDetails {
        font-size: 18px;
    }

    .placementAlign p {
        font-size: 18px;
    }

    .Headingset {
        font-size: 42px;
    }

    .placementAlign {
        width: 45%;
    }

    .placementflexset {
        gap: 70px;
    }

    .packageContnet {
        font-size: 38px;
    }

    .placements {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .packageInfo {
        margin-top: 30px;
    }

    .advantagevector img {
        width: 100%;
    }

    .leftDetails {
        width: 60%;
    }

    .leftDetails p {
        font-size: 18px;
    }

    .alignList {
        font-size: 18px;
    }

    .inspires .textAligncenter p {
        font-size: 18px;
    }

    .inspireBox {
        gap: 8px;
        padding: 20px 10px 20px;
    }

    .inspireBox span {
        font-size: 16px;
    }

    .paragraphAlignmentset {
        font-size: 18px;
    }

    .heading {
        font-size: 42px;
    }

    .alignText {
        font-size: 26px;
    }

    .form-container {
        width: 500px;
        height: 460px;
    }

    .stepsAlign {
        padding-bottom: 50px;
        padding-top: 10px;
    }
}

@media screen and (max-width:1250px) {
    .container {
        width: 100%;
        max-width: 1030px;
        margin: auto;
    }

    .newageLeader .hash {
        font-size: 34px;
    }

    .newageLeader {
        max-width: 345px;
    }

    .newageLeader .text {
        font-size: 20px;
    }

    .bannerSection h1 {
        font-size: 34px;
    }

    .displaySet {
        gap: 8px;
    }

    .displaySet1 {
        gap: 8px;
    }

    .bannerSection h1 {
        font-size: 34px;
    }

    .displaySet p {
        font-size: 18px;
    }

    .displaySet1 p {
        font-size: 18px;
    }

    .newageLeader {
        margin-top: 15px;
    }

    form input,
    form select {
        padding: 10px 10px;
        font-size: 12px;
    }

    .backgroundBg {
        background: url(../images/bannervector.webp) no-repeat calc(100% - 160px) bottom;
        background-size: 58% auto;
    }

    .packageInformation {
        max-width: 750px !important;
        padding: 25px 20px 20px 40px;
        gap: 20px;
        right: 25px;
    }

    .packageInformation h2 {
        font-size: 38px;
    }

    .marginSet {
        margin-top: 25px;
    }

    .alignText {
        font-size: 22px;
    }

    .aboutIbsat {
        padding: 40px 20px;
    }

    .heading {
        font-size: 34px;
    }

    .paragraph {
        font-size: 16px;
        margin-top: 10px;
    }

    .registerBtn {
        font-size: 20px;
        margin-top: 15px;
    }

    .alignAbout {
        gap: 25px;
    }

    .examDetails {
        padding: 20px 15px 20px 15px;
    }

    .examDetails p {
        font-size: 18px;
    }

    .heightset {
        height: 215px;
    }

    .heightset1 {
        height: 250px;
    }

    .Headingset {
        font-size: 34px;
    }

    .boxSet p {
        font-size: 14px;
    }

    .stepsBackground {
        background-size: 86% 90%;
    }

    .boxSet {
        max-width: 210px;
    }

    .stepsAlign1 {
        gap: 60px;
        padding-bottom: 75px;
        margin-top: 20px;
    }

    .stepsAlign {
        gap: 60px;
    }

    .boxSet img {
        margin-bottom: 15px;
    }

    .stepsAlign {
        padding-bottom: 15px;
    }

    .paragraphAlignmentset {
        font-size: 16px;
    }

    .campusSubheading {
        font-size: 28px;
    }

    .cardbox p {
        font-size: 24px;
    }

    .Detailcard h5 {
        font-size: 38px;
    }

    .Detailcard p {
        font-size: 16px;
    }

    .campusDetailsAlign {
        gap: 25px;
    }

    .rewardleftMenu p {
        font-size: 16px;
    }

    .rewordrightbox {
        padding: 20px 10px 20px 10px;
        max-width: 240px;
        height: 160px;
    }

    .rewordrightboxheading {
        font-size: 18px;
    }

    .rewordrightboxheading span {
        font-size: 38px;
    }

    .placementAlign p {
        font-size: 15px;
    }

    .packageContnet {
        font-size: 26px;
    }

    .leftDetails p {
        font-size: 16px;
    }

    .alignList {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .inspires .textAligncenter p {
        font-size: 16px;
    }

    .inspireBox span {
        font-size: 14px;
    }

    .inspireAlignment {
        gap: 10px;
    }

    .inspireBox {
        gap: 8px;
        padding: 20px 4px 20px;
    }

    .storyContent h5 {
        font-size: 26px;
    }

    .storyContent p {
        font-size: 18px;
    }

    .leftContent .applyNowbutton {
        margin-top: 25px;
    }
        .rightContent {
        padding-top:55px;
    }

}

@media screen and (max-width:1050px) {
    .container {
        width: 100%;
        max-width: 95%;
        margin: auto;
    }

        .displaySet p {
        font-size: 17px;
    }

    .paragraph {
        font-size: 14px;
    }

    .videoslider.owl-carousel .owl-dots.disabled {
        display: block;
    }

    .storyContent h5 {
        font-size: 26px;
    }

    .storyContent p {
        font-size: 18px;
    }

    .alignContent {
        flex-direction: row;
        gap: 10px;
    }

    .backgroundBg {
        background: url(../images/bannervector.webp) no-repeat calc(100% - 155px) bottom;
        background-size: 58% auto;
    }

    .marginSet {
        margin-top: 20px;
    }

    .leftContent {
        padding-top: 55px;
    }

    .newageLeader {
        max-width: 300px;
    }

    .packageInformation {
        max-width: 690px !important;
        padding: 25px 20px 15px 30px;
        gap: 10px;
        right: 20px;
    }

    .alignText {
        font-size: 18px;
    }

    .aboutimageAlign img {
        width: 100%;
        max-width: 676px;
    }

    .alignAbout {
        align-items: center;
        gap: 30px;
    }

    .aboutIbsat {
        padding: 60px 10px;
    }

    .alignaboutText {
        width: 100%;
        max-width: 440px;
    }

    .examDetails {
        padding: 15px 8px 15px 8px;
    }

    .boxSet {
        max-width: 196px;
    }

    .examDetails p {
        font-size: 17px;
    }

    .stepsAlign {
        padding-bottom: 70px;
    }

    .paragraphAlignmentset {
        font-size: 14px;
    }

    .campusDetailsAlign {
        gap: 15px;
    }

    .Detailcard h5 {
        font-size: 34px;
    }

    .rewardleftMenu {
        max-width: 40%;
    }

    .rewardrightmenu {
        width: 100%;
        max-width: 60%;
    }

    .copyright {
        padding: 15px 0px;
    }
}

@media screen and (max-width:992px) {
    .bannerSection {
        background: url(../images/mobileviewbanner.webp) no-repeat center;
        position: relative;
        background-size: cover;
    }

    .campusDetails button {
        padding: 15px 55px;
        font-size: 20px;
    }

    .backgroundBg {
        background: none;
        padding-bottom: 0px;
    }

    /* Force-remove desktop bottom padding rule on mobile */
    .bannerSection .container.backgroundBg {
        padding-bottom: 0 !important;
    }

    .form-container {
        width: 100%;
        height: auto;
    }
    
    .alignContent {
        flex-direction: row;
    }

    .bannerSection .container {
        flex-direction: column;
    }

    .packageInformation {
        flex-direction: row !important;
    }

    .bannerSection h1 {
        font-size: 44px;
    }

    .leftContent {
        max-width: 100%;
    }

    .newageLeader {
        max-width: 80%;
    }

    .newageLeader .hash {
        font-size: 44px;
    }

    .newageLeader .text {
        font-size: 26px;
    }

    .displaySet p {
        font-size: 26px;
    }

    .displaySet1 p {
        font-size: 26px;
    }

    .applyNowbutton {
        /* width: 80%; */
        justify-content: center;
    }

    .displaySet {
        gap: 20px;
    }

    .displaySet1 {
        gap: 20px;
    }

    .packageInformation {
        position: relative;
        max-width: 100% !important;
        border-radius: 20px 20px 0px 0px;
        right: 0px;
        padding: 25px 20px 15px 20px;

    }



    .alignText {
        font-size: 24px;
    }

    .alignAbout {
        flex-direction: column;
    }

    .widthSetting {
        display: none;
    }

    .alignaboutText {
        width: 100%;
    }

    .heightset {
        height: 190px;
    }

    .heightset1 {
        height: 190px;
    }

    .examDetails p {
        font-size: 20px;
    }

    .d-desk {
        display: none !important;
    }

    .d-mob {
        display: block;
    }

    .topset {
        margin-top: 30px;
    }

    .applyNowsteps {
        background: url(../images/applynowstepbg.webp) no-repeat center;
        background-size: cover;
    }

    .boxSet {
        max-width: 100%;
        display: flex;
        gap: 15px;
        margin-top: 20px;
    }

    .applyNowsteps .owl-carousel .owl-item img {
        display: block;
        width: auto;
    }

    .stepsAlign {
        padding-bottom: 0px;
    }

    .paragraphAlignmentset .block {
        display: inline;
    }

    .campusDetailsAlign {
        gap: 5px;
    }

    .borderRight {
        border-right: none;
    }

    .rewardAlign {
        flex-direction: column;
    }

    .rewardleftMenu {
        max-width: 100%;
    }

    .rewardrightmenu {
        max-width: 100%;
    }

    .rewordrightmenuSet {
        justify-content: center;
    }

    .rewordrightbox {
        max-width: 46%;
    }

    .rewordrightmenuSet {
        margin-top: 30px;
    }

    .placementflexset {
        flex-direction: column;
    }

    .placementAlign {
        width: 100%;
    }

    .placementAlign p {
        font-size: 18px;
    }

    .packageInfo {
        gap: 50px;
    }

    .advantagealign {
        display: flex;
        flex-direction: column;
    }

    .leftDetails {
        width: 100%;
    }

    .inspires .textAligncenter .block {
        display: inline;
    }

    .inspireBox {
        width: 45%;
        justify-content: center;
        flex-direction: column;
    }

    .inspireAlignment {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }

    .inspireBox span {
        font-size: 16px;
        text-align: center;
        display: inline-block;
        text-align: center;
    }

    .widthSet {
        width: 25%;
    }

    .displayAlign .applyNowbutton {
        width: 100%;
    }

    .courseInformation {
        border-bottom: 4px solid #2C3691;
        border-top: 4px solid #2C3691;
    }

    .mobileBanner {
        padding-bottom: 30px;
    }

    .middleContent img {
        width: 100%;
    }
}

@media screen and (max-width:700px) {
    .leftContent {
        padding-top: 30px;
    }

    .bannerSection h1 {
        font-size: 24px;
    }

    .applyNowbutton {
        font-size: 14px;
        padding: 15px 15px;
    }

    .schoolLogo {
        width: 80%;
    }

    .newageLeader .text {
        font-size: 20px;
    }

    /* .displaySet img {
        width: 50%;
    } */

    .displaySet {
        gap: 15px;
        width: 40%;
    }

    .displaySet p {
        font-size: 20px;
    }

    .displaySet1 {
        gap: 15px;
        width: 100%;
    }

    .displaySet1 p {
        font-size: 20px;
    }

    .rightContent {
        padding-top: 40px;
    }

    .applyNowbutton {
        width: 100%;
    }

    .backgroundBg {
        padding-bottom: 0px;
    }

    .packageInformation h2 {
        font-size: 28px;
    }

    .fontAlignment {
        font-size: 22px;
    }

    .packageInformation p {
        font-size: 16px;
    }

    .alignText {
        font-size: 16px;
    }

    .heading {
        font-size: 28px;
    }

    .Headingset {
        font-size: 28px;
    }

    .subHeading {
        font-size: 20px;
    }

    .campusSubheading {
        font-size: 22px;
    }

    .campusDetailsAlign {
        flex-wrap: wrap;
    }

    .subHeadingset {
        font-size: 20px;
    }

    .placementAlign p {
        font-size: 15px;
    }

    .packageContnet span {
        font-size: 20px;
    }

    .campusDetailsAlign {
        gap: 15px;
    }

    .placementButton button {
        padding: 15px 55px;
    }

    .campus {
        padding-top: 50px;
    }

    .rewards {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .placements {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .advantage {
        padding-top: 50px;
    }

    .inspires {
        padding-top: 50px;
    }

    .stories {
        padding: 50px 0px;
    }

    .registerBtn {
        font-size: 18px;
        padding: 15px 45px;
        width: 100%;
        justify-content: center;
    }

    .campusDetails button {
        padding: 10px 55px;
        font-size: 24px;
        width: 100%;
        justify-content: center;
    }
}

@media screen and (max-width: 500px) {
    .displaySet {
        gap: 6px;
        width: 38%;
    }

    .displaySet1 {
        gap: 6px;
        width: 100%;
    }

    .Headingset span {
        display: inline;
    }

    .Detailcard {
        text-align: center;
        width: 38%;
    }

    .storyContent {
        padding: 10px 0px 10px 20px;
    }

    .displaySet p {
        font-size: 15px;
    }

    .displaySet1 p {
        font-size: 15px;
    }



    .Detailcard span {
        display: inline;
    }

    .packageInformation {
        padding: 25px 10px 15px 10px;
        gap: 16px !important;
    }

    .packageInformation h2 {
        font-size: 22px;
    }

    .fontAlignment {
        font-size: 15px;
    }

    .packageInformation p {
        font-size: 13px;
    }

    .alignText {
        font-size: 15px;
    }

    .heading {
        font-size: 24px;
    }

    .subHeading {
        font-size: 18px;
    }

    .aboutIbsat {
        padding: 40px 10px;
    }

    .Headingset {
        font-size: 24px;
    }

    .subHeadingset {
        font-size: 18px;
    }

    .campusSubheading {
        font-size: 20px;
    }

    .packageContnet span {
        font-size: 14px;
    }

    .packageContnet {
        font-size: 18px;
    }

    .packageInfo {
        gap: 10px;
    }

    .rewordrightboxheading span {
        font-size: 24px;
    }

    .rightboxDetails {
        font-size: 14px;
    }

    .rewordrightbox {
        height: 130px;
    }

    .campusDetails button {
        padding: 10px 55px;
        font-size: 18px;
    }

    .placementButton button {
        padding: 10px 55px;
        font-size: 18px;
        width: 100%;
        justify-content: center;
    }

    .storyContent h5 {
        font-size: 24px;
    }

    .storyContent p {
        font-size: 18px;
    }

    .displaySet img {
        width: 35%;
    }

    .displaySet1 img {
        width: 14%;
    }
}