#contn-banner-inner{position:relative}
#contn-banner-inner img{width:100%}
.skew-bg-brdcrmp{background:#001040cf;width:48%;position:absolute;top:0;bottom:0;left:0;clip-path: polygon(76.89% 101.37%, 0.09% 100.77%, 0.13% -0.15%, 96.14% -1.61%);}
.inner-brdcrmp-common{position:absolute; top: 303px; left: 154px; font-size:20px;letter-spacing:1px}
.inner-brdcrmp-common h1{font-size:55px;color:#fff;font-weight:200;text-transform:uppercase;letter-spacing:1px}
#contn-banner-inner ul li{display:inline-block;padding:0;color:#fff;text-transform:uppercase; font-weight: 200; }
#contn-banner-inner ul li svg{position:relative;top:-1px}


#achivement-page-listing { padding: 0px 0; }
.avhivvmt-filtrr { margin: -62px auto 0; position: relative; width: 100%; }
.top-filltr-rch { background: #fff; padding: 35px; float: left; width: 100%; border-radius: 25px; }
/* dropdown style */ 
.custom-dropdown{position:relative;display:inline-block;vertical-align:middle;padding:0!important;border-radius:2px;width:100%;margin:5px auto}
.custom-dropdown__select{padding:7px 15px;border:0;border-radius:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;font-weight:400;color:#777;height:51px;border:1px solid #aeaeae;margin:0 auto;font-size:16px;letter-spacing:0;background:#fff}
#progrmm-serch-item .custom-dropdown__select{padding:9px 18px;border:0;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;font-weight:400;color:#777;height:54px;border:none;margin:0 auto;font-size:16px;letter-spacing:0}
.custom-dropdown::before,.custom-dropdown::after{content:"";position:absolute;pointer-events:none}
.custom-dropdown::after{content:url(../images/down.png);height:0;font-size:13px;line-height:1;right:12px;top:56%;margin-top:-9px;color:#c69e66!important}
.custom-dropdown::before{width:2.3em;right:0;top:0;bottom:0;border-radius:0 3px 3px 0}
.custom-dropdown__select[disabled]{color:rgba(0,0,0,.3)}
.custom-dropdown.custom-dropdown--disabled::after{color:rgba(0,0,0,.1)}
.custom-dropdown--white::before{background-color:transparent;border-left:none}
.custom-dropdown--white::after{color:rgba(0,0,0,.9)}
.custom-dropdown--emerald::before{background-color:#1aa181}
.custom-dropdown--emerald::after{color:rgba(0,0,0,.4)}
.custom-dropdown--red::before{background-color:#d53a22}
.custom-dropdown--red::after{color:rgba(0,0,0,.4)}
.custom-dropdown--large .custom-dropdown__select{padding-right:1.3em}
.custom-dropdown--small .custom-dropdown__select{padding-right:.5em}
/* dropdown style */

.pinnptt-box { margin: 4px auto !important; width: 100% !important; padding: 12px !important; }
.serch-faulty-bttn { width: 100%; padding: 12px; margin: 3px auto; border-radius: 0; font-size: 18px; font-weight: bold; letter-spacing: 1px; color: #c69e66; background: #001040; transition: all 0.4s ease; }
.serch-faulty-bttn:hover { width: 100%; padding: 12px; margin: 3px auto; border-radius: 0; font-size: 18px; font-weight: bold; letter-spacing: 2px; color: #c69e66; background: #001040; transition: all 0.4s ease; }
#faclty-lisrt-profile { padding: 155px 0 71px; background: #d9d9d6; }
.page-header{text-align:center;padding:50px 0 30px}
.page-header h1{font-size:2.5rem;font-weight:700;color:#2c3e50}
.page-header p{font-size:1.1rem;color:#7f8c8d}
.faculty-card{position:relative;overflow:hidden;border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,0.1);transition:transform 0.4s,box-shadow .4s;cursor:pointer}
.faculty-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.2)}
.faculty-card img{width:100%;height:300px;object-fit:cover;display:block;border-radius:15px}
.faculty-overlay{position:absolute;bottom:0;left:0;width:100%;background:rgba(44,62,80,0.85);color:#fff;padding:20px;transform:translateY(100%);transition:transform .4s}
.faculty-card:hover .faculty-overlay{transform:translateY(0%)}
.faculty-overlay h5{margin:0 0 5px;font-size:1.3rem;font-weight:600}
.faculty-overlay p{font-size:.95rem;margin-bottom:10px;color:#ecf0f1}
.faculty-social a{color:#ecf0f1;font-size:1.2rem;margin-right:10px;transition:color .3s}
.faculty-social a:hover{color:#3498db}
.faculty-item-wth-item { height: 420px; text-align: center;border-radius: 29px; overflow: hidden; box-shadow: 0px 0px 6px 1px #0000001c; border-bottom: 3px solid #001040; }
.iitem-text-faculty h2 { font-size: 20px; }
.iitem-text-faculty h3 { font-size: 16px; font-weight: 200; margin: 0px auto; line-height: 28px; }
.iitem-text-faculty { padding: 24px 23px 0; }
.iitem-immg-faculty { border-radius: 0px; overflow: hidden; }
#faclty-lisrt-profile .col-lg-3 { width: 20%; margin: 14px auto; }
.faclty-wdth_iiteema {background: #fff; padding: 39px 48px; border-radius: 30px;  }

figure.effect-julia{background:#2f3238}
figure.effect-julia img{max-width:none;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s;-webkit-backface-visibility:hidden;backface-visibility:hidden}
figure.effect-julia figcaption{text-align:left}
figure.effect-julia h2{position:relative;padding:.5em 0}
figure.effect-julia p{ position: absolute; bottom: 0; left: 0; right: 0; display:inline-block;margin:0 0 .25em;padding:.4em 1em;background:rgba(255,255,255,0.9);color:#2f3238;text-transform:none;font-weight:500;font-size:75%;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;-webkit-transform:translate3d(-360px,0,0);transform:translate3d(-360px,0,0)}
figure.effect-julia p:first-child{-webkit-transition-delay:.15s;transition-delay:.15s}
figure.effect-julia p:nth-of-type(2){-webkit-transition-delay:.1s;transition-delay:.1s}
figure.effect-julia p:nth-of-type(3){-webkit-transition-delay:.05s;transition-delay:.05s}
figure.effect-julia:hover p:first-child{-webkit-transition-delay:0;transition-delay:0; text-align: center; padding: 30px 10px 16px; }
figure.effect-julia:hover p:nth-of-type(2){-webkit-transition-delay:.05s;transition-delay:.05s}
figure.effect-julia:hover p:nth-of-type(3){-webkit-transition-delay:.1s;transition-delay:.1s}
figure.effect-julia:hover img{opacity:.4;-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}
figure.effect-julia:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

.grid figure{position:relative;float:left;overflow:hidden;width:100%;height:auto;background:#001040;text-align:center;cursor:pointer}
.grid figure img{position:relative;display:block;min-height:100%;max-width:100%;opacity:.8}
.grid figure figcaption{padding:0;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.grid figure figcaption::before,.grid figure figcaption::after{pointer-events:none}
.grid figure figcaption,.grid figure figcaption > a{position:absolute;top:0;left:0;width:100%;height:100%}
.grid figure figcaption > a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}
.grid figure h2{word-spacing:-.15em;font-weight:300}
.grid figure h2 span{font-weight:800}
.grid figure h2,.grid figure p{margin:0}
.grid figure p{letter-spacing:1px;font-size:68.5%}
.par-icons { position: absolute; top: 0; left: 0; right: 0; }
.par-icons svg { position: relative; top: -26px; background: #eff4f6; border-radius: 50%; padding: 6px; }
#faclty-lisrt-profile figure { margin: 0; }
#faclty-lisrt-profile .container { max-width: 85%; }
#achivement-page-listing .container { max-width: 85%; }

#facullty-detaiils-pge { padding: 60px 0 188px 262px; background: #001040; }
.profle-iitemspic-details {  }
.profle-iitemspic-details { color: #fff; line-height: 37px; }
.profle-iitemspic-details h1 { font-size: 42px; font-weight: 200; }
.profle-iitemspic-details img { border-radius: 54px 0; }

#fac-detls-wdth-details { position: relative; padding-bottom: 56px; }
.facc-iitem-wdthh { padding: 50px; background: #fff; margin: -109px -12px 0 auto; position: relative; width: 84%; }

#tab-button{display:table;table-layout:fixed;width:100%;margin:0;padding:0;list-style:none}
#tab-button li{ float: left; width: 100%; }
#tab-button li a{display:block; padding:13px 0;border-bottom:1px solid #000000;text-align:left; font-size: 18px; color:#000;text-decoration:none}
#tab-button li a:hover,#tab-button .is-active a{ color: #C69E66; }
.tab-button-outer{display:none}
.tab-contents{margin-top:20px}
@media screen and (min-width: 768px) {
.tab-button-outer{position:relative;z-index:2;display:block}
.tab-select-outer{display:none}
.tab-contents{position:relative;top:-1px;margin-top:0}
}
#tab-button li a span { float: right; }
.fac-detls-wd h2 { font-size: 31px; font-weight: 300; }
.fac-detls-wd { line-height: 34px; }

.accordion-button:not(.collapsed) { color: #a0835f; }

@media screen and (min-width:280px) and (max-width:388px) {
    .skew-bg-brdcrmp { display: none; }
    .main-content { background: none; margin: 0px auto; padding: 3px; left: 0; box-shadow: none; border-radius: 0; top: 38px; }
    .inner-brdcrmp-common { clip-path: polygon(86.43% 99.21%, 0.09% 100.77%, 0.13% -0.15%, 96.14% -1.61%); background: #001040; padding: 15px 15px; width: 95%; margin: -22px auto; float: left; position: relative; z-index: 999; left: 0; top: 0; }
    .inner-brdcrmp-common h1 { font-size: 27px; margin: 0px auto; }
    #contn-banner-inner ul li { font-size: 15px; }
    .news-red-left-posi { margin: 0px auto; padding: 2px; }
    .article-title { font-size: 29px; line-height: 41px; }
    .avhivvmt-filtrr { margin: 92px auto 0; width: 100%; }
    .inside-achivmnt { margin: 28px auto 0; width: 100%; padding: 0 8px; }
    #facullty-detaiils-pge { padding: 40px 9px; }
    .profle-iitemspic-details h1 { font-size: 29px; margin: 15px auto 11px; }
    .facc-iitem-wdthh { padding: 16px; background: #fff; margin: -23px -12px 0 auto;position: relative; width: 102%; }
	#faclty-lisrt-profile .col-lg-3 { width: 100%; }
}
@media screen and (min-width:389px) and (max-width:476px) {
    .skew-bg-brdcrmp { display: none; }
    .main-content { background: none; margin: 0px auto; padding: 3px; left: 0; box-shadow: none; border-radius: 0; top: 38px; }
    .inner-brdcrmp-common { clip-path: polygon(86.43% 99.21%, 0.09% 100.77%, 0.13% -0.15%, 96.14% -1.61%); background: #001040; padding: 15px 15px; width: 95%; margin: -22px auto; float: left; position: relative; z-index: 999; left: 0; top: 0; }
    .inner-brdcrmp-common h1 { font-size: 27px; margin: 0px auto; }
    #contn-banner-inner ul li { font-size: 15px; }
    .news-red-left-posi { margin: 0px auto; padding: 2px; }
    .article-title { font-size: 29px; line-height: 41px; }
    .avhivvmt-filtrr { margin: 92px auto 0; width: 100%; }
    .inside-achivmnt { margin: 28px auto 0; width: 100%; padding: 0 8px; }
    #facullty-detaiils-pge { padding: 40px 9px; }
    .facc-iitem-wdthh { padding: 16px; background: #fff; margin: -23px -12px 0 auto;position: relative; width: 102%; }
    .profle-iitemspic-details h1 { font-size: 35px; margin: 26px auto 14px; }
	#faclty-lisrt-profile .col-lg-3 { width: 100%; }
}
@media screen and (min-width:477px) and (max-width:575px) {
    .skew-bg-brdcrmp { display: none; }
    .main-content { background: none; margin: 0px auto; padding: 3px; left: 0; box-shadow: none; border-radius: 0; top: 38px; }
    .inner-brdcrmp-common { clip-path: polygon(86.43% 99.21%, 0.09% 100.77%, 0.13% -0.15%, 96.14% -1.61%); background: #001040; padding: 15px 15px; width: 95%; margin: -22px auto; float: left; position: relative; z-index: 999; left: 0; top: 0; }
    .inner-brdcrmp-common h1 { font-size: 27px; margin: 0px auto; }
    #contn-banner-inner ul li { font-size: 15px; }
    .news-red-left-posi { margin: 0px auto; padding: 2px; }
    .article-title { font-size: 29px; line-height: 41px; }
    .avhivvmt-filtrr { margin: 92px auto 0; width: 100%; }
    .inside-achivmnt { margin: 28px auto 0; width: 100%; padding: 0 8px; }
    #facullty-detaiils-pge { padding: 40px 9px; }
    .facc-iitem-wdthh { padding: 16px; background: #fff; margin: -23px -12px 0 auto;position: relative; width: 102%; }
    .profle-iitemspic-details h1 { font-size: 35px; margin: 26px auto 14px; }
	#faclty-lisrt-profile .col-lg-3 { width: 100%; }
	
}
@media screen and (min-width:576px) and (max-width:767px) {
    .skew-bg-brdcrmp { display: none; }
    .main-content { background: none; margin: 0px auto; padding: 3px; left: 0; box-shadow: none; border-radius: 0; top: 38px; }
    .inner-brdcrmp-common { clip-path: polygon(86.43% 99.21%, 0.09% 100.77%, 0.13% -0.15%, 96.14% -1.61%); background: #001040; padding: 15px 15px; width: 95%; margin: -22px auto; float: left; position: relative; z-index: 999; left: 0; top: 0; }
    .inner-brdcrmp-common h1 { font-size: 27px; margin: 0px auto; }
    #contn-banner-inner ul li { font-size: 15px; }
    .cntn-wdhh { float: left; width: 100%; }
    .news-red-left-posi { margin: 0px auto; padding: 2px; }
    .article-title { font-size: 29px; line-height: 41px; }
    .avhivvmt-filtrr { margin: 92px auto 0; width: 100%; }
    .inside-achivmnt { margin: 28px auto 0; width: 100%; padding: 0 8px; }
    #facullty-detaiils-pge { padding: 45px 22px 73px; }
    .profle-iitemspic-details h1 { font-size: 42px; margin: 20px auto 11px; }
    .facc-iitem-wdthh { padding: 50px; margin: -59px -12px 0 auto; width: 98%; }
	#faclty-lisrt-profile .col-lg-3 { width: 49%; }
}
@media screen and (min-width:768px) and (max-width:991px) {
    .main-content { margin: -36px auto 0; }
    .skew-bg-brdcrmp { width: 60%; }
    .inner-brdcrmp-common h1 { font-size: 35px; }
    .inner-brdcrmp-common { top: auto; left: 51px; font-size: 20px; bottom: 77px; }
    .news-red-left-posi { margin: -79px auto 0; }
    .avhivvmt-filtrr { margin: 92px auto 0; width: 100%; }
    .inside-achivmnt { margin: 28px auto 0; width: 100%; padding: 0 8px; }
    #facullty-detaiils-pge { padding: 60px 0 143px 0; }
    #fac-detls-wdth-details .tab-button-outer { margin-bottom: 20px; }
	#faclty-lisrt-profile .col-lg-3 { width: 49%; }
}
@media screen and (min-width:992px) and (max-width:1150px) {
    .main-content { margin: -36px auto 0; }
    .skew-bg-brdcrmp { width: 60%; }
    .inner-brdcrmp-common h1 { font-size: 35px; }
    .inner-brdcrmp-common { top: auto; left: 51px; font-size: 20px; bottom: 77px; }
    .sidebar { margin-top: 30px; width: 100%; position: relative; left: -10px; }
    .news-red-left-posi { background: #f6f4f2; padding: 41px; margin: -91px auto 0; }
    .article-title {  font-size: 29px; margin: 0px auto 19px; line-height: 43px; }
    #facullty-detaiils-pge { padding: 51px 0 141px 55px; }
    .facc-iitem-wdthh { width: 93%; }
}
@media screen and (min-width:1150px) and (max-width:1240px) {
    .main-content { margin: -36px auto 0; }
    .skew-bg-brdcrmp { width: 60%; }
    .inner-brdcrmp-common h1 { font-size: 40px; }
    .inner-brdcrmp-common { top: auto; left: 51px; font-size: 20px; bottom: 77px; }
    .sidebar { margin-top: 30px; width: 100%; position: relative; left: -10px; }
        .news-red-left-posi { background: #f6f4f2; padding: 41px; margin: -91px auto 0; }
    .article-title {  font-size: 29px; margin: 0px auto 19px; line-height: 43px; }
    #facullty-detaiils-pge { padding: 51px 0 141px 55px; }
    .facc-iitem-wdthh { width: 93%; }
}
@media screen and (min-width:1241px) and (max-width:1340px) {
    .inner-brdcrmp-common { position: absolute; top: auto; left: 51px; bottom: 156px; }
    .inner-brdcrmp-common h1 { font-size: 45px; }
    #facullty-detaiils-pge { padding: 51px 0 141px 55px; }
    .facc-iitem-wdthh { width: 93%; }
}
@media screen and (min-width:1341px) and (max-width:1399px) {
    .inner-brdcrmp-common { position: absolute; top: auto; left: 51px; bottom: 156px; }
    .inner-brdcrmp-common h1 { font-size: 45px; }
    #facullty-detaiils-pge { padding: 60px 0 171px 131px; }
    .facc-iitem-wdthh { width: 88%; }
}
@media screen and (min-width:1400px) and (max-width:1499px) {
    .inner-brdcrmp-common { position: absolute; top: auto; left: 51px; bottom: 156px; }
    .inner-brdcrmp-common h1 { font-size: 45px; }
    #facullty-detaiils-pge { padding: 60px 0 171px 131px; }
    .facc-iitem-wdthh { width: 88%; }
}
@media screen and (min-width:1500px) and (max-width:1599px) {
    .inner-brdcrmp-common { position: absolute; top: auto; left: 51px; bottom: 156px; }
    .inner-brdcrmp-common h1 { font-size: 45px; }
    #facullty-detaiils-pge { padding: 60px 0 171px 153px; }
    .facc-iitem-wdthh { width: 88%; }
}
@media screen and (min-width:1600px) and (max-width:1699px) {
    #facullty-detaiils-pge { padding: 60px 0 172px 228px; }
}
@media screen and (min-width:1700px) and (max-width:1799px) {
    #facullty-detaiils-pge { padding: 60px 0 172px 241px; }
    
}
@media screen and (min-width:1800px) and (max-width:1899px) {
  
}
@media screen and (min-width:1900px) and (max-width:1999px) {
	
}
@media screen and (min-width:2000px) and (max-width:2999px) {

}
@media screen and (min-width:3000px) and (max-width:3999px) {

}
@media screen and (min-width:4000px) and (max-width:4999px) {

}
@media screen and (min-width:5000px) and (max-width:5999px) {

}