/*For All*/
    .desktop_view{display: block;}
    .mobile_view{display: none;}
    *{font-family: 'Open Sans Variable', sans-serif;}
    .remv_backgrd{background: none!important;}
    .stat-card img{height: 70%;}
    .header {position: fixed; z-index: 98; top: 0;width: 100%;background: transparent;}
    .top-bar {background: transparent;padding: 2% 9% 0px 5%;text-align: right;}
    .top-bar a {margin-left: 30px;font-size: 12px;font-weight: 400;line-height:18.2px;text-decoration: none;padding: 0;color: #fff;}
    .top-bar a:hover{color: #06e199;}
    .main-nav {display: flex;justify-content: space-between;align-items: center;padding: 0px 9% 15px 4%;}
    .logo {display: flex;align-items: center;}
    .logo img#logo {height: 108px;}
    .logo_img{margin-left: -45px;height: 108px;width: 252px;}
    .nav-links {display: flex;gap: 50px;}
    .nav-item {position: relative;padding: 0px 0px 10px 0px;}
    .nav-item > a {color: #ffffff;text-decoration: none;font-size: 14px;font-weight: 600;transition: background .3s, color .3s;line-height: 18.2px;}
    .nav-item:hover > a {color: #fff;}
    .nav-item:hover .hover-menu {opacity: 0.9;visibility: visible;transform: translateY(0);}
    .hover-menu {position: absolute;margin-left: -840%;top: 100px;left: 0;min-width: 1122px;height: auto;background: #0053B2;padding: 30px;opacity: 0;visibility: hidden;transform: translateY(10px);transition: all 0.3s ease;box-shadow: 0 4px 6px rgba(0,0,0,0.1);}
    .hover-menu.whyus{margin-left: -1400%!important;}
    .hover-menu-description {color: #ffffff;padding-left: 20px;margin-bottom: 15px;display: flex;}
    .hover-menu-grnline{content: '';width: 4px;height: 126px;background: #8DBD96;margin-right: 20px}
    .hover-menu-description h4{font-size: 16px; font-weight: 600;line-height: 32px;margin-bottom: 0px;}
    .hover-menu-description h3{font-size: 20px; line-height: 32px; font-weight: 700; margin-bottom: 0px;}
    .hover-menu-links ul{list-style-type: none; padding-left: 0px; margin-bottom: 0px;margin: 0px 15px;}
    .hml_librdbtm{border-bottom: 1px solid #D9D9D999;}
    /*.hover-menu-description p{ font-size:14px; font-weight:600; line-height:32px;}*/
    .hover-menu-links {gap: 0px 20px;}
    .hover-menu-links a {color: white;text-decoration: none;font-size: 14px;line-height: 32px;font-weight: 600;padding: 8px 0px;transition: background .3s, color .3s;}
    .hover-menu-links a:hover {color: #ffdf47;}
    .right-buttons {z-index: 99;position: fixed;right: 0;top: 0;display: flex;flex-direction: column;}
    .right-buttons a {padding: 10px 20px;text-align: center;writing-mode: vertical-rl;text-orientation: mixed;color: #14142A;text-decoration: none;text-transform: uppercase;font-weight: 600;font-size: 11px;line-height: 18.2px;}
    .search{ background: #0053B2; color:#fff;width:60px;height:90px; }
    .enquire { background: #CF6D5C;width:60px;height:90px; }
    .apply { background: #E9DE71;width:60px;height:90px; }
    .visit { background: #8DBD96;width:60px;height:90px; }
    .search-btn {background: #1a237e;color: white;padding: 8px 15px;border: none;border-radius: 4px;}
    /*.hero-section {position: relative;height: auto;background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)),url('students-working.jpg');background-size: cover;background-position: center;}*/
    .underline {position: absolute;bottom: -2px;left: 50%;transform: translateX(-50%);width: 0;height: 3px;background: #E9DE71;transition: width 0.3s ease;}
    .nav-item:hover .underline {width: 100%;}
    .carousel-indicators [data-bs-target] {border-radius: 50px;box-sizing: content-box;flex: 0 1 auto;width: 10px;height: 10px;padding: 0;margin-right: 3px;margin-left: 3px;text-indent: none;cursor: pointer;background-color: #fff;background-clip: padding-box;border: 0;border-top: 0px;border-bottom: 0px;transition: opacity .6s ease;}
    #beuncm h1{color:#fff;font-weight: 700;font-size: 44px;padding: 5% 4% 10% 4%;line-height: 47px;}
    .beuncm_scdhed{font-size: 26px; font-weight: 700; line-height: 51px; padding-left: 30px;}
    .be_uncommon_blck{background:#0053B2;}
    .be_uncommon_blck::before{content: "";height: 100%;position: absolute;left: 0;/*    top: 0;*/background-color: #0053B2;width: 60px;}

/*BlueBordleft*/
    .blue_side_blck{background: #fff;transition: padding .3s; position: relative;}
    .blue_side_blck::before{content: "";height: 100%;position: absolute;left: 0;top: 0;background-color: #0053B2;width: 60px;}

/*dna*/
    /* dna blck */
    .dna_fst_blk{background: #fff;margin-left: 60px;margin-top: -40px;position: relative; z-index: 99;margin-right: 60px;}
    .dna_blck{padding: 7% 11%;}
    .dna_blck h1{font-size: 40px;font-weight: 400;line-height: 68px; padding: 0% 0% 5% 20%; margin-bottom: 0px;color: #14142B;}
    .dna_blck_p{margin-bottom: 0px; padding: 0% 0% 1% 39%;font-size: 16px;font-weight: 400;line-height: 28px; color: #14142B;}
    .dna_blck_f{float: inline-end; margin-right: -45px;}
    .dna_blck_hover{padding-bottom: 5%; padding-left: 12%;margin-left: 60px;background: #fff;z-index: 1;position: relative;overflow: hidden;width: auto;}
    .dna_blck_hover_carousel{padding-bottom: 5%; padding-left: 17%;}
    .row {--bs-gutter-x: 0rem!important;}
    .school_sidebar{transform: rotate(270deg); position: absolute; transition:.5s; margin-top: -25px; width: 70px; height: 70px; left: 126px;}
    .lft66{left: 66px!important;}
    .school_sidebar::before{width: 116px;content: "";position: absolute; height: 1px;background-color: #000000; left:-185%; top:48%;opacity: 0;}
     .school_sidebar.visible p{opacity: 1;transition: .5s;}
     .school_sidebar.visible::before{opacity: 1;transition: .5s;}
    .school_sidebar p{padding: 0px; font-size: 15px;font-weight: 400;line-height: 68px;color: #14142B; text-transform: uppercase;opacity: 0;}
    .learn_more_text_blue{text-transform: uppercase; font-size: 12px;line-height: 25px;letter-spacing: 1px; padding-right: 10px;}
    .learn_more_text_blue:hover{transition: .3s;}
    .learn_more_text_yellow{font-size: 12px;line-height: 25px;letter-spacing: 1px; padding-right: 10px; color: transparent;}
    .learn_more_blue{color: #242424; cursor: pointer; font-weight: 500;font-size: .75em;line-height: 25px;letter-spacing: 1px;text-decoration: none; transition: .5s;}
    .learn_more_blue:hover{transition: .5s; padding-right: 10px;}
    .learn_more_yellow{text-transform:uppercase; color: #fff; cursor: pointer; font-weight: 500;font-size: .75em;line-height: 25px;letter-spacing: 1px;text-decoration: none; position: absolute;left: 47px;}
    .hover_fun{width: auto!important;}
    .no_padding_lft_rght{padding-left: 0px !important; padding-right: 0px !important;}
    /*.shrink:hover{transform: scale(0.94);}*/
    .img_shrink{position: relative; margin: auto; transition:.5s; overflow: hidden;margin-left: 15px;}
    .img_shrink_carousel{position: relative; margin: auto; transition:.5s; overflow: hidden;}
    .img_shrink_size{position: absolute;left: 0;top: 0;bottom:0;right: 0; opacity: 1;transition: all 0.4s ease-in-out 0s;}
    .img_shrink_content{position: absolute;text-align: left;padding-left: 1em;padding-right: 1em;width: 100%;top: 50%;left: 50%;opacity: 0; transform: translate(-50%, -50%);transition: all 0.3s ease-in-out 0s; padding: 120px 45px; overflow: hidden;}
    .img_shrink_content:hover{opacity: 1; background: rgba(0, 0, 0, 0.7); overflow: hidden;}
    .img_shrink_content h4{font-size: 21px;line-height: 28px;font-weight:600;margin-top: 30px; margin-bottom: 30px;}
    .img_shrink_content p{font-size: 16px;font-weight: 400;line-height: 28px;}
    .img_class{height: auto; width: 100%;}
    .on_img_txt{color: #fff;margin: -62px 75px 0px 40px;font-size: 22px; font-weight: 600; line-height: 22px; position: absolute;}
    /*.img_link_1{color: #fff;margin: -62px 75px 0px 40px;font-size: 23px; position: absolute;}
    .img_link_2{color: #fff;margin: -62px 75px 0px 40px;font-size: 23px; position: absolute;}*/

/*wtmksuncom*/
    .mks_uncom{margin-top: -40px;overflow-x: hidden;}
    .frst_bgimg{background-image: url('/static/new_images/Home-banner.png'),}
    .section {height: auto;width: 100%;position: relative;padding: 0; overflow-x: hidden;}
    .portfolio {width: 100%;height: 100vh;display: flex;flex-wrap: nowrap;background-color: #fff;overflow: hidden;}
    .portfolio_title {position: absolute;top: 0;left: -15rem;font-size: 24rem;letter-spacing: 0;-webkit-text-stroke-color: #343A42;display: inline-block;}
    .text-stroke {-webkit-text-fill-color: transparent;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #343A42;}
    .grid {display: flex;flex-wrap: wrap;align-items: center;aling-content: center;justify-content: center;overflow: hidden;}
    /*.panel {display: flex;flex: 0 0 30%;  flex-wrap: wrap;align-items: center;align-content: center;justify-content: center;height: 100%;background-color: transparent;}
    .first_panel_flex{flex: 2 0 100%;}
    .panel_item {height: 100%; width: 100%; margin: 0 auto;}
    .wtmksuncm_1img{}
    .panel_img {width: 100%;height: 100%; margin: 0 auto;}*/
    .opacity_1{opacity: 1 !important;}
    .pad_r_10{padding-right: 10px;}
    .borderb_red_10 {border-bottom: 10px solid #f53e24;}
    .bordert_yellow_10 {border-top: 10px solid #ffc53a;}
    .borderb_green_10 {border-bottom: 10px solid #18a668;}
    .contents .content-overlay1{background: rgba(0,0,0,0.7);}
    .contents .content-overlay2{background: rgba(0,0,0,0.7);}
    .contents .content-overlay4{background: rgba(0,0,0,0.7);}
    .age_cri_pad{ padding-bottom: 2%;}
    .age_block{background-color: #fff;padding-bottom: 4%;}
    .download_block{background-color: #1a2454;padding: 5%;}
    .block_content_down{background-color: #fff;padding: 5%;text-align: center;border-left: 10px solid #1a2454;}
    .download_btn{padding: 5%;background-color: #1a2454;color: #fff;border: none;font-weight: bold;}
    .block_content_down p{font-size: 26px;font-weight: bold;padding-bottom: 10%;}
    .age_title_above1, .age_title_above2, .age_title_above3{color: #fff;font-weight: bold;margin-top: -65px;font-family: Satoshi-Regular !important;}
    .height_100{height: 100%}
    .disp_none{display: none;}
    .age_content:hover{background: rgba(0,0,0,0.7) !important;left: 0;top: 0;bottom: 0;right: 0;opacity: 0;}
    .ad_blue_fee_sesson{border-left: 5px solid #18a668;padding-left: 2%;font-size: 20px;color: #045099;font-style: italic;}
    .ad_blue_fee_sesson:hover{text-decoration: underline;}
    .listbullet_darkcirc{display:list-item;padding-bottom:10px;}


/*viedo*/
    .wellsprings_tour{transition: padding .3s;position: relative;min-height: 500px; padding:7% 11% 0% 13%;margin-left: 60px;margin-top: -40px;background: #fff}
    .wellsprings_tour h2{font-size: 40px;font-weight: 400;line-height: 50px; margin-bottom: 15px; color: #000000;}
    .testonimals{padding: 7% 0% 5% 11%;}
    .testonimals h2{font-size: 40px;font-weight: 400;line-height: 50px; padding-left: 19%; color: #000000}
    .testimonial-container {display: flex;gap: 100px;align-items: center; padding-right:8%;}
    .profile-image {width: 287px;height: 287px;border-radius: 50%;overflow: hidden;flex-shrink: 0;box-shadow: 0 10px 20px rgba(0,0,0,0.1);margin-top: 15px;}
    .profile-image img {width: 100%;height: 100%;object-fit: cover;}
    .quote-content {flex-grow: 1;padding-right: 0px;}
    .quote {font-size: 24px;font-weight: 400;line-height: 38px; color: #000000;}
    .attribution {font-size: 18px;font-weight: 400;line-height: 24px;color: #6B6B6B; padding: 1% 0% 10% 25%;}
    .thumbnail-row {display: flex;gap: 25px;margin-top: -45px;padding-left: 30px;}
    .thumbnail {width: 91px;height: 91px;border-radius: 50%;overflow: hidden;
     box-shadow: 0 4px 8px rgba(0,0,0,0.1); transition: transform 0.3s, box-shadow 0.3s;}
    .thumbnail:hover {transform: translateY(-2px);box-shadow: 0 6px 12px rgba(0,0,0,0.15);}
    .thumbnail img {width: 100%;height: 100%;object-fit: cover; cursor: pointer;}
    .brd{border-top: 1px solid #E5E5E5; margin-top: 20px; position: absolute; margin-left: 215px;}
    .yellow-tab {background-color: #FFE145;padding: 8px 20px;display: inline-block;position: relative;transform: skew(-20deg);box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
    .feedback{padding: 4% 0% 0% 20%; width: 100%;display: flex;flex-direction: column; margin: 0px;}
    .feedback_s{height: 60px;position: relative;color: #242424;font-weight: 500;font-size: .875rem;line-height: 1.28571;letter-spacing: 2px;margin-bottom: 40px;}
    .feedback_s::before{height: 71px; width: 90px; content: "";position: absolute;left: -44px;top: 0;background-color: #ffdf47;z-index: 1;transform: skew(-36deg);transform-origin: bottom;}
    .feedback_s_border{content: " ";width: auto;height: 1px;background: #000000;margin-left: 20%;margin-top: 34px;}
    /*.feedback_s::after{content: "";position: absolute;top: 33px;height: 1px;background-color: #000000;width: 100%;left: auto;}*/
    .feedback_p{position: absolute;z-index: 1;top: 22px;font-weight: 400;line-height: 24px;letter-spacing: 0px; font-size: 18px;}
    .avg_well_Pathway_img {width: 100%;height: 500px;}
    .ul_class{list-style: none;padding: 0;margin: 0;}
    .li_testnomial{display: inline-block; font-weight: 400;font-size: 18px;line-height: 24px;letter-spacing: 0.1px;text-transform: uppercase;padding: 0 0 13px;border-radius: 0;position:relative; margin: 0 15px 5px;border-bottom: 4px solid #E9DE71; color: #000000}
    .li_class_1{display: inline-block; font-weight: 400;font-size: 18px;line-height: 24px;letter-spacing: 0.1px;text-transform: uppercase;padding: 0 0 13px;border-radius: 0;position:relative; margin: 0 15px 5px; color: #000000}
    /*.li_class_1:hover::after{content: "";bottom: 0;left: 0;width: 100%;height: 3px;position: absolute;transform: scale(1);transition: .3s; background-color: #ffdf47;}
    .li_class_1:active::after{content: "";bottom: 0;left: 0;width: 100%;height: 3px;position: absolute;transform: scale(1);transition: .3s; background-color: #ffdf47;}
    .li_class_1:hover{background: none;color: #242424;}*/


/*facts*/
    .facts_blck{background: #0053B2; padding: 10% 11% 11% 11%;}
    .facts_title{font-size: 200px;font-weight: 400;line-height: 50px;text-underline-position: from-font;text-decoration-skip-ink: none;color:#FFFFFF; padding-top: 25%}
    .facts_subtitle{font-size: 36px;font-weight: 400;line-height: 46px;text-underline-position: from-font;text-decoration-skip-ink: none;
        color:#FFFFFF; padding-top:20%;}
    .content_for_facts P{color: #FFFFFF;}  
    .grid_hgt_wdth{width: 178px!important; height: 178px;background: rgba(0, 0, 0, .2); border-radius: 5px; margin-right: 5px; margin-bottom: 5px;}    
    .grid_content{font-size: 50px;font-weight: 400;line-height: 50px;text-align: center;text-underline-position: from-font;text-decoration-skip-ink: none;color:#fff; position: relative;}
    .grid_content p{padding: 35% 0%; color: #FFFFFF; cursor: pointer;}
    .title {font-size: 40px;font-weight: 600;margin-bottom: 6%;color: #FFFFFF;padding-left: 385px;}   
    .bird_img{margin: 16px 44px;}
    .dotted-pattern {width: 85%;height: 15%;content: "";display: block;position: absolute;background-image: url(/static/images/Logo_Pattern.webp);mix-blend-mode: multiply; background-position: 0 0;background-repeat: no-repeat;margin-top: -5%; margin-left: -5%;}
    .content_for_facts{position: relative;}
    .grid_blck{padding-left: 3%!important;}
    .grid_content:hover{background: rgba(0, 0, 0, .4);}

/*school_blck*/
    .school_blck{transition: padding .3s;min-height: 500px; position: relative;}
    .school_blck_h1{text-align: center; margin-left:100px;font-size: 3.125em;line-height: 1.2;color: #242424; padding: 120px 220px 45px 290px;}
    .school_blck_p{margin-bottom: 0px; float: right; padding: 0px 120px 20px 510px;font-size: 16px;line-height: 28px;color: #636363;}
    .school_blck_hover{padding-top: 60px; padding-left: 140px; padding-bottom: 60px;}

/*footerblck*/
    .footer_icon{padding-top: 45px; padding-bottom: 10px;}
    .footer_back_color{background-color: #0053B2; padding-top: 75px;}
    .col-lg-3.wdth_20{width: 20%}
    .Lets_connect_img{padding: 45px;}
    .pad_rgt_14{padding-right: 14px;}
    .back_color{background-color: #1a34ba; padding-top: 45px;}
    .blck1{padding: 60px 90px 30px 90px; --bs-gutter-x: 0rem;}
    .blck2{padding-left:30px; padding-bottom: 30px;}
    .footer_ul_hover{color: #ffffff;font-size: 21px;line-height: 1.8em;}
    .blck3{padding-left:45px !important; padding-bottom: 30px; padding-top: 60px;}
    .blck4{padding-bottom: 30px; padding-top: 60px;}
    .blck4 h1{font-family:Bebas Neue; font-size: 80px;font-weight: 400;line-height: 70px; color: #fff;padding-bottom: 30px; padding-top: 10px; margin-bottom: 0px;}
    .blck4 h6{line-height: 36px;color:#fff; font-size:19.2px;font-weight: 400; margin-bottom: 0px;}
    .blck4 p{ margin-top: 5px;color: #ffffff; margin-bottom: 0px; font-size:19px; line-height: 36px; margin-top: 0px;}
    .p_blck-addrs{padding-top: 45px; padding-left: 15px; font-size: 19.2px; color: #fff;font-weight: 400;}
    .img_1{height: auto; width: 90%}
    .li_class{list-style-type: none; color: #ffffff;  border-bottom: 1px solid #ffffff; padding-bottom: 5px; width: 215px; padding-top: 5px; display:flex;}
    .li_1{list-style-type: none; padding-top: 5px;}
    .a_cls{text-decoration: none; color: #ffffff; font-size: 19.2px; font-weight: 400;}
    .a_cls:hover{color: #8DBD96;}
    .link{color: #ffffff;text-decoration: underline !important;}
    .brd_btm{border-top: 1px solid #ffffff; padding-top: 15px;}
    .footer_img{background: #001e9b; border-radius: 50%; width: 200px; height: 200px;}
    .footer_img:hover{background: rgba(0, 0, 0, .4);}
    .li{display: inline-block; padding-right: 25px;}
    .i_facb{border-radius: 50%;color: #1c2351;background-color: #fff;padding: 13px 12px; width: 42px; height: 42px; font-size: 18px; text-align: center;}
    .i_facb:hover{background-color: #3b5998; color: #fff; transition: all .5s cubic-bezier(.31,-.105,.43,1.59);}
    .i_inst{border-radius: 50%;color: #1c2351;background-color: #fff;padding: 12px 12px; width: 42px; height: 42px; font-size: 18px; text-align: center;}
    .i_inst:hover{background: #7d0fa3; color: #fff; transition: all .5s cubic-bezier(.31,-.105,.43,1.59);}
    .i_yout{border-radius: 50%;color: #1c2351;background-color: #fff;padding: 12px 12px; width: 42px; height: 42px; font-size: 18px; text-align: center;}
    .i_yout:hover{background: #cd201f; color: #fff; transition: all .5s cubic-bezier(.31,-.105,.43,1.59);}
    .i_linkd{border-radius: 50%;color: #1c2351;background-color: #fff;padding: 12px 12px; width: 42px; height: 42px; font-size: 18px; text-align: center;}
    .i_linkd:hover{background: #0077b5; color: #fff; transition: all .5s cubic-bezier(.31,-.105,.43,1.59);}
    .footer_img_shrink{text-align: center;}
    .footer_img_shrink p{color: #fff; font-size: 20px; padding: 85px 10px;}    
    .footer_sidebar{transform: rotate(270deg); color: #636363; position:absolute; margin-top: -105px; left: 126px;}
    .footer_sidebar::before{width: 116px;content: "";position: absolute; height: 1px;background-color: #fff; left:-165%; top:40%;opacity: 0;}
    .footer_sidebar p{padding: 0px; font-size: 15px;font-weight: 400;line-height: 68px;color: #ffffff; text-transform: uppercase;opacity: 0;}
    .footer_sidebar.visible p{opacity: 1;transition: .5s;}
    .footer_sidebar.visible::before{opacity: 1;transition: .5s;}
    .footer_last_blck p{color: #ffffff; font-size: 18px;}
    .footer_last_blck_1{text-align: right;padding-right: 2%;}
    .footer_last_blck_1 p{color: #ffffff; font-size:18px;}

/* index scroll  */
    .panel{display: flex;flex: 0 0 39%;flex-wrap: wrap;align-items: center;align-content: center;justify-content: center;height: 100%;background-color: transparent;}
    #panels #panels-container {height: 100vh;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;padding: 0;overflow: hidden;}
    #panels #panels-container .panel {position: relative;width: 100%;height: 100vh;overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;color: #333;text-align: left;/*  border-right: 1px solid #f00;*/}
    #panels #panels-container .panel img {max-width: 100%;height: auto;display: block;}
    #panels #panels-container .panel .panels-navigation {width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;/*  -ms-flex-pack: end;*//*  justify-content: flex-end;*/}
    #panels #panels-container .panel .anchor-panel,
    #panels #panels-container .panel .nav-panel {color: #000;text-transform: uppercase;margin-right: 2rem}
    #panels #panels-container .panels-navigation {/*  position: absolute;*/width: 100%;bottom: 8rem;}
    .cards-wrapper{display:flex;}
    .card{width:600px;}
    .first_panel_flex {flex: 2 0 100%; }
    #panel-1{background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 14.26%, rgba(0, 0, 0, 0) 67.89%),url(/static/images/What-makes-us-uncommon-.png);}
    #panel-1-content{position: absolute;top: 20%;left: 35%;}
    .step-description-hover-1{padding-left: 10%;width: 100%;padding-top: 2%;}
    #panel-2{background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 45.5%, rgba(0, 0, 0, 0.7) 89%),url('/static/images/Learning-the-uncommon-way-2.png');background-repeat: no-repeat;}
    #panel-2:hover{background-image: linear-gradient(180deg, rgba(0,0,0, 0.7), rgba(0,0,0, 0.7)), url(/static/images/Learning-the-uncommon-way-2.png);}
    #panel-3{background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 45.5%, rgba(0, 0, 0, 0.7) 89%),url('/static/images/Pathway-to-stand-apart.png');background-repeat: no-repeat;}
    #panel-3:hover{background-image: linear-gradient(0deg, rgba(0,0,0, 0.7), rgba(0,0,0, 0.7)), url(/static/images/Pathway-to-stand-apart.png);}
    #panel-4{background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 45.5%, rgba(0, 0, 0, 0.7) 89%),url('/static/images/New-Age-infra.png');background-repeat: no-repeat;}
    #panel-4:hover{background-image: linear-gradient(0deg, rgba(0,0,0, 0.7), rgba(0,0,0, 0.7)), url(/static/images/New-Age-infra.png);}
    #panel-5{background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 45.5%, rgba(0, 0, 0, 0.7) 89%),url('/static/images/Beyond-the-boundries.png');background-repeat: no-repeat;}
    #panel-5:hover{background-image: linear-gradient(0deg, rgba(0,0,0, 0.7), rgba(0,0,0, 0.7)), url(/static/images/Beyond-the-boundries.png);}
    .step-description-1{font-weight: 400;font-size: 40px;line-height: 50px;color: #ffffff}
    .step-description-hover-1{font-weight: 400;font-size: 16px;line-height: 28px;color: #ffffff}
    #step-description-2, #step-description-3, #step-description-4, #step-description-5{font-weight: 600;font-size: 24px;line-height: 31px;color: #ffffff;position: absolute;bottom: 20%;left: 4%;}
    #step-description-hover-2 h3, #step-description-hover-3 h3,#step-description-hover-4 h3, #step-description-hover-5 h3{font-weight: 700;font-size: 21px;line-height: 31px;color: #ffffff;margin-bottom: 5%;}
    #step-description-hover-2, #step-description-hover-3, #step-description-hover-4, #step-description-hover-5{font-weight: 400;font-size: 16px;line-height: 28px;color: #ffffff;position: absolute;left: 2%;padding: 10% 10% 0% 10%;bottom: 20%}
    #panels-navigation-2, #panels-navigation-3, #panels-navigation-4, #panels-navigation-5{position: absolute;left: 14%;}
    #panels-navigation-1{padding-left: 45%;}

@media only screen and (max-width: 480px){
    .desktop_view{display: none;}
    .mobile_view{display: block;}
    .mob_colrevrs{flex-direction: column-reverse;}
    body{overflow-x: hidden;}
    .moble{margin: 0px;padding: 0px;box-sizing: border-box;}
    .moble .mheader{position: absolute; z-index: 98; top: 0;width: 100%;background: transparent;}
    .moble .nav-buttons{display: flex;width: 100%;position: fixed;}
    .moble .nav-button {font-size: .75em;flex: 1;padding: 12px 0;text-align: center;font-weight: bold;color: #14142A;border: none;cursor: pointer;transition: opacity 0.3s;}
    .moble .enquire {height: 40px;}
    .moble .apply {height: 40px;}
    .moble .visit {height: 40px;}
    .moble .main-header {display: flex;justify-content: space-between;align-items: center;padding: 50px 20px 20px 20px;background-color: transparent;}
    .moble .logo-container {display: flex;align-items: center;gap: 10px;}
    .moble .logo img {width: 100%;height: 70px;}
    .moble .menu-button {background: rgba(0, 0, 0, 0.1);border: none;width: 50px;height: 50px;border-radius: 50%;cursor: pointer;display: grid;place-items: center;}
    .moble .menu-dots {display: grid;grid-template-columns: repeat(3, 1fr);gap: 3px;width: 24px;}
    .moble .dot {width: 6px;height: 6px;background-color: #fff;border-radius: 50%;}

    /* Menu Overlay Styles */
        .moble .menu-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-color: #0053B2;color: white;padding: 50px 20px 20px 20px;transform: translateX(100%);transition: transform 0.3s ease-in-out;z-index: 1000;}
        .moble .menu-overlay.active {transform: translateX(0);}
        .moble .menu-header {display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 40px;}
        .moble .school-title {font-size: 1.375em;font-weight: bold;max-width: 340px;line-height: 1.2;padding-top: 14%;}
        .moble .close-button {background: rgba(0, 0, 0, 0.2);border: none;color: white;width: 40px;height: 40px;border-radius: 50%;cursor: pointer;font-size: 1.5rem;}
        .moble .search-container {position: relative;margin-bottom: 30px;text-align: center;}
        .moble .search-input {width: 100%;padding: 15px 15px 15px 45px;background: transparent;border: 2px solid rgba(255, 255, 255, 0.2);border-radius: 4px;color: white;font-size: 1rem;}
        .moble .search-input::placeholder {color: rgba(255, 255, 255, 0.8);}
        .moble .search-icon {position: absolute;left: 15px;top: 50%;transform: translateY(-50%);color: white;font-size: 1.2rem;}
        .moble .quick-links {display: flex;gap: 20px;margin-bottom: 30px;flex-wrap: wrap;}
        .moble .quick-link {color: white;text-decoration: none;font-size: 0.9rem;}
        .moble .menu-sections {display: flex;flex-direction: column;gap: 15px;}
        .moble .menu-section {padding: 15px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.2);display: flex;justify-content: space-between;align-items: center;color: white;text-decoration: none;font-size: 1.2rem;font-weight: bold;}
        .moble .login-link {display: flex;align-items: center;gap: 8px;}

    /*Beuncomn*/
        #beuncm h1{font-size: 20px; line-height: 15px; padding:60px;}
        .beuncm_scdhed{font-size: 20px; line-height: 25px; padding-left: 0px;}
        .blue_side_blck::before {width: 20px;}

    /*DNA blck*/
        .dna_fst_blk{position: static!important;margin-top:0px;margin-left: 
            20px;}
        .school_sidebar{transform:rotate(0deg);white-space: nowrap;margin-top: -45px; left: 110px;}
        .lft66{left: 110px!important;}
        .school_sidebar::before{width: 50px;left: -90%;}
        .dna_blck h1{font-size: 20px; line-height: 30px; padding: 10px 0% 5% 0px;}
        .dna_blck{padding: 70px 30px 40px 30px;}
        .dna_blck_p{padding: 0% 0% 1% 0%;line-height: 28px}
        .dna_blck_f{margin-right: 0px;}
        .dna_blck_hover{margin-left: 20px;padding-left: 0px;}

    /*wellspringsTour*/
        .wellsprings_tour{margin-left: 20px;padding: 60px 30px 40px 30px;}
        .wellsprings_tour h2{font-size: 22px;line-height: 34px;}
        .testonimals{padding: 60px 30px 40px 20px;}
        .testonimals h2{padding-left: 30px; font-size: 24px; line-height: 40px}
        .feedback_s{font-size: 22px; line-height: 40px;}
        .feedback_s::before {height: 30px; width: 44px;}
        .feedback_p{top: 4px;font-size: 14px;}
        .feedback_s_border{margin-top: 17px;margin-left: 60%;}
        .quote-content{padding-left: 30px;}
        .testimonial-container{padding-right: 0%;}
        .quote{font-size: 17px;}
        .mob_pad_lft_90{padding-left: 90px;}
        .attribution{padding-left: 30px; font-size: 14px;}
        .thumnail_heading_wdth_35{width: 35% !important;}
        .thumnail_wdth_25{width: 25% !important;}
        .thumbnail{width: 80px; height: 80px;}
    /*Facts*/
        .facts_blck{padding: 60px 30px 40px 30px;}
        .facts_title{font-size: 80px;padding-top: 60px;}
        .facts_subtitle{font-size: 32px; padding-top: 30px;}
        .dotted-pattern{background-size: contain;background-position: 0 0%;width: 100%;height: 4%;}
        .grid_hgt_wdth{width: 110px!important; height: 110px;}
        .grid_blck{padding-left: 0px;}
        .grid_content{font-size: 24px;line-height: 32px;}
        .bird_img{width: 50%; height: 50%;margin: 10px 28px;}


    /*footer*/
        .footer_back_color{padding-top: 100px;}
        .footer_sidebar{transform: rotate(0deg); margin-top: -130px; left: 90px;}
        .footer_sidebar:before{width: 50px; left: -80%;}
        .Lets_connect_img {padding: 0px;}
        .img_1{width: 70%;}
        .p_blck-addrs{padding-left: 0px; font-size: 16.2px;}
        .title{padding-left: 20px; font-size: 20px; margin-bottom: 10%;}
        .footer_img{width: 100px; height: 100px;}
        .footer_ul_hover {padding-left: 0rem;}
        .col-sm-4.wdth_33{width: 33.3%;}
        .a_cls{font-size: 16.2px;}
        .blck1{padding: 30px 20px;}
        .blck2{padding-bottom:15px; }
        .blck3{padding-top: 0px; padding-left: 0px !important; padding-bottom: 15px;}
        .blck4{padding-top: 0px;}
        .blck4 h1{padding-top: 0px; font-size: 75px; padding-bottom: 15px;}
        .blck4 h6{font-size: 16.2px;}
        .blck4 p{font-size: 16.2px;}
        .footer_icon{padding-top: 30px; padding-bottom: 0px;}
        .footer_last_blck p{color: #ffffff; font-size: 16px;}
        .footer_last_blck_1{text-align: left;}
        .footer_last_blck_1 p{color: #ffffff; font-size:16px;}
}