@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    height: 100%;
    width: 100%;
    font-size: 62.5%;
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 500;
    transition: all .3s ease-in-out;
}
/* :target:before {
    content:"";
    display:block;
    margin-top: 10rem;
} */



/* width */
::-webkit-scrollbar {
    width: 8px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: var(--nse-purple); 
    border-radius: 10px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: var(--nse-yellow); 
  }



:root{
    /* nse primary color */
    --btn-color: #585858;
    --main-bg-color: #fff;
    --purple-color: #382C79;
    --yellow-color: #EFB31D;
    --orangered-color: #E26C23;
    --red-color: #E22028;
    --white-color: #fff;
    --black-color: #000;
    --gray-color: #dadada;
    --light-gray-color: #eee;
    --light-bg-color: #f7f8fc;

    --nse-purple: #392E7D;
    --nse-orange: #E96F24;
    --nse-red: #E41F28;
    --nse-yellow: #F1B519;

    --nse-light-cyan: #4cd9f5b0;
    --nse-light-purple: #4c3ea7a6;
    --nse-light-orange: #fd7e14c4;
    --nse-light-red: #f33c44a8;
    --nse-light-yellow: #f9c53da8;

    --nse-ex-light-cyan: #0dcaf066;
    --nse-ex-light-purple: #392e7d89;
    --nse-ex-light-orange: #fd7e1461;
    --nse-ex-light-red: #e41f284f;
    --nse-ex-light-yellow: #f1b51952;

    --bg-main-theme: #F3F6F8;
    --bg-secondary-theme: #f7fcff;
    --bs-white: #fff;
    --bs-black: #000;
    --bs-blue: #0d6efd;
    --bs-dark-blue: #5863a6;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-primary: #0080ff;
    --bs-secondary: #6c757d;
    --bs-success: #18d26b;
    --bs-info: #00b8d4;
    --bs-warning: #ffa800;
    --bs-danger: #ff3f3f;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-light-green: #58baab;
    
    /* radio  */
    --card-line-height: 1.2em;
    --card-padding: 1em;
    --card-radius: 0.5em;
    --color-green: #558309;
    --color-gray: #e2ebf6;
    --color-dark-gray: #c4d1e1;
    --radio-border-width: 2px;
    --radio-size: 1.5em;
    --ex-light-purple:#F4EFFC;

    /* card shadow */
    --shadow-color1 : rgba(255, 255, 255, 0.1);
    --shadow-color2 : rgba(50, 50, 93, 0.25);
    --shadow-color3 : rgba(0, 0, 0, 0.3);
    --inner-gap: 2.5rem;
    --border-radius-btn: 1rem;
    --gradient-color: -webkit-linear-gradient(left, var(--nse-purple), var(--nse-red));
    --gradient-white-color: -webkit-linear-gradient(left, var(--white-color), var(--nse-red));
}

ul,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
a {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
  }
  
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
  
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
  }
  
  .tooltip:hover .tooltiptext {
    visibility: visible;
  }
/* custom predefines */
                  
.section_container{
    width: 88%;
    margin: 0 auto;
}
.text_size1{
    font-size: 1.8rem;
    margin: 0;
    padding: 0;
    font-weight: 500;
    color: var(--bs-dark);
}
.text_size2{
    font-size: 1.6rem;
    margin: 0;
    padding: 0;
    font-weight: 500;
    color: var(--bs-dark);
}
.text_size3{
    font-size: 1.5rem;
    margin: 0;
    padding: 0;
    font-weight: 500;
    color: var(--bs-gray-dark);
    line-height: 2.2rem;
}
.para_size{
    font-size: 1.6rem;
    margin: 0;
    padding: 0;
    font-weight: 400;
    text-align: justify;
    color: var(--bs-gray-dark);
    line-height: 2.2rem;
}
.pad{
    padding: .6rem 2rem;
}
.d_flex_d_col_center{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4rem;
}
.d_flex_center{
    display: flex;
    align-items: center;
}

.custom_btn{
    padding: .8rem 1.2rem;
    background-color: var(--nse-purple);
    color: var(--white-color);
    font-size: 1.5rem;
    border-radius: .8rem;
    margin: 0;
    border: none;
    outline: none;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.custom_btn:hover{
    transition: all .3s ease;
    background-color: var(--nse-light-red);
}
.pad_t{
    padding-top: 5rem;
    padding-bottom: 3rem;
}

.section_heading{
    width: 100%;
}
.section_heading h1{
    font-size: 2.6rem;
    color: var(--bs-black);
}
.section_heading h1 span{
    background: var(--gradient-color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* =============== navbar section start ================ */
.container-fluid{
    padding: 0;
}
.navbar{
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: .3rem 0;
}
.main_logo{
    width: 20rem;
    display: block;
    margin-left: 1.4rem;
}
.nav-link{
    font-size: 1.6rem;
    color: var(--bs-gray-dark);
}
.main_logo_mob{
    display: none;
}


/* =============== navbar section end ================ */
/* =============== hero section start ================ */



.joint_tag_line_top{
    display: flex;
    gap: 2rem;
}
.joint_tag_line_top .shareIconTop{
    font-size: 2.2rem;
    color: var(--black-color);
}
.joint_tag_line{
    background-color: #fd7e1424;
    text-align: center;
    width: fit-content;
    border-radius: 2rem;
}
.joint_tag_line .text_size3{
    color: var(--nse-orange);
    font-size: 1.2rem;
    font-weight: 400;
}

.hero_section_inner{
    border-radius: 4rem;
    position: relative;
    height: fit-content;
    margin-top: 2rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius: 2rem;
    padding: 4rem;
}
.hero_section_txt{
    width: 50%;
    height: 100%;
    background-color: var(--white-color);
    border-radius: 4rem;
    /* position: absolute; */
    /* left: 0; */
    /* top: 0; */
    position: relative;
    /* padding: 4rem; */
    /* box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; */
    z-index: 9;
}
.hero_section_txt_inner{
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.hero_section_txt_heading{
    width: fit-content;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.nse_line_hero{
    width: 100%;
}
.hero_section_img{
    border-radius: 4rem;
    width: 42%;
    height: 84%;
    overflow: hidden;
    /* clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%); */
    /* clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); */

}
.hero_section_img_inner{
    width: 100%;
    height: 100%;
}
.hero_section_txt_heading h1{
    font-size: 4rem;
    width: fit-content;
}
.hero_section_txt_heading h1 span:first-child{
    background: var(--gradient-color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.hero_section_txt_heading h1 span:last-child{
    color: var(--nse-yellow);
}
.hero_section_txt_heading h5{
    font-size: 2rem;
    width: fit-content;
}

.hero_section_txt_lists{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.hero_section_txt_list{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: .4rem;
    padding: 1rem 0;
}
.hero_section_txt_list:last-child{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: .4rem;
    padding: 1rem 0;
}
.hero_section_txt_list_cards{
    display: flex;
    width: 100%;
}
.hero_section_txt_list_card{
    width: 48%;
    display: flex;
    gap: 1rem;
    align-items: center;
}
.hero_section_txt_list_cardImg{
    min-width: 5rem;
    width: 5rem;
    height: 5rem;
    box-shadow: 0.6em 0.6em 1.2em #d2dce9, -0.5em -0.5em 1em #ffffff;;
    padding: .5rem;
    border-radius: 50%;
    overflow: hidden;
}

.hero_section_txt_list:last-child::before{
    display: none;
}
.hero_section_txt_list h5{
    font-size: 1.5rem;
}
.hero_section_txt_list h5 b{
    color: var(--nse-purple);
}
.hero_section_txt_btn{
    width: 80%;
    height: fit-content;
    display: flex;
    justify-content: space-between;
}
.hero_section_txt_btn .custom_btn{
    width: 49%;
    text-align: center;
}
.hero_section_txt_btn .custom_btn:first-child{
    background-color: transparent;
    color: var(--bs-gray-dark);
    box-shadow: none;
    border: .1rem solid #d4d3d3;
}
.hero_section_nseIcon{
    min-width: 12rem;
    width: 12rem;
}
/* =============== hero section end ================ */
/* =============== program objective section start ================ */
.program_obj{
    padding-top: 8rem;
}
.program_obj_inner{
    display: flex;
    justify-content: space-between;
}
.program_obj_inner_lists{
    width: 70%;
}
.program_obj_inner_lists ul{
    display: flex;
    flex-direction: column;
    gap: var(--inner-gap);
}
.program_obj_inner_lists ul li{
    display: flex;
    gap: 1rem;
}
.program_obj_inner_lists ul li i{
    color: var(--nse-red);
}
.program_obj_inner_img{
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
}
.program_obj_inner_img_inner{
    width: 25rem;
    height: 30rem;
    /* border-radius:0 0 50% 50%; */
    /* background-color: var(--nse-red); */
    background: var(--gradient-color);
    overflow: hidden;
}
/* .program_obj_inner_img_inner img{
    position: relative;
    top: -2rem;
} */
/* =============== program objective section end ================ */
/* =============== tool section section start ================ */
.tool_section_inner{
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: space-between;
    width: 100%;
}
.tool_section_card{
    padding: 3rem 2rem;
    box-shadow: 0.6em 0.6em 1.2em #d2dce9, -0.5em -0.5em 1em #ffffff;
    border-radius: 3rem;
    width: 15%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.2rem;
    transition: all 1s ease;
}
.tool_section_cardIMG{
    width: 4rem;
}
.tool_section_card:hover{
    transition: all 1s ease;
    box-shadow: #d2dce9 0px 3px 6px, #d2dce9 0px 3px 6px;
}

/* =============== tool section section end ================ */
/* =============== about imt section start ================ */

.about_program_inner{
    display: flex;
    flex-direction: column;
    gap: var(--inner-gap);
}
.about_program_cards{
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem;
}
.about_program_card{
    width: 24%;
    height: 8rem;
    border-radius: 1rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    /* flex-direction: column; */
    gap: 1.2rem;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}
.about_program_cardIMG{
    min-width: 10rem;
    width: 10rem;
    height: 100%;
}
.about_program_card .text_size3{
    padding: 0 1.2rem 1.2rem;
}
.about_program_btm{
    background-color: var(--ex-light-purple);
}

/* =============== about imt section end ================ */
/* =============== program schedule section start ================ */

.program_schedule_data{
    width: 100%;
    border-radius: 2rem;
    border: .1rem solid var(--nse-ex-light-purple);
    padding: 2rem;
    display: flex;
    justify-content: space-between;
    /* box-shadow: rgb( 252, 241 ,245 ) 0px 6px 0px 0px , 0 0 #0000 0 0 #0000; */
    box-shadow: rgb( 252, 241 ,245 ) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.program_schedule_inner{
    width: 100%;
}
.program_schedule_card{
    width: 22%;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 1rem;
}
.program_schedule_card .text_size1{
    background: var(--gradient-color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
}
.program_schedule_card .text_size3{
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.4rem;
}

/* =============== program schedule section end ================ */
/* =============== ideal for section start ================ */
.ideal_for_innner{
    display: flex;
    flex-direction: column;
    gap: var(--inner-gap);
}

.ideal_for_cards{
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem;
}
.ideal_for_card{
    width: 32%;
    border-radius: 1rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}
.ideal_for_cardIMG{
    width: 100%;
    height: 14rem;
}
.ideal_for_card .ideal_for_cardTxt{
    padding: 0 1.2rem 1.2rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
/* =============== ideal for section end ================ */
/* =============== eligibility section start ================ */
.eligibility{
    padding: 4rem 0;
    background-color: var(--nse-purple);
}
.eligibility .section_heading h1{
    color: var(--white-color);
}
.eligibility .section_heading h1 span{
    background: var(--gradient-white-color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.eligibility .d_flex_d_col_center{
    align-items: flex-start;
}
.eligibility .text_size1{
    color: var(--white-color);
    display: flex;
    gap: .8rem;
}
.eligibility .text_size1 i{
    color: var(--nse-orange);
}
/* =============== eligibility section end ================ */
/* =============== program highlight section start ================ */
.program_highlight_inner{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.program_highlight_card{
    width: 19%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.2rem;
}  
.program_highlight_card_icon{
    padding: 1rem;
    border: .1rem solid var(--nse-purple);
    border-radius: 50%;
    position: relative;
}
.program_highlight_card_icon div{
    min-width: 7rem;
    max-width: 7rem;
    height: 7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    color: var(--nse-purple);
    border-radius: 50%;
    border: .6rem solid var(--nse-purple);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    /* transition: all .8s ease-in-out; */
}
.program_highlight_card:hover .program_highlight_card_icon{
    background-color: var(--nse-purple);
}
.program_highlight_card:hover .program_highlight_card_txt{
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    border: .1rem solid var(--bs-white);
}
.program_highlight_card:hover div{
    color: var(--white-color);
}
.program_highlight_card:hover img{
    display: block;
}
.program_highlight_card_icon img{
    transition: all .8s ease-in-out;
    position: absolute;
    left: 50%;
    bottom: -1.8rem;
    transform: translate(-50%, 0%);
    width: 3rem;
    height: auto;
    display: none;
}

.program_highlight_card_txt{
    width: 100%;
    height: 100%;
    padding: 1rem;
    border-radius: 1rem;
    border: .1rem solid var(--bs-gray);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
}
/* .program_highlight_card_txt:hover> .program_highlight_card_icon{
    background-color: var(--nse-purple);
} */
.program_highlight_card_txt .text_size2{
    position: relative;
    text-align: center;
    color: var(--nse-purple);
}
.program_highlight_card_txt .text_size3{
    font-weight: 400;
}
/* .program_highlight_card_txt .text_size2::before{
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: .18rem;
    max-height: .18rem;
    background-color: var(--bs-gray);
} */
/* =============== program highlight section end ================ */
/* =============== program outline section start ================ */
.program_outline{
    padding: 5rem 0;
    background-color: #F3F6FB;
}

.program_outline_inner{
    width: 100%;
    position: relative;
}
.program_outline_slider{
    width: 100%;
    display: flex;
    display: flex;
    /* justify-content: space-between; */
    gap: 1.2rem;
    overflow-x: auto;
    padding: .6rem;
}
.program_outline_slider::-webkit-scrollbar{
    display: none;
}
.program_outline_slider_card{
    min-width: 30%;
    width: 30%;
    position: relative;
    background-color: var(--white-color);
    padding: 1.6rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    border-radius: 2rem;

}
.program_outline_slider_card ul{
    z-index: 9;
}
.program_outline_slider_card .text_size1{
    background: var(--gradient-color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: left;
}
.program_outline_slider_card .para_size i{
    background: var(--gradient-color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.program_outline_slider_card .para_size{
    text-align: left;
    display: flex;
    gap: .6rem;
}
.program_outline_slider_cardICON{
    position: absolute;
    right: -10%;
    top: 50%;
    transform: translate(-10%, -50%);
    width: 8rem;
}
.program_outline .slide_icon{
    display: none;
}
.program_outline:hover .slide_icon{
    /* border: 1px solid red; */
    display: flex;
}
.program_outline:hover .program_outline_slider{
    border-radius: 1rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.program_outline_slider_card:hover{
    box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
}
/* =============== program outline section end ================ */
/* =============== faculty profile section start ================ */
.faculty_profile_inner_slide{
    display: flex;
    gap: var(--inner-gap);
    overflow-x: auto;
    padding: .6rem;
}
.faculty_profile_inner_slide::-webkit-scrollbar{
display: none;
}
.faculty_profile_inner{
    position: relative;
}
.slide_icon{
    min-width: 2.4rem;
    width: 2.4rem;
    height: 2.4rem;
    background-color: var(--white-color);
    font-size: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--bs-gray-dark);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    position: absolute;
    top: 50%;
    cursor: pointer;
}
.left_slide_icon{
    left: -4rem;
    transform: translate(0%, -50%);
}
.right_slide_icon{
    right: -4rem;
    transform: translate(0%, -50%);
}
.faculty_profile_inner_card{
    min-width: 32%;
    width: 32.6%;
    padding: 2rem;
    border-radius: 2rem;
    /* border: .1rem solid var(--nse-ex-light-red); */
    box-shadow: rgb(252, 241, 245) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    
}
.faculty_profile_inner_card:hover{
    border: .1rem solid var(--white-color);
}
.faculty_profile_inner_card_head{
    display: flex;
    border-bottom: .18rem solid #eee;
    padding-bottom: .8rem;
    gap: 1rem;
}
.faculty_profile_inner_cardIMG{
    min-width: 6rem;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    overflow: hidden;
}
.faculty_profile_inner_cardName{
    display: flex;
    flex-direction: column;
    gap: .4rem;
}
.faculty_profile_inner_cardName .text_size1{
    font-size: 1.6rem;
    line-height: 1.8rem;
    background: var(--gradient-color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.faculty_profile_inner_cardName .text_size3{
    font-size: 1.2rem;
    line-height: 1.4rem;
}
.faculty_profile_inner_card_msg .para_size{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    font-size: 1.4rem;
}
.faculty_profile .slide_icon{
    display: none;
}
.faculty_profile:hover .slide_icon{
    display: flex;
}
.faculty_profile:hover .faculty_profile_inner_slide{
    border-radius: 1rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
/* =============== faculty profile section end ================ */
/* =============== certificate section start ================ */
.certification_inner{
    display: flex;
    flex-direction: column;
    gap: var(--inner-gap);
}
.certification_inner_img_key{
    display: flex;
    justify-content: space-around;
}
.certification_innerImg{
    min-width: 20%;
    max-width: 30%;
}
.certification_inner_key{
    width: 60%;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}
.certification_inner_key ol li{
    list-style: number;
}
.certification_inner_key h6{
    background-color: var(--ex-light-purple);
    padding: 1.2rem;
}
/* =============== certificate section end ================ */
/* =============== evaluation section start ================ */
.evaluation{
    padding: 5rem 0;
    background-image: linear-gradient(180deg,var(--nse-purple),#15002e);
}
.evaluation_inner{
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.evaluation_inner_img{
    width: 35%;
}
.evaluation_inner_txt{
    width: 60%;
    display: flex;
    flex-direction: column;
    gap: var(--inner-gap);
}
.evaluation_inner .section_heading h1,
.evaluation_inner .para_size{
    color: var(--white-color);
}
.evaluation_inner .section_heading h1 span{
    background: var(--gradient-white-color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.evaluation_inner_txt_cards{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.evaluation_inner_txt_card{
    padding: 3rem 2rem;
    box-shadow: 0.6em 0.6em 0.1em #d2dce9, -0.5em -0.5em 0em #ffffff;
    border-radius: 3rem;
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.2rem;
    transition: all 1s ease;
    background-color: var(--white-color);
}
.evaluation_inner_txt_cardIcon i{
    font-size: 2.2rem;
    background: var(--gradient-color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.evaluation_inner_txt_card .text_size1{
    text-align: center;
    font-size: 1.4rem;
}
.evaluation_inner_txt ul{
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.evaluation_inner_txt_list{
    padding: 1.2rem 1.2rem;
    /* box-shadow: 0.6em 0.6em 0.1em #d2dce9, -0.5em -0.5em 0em #ffffff; */
    box-shadow: #fff 1.95px 1.95px 2.6px;
    border-radius: 3rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    gap: 1.2rem;
    transition: all 1s ease;
    /* background-color: var(--white-color); */
}
.evaluation_inner_txt_list.para_size{
    padding-left: 2rem;
}

/* =============== evaluation section end ================ */
/* =============== program fees section start ================ */
.program_fee_inner{
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    position: relative;
    border-radius: 5rem 0 0 5rem;
    background-color: var(--nse-purple);
}
.program_fee_inner_circle{
    height: 20rem;
    min-width: 20rem;
    width: 20rem;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    position: relative;
    left: -5rem;
    z-index: 9;
    background-color: var(--nse-orange);
    border-right: 1rem solid var(--white-color);
}
.program_fee_inner_circle h5{
    font-size: 2.4rem;
    font-weight: 600;
}
.program_fee_inner_circle h5,
.program_fee_inner_circle h6{
    color: var(--white-color);
}
.program_fee_inner_detail{
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}
.program_fee_inner_detail .top{
    background-color: var(--white-color);
    padding: 1.2rem;
}
.program_fee_inner_detail .top ul{
    color: var(--bs-gray-dark);
    font-size: 1.6rem;
    font-weight: 600;
}
.program_fee_inner_detail ul{
    display: flex;
    justify-content: space-between;
    gap: 1.2rem;
    font-size: 1.5rem;
    color: var(--white-color);
}
.program_feeBTM ul{
    display: flex;
    gap: 2rem;
    background-color: var(--ex-light-purple);
    padding: 1.2rem 1.6rem;
}
.program_fee_inner_detail{
    position: relative;
    left: -2rem;
}
 .program_feeBTM .text_size3{
    display: flex;
    gap: .4rem;
    font-size: 1.2rem;
 }
 .program_feeBTM .text_size3 i{
    color: var(--nse-yellow);
 }
/* =============== program fees section end ================ */
/* =============== about nse section start ================ */
.about_nse_inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.about_nse_img{
    width: 35%;
    background-color: var(--nse-purple);
}
.about_nse_img img{
    border-radius: 5rem 0 5rem 0;
    border: 1rem solid var(--white-color);
}
.about_nse_txt{
    width: 60%;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}
.imt_partnerIcon{
    padding: 2.5rem 0;
    background-image: linear-gradient(180deg,var(--nse-purple),#15002e);
}
.imt_partnerIcon .evaluation_inner_txt_cards{
    gap: 1.2rem;
}
.imt_partnerIcon .evaluation_inner_txt_card{
    width: 15%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .4rem;
}
.imt_partnerIcon .evaluation_inner_txt_card .evaluation_inner_txt_cardIcon{
    width: 70%;
}
/* =============== about nse section end ================ */
/* =============== contact section start ================ */
.contact_inner{
    width: 100%;
}
.contact_inner_cards{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.contact_inner_card{
    width: 32%;
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
}
.contact_inner_card_name{
    display: flex;
    align-items: center;
    gap: .8rem;
}
.contact_inner_card_name .icon{
    min-width: 5rem;
    max-width: 5rem;
    height: 5rem;
    border-radius: 50%;
}
.contact_inner_card a{
    width: fit-content;
    padding: .6rem .8rem;
    border-radius: .6rem;
    /* border: .1rem solid var(--nse-ex-light-red); */
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    font-size: 1.5rem;
    color: var(--bs-gray-dark);
    display: flex;
    align-items: center;
    gap: .6rem;
}
.contact_inner_card a i{
    color: var(--nse-purple);
}
/* =============== contact section end ================ */
/* =============== disclaimer section start ================ */
.disclaimer_inner ul .para_size{
    display: flex;
    gap: .6rem;
}
.disclaimer_inner ul{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.disclaimer_inner ul .para_size i{
    color: var(--nse-purple);
}
/* =============== disclaimer section end ================ */
/* =============== footer section start ================ */
.footer_main{
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    padding-bottom: 1.2rem;
}
.footer_main .nse_line_footer{
    width: 98%;
    height: .6rem;
    margin: 0 auto;
}
.footer_inner{
    display: flex;
    justify-content: space-between;
}
.footer_inner .text_size3{
    font-size: 1.2rem;
    color: var(--bs-gray);
    font-weight: 400;
}
.social_media ul{
    width: fit-content;
    display: flex;
    gap: 1rem;
}
.social_media .icon{
    min-width: 2.8rem;
    width: 2.8rem;
}
/* =============== footer section end ================ */



/* ============================ mobile responsive ======================== */

@media (min-width:299px) and (max-width:499.99px) {
    .w100{
        min-width: 100% !important;
        width: 100% !important;
    }
    .w50{
        width: 47% !important;
    }
    .pad_t{
        padding: 3rem 0;
    }
    .section_container{
        width: 92%;
    }
    .section_heading h1 {
        font-size: 2.4rem;
    }
    .d_flex_d_col_center{
        gap: 2rem;
    }

    /* navbar */
    .main_logo{
        display: none;
    }
    .main_logo.main_logo_mob {
        width: 12rem;
        display: block;
    }
    .hero_section_nseIcon {
        min-width: 8rem;
        width: 8rem;
    }
  

    /* hero section */
    .joint_tag_line{
        padding: .6rem;
    }
    .joint_tag_line_top {
        gap: 1rem;
        align-items: center;
    }

    .hero_section_inner{
        height: fit-content;
        display: flex;
        flex-direction: column-reverse;
        position: relative;
        padding: 2rem;
        gap: 2rem;
    }
    .hero_section_txt,
    .hero_section_img{
        position: relative;
    }
    .hero_section_txt{
        padding: 0rem;
        top: 0rem;
    }
    .hero_section_txt_heading h1 {
        font-size: 3rem;
    }
    .hero_section_txt_heading h1 br{
        display: none;
    }
    .hero_section_txt_list_cards{
        flex-direction: column;
        gap: 1rem;
    }
    .hero_section_txt_btn{
        flex-direction: column;
        gap: 1rem;
    }

    /* program objective */
    .program_obj {
        padding-top: 3rem;
    }
    .program_obj_inner{
        flex-direction: column;
        gap: var(--inner-gap);
        align-items: center;
    }
    /* tools */
    .tool_section_inner{
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 1.2rem;
    }
    .tool_section_inner .text_size1{
        text-align: center;
    }

    /* faculty */
    .slide_icon{
        display: none;
    }
    .faculty_profile_inner{
        overflow: auto;
    }

    .contact_inner_cards{
        flex-direction: column;
        gap: var(--inner-gap);
    }

    /* about nse */
    .about_nse_inner{
        flex-direction: column;
        gap: var(--inner-gap);
    }

    /* evaluation */
   
    .imt_partnerIcon{
        padding: 1.5rem 0;
        margin-bottom: 2rem;
    }
    .evaluation_inner_txt_cards{
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 1rem !important;
    }
    .evaluation_inner_txt_card{
        min-width: 31%;
        width: 31%;
        height: 9rem;
    }
    .evaluation_inner{
        flex-direction: column-reverse;
        align-items: center;
        gap: var(--inner-gap);
    }
    .evaluation_inner_img{
        width: 60%;
    }

    /* about program */
    .about_program_cardIMG{
        min-width: 25%;
        width: 25%;
        height: 100%;
    }
    .about_program_card{
        width: 100%;
        min-height: 8rem;
    }
    .about_program_card .text_size3{
        padding: 0;
    }

    /* program schedule */
    .program_schedule_data{
        flex-direction: column;
        gap: var(--inner-gap);
    }
    /* ideals for */
    .ideal_for_cards{
        gap: var(--inner-gap);
    }
    .program_highlight_inner{
        flex-wrap: wrap;
        gap: var(--inner-gap);
    }
    /* program outline */
    .program_outline_slider{
        gap: var(--inner-gap);
    }
    .program_outline_slider_card,
    .faculty_profile_inner_card{
        min-width: 80%;
        padding: 1.4rem;
    }
    .program_outline,
    .evaluation{
        padding: 3rem 0;
    }
    /* certification */
    .certification_inner_img_key{
        flex-direction: column;
        gap: var(--inner-gap);
    }
    /* program fee */
    .program_fee_inner{
        flex-direction: column;
        width: 100%;
        padding: 1.2rem;
        border-radius: 0;
        gap: var(--inner-gap);
    }
    .program_fee_inner_circle{
        left: 0;
        border-right: none;
        border-bottom: 1rem solid var(--white-color);
    }
    .program_fee_inner_detail{
        left: 0;
    }
    .program_feeBTM ul{
        flex-direction: column;
        gap: 1.2rem;
    }

    /* footer */
    .footer_inner{
        flex-direction: column;
        gap: 1rem;
        align-items: center;
    }
}


 /* register form modal start */
 #registerModal{
    z-index: 99999999999999999999999;
}
#registerModal .modal-header img{
    width: 8rem;
}
.get_in_touch_inner{
    display: flex;
    flex-direction: column;
    gap: 3rem;
   }
   .get_in_touch_inner .section_heading_main{
    color: var(--bs-white);
   }

   .get_in_touch_innerForm{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
   .get_in_touch_innerForm form{
    width: 70rem;
    min-width: 40rem;
    padding: 2rem;
    padding-top: 0;
    border-radius: .8rem;
    background-color: #fff;
    /* box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; */
    z-index: 9;
   }
  
   .get_in_touch_innerForm_title h4{
    font-size: 2rem;
    color: #392d7d;
    font-weight: 600;
    text-align: center;
    margin: 1rem 0;
   }
   /* .get_in_touch_innerForm_title p{
    font-size: 1.5rem;
    color: var(--bs-gray);
    margin: 1rem 0;
   } */
   .get_in_touch_innerForm_input{
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin: 2rem 0;
   }
   .get_in_touch_innerForm_input .form-control{
    border-radius: 0px;
    border: none;
    background-color: #f2f2f3;
    font-size: 1.6rem;
    color: #777;
    padding: 1rem 1.2rem;
    border-radius: .3rem;
  }
  .get_in_touch_innerForm_input .form-control:focus{
    width: 100%;
    box-shadow: none;
    outline: none;
    background-color: #f2f2f3;
  }
  .get_in_touch_innerForm_input span{
    display: flex;
    gap: 1.2rem;
  }
  .get_in_touch_innerForm_input select{
    padding: 1rem 1.2rem;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    font-size: 1.6rem;
    border: none;
    color: #777;
  }
  .get_in_touch_innerForm_input .form-control::placeholder{
    font-size: 1.4rem;
    letter-spacing: 1px;
    color: #777;
  }
  .get_in_touch_innerForm_input button{
    padding: .8rem 1.6rem;
    color: #fff;
    background-color: #392d7d;
    border: none;
    border-radius: .4rem;
    font-size: 1.6rem;
    font-weight: 500;
  }

  .btn-close{
    font-size: 1.4rem;
  }

  #ajaxResponseCheckoutForm{
    font-size: 1.4rem;
  }
/* register form modal end */