#div_first_element { width: 100%; } #div_first_element { width: 100%; } .inner-page-banner { position: relative; } .inner-page-banner { position: relative; } .banner_background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(/images/banner/about_banner.webp); background-position: top; background-repeat: no-repeat; background-size: cover; }.inner-banner-overlay { background: linear-gradient(to right, rgba(53, 53, 53, 0.6) 0%, rgb(42 104 177 / 45%) 100%); z-index: 1; position: relative; }.inner-banner-overlay:before { content: ""; height: 100%; width: 100%; position: absolute; right: 0; top: 0; background: linear-gradient(270deg, #2a67b0, #00000040 60%, #00000000); } .banner-inner-content { padding: 205px 0 20px; position: relative; z-index: 9; display: flex; justify-content: space-between; } @media (max-width: 992px) { .banner-inner-content { display: block; padding: 260px 0 20px; } .breadcrumb-style { position: absolute; } .banner_para { position: relative; top: -160px; } } .banner-inner-content { padding: 205px 0 20px; position: relative; z-index: 9; display: flex; justify-content: space-between; } .breadcrumb-style { margin-top: -5px; }.banner_para { position: relative; top: -21px; } ul { padding: 0; margin: 0; }.breadcrumb-style ul li { display: inline-block; list-style-type: none; color: #ffffff; padding: 0px 8px; position: relative; text-transform: uppercase; font-size: 13px; }.breadcrumb-style ul li a { color: #ffffff; } .breadcrumb-style ul li::after { content: '/'; position: absolute; right: -2px; }.breadcrumb-style ul li:last-child { font-weight: 600; color: #fff; } .banner-txt { color: black; background: #f0c55a; text-align: center; font-weight: bold; padding: 7px; margin-top: 14px; text-transform: uppercase; font-size: 13px; border-radius: 3px; }.main_bannertxt { color: #fff; line-height: normal; margin: 0; font-weight: 800; text-transform: uppercase; font-size: 40px; }.banner_para p { color: white; font-size: 22px; padding-top: 7px; }.kl-bottommask--mask3 { position: absolute; bottom: 0; left: 0; width: 100%; }.kl-bottommask.kl-bottommask--mask3 svg path { fill: #e0e6ee !important; }.overview-section { background: #e0e6ee; }@media only screen and (min-width: 320px) and (max-width: 479px) { #div_first_element { z-index: unset; } } .col-sm-4.col-md-3.programme-heading { padding-top: 18px; } @media (min-width: 992px) { .col-md-3 { width: 25%; } }.nav-link.active { color: goldenrod !important; } .nav-link { display: block; padding: .5rem 1.5rem; }.iyrfgy_tri { text-align: left; display: flex; align-items: center; }.tabing_overview:after { content: ''; position: absolute; right: 7%; height: 88%; width: 2px; background: #2a68b161; top: 10%; bottom: 4%; }.tabing_row { width: 72%; margin-left: 30px; }.tab-prt { transform-origin: top; margin-top: 20px; }.tab-content>.active { display: block !important; opacity: 1; }#repright_ctl00_divright .col-md-4 { padding: 0px; }.tabing_img img { width: 100%; box-shadow: 0px 18px 30px rgba(0, 0, 0, .3); position: relative; height: 100%; object-fit: cover; min-height: 274px; }#repright_ctl00_divright .col-md-8 { padding: 0px; }.tabing_txt p { padding: 38px 40px 25px 25px; text-align: justify; line-height: 26px; font-size: 14px; } .club_tab p{ padding:0px 20px; } .club_tab { margin-top: -12px; margin-left: 5px; } .nav-link.active { color: goldenrod !important; } .nav-link:hover { color: goldenrod; } .tabing_li{ font-weight: bold; padding-bottom: 6px; font-size: 17px; } .reprographic_contnt .fbsgyh_tri { font-size: 30px; padding-bottom: 15px; font-weight: bold; color: #2a68b1; }.banner_para span { color: white; } .affilation-c { padding: 20px !important; } .lft-content-section { background: #fff; padding: 0 25px 30px; box-shadow: 0 5px 16px rgb(0 0 0 / 20%); } body { overflow-x: hidden; } .kl-bottommask--mask3 { position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden; height: 57px; } .kl-bottommask--mask3 .svgmask { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 5000px !important; max-width: none !important; height: 57px; margin-bottom: -20px; z-index: 1; display: block; } .kl-bottommask--mask3 .banner_angle { position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); display: block; width: 30px; text-align: center; font-size: 30px; opacity: 0.2; z-index: 2; }