.backdrop_menu{position:fixed;top:0;left:0;height:100vh;width:100%;background-color:rgba(0,0,0,.5);display:none;z-index:2}
.tp_mob_options{display:none}
#banner_video{display:block;width:100%;aspect-ratio:1903/720;object-fit:cover}
.Home_li span{display:none}

@media (max-width:1550px){
html{font-size:15px}
}
@media (max-width:1450px){
.banner{overflow:hidden}
}
@media (max-width:991px){
.hero_video{position:relative;top:0}
.header-nav{position:fixed;align-items:flex-start;top:0;width:17rem;z-index:9;right:0;height:100%;background-color:var(--white);transform:translate(100%,0);transition:.5s;flex-direction:column}
body.menu_opend .header-nav{transform:translate(0,0)}
.top_nav>li:last-child { margin: 1rem; }
.top_nav>li>a{color:var(--black);display:block;border-bottom:solid 1px #ccc}
.close_menu { background-color: var(--theme-color); padding: 1rem; float: right; width: fit-content; margin: 1rem; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.close_menu img{height:16px;filter:invert(1)}
body.menu_opend{overflow:hidden}
.menu_opend .backdrop_menu{display:block}
.menu_content{min-width:15rem;position:fixed;right:0;top:0;width:15rem;height:100vh;margin-top:2.65rem;opacity:1;transform:translateY(0);pointer-events:all;transform:translate(100%,0)}
.menu_content.active{transform:translate(0,0);z-index:5;background:#fff;box-shadow:0 0 15px #0000004a}
.menu_content ul{height:100%;border-radius:0;background-color:transparent;box-shadow:none;margin-top:3rem;overflow:auto;width:100%}
.menu_content i{display:none}
.menu_content ul li a{border-bottom:solid 1px #ccc;padding:1rem 1rem}
.menu_icon{display:block;color:var(--white)}
header{z-index:999}
header:not(.sml-header) .menu_content{margin-top:0}
.top_list>li:first-child,.top_list>li:first-child+li,.top_list>li:first-child+li+li{display:none}
.top-header{padding-inline:1.2rem}
.header_logo{width:15rem}
.menu-toggler,.user-toggler{position:relative}
.toggler_box{position:absolute;top:calc(var(--header-height));right:0;transition:all ease .5s;transform:translateY(5rem);opacity:0;pointer-events:none}
.toggler_box.active{transform:translateY(0);opacity:1;pointer-events:all}
.search-toggler .toggler_box{width:100%;padding:1rem}
.search-toggler .toggler_box .gsc-input-box{padding:0}
.search-toggler .toggler_box .gsc-input-box #gs_tti50,.search-toggler .toggler_box .gsc-input-box .gsib_a{padding:0!important}
.toggler_box.user_login{top:100%}
.toggler_box .dropdown-menu{display:block;position:static}
.bottom-header{display:none}
.mobile_menu_box .Home_li a{height:auto!important}
.mobile_menu_box{position:fixed;right:0;top:0;background-color:var(--white);z-index:99;padding:1.5rem;height:100vh;height:100dvh;transition:all ease .5s;transform:translateX(100%);overflow:auto}
.mobile_menu_backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000075;opacity:0;pointer-events:none;transition:all ease .5s}
body.menu-opened .mobile_menu_backdrop{opacity:1;pointer-events:all}
body.menu-opened .mobile_menu_box{transform:translateX(0)}
.go_bottom_wrap,.main_banner{overflow:inherit}
header{box-shadow:0 0 40px var(--black100)}
.program_menu_main.active{transform:translateX(0)}
.sml-header{transform:translateY(calc(0 - var(--top-header-height)));box-shadow:0 0 40px var(--black100)}
.bottom_header{padding-inline:0;margin:0;padding:1rem 0}
.top_nav{display:block;width:100%}
.menu_opend .backdrop{display:block}
[menu-dropdown_btn=program_menu] a{pointer-events:none}
.top_header .container{padding:0}
.top_header .header_btn{background-color:var(--theme-color)}
.top_header img{filter:invert(1);opacity:.6}
.top_header .list_right{align-items:stretch;gap:.5rem;width:100%}
.right_side .list_right li{padding-right:0}
.right_side .list_icon::before{display:none}
.right_side .list_right li{display:flex;align-items:center}
.mobile_login_menu ul li a{color:var(--black)}
.mobile_login_menu{display:block}
.top_nav>.has_submenu>.sub_menu:after{display:none}
.close_menu_large{display:block}
.caret_icon{display:none}
.top_header .right_side{position:static;display:flex;justify-content:space-between;align-items:center;width:100%}
.top_header{position:relative;border:none}
.sml-header{background-color:var(--theme-color)}
.ddp-click{position:absolute;top:.45rem;right:.6rem;padding:.5rem;border:1px solid #0000002e;color:#616161;cursor:pointer;background-color:#00000008;display:block}
.caret_icon_mob{position:absolute;top:.45rem;right:.6rem;padding:.5rem;border:1px solid #0000002e;color:#616161;cursor:pointer;background-color:#00000008;display:block}
.sub_menu{position:static;opacity:1;display:none;pointer-events:all;transform:none;transition:none;background-color:#00000036;border-radius:0}
.has_submenu .sub_menu .sub_menu{background-color:#00000036}
.menu_icon_angle{display:none}
.top_header .left_side{display:flex;margin-left:.5rem}
.top_header .left_side svg{display:none}
.bottom_header .header_logo img{height:3.5rem}
.main_banner .slider_btn .container{display:flex;align-items:center}
.right_side .list_right li a{font-size:1rem!important;padding:.675rem .5rem}
.bootom_menu_footer .copyright_text{margin-bottom:.5rem}
.search_wrapper{border-radius:0}
.top_header .list_right:hover a{opacity:1}
.right_side .list_right li a{color:var(--white)!important}
.bottom_header .d-flex{align-items:center}
.sml-header .menu_icon{color:var(--white)}
.bannerSlider .banner_img{object-fit:cover}
.footer_sections{flex-wrap:wrap}
.ftr_sec:last-child{justify-content:space-between;margin-top:2rem}
.bootom_menu_footer{padding:1rem 0}
.bootom_menu_footer .row{display:flex;align-items:center}
.mobile_pagination{display:block}
.menu_image{display:none}
html{font-size:14px}
.home_overview_inner .home_overview_left{padding-right:5rem}
.common_padding{padding-block:4rem}
}
@media (min-width:768px) and (max-width:991px){
.top_footer_inner{justify-content:center;flex-wrap:wrap}
.top_footer_left{margin-bottom:1rem}
}
@media (min-width:992px) and (max-width:1100px){
.top_nav>li>a{font-size:.813rem;white-space:nowrap;padding:1.05rem .5rem 1.05rem}
.header_logo{margin-right:1rem}
}
@media (min-width:1100px) and (max-width:1220px){
.top_nav>li>a{padding:1.05rem .8rem 1.05rem}
}
@media (max-width:767px){
.right_side .list_right li a{white-space:nowrap}
.sm_banner{display:block}
.lg_banner{display:none}
.container_full{padding-inline:1.5rem}
.hero_content h1{font-size:3rem}
.home_overview_right{margin-top:2rem}
.home_overview_right{flex:auto}
.home_overview_inner .home_overview_left{padding-right:0}
.sec_heading .heading{font-size:2rem}
}

/* dont delete top media its for nav */
/* new media start */


@media screen and (max-width: 1360px) {
    .container{padding: 0 2rem;}
    
}
@media screen and (max-width: 767px) {
    .index_quality_container{display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
    .index_quality_container .index_quality_card .text_container{ max-width: 100%;}
    .index_about_content{padding-left: 0;}
    
}

@media screen and (max-width: 500px) {
    .index_quality_container .index_quality_card{ flex-direction: column; text-align: center;}
    footer{ padding: 3.5rem 0 2rem;}
    .footer_links_container{grid-template-columns: repeat(2, 1fr); row-gap: 1rem;}
    .footer_links_container .footer_column:last-child { grid-column: 1 / -1; justify-self: center; }
}