body {
    font-family: 'LL Riforma' !important;
}

body p {
    letter-spacing: 0.01vw;
    font-weight: 300;
}


/* ===========Global CSS=========== */
.logo {
    font-family: 'LL Riforma';
    font-style: normal;
    font-weight: normal;
    font-size: 23px;
    line-height: 100%;
    /* or 23px */

    text-transform: uppercase;
}

.navbar {

    padding: 1rem 1rem 0.6rem 1rem;

    color: #000000;
    font-family: LL Riforma;



    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    line-height: 100%;

}

.bg-light {
    background-color: #FFC700 !important;
    border-bottom: 1px #000000 solid;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 1);
}


.padding0 {
    padding: 0 !important;
}



hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #000000;
}

.hrc {

    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    border-top: 1px solid #000000;

}

#layout{
    overflow: hidden;
    max-width: 100%;
}

/* ===========Info Navigation=========== */


.home-page-outer-header{
    height: 6.9vw;
    position: relative;
}

.home-page-header {
    position: fixed;
    left: 0;
    width: 100vw;
    z-index: 1111111;
}


.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
    z-index: 1111;
}

.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.overlay a {
    /*padding: 8px;*/
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlay a:hover,
.overlay a:focus {
    color: #f1f1f1;
}


.overlay .closebtn {
    position: absolute;

    right: 45px;
    font-size: 49px;

    z-index: 1;


    display: grid;
    align-items: center;
    height: 100%;
}



/* ===========Index Navigation=========== */


.overlay-index {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
    z-index: 1111;
}

/* .overlay-content22 {
	       position: relative;
        top: 25%;
        width: 100%;
        text-align: center;
        margin-top: 30px;
} */

.overlay-index a {
    /*padding: 8px;*/
    text-decoration: none;
    font-size: 36px;
    color: #fff;
    display: block;
    transition: 0.3s;
}

.overlay-index a:hover,
.overlay a:focus {
    color: #f1f1f1;
}

.overlay-index .closebtn {
    position: absolute;

    right: 45px;
    font-size: 40px;
    z-index: 1;

    display: grid;
    align-items: center;
    height: 100vh;


}

.video1 {
    margin: 150px 0;
    text-align: center;
}

.home-mar {
    font-family: LL Riforma;
    font-style: normal;
    font-weight: bold;
    font-size: 95px;
    line-height: 102%;
    /* or 97px */

    letter-spacing: -0.04em;

    color: #FFC700;
}

.home-mar-text {
    margin-bottom: 180px;

}

.home-mar-text p {
    font-family: LL Riforma;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    line-height: 105%;
    /* or 29px */


    color: #000000;


}

.home-mar-text .stext {
    font-size: 18px !important;
}

.h-audio {
    text-align: center;
    margin-bottom: 140px;
}


.banner-wrapper {
    background-color: #FFC700;
}

.mf1 {
    padding-top: 107px !important;
}

.hf1 h1 {
    font-weight: bolder;
    color: #FFC700
}

.hf1 .headingsss h1 {
    font-weight: bolder;
    color: #FFC700
}

.hf1 h3 {
    color: #FFC700
}

.hf1 p {
    color: #FFC700
}



.zoom {


    margin: 0 auto;
}

.zoom:hover {
    transform: scale(0.98);
    /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    transition: transform .5s ease;
}


.product {

    overflow: visible;
    cursor: pointer;
}

.product-text {


    display: none;
}

.product:hover .product-text {
    display: block;
}


.hb1 {
    padding-left: 100px;
    margin-top: 100px;
}

.hb1img {
    float: right;
}


.hb2 {
    padding-left: 100px;
    margin-top: 70px;
}


.hb4 {
    padding-left: 100px;
    margin-top: 70px;
    padding-top: 300px;
}

.hb2img {
    float: left;
    padding-right: 30px;
}

.b1 {
    position: absolute;
    left: 291px;
    top: -15px;
    opacity: 0.5;

}


.b2 {
    position: absolute;
    right: 0;
    top: 482px;
    opacity: 0.5;

}

.b3 {
    position: absolute;
    left: 0;
    top: 500px;
}

/* ===========footer=========== */

.footer-wrapper {
    margin-top: 100px;

}

.copyright p {
    margin: 0px;
    color: white
}


/* ===========About =========== */
.about-bg {
    background-color: #000;
    border-bottom: 1px solid #fff;
    padding-right: 0.5vw;
}

.text-white {
    color: #fff;
}

/* ===========Index Navigation inner style=========== */


.home-page-nav-section ul li a:hover {
    color: #373737 !important;
}

.container-mudi-info {
    display: grid;
    align-items: center;

    width: 100%;
    height: 100vh;
    /* background: #FFC700; change background color */
    background-image: url("../images/nav2-bg1.jpg");
    background-size: cover;

}


.container-mudi-info ul {
    margin: 0 0 0 10%;
    padding: 0;
    text-align: left;
    display: flex;
    flex-direction: column;
    width: fit-content;


}

.container-mudi-info ul li {
    position: relative;
    list-style: none;

}

.container-mudi-info ul li a {
    position: relative;
    text-decoration: none;



    font-family: LL Riforma;
    font-style: normal;
    font-weight: bold;
    font-size: 53.8104px;
    line-height: 58px;
    /* or 107% */

    text-transform: uppercase;

    color: #FFFFFF;



    transition: 0.5s;

}


.container-mudi-info ul li a:before {

    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    overflow: hidden;
    color: #000;
    transition: width 0.3s;
    white-space: nowrap;
}


.container-mudi-info ul li a:hover:before,
.container-mudi-info ul li.active a:before {
    width: 100%;
}



.container-mudi-info #picture2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    transition: 0.5s;
    /*background: #f00;*/
    /*filter: blur(10px);*/
    opacity: 0.3;

}



.container-mudi-info #picture2.one {
    background: url("../images/img1.jpeg");
    background-size: cover;
}

.container-mudi-info #picture2.two {
    background: url("../images/img2.jpeg");
    background-size: cover;
}









/*==========*/

.container-mudi {
    display: grid;
    align-items: center;

    width: 100%;
    height: 100vh;
    /* background: #FFC700; change background color */
    background-image: url("../images/nav-bg1.jpg");
    background-size: cover;

}


.container-mudi ul {
    margin: 0 0 0 10%;
    padding: 0;
    text-align: left;
    display: flex;
    flex-direction: column;
    width: fit-content;


}

.container-mudi ul li {
    position: relative;
    list-style: none;

}

.container-mudi ul li a {
    position: relative;
    text-decoration: none;



    font-family: LL Riforma;
    font-style: normal;
    font-weight: bold;
    font-size: 53.8104px;
    line-height: 58px;
    /* or 107% */

    text-transform: uppercase;

    color: #FFFFFF;



    transition: 0.5s;

}


.container-mudi ul li a:before {

    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    overflow: hidden;
    color: #000;
    transition: width 0.3s;
    white-space: nowrap;
}


.container-mudi ul li a:hover:before,
.container-mudi ul li.active a:before {
    width: 100%;
}



.container-mudi #picture1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    transition: 0.5s;
    /*background: #f00;*/
    /*filter: blur(10px);*/
    opacity: 0.5;

}



.container-mudi #picture1.one {
    background: url("../images/img1.jpeg");
    background-size: cover;
}

.container-mudi #picture1.two {
    background: url("../images/img2.jpeg");
    background-size: cover;
}


.social-icon {
    position: absolute;
    bottom: 60px;
    left: 10%;
    display: flex;

}


.social-icon a {
    padding-right: 20px !important;
}

a {
    color: #000000;
    line-height: 100%;
    font-size: 1.9vw;
}

a:hover {
    color: #000000;

}

/* =========== Case Studies =========== */


.case-studies-wrapper {
    background-color: #FFC700 !important;
}

.conversational-wrapper {
    background-color: #9D0707;
}

.conversational-wrapper1 {
    background-color: #FF7A00;
}

.teaching-wrapper {
    background-color: #FF7A00;
}

.conversational {
    background-color: #FF7A00 !important;
    padding-right: 0.5vw;
    border-bottom: 1px #000000 solid;
}

.case-studies {
    background-color: #E5E5E5 !important;

    border-bottom: 1px #000000 solid;
}

.cs-img {

    position: relative;
    right: -15px;
    float: right;
}




.yellow-nav {
    background-color: #FFC700 !important;
    padding-right: 0.5vw;
    border-bottom: 1px #000000 solid;
}


.f1 {

    font-size: 200px;
    padding: 70px 0 20px 0;


}

.bline {

    border-bottom: 1px solid #000000;
}

.tline {

    border-top: 1px solid #000000;
    padding-top: 60px;
    padding-bottom: 60px;
}

.f1 .text-outline {

    -webkit-text-stroke: 2px black;
    font-size: 200px;
    color: #FFC700;
    padding-left: 50px;
}


.f1 .text-outline-orange {

    -webkit-text-stroke: 2px black;
    font-size: 200px;
    color: #FF7A00;
    padding-left: 50px;
}


.f1 .text-outline-people {

    -webkit-text-stroke: 2px black;
    font-size: 200px;
    color: #767676;
    padding-left: 50px;
}




.f1 .text-outline-red {

    -webkit-text-stroke: 2px black;
    font-size: 200px;
    color: #9D0707;
    padding-left: 50px;

}

.f2 p {
    font-size: 27px;
    padding-top: 40px;

}

.f2 p a {
    font-size: 28px;
    padding-top: 40px;
    color: #000000;
}

.f2 p span {

    font-size: 1.4vw !important;
    font-weight: lighter;
    line-height: 100%;
}

.div-bottom {
    position: absolute;
    bottom: 0;
}

.div-bottom p {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0 !important;
}

.small-text {
    font-size: 15px !important;
    font-weight: normal !important;
    color: #818181;
    padding-top: 0 !important;
    padding-bottom: 35px;


}

.bcrumb {
    padding-top: 40px;
}

.bcrumb ul li a {
    color: #000000;

}


.single-img {
    padding: 40px 0 0 0;
	/* height: 640px; */
    /* height: 680px; */
}

.single-img .grid-view {
    height: 100%;
}

.single-img .grid-view .gallery {
    height: 100%;
}

.single-img .grid-view .gallery .gallery-item {
    height: 100%;
}

.case-study-detail-lyout-part-1 {
    margin-left: 3.2vw;
    margin-right: 3.2vw;
}

.case-study-detail-lyout-part-1 .container {
    max-width: 100%;
    padding: 0;
    width: 1140px;
}

.csd-f2 {
    padding-bottom: 80px;
}


.csd-f2 h1 {
    font-size: 65px;
    color: #FFC700;

}

.csd-f2 h2 {
    font-size: 35px;
    color: #767676;


}

.csd-f2-1 {

    padding-bottom: 50px;
}

.csd-f4 {
    margin-top: 40px;
    margin-bottom: 20px;
}


.csd-f4 p a {
    color: #767676;
}


.f4-1 {
    padding-bottom: 80px;
}


.orange-c {

    color: black;
}




/* =========== Conversatiobal =========== */





.con-f1 {
    padding: 150px 0 0px 0;


    background-position: left center;
    background-repeat: no-repeat;

    position: relative;
    left: -15px;

}

/* .con-f1:hover {
	padding: 150px 0;
	
	background-image: url("../images/con-img.png");
	background-position: left center;
	background-repeat: no-repeat;
	
	position: relative;
    left: 34px;
	
} */

.con-f1 h1,
.con-f2 h1,
.con-f3 h1 a {
    /*! font-size: 85px; */
    font-weight: lighter;

}

.con-f1 h1 a,
.con-f2 h1 a,
.con-f3 h1 a {
    font-size: 85px;
    font-weight: lighter;
    color: #000000;
    text-decoration: none;

}

/* .con-f1 h1 a:hover, .con-f2 h1 a:hover{

    color: #ffffff;

	
} */



.con-f2 {
    /* 	padding: 150px 0; */


    background-position: right center;
    background-repeat: no-repeat;



    margin-top: -95px;
}

/* .con-f2:hover {
	padding: 150px 0;
	
	background-image: url("../images/con-img2.png");
	background-position: right center;
	background-repeat: no-repeat;
	

	
} */




.cond-f2 {
    padding-bottom: 80px;
}


.cond-f2 h1 {
    font-size: 2.8vw;
    color: #FF7A00;
    text-transform: capitalize !important;
    font-weight: 500;
    line-height: 1.2;
}

.cond-f2 h2 {
    font-size: 1.5vw;
    font-weight: 400;
    color: #818181;
    text-transform: capitalize !important;


}

.cond-f2-1 {

    padding-bottom: 100px;
}


.con-d-page {
    font-size: 25px;
    font-weight: bold;
    /*! padding-left: 0 !important; */
    padding: 0;
}

.con-d-page ul {
    flex-wrap: wrap;
}

.con-d-page li a {
    padding-left: 0 !important;
    padding-right: 0.4vw !important;
    padding-bottom: 0;
    font-size: 1.2vw;
    text-transform: uppercase;
    line-height: 125%;
}

.con-d-page li a:hover {
    color: #FFC700 !important;
}


/*.navbar-light .navbar-nav .active>.nav-link{
	color: #818181;
}*/


.cond-f5 {
    padding-top: 60px;
    padding-bottom: 60px;
    margin-left: -1.5vw;
    margin-right: -1.5vw;
}


.cond-6 {
    padding: 50px 0;
}


.cond-6 h4 a {
    color: #818181;
    font-size: 1.3vw;
    font-weight: bold;
}


.cond-6 img {
    margin-bottom: 40px;
}


/* =========== Teaching Page =========== */

.red-c {
    color: #9D0707;
}

.teaching {
    background-color: #9D0707;
}

.teaching {
    background-color: #9D0707 !important;
    padding-right: 0.5vw;
    border-bottom: 1px #000000 solid;
}

.teaching-mar {
    color: #000000;
}


.teaching-f1-fluid {

    /*background-image: url("../images/teach-img1.png");*/
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;


}

.teaching-f1 h2 {
    /* font-size: 70px; */
    font-weight: lighter;
    color: #000000;
    padding-top: 2.4vw;

}


.teaching-f1 h2 a {
    font-size: 2vw;
    font-weight: 400;
    line-height: 110%;
    color: #000000;

    /*! padding-top: 60px; */

}

.teaching-f1 h2 a:hover {

    color: #FFC700;
    text-decoration: none;


}

.teaching-f1 p {
    font-size: 1vw;
    font-weight: 300;
    color: #000000;
    /* border-bottom: 1px solid #000000; */
    line-height: 125%;
    padding-bottom: 2.7vw;
    margin-bottom: 0;
}

.yellow {
    color: #FFC700 !important;

}

.teachingd-f2 h1 {

    color: #9D0707 !important;
}


.push-text {
    padding-left: 50px;
}


.teachingd-f5 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.teachingd-f5 h3 a {

    color: #767676;
    font-size: 18px;
    font-weight: normal;

}


.teachingd-f5 h4 {

    color: #9D0707;

}

.red-l {

    border-top-color: #9D0707 !important;
    z-index: 1;
}



.red-c2 a {
    color: #9D0707 !important;
}

.red-c2 {
    color: #9D0707 !important;
}



/* =========== keyword page =========== */
.keyword-wrapper {
    background-color: #ffffff;
}

.keyword {
    background-color: #ffffff !important;
    border-bottom: 1px #000000 solid;
    padding-right: 0.5vw;
}

.people {
    background-color: #767676;
}

.keyword-tag {

    padding: 100px 0;
}





.keyword-ul li {

    font-size: 28px;
    font-weight: bold;
    color: #818181;
    padding-left: 5px;
    line-height: 100%;
}

.keyword-ul li a {

    font-size: 1.5vw;
    font-weight: 600;
    color: #818181;
    text-transform: uppercase;
    cursor: pointer;
}

.keyword-ul li a:hover {

    font-size: 1.5;
    font-weight: 600;
    color: #FFC700 !important;
    text-transform: uppercase;
    text-decoration: none;
}


.key-f2 {
    padding: 0 0 80px;
    border-bottom: 1px solid black;
}

.key-f2 h1 {
    color: #818181;
    font-size: 2.8vw;
    font-weight: 600;
    text-transform: uppercase;


}

.key-f2 p {
    font-size: 1.1vw;
    color: #767676;
    font-weight: 300;
    width: 100%;
    max-width: 68vw;
    line-height: 140%;
}

.key-f1 h2 {
    font-size: 2.2vw;
    font-weight: lighter;
    padding-top: 60px;
}

.key-f1 h2 a {
    color: #818181;
    font-size: 2vw;
}

.key-f1 h2 a:hover {
    color: #000000;
}


/* .keyword-f1-fluid {
	background-image: url("../images/keyword-img1.png");
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
	padding-bottom: 383px !important;
	padding-right: 0 !important;

} */

.text-outline-white {
    -webkit-text-stroke: 2px black;
    font-size: 200px;
    color: #ffffff;
    padding-left: 50px;
}





.project-f1 {
    padding-top: 60px;
    padding-left: 0px;
    padding-right: 0px;
    width: 1100px;
}

.project-f2 h1 {
    font-size: 65px;
    color: #767676;
    padding-bottom: 0;
}

.project-f3 p {
    font-size: 18px;
    color: #818181;
    padding-bottom: 40px;
}

.project-f4 h3 {

    font-size: 35px;
    color: #818181;
    padding-bottom: 60px;
}


.related-link a {
    font-size: 1.2vw !important;
    font-weight: bold;
    color: #000000;
    padding-bottom: 60px;
    text-transform: uppercase;
    padding: 0 !important;
}


.project-f5 h2 {
    font-size: 55px;
    font-weight: lighter;
    color: #818181;


}

.project-f5 p {
    font-size: 1.2vw;
    font-weight: 300;
    text-transform: capitalize;
    padding-top: 50px;

}

.pro-yellow {
    color: #FFC700;
}

.pro-orange {

    color: #FF7A00;
}

.pro-red {
    color: #9D0707;

}

.profile-mar {
    color: #C4C4C4;
    font-size: 75px;
    font-weight: bold;
    padding: 0;

}


/* =========== People =========== */

.people-wrapper {
    display: grid;
    align-items: center;

    width: 100%;
    /*height: 100vh;*/
    /* background: #FFC700; change background color */
    /*background-image: url("../images/nav2-bg1.jpg");*/
    /*    background-color: rgba(255, 255, 255, 0.1);
*/
}


.people-nav {
    border-bottom: 1px solid #000000;
    padding-right: 0.5vw;
}

.people-wrapper ul {
    margin: 0 0 0 0;
    padding: 0;
}

.people-wrapper ul li {

    list-style: none;

    padding-bottom: 25px;
}

.people-wrapper ul li a {

    text-decoration: none;
    font-family: LL Riforma;
    font-style: normal;
    font-weight: normal;
    font-size: 3.5vw;
    /* or 107% */

    text-transform: capitalize;

    color: #FFC700;



    transition: 0.5s;
    padding-bottom: 20px;
}

.people-wrapper ul li a:hover {

    -webkit-text-stroke: 1px #FFC700;
    color: transparent;
}

.people-wrapper {
    padding-top: 100px;
    margin-left: 3vw;
}

/* =========== People =========== */
.hover-title {

    pointer-events: auto;
    cursor: pointer;
}

.hover-image {
    visibility: hidden;
}

body:not(.mobile) .hover-title:hover+.hover-image {
    visibility: visible;
    pointer-events: none;
}

.hover-image {
    display: flex;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    pointer-events: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    /* Change width and height to scale images */
    width: 100vw;
    height: 100vh;
    opacity: 0.6;
}

.hover-image img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    margin-bottom: 0;
}

/* =========== End People =========== */

/* ===========navigation style Navigation=========== */

@media screen and (max-height: 450px) {
    .overlay a {
        font-size: 20px
    }

    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }



}

@media(max-width:991px) {}


@media (max-width: 768px) {}


@media (max-width: 767px) {

    .people-wrapper {
        padding-top: 30px;
    }


    .people-wrapper ul li a {

        font-size: 30px;

        transition: 0.5s;
        padding-bottom: 1px;
        word-wrap: break-word !important;

    }

    .cs-img {

        position: relative;
        right: 0px;
    }


    .div-bottom {
        position: relative;
        bottom: 0;
    }

    .con-f1 h1 a,
    .con-f2 h1 a {
        font-size: 36px;


    }


    .cond-f2 h1 {
        font-size: 36px;
        color: #FF7A00;
    }

    .cond-f2 h2 {
        font-size: 28px;
        color: #818181;
    }


    .csd-f2-1 {
        padding-bottom: 0;
    }


    .teaching-f1 h2 {
        font-size: 0px;

    }

    .teaching-f1 h2 a {
        font-size: 44px;
        font-weight: lighter;
        color: #000000;
        padding-top: 60px;
    }

    .key-f2 p {
        font-size: 19px;

    }

    .key-f1 h2 {
        font-size: 42px;

    }

}


@media (max-width: 320px) {

    /* Banner all */




}

/*about us page css*/

.about-heading h1 {
    font-weight: 800;
    font-size: 58px;
    color: #fff;
    text-transform: uppercase;
    padding: 50px 0 50px 0;
}

.heading_first h2 {
    color: white;
    font-size: 48px;
}

.social_icons ul {
    margin: 0px
}

.social_icons ul li {
    margin: 0px 10px;
}

.social_icons ul li a img {
    width: 20px;
    height: auto;
}


/*news page*/
.news_title h2 {
    font-size: 2.6vw;
    padding: 20px 0px;
    color: #818181;
    font-weight: normal;

}

/* .bg_image {
    background-image: url("../images/image.png");
    background-position: 100% 0;
    background-size: 50%;
    background-repeat: no-repeat;
} */




/* ------------------------ Akram Work's Start --------------------------- */

body {
    overflow-x: hidden;
}

/* --------------------- Home Page Start -------------------------- */


.home-page-header .container-fluid {
    padding-left: 3vw;
    padding-right: 3vw;
}

.home-logo-section a {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 1.6vw;
    font-weight: 500;
}

.home-page-nav-section ul li a {
    font-size: 2vw;
    font-weight: 500;
}

.home-page-nav-section ul li a+li a {
    padding-right: 0vw !important;
    font-weight: 500;
    font-size: 2vw;
}

.home-page-header-img-b1 {
    margin-left: -1vw;
}

.home-page-header-img-b1 img {
    width: 21.7vw;
    height: 109px;
    margin-left: -1vw;
}

.home-body {
    background-color: #727071 !important;
}

.bg-light {
    background-color: #727071 !important;
    border-bottom: 1px #000000 solid;
    padding-right: 0.5vw;
}

.banner-wrapper {
    background-color: #8B8B8B !important;
}

.bline {
    border-bottom: none !important;
}

.south-asian-urban-section {
    position: relative;
}

.south-asian-urban-img-section {
    position: absolute;
    z-index: 1;
    text-align: center;
    width: auto;
    top: 104px;
    left: 28.5vw;
    mix-blend-mode: screen;
    opacity: .8 !important;
}

.south-asian-urban-img-inner-section {
    width: 43vw;
    height: 326px;
    background-color: #cecac2;
    background-image: url('../images/b3-1.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

/*.south-asian-urban-img-inner-section:hover {
	background-blend-mode: normal;
	opacity: 1;
}
*/
.south-asian-urban-section .f1 {
    padding-top: 0px !important;
    position: absolute;
    height: 0px !important;
    top: -100px;
}

.south-asian-urban-section .f1 marquee {
    height: 0px !important;
}

.b2 {
    top: 545px;
}

.b2 img {
    width: 13vw;
}

.b3 {
    top: 635px;
}

.b3 img {
    width: 29.5vw;
}

.hb1 {
    margin-top: 805px;
}

.hb1img {
    padding-right: 8vw;
}

.hf1 h1 {
    color: black;
}

.cambridge-workshop-text-1 {
    max-width: 22vw;
    width: 100%;
    margin-left: 36.5vw;
    position: relative;
}

.cambridge-workshop-text-1 h2 {
    font-size: 1.8vw;
    color: black;
}

.cambridge-workshop-text-1 small {
    color: black;
}

.cambridge-workshop-text-1-inner-part {
    position: absolute;
    top: 58px;
}

.hb2 {
    padding-left: 6vw;
}

.cambridge-workshop-text-2 {
    padding-top: 100px;
}

.cambridge-workshop-text-2-heading-part h2 {
    color: #FFC700;
    font-size: 1.8vw;
    max-width: 68vw;
    width: 100%;
}

.cambridge-workshop-text-2 small {
    color: #FFC700;
}

.cambridge-workshop-text-2 p {
    color: #FFC700;
    width: 100%;
    max-width: 69vw;
}

.hb2img {
    width: 42.5vw;
}

.hb3 {
    padding-top: 50px;
}

.hb4 {
    padding-left: 0;
    padding-top: 200px;
}

.hb4-1-home {
    width: 32.5vw;
}

.cambridge-workshop-section-3-img-part {
    text-align: end;
}

.cambridge-workshop-section-3-img-part img {
    width: 17vw;
    height: 535px;
}

.cambridge-workshop-section-3-text-part {
    margin-top: -360px;
    margin-left: 5vw;
}

.cambridge-workshop-section-3-text-part h2 {
    font-size: 1.8vw;
    width: 100%;
    max-width: 28vw;
}

.cambridge-workshop-section-3-text-part p {
    width: 100%;
    max-width: 23vw;
}

.cambridge-workshop-section-3-text-part p+p {
    width: 100%;
    max-width: 28vw;
}

.cambridge-workshop-section-4-text-section {
    margin-left: 8vw;
    margin-top: 15px;
}

.cambridge-workshop-section-4-text-section h1 {
    font-size: 1.8vw;
    width: 100%;
    max-width: 28vw;
}

.all-that-perishes {
    margin-left: 8vw;
}

.all-that-perishes h1 {
    color: black;
    font-size: 1.8vw;
    letter-spacing: 0 !important;

}

.home-mar-text p {
    font-family: LL Riforma;
    font-style: normal;
    font-weight: normal;
    font-size: 1.3vw !important;
}

.home-mar-text .stext {
    font-size: 1.1vw !important;
    width: 24vw;
}



/* --------------------- Home Page End ---------------------------- */


/* --------------------- About Page Start ---------------------------- */



.about-page-header {
    padding-left: 6vw;
    padding-top: 9px;
    padding-bottom: 9px;
}

.about-page-header .logo {
    font-size: 1.6vw;
    font-weight: 500;
}

.about-page-header-nav-section ul li a {
    font-weight: 500;
    font-size: 2vw;
}

.about-page-header-nav-section ul li+li a {
    padding-right: 0vw !important;
    font-weight: 500;
    font-size: 2vw;
}

.about-lyout-part {
    padding-left: 0vw;
    padding-right: 0vw;
    padding-bottom: 8.5vw;
}

.about-heading h1 {
    padding-top: 3.9vw;
    padding-bottom: 2.9vw;
    font-size: 3.7vw;
    font-weight: 500;
    margin-bottom: 0px;
}

.outer-about-heading {
    padding-left: 1rem;
    margin-left: 3vw;
    padding-right: 0.5vw;
}

.hr-1 {
    padding-left: 0;
    padding-right: 0;
}

.hr-1 hr {
    margin-top: 0;
    margin-bottom: 0;
}

.a-platform-for-container {
    width: 1250px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
}

.a-platform-for-container>.vc_row-fluid {
    margin-left: 3vw;
    margin-right: 0;
    padding-left: 1rem;
}

.a-platform-for {
    margin-top: 130px;
    margin-bottom: 50px;
    max-width: 75vw;
    width: 100%;
}

.a-platform-for p {
    margin: 0;
    color: white;
    font-size: 2.8vw;
    line-height: 1.2;
    font-weight: 500;
    line-height: 100%;

}

.sauc-about-img img {
    width: 100vw !important;
}

.about_para p {
    font-size: 1.1vw;
    line-height: 140%;
}

.contact-lyout-section {
    width: 900px;
}

.about_para {
    color: white !important;
    width: 100%;
    padding: 0;
    max-width: 66vw;
}



/* --------------------- About Page End ---------------------------- */


/* --------------------- Case-Study Page Start -------------------------- */




.case-study-nav-plus-heading {
    background-image: url('../images/case-studies-b.png');
    background-repeat: no-repeat;

}

.case-studies {
    background-color: #FFC700 !important;
    /* padding-left: 3vw;
	padding-right: 3vw; */
}

.case-studies-page-heading {
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: #FFC700 !important;
    border-bottom: 1px #000000 solid;
    padding-top: 40px;
    padding-bottom: 25px;

}

.case-studies-page-heading h1 {
    padding-left: 2.9vw;
    margin-bottom: 0;
    font-size: 3.7vw;
    text-transform: uppercase;
}

html .case-studies-wrapper .case-studies-page-heading h1 {
    font-family: 'LL Riforma' !important;
}

.urban-as-palimpsest p, .thinking-with-groundwater p {
    line-height: 100%;
    color: #474747;
    width: 100%;
    max-width: 42vw;
}

.urban-as-palimpsest p a {
    font-size: 2vw;
    font-weight: 400;
    line-height: 110%;
}

.urban-as-palimpsest p a:hover{
    color: #767676 !important;
}

.key-f1 p {
    font-size: 1.2vw !important;
    font-weight: 300;

}

.urban-as-palimpsest p span {
    font-size: 1.2vw !important;
    font-weight: 300;
    width: 100% !important;
    display: flex;
    padding-top: 0.4vw;
    line-height: 125% !important;
}

.thinking-with-groundwater p a {
    font-size: 2vw;
    font-weight: 400;
    line-height: 100%;
}

.thinking-with-groundwater p span {
    font-size: 1.2vw !important;
    font-weight: 300;
    width: 100% !important;
    display: flex;
    max-width: 25vw;
    padding-top: 1vw;
    line-height: 150% !important;
}

.case-study-layout-section-1 {
    border-bottom: 1px #000000 solid !important;
}

.case-study-layout-section-1,
.case-study-layout-section-2,
.small-text {
    color: #000;
    font-weight: 300 !important;
    font-size: 1vw !important;
}

.urban-as-palimpsest p {
    padding-left: 3vw;
    font-weight: 300;
    padding-top: 2vw !important;
}

.case-study-layout-section-1-img,
.case-study-layout-section-2-img {
    padding-left: 2vw;
}

.div-bottom p:nth-child(1) {
    font-size: 1vw;
    font-weight: 700;
    color: black;
    line-height: 130%;
    width: 100%;

}


html .urban-as-palimpsest .div-bottom .case-b-text {
	padding-top: 1vw !important;
	color: #000;
	font-weight: 300 !important;
	font-size: 1vw !important;
	margin-bottom: 1.7rem !important;
}
/* --------------------- Case-Study Page End ---------------------------- */





/* --------------------- Case Studies Detail Page Start ---------------------------- */


.case-study-detail-header {
    padding-left: 6vw;
    padding-top: 9px;
    padding-bottom: 9px;
}

.case-study-detail-header .logo {
    font-size: 1.6vw;
    font-weight: 500;
}

.case-study-detail-header-nav ul li a {
    font-weight: 500;
    font-size: 2vw;
}

.case-study-detail-header-nav ul li+li a {
    padding-right: 0vw !important;
    font-weight: 500;
    font-size: 2vw;
}


.case-study-detail-lyout-part-1 ul li a {
    font-size: 0.9vw;
}

.unknow-source-text{
    padding-top: 30px ;
}

.case-photo{
    padding-top: 0 !important;
}

.unknow-source-text p {
    font-size: 0.9vw;
}

.neoliberal-environments h1 {
    font-size: 2.8vw;
    text-transform: capitalize !important;
}

.neoliberal-environments h2 {
    font-size: 1.5vw;
    color: #818181;
    width: 100%;
    max-width: 46vw;
    font-weight: 400;
}

.aparna-parikh p {
    color: #818181;
    font-size: 1.1vw;
    line-height: 135%;
}

.this-paper-illustrates-text p {
    color: #767676 !important;
    font-size: 1.1vw;
    line-height: 135%;
}

.click-here-to a {
    color: #767676 !important;
    font-size: 1.6vw;
}

.dartmouth-workshop h3 {
    width: 100%;
    max-width: 39vw;
}

.case-study-layout-section-img-part {
    /* overflow: hidden; */
    display: flex;
    justify-content: end;
}

.case-study-layout-section-img-part img {
    width: 100%;
    filter: grayscale(100%);
    /* transition: all 0.5s linear; */

}

.case-study-layout-section-img-part img:hover {
    filter: grayscale(0);
    /* transform: scale(1.05); */
}

.urban-as-palimpsest>span {
    font-weight: 300;
}

.case-studies-d-abstract h3 {
    font-weight: 700;
}

.case-studies-d-abstract-text p {
    font-size: 1.1vw !important;
    line-height: 140%;
    font-weight: 300;
    color: #767676 !important;
}

.case-studies-d-abstract-text p a span {
    font-size: 1.1vw !important;
    line-height: 140%;
    font-weight: 400 !important;
    color: #767676 !important;
}

.case-studies-d-abstract-text p span a {
    font-size: 1.1vw !important;
    line-height: 140%;
    font-weight: 400 !important;
    color: #767676 !important;
}

.case-studies-d-abstract-text p span{
    font-weight:300 !important;
}

html  #cboxPrevious,
html #cboxNext{
display: block !important;
}

h6 {
	color: #767676 !important;
    font-size: 0.9vw;
    line-height: 140%;
    font-weight: 300 !important;
}

.gallery-icon{
    text-align: center;
}

#slider .gallery .gallery-item a, .theme-default .nivoSlider a {
    display: inline-block !important;
  }

.case-studies-d-caption-text p span {
    font-size: 0.9vw !important;
    line-height: 140%;
    font-weight: 300 !important;
    color: #767676 !important;
}

.case-studies-d-caption-text h6 {
    margin-top: -1vw;
}
 
/* .case-studies-d-caption-text h6 span {
    font-size: 0.9vw !important;
    font-weight: 300 !important;
    color: #767676 !important;
} */

/* .gallery>.gallery-item img,
.wpb_image_grid_ul>li img {
    object-fit: revert !important;
} */

.case-studies-d-abstract-text button {
    border: none;
    background-color: transparent;
    box-shadow: none;
    position: relative;
    font-size: 0;
}

.case-studies-d-abstract-text button:focus {
    outline: none;
    box-shadow: none;
}

.case-studies-d-abstract-text .slick-next {
    position: absolute;
    top: 0;
    right: 0;
    height: 88%;
}

.case-studies-d-abstract-text .slick-next::before {
    content: "\f105";
    position: absolute;
    font-size: 2vw !important;
    color: #aeaeae;
    font: normal normal normal 14px/1 FontAwesome;
}

.case-studies-d-abstract-text .slick-next:before:hover {
    color: #000;
}

.case-studies-d-abstract-text .slick-prev {
    position: absolute;
    height: 88%;
    z-index: 1;
    left: 0;
}

.case-studies-d-abstract-text .slick-prev:before {
    content: "\f104";
    position: absolute;
    font-size: 2vw !important;
    color: #aeaeae;
    font: normal normal normal 14px/1 FontAwesome;
}

.case-studies-d-abstract-text .slick-prev:before:hover {
    color: #000;
}

#cboxLoadedContent{
    position: relative;
}

#cboxPrevious{
    font-size: 0 !important;
}

#cboxPrevious:before{
    content: "\f104";
    position: absolute;
    top: -22.5vw;
    left: 7.5vw;
    font-size: 2vw !important;
    color: #aeaeae;
    font: normal normal normal 14px/1 FontAwesome;
}

#cboxNext{
    font-size: 0 !important;
}

#cboxNext:before{
    content: "\f105";
    position: absolute;
    top: -22.5vw;
    left: 82vw;
    font-size: 2vw !important;
    color: #aeaeae;
    font: normal normal normal 14px/1 FontAwesome;
}

.case-studies-d-abstract-text .slick-dots li {
    border: 1px solid #aeaeae;
    border-radius: 50%;
    height: 0.6vw;
    width: 0.6vw;
    margin: 0 5px !important;
}

.case-studies-d-abstract-text .slick-dots li.slick-active {
    background-color: #aeaeae !important;
}


.case-studies-d-abstract-text figure figcaption {
    display: flex;
    justify-content: center;
    padding-top: 1.9vw;
    line-height: 100%;
    font-size: 0.9vw;
    color: #767676 !important;
    font-weight: 300 !important;
}

#gallery-1 figcaption {
	color: #767676 !important;
	line-height: 100%;
	padding-top: 2vw;
	font-size: 0.9vw;
	font-weight: 300 !important;
}

#cboxTitle{
    color: #767676 !important;
	line-height: 100% !important;
	padding-top: 2vw !important;
	font-size: 1.1vw !important;
	font-weight: 300 !important;
}


#gallery-1 button {
    border: none;
    background-color: transparent;
    box-shadow: none;
    position: relative;
    font-size: 0;
}

#gallery-1 button:focus {
    outline: none;
    box-shadow: none;
}

#gallery-1 .slick-next {
	right: -40px;
}

#gallery-1 .slick-prev {

	left: -40px;
}

#gallery-1 .slick-next {
    position: absolute;
    top: 0;
    right: 0;
    height: 88%;
}

#gallery-1 .slick-next::before {
    content: "\f105";
    position: absolute;
    font-size: 2vw !important;
    color: #aeaeae;
    font: normal normal normal 14px/1 FontAwesome;
}

#gallery-1 .slick-next:before:hover {
    color: #000;
}

#gallery-1 .slick-prev {
    position: absolute;
    height: 88%;
    z-index: 1;
    left: 0;
}

#gallery-1 .slick-prev::after {
    content: "\f104";
    position: absolute;
    font-size: 2vw !important;
    color: #aeaeae;

    font: normal normal normal 14px/1 FontAwesome;
}

#gallery-1 .slick-prev::after:hover {
    color: #000;
}

#gallery-1 .slick-dots li {
    border: 1px solid #aeaeae;
    border-radius: 50%;
    height: 0.6vw;
    width: 0.6vw;
    margin: 0 5px !important;
}

#gallery-1 .slick-dots li.slick-active {
    background-color: #aeaeae !important;
}

#gallery-1 figure .gallery-icon {
    display: flex;
    justify-content: center;
}

.gallery-slider img{
    width: auto !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 545px !important;
}

.grid-view img{
    width: 100% !important;
    height: 100% !important;       
}

.full-view img{
    width: 100% !important;
    height: 100% !important;       
}





/* --------------------- Case Studies Detail Page End ---------------------------- */




/* --------------------- Contact Page Sart ---------------------------- */



.contact-page-header {
    padding-left: 6vw;
    padding-top: 9px;
    padding-bottom: 9px;
}

.contact-page-heade .logo {
    font-size: 1.6vw;
    font-weight: 500;
}

.contact-page-header-nav ul li a {
    font-weight: 500;
    font-size: 2vw;
}

.contact-page-header-nav ul li a+li a {
    padding-right: 0vw !important;
    font-weight: 500;
    font-size: 2vw;
}

.Hello-text h1 {
    font-family: 'LL Riforma' !important;
    font-size: 3.7vw;
    font-weight: 500;
    padding-top: 4vw;
}

html .want-to-get p {
    font-size: 1.2vw;
    width: 100%;
    max-width: 50vw;
    line-height: 130%;
    color: #767676;
}

.contact-form .form-group input {
    border: none;
    box-shadow: none;
    border-radius: 0 !important;
    border-bottom: 1px solid #f7f3f3;

}

.contact-form .form-group input[type='text']:focus,
.contact-form .form-group input[type='email']:focus,
.contact-form .form-group input[type='text']:focus,
.contact-form .form-group input[type='text']:focus {
    border-bottom: 1px solid black !important;
}

.contact-form .form-group textarea {
    border: 1px solid #f7f3f3;
    resize: none;
    box-shadow: none;
}

.contact-form .form-group textarea:focus {
    border: 1px solid black;
}

.contact-form button {
    background-color: transparent;
    color: #818181;
    border: 1px solid #818181;
    box-shadow: none !important;
    font-size: 1rem;
    margin-bottom: 6vw;
}

.contact-form button:hover {
    color: white;
    background-color: #818181;
}



/* --------------------- Contact Page End ---------------------------- */




/* --------------------- Conversation Landing Start End ---------------------------- */


.conversation-landing-header {
    padding-left: 6vw;
    padding-top: 9px;
    padding-bottom: 9px;
}

.conversation-landing-header .logo {
    font-size: 1.6vw;
    font-weight: 500;
}

.conversation-landing-header-nav ul li a {
    font-weight: 500;
    font-size: 2vw;
}

.conversation-landing-header-nav ul li+li a {
    padding-right: 0vw !important;
    font-weight: 500;
    font-size: 2vw;
}

.conversation-text-heading {
    padding-left: 2rem;
    padding-top: 0px;
}

.conversation-text-heading h1 {
    padding-left: 2.9vw;
}

.case-studies-heading{
    padding-top: 0 !important;
}

.text-uppercase {
    padding-top: 37px;
    /*! padding-bottom: 37px; */
    /* margin-left: -1.5vw; */
}

.outer-text-uppercase {
    border-bottom: 1px solid #000 !important;
}

html .conversation-text-heading h1 {
    font-size: 3.7vw;
}

.con1-img {
    padding-left: 5vw;
}

.con1-img img {
    border-radius: 50%;
    filter: grayscale(100%);
}

.con1-img img:hover {
    filter: grayscale(0);
}

h1.urban-climates-power-1 {
    padding-top: 175px;
}

h1.urban-climates-power-1 a {
    font-size: 2.5vw;
    width: 43vw;
    line-height: 130%;
    display: inline-block;
}

html .outer-social-justice h1 {
    padding-top: 175px;
}

html .outer-social-justice h1 a {
    font-size: 2.5vw;
}

.con-f3 {
    margin-top: -95px;
}

.con3-img {
    padding-left: 5vw;
}


/* --------------------- Conversation Landing Page End ---------------------------- */



/* --------------------- Conversation  Detail Page End ---------------------------- */


.conversational .container-fluid {
    padding-left: 3vw;
    padding-right: 3vw;
}

.bline-conversational-wrapper1 {
    display: none;
}

.conversational-wrapper1>.con-f1 {
    max-width: 100%;
    padding-top: 3.5vw;
    padding-bottom: 3.5vw;
    padding-left: 11vw;
    padding-right: 11vw;
    position: static;
}


.conversation-detail-header {
    padding-left: 6vw;
    padding-top: 9px;
    padding-bottom: 9px;
}

.conversation-detail-header .logo {
    font-size: 1.6vw;
    font-weight: 500;
}

.conversation-detail-header-nav ul li a {
    font-weight: 500;
    font-size: 2vw;
}

html .conversation-detail-index a {
    padding-right: 0vw !important;
    font-weight: 500;
    font-size: 2vw;
}

.conversation-detail-header-nav-2 {
    padding-left: 6vw;
}

.bcrumb.conversation-detail-header-nav-2 ul li a {
    font-size: 0.9vw;
}

.cond-f2-h2 {
    color: #818181;
    margin-left: -1.5vw;
}

.cond-f2-h3 {
    color: #818181;
    margin-left: -1.5vw;
    font-size: 1.3vw;
}

html .csd-f3 .july {
    margin-left: 4vw;
}

html li .arabian-sea {
    color: #818181 !important;
}

.nikhil {
    margin-left: -1.5vw;
    margin-right: -1.5vw;
}

.political-ecology p {
    font-size: 1.3vw;
    line-height: 160%;
}

.next-h4 {
    font-size: 1.7vw;
    font-weight: normal;
}

.previous-h4 {
    color: #818181;
    font-size: 1.7vw;
    font-weight: normal;
    padding-top: 20px;
}

.workshop h3 {
    font-size: 1.7vw;
    font-weight: normal;
    max-width: 32vw;
    width: 100%;
}

.urban-climates-power-1 h1 {
    font-size: 2vw !important;
    font-weight: 400 !important;
    line-height: 110% !important;
    color: #000 !important;
}

.urban-climates-power-1 h1:hover {
    color: #767676 !important;
}

.urban-climates-power-1 p {
    color: #000;
}

.urban-climates-power-1 p:hover {
    color: #767676 !important;
}

.urban-climates-power-1 p:nth-child(2) {
    font-size: 1.2vw;
    font-weight: 300 !important;
    line-height: 125% !important;
}

.urban-climates-power-1 p:nth-child(3) {
    font-size: 1vw !important;
    font-weight: 300 !important;

}

/* --------------------- Conversation  Detail Page End---------------------------- */




/* --------------------- Keyword Page Start---------------------------- */


html .keyword .container-fluid {
    padding-left: 3vw;
    padding-right: 3vw;
}

.keyword-header {
    padding-left: 6vw;
    padding-top: 9px;
    padding-bottom: 9px;
}

.keyword-header .logo {
    font-size: 1.6vw;
    font-weight: 500;
}

.keyword-header-nav ul li a {
    font-weight: 500;
    font-size: 2vw;
}

.keyword-header-nav ul li+li a {
    padding-right: 0vw !important;
    font-weight: 500;
    font-size: 2vw;
}

.keyword-heading-part {
    border-bottom: 1px solid #000 !important;
}

.keyword-text-heading {
    padding-left: 8.7vw;
}

.keyword-text-heading h1 {
    font-size: 3.7vw;
    font-weight: normal;
}

.outer-keyword-img1 {
    position: relative;
}

.thinking-with {
    position: absolute;
    z-index: 1;
}

.keyword-img1 {
    position: absolute;
    /* top: 0; */
    right: 0;
    width: 54vw;
    height: 70%;
    background-image: url("../images/keyword-img1.png");
    background-color: #a5a29d;
    background-size: 100% 100%;
    background-blend-mode: screen;
    background-blend-mode: screen;
    margin-top: 150px;
}

.keyword-img1:hover {
    background-blend-mode: normal;
}

.keyword-ul {
    margin-left: -0.5vw;
}




/* --------------------- Keyword Page End---------------------------- */



/* --------------------- News Page End---------------------------- */


.news-lyout-text {
    padding-left: 1rem;
}

.thermal-remote {
    padding-left: 3vw;
}

.news-header {
    padding-left: 6vw;
    padding-top: 9px;
    padding-bottom: 9px;
}

.news-header .logo {
    font-size: 1.6vw;
    font-weight: 500;
}

.news-header-nav ul li a {
    font-weight: 500;
    font-size: 2vw;
}

.news-header-nav ul li+li a {
    padding-right: 0vw !important;
    font-weight: 500;
    font-size: 2vw;
}

.news-text-heading {
    margin-left: -0.5vw;
    margin-right: -0.5vw;

}

.news-heading-part {
    border-bottom: 1px solid #000 !important;
}

.news-text-heading h1 {
    font-size: 6vw !important;
    font-weight: normal !important;
    padding-top: 40px;
    padding-bottom: 10px;
    letter-spacing: -0.2vw;
    color: black !important;
}

.news-layout-text {
    margin-left: -0.5vw;
    margin-right: -0.5vw;
    padding-top: 45px;
}

.thermal-remote h2 {
    font-size: 2.6vw;
    font-weight: normal;
}

.ja-text,
.c-xi,
.l-zhao,
.j-norwine p {
    color: #818181 !important;
}

.cfd-modeling h2 {
    font-size: 2.6vw;
    font-weight: normal;
    color: black !important;
    max-width: 74vw;
    width: 100%;
}

.parham p {
    color: black !important;
}

.impacts-of-urban h2 {
    font-size: 2.6vw;
    font-weight: normal;
    width: 100%;
    max-width: 70vw;
}

.pro-yellow {
    color: #FFC700 !important;
}

.pro-orange {
    color: #FF7A00 !important;
    padding-top: 100px !important;
}

.pro-red {
    color: #9D0707 !important;
}

.thinking-with,
.urban-as,
.course-title {
    font-size: 2.4vw !important;
}

h2.urban-as {
    width: 100%;
    max-width: 74vw;
    font-size: 2vw !important;
    font-weight: 400 !important;
    line-height: 110% !important;
}

.people-de-heading {
    font-size: 2vw !important;
}

.people-de-heading:hover {
    color: black;
}

.nida-rehman-hira {
    padding-top: 20px;
    padding-bottom: 10px;
}

.nida-rehman-hira h1 {
    font-size: 3.5vw !important;
    font-weight: 800;
}

.nida-rehman-hira h1 span {
    padding-left: 2.5vw;
}

.sauc-news-layout-text .impacts-of-urban h2 {
    padding-bottom: 0 !important;
    padding-top: 40px !important;
}

.thermal-remote .c-xi p {
    margin-bottom: 2rem !important;
}

.sauc-news-layout-text .impacts-of-urban h2 a:hover {
    color: #FFC700 !important;
}


/* --------------------- News Page End---------------------------- */



/* --------------------- People Page Start ---------------------------- */


.people-header {
    padding-left: 6vw;
    padding-top: 9px;
    padding-bottom: 9px;
}

.people-header .logo {
    font-size: 1.6vw;
    font-weight: 500;
}

.people-header-nav ul li a {
    font-weight: 500;
    font-size: 2vw;
}

.people-header-nav ul li+li a {
    padding-right: 0vw !important;
    font-weight: 500;
    font-size: 2vw;
}

.people-heading-part {
    border-bottom: 1px solid #000 !important;
}

.people-text-heading {
    margin-left: 3vw;
    padding-left: 1rem;
}

.people-text-heading h1 {
    font-weight: 500;
    font-size: 3.7vw;
}

.people-upper-text{
    padding-left: 15px;
}



/* --------------------- People Page End---------------------------- */



/* --------------------- Profile Page Start---------------------------- */


.outer-profile-header {
    background-color: #767676 !important;
}

.profile-header {
    padding-left: 6vw;
    padding-top: 9px;
    padding-bottom: 9px;
}

.profile-header .logo {
    font-size: 1.6vw;
    font-weight: 500;
}

.profile-header-nav ul li a {
    font-weight: 500;
    font-size: 2vw;
}

.profile-header-nav ul li+li a {
    padding-right: 0vw !important;
    font-weight: 500;
    font-size: 2vw;
}

.aparna-heading-text h1 {
    font-size: 3.7vw;
    font-weight: 500;
    padding-top: 2.5vw
}

.aparna1-img img {
    width: 15vw;
}

.penn-state {
    color: #818181;
    font-size: 1.3vw;
}

.penn-state:hover {
    color: #818181;
}

.aparna-parikh-is h3 {
    font-weight: 300;
    font-size: 1.5vw;
    max-width: 55vw;
    width: 100%;
}

.aparna-parikh-is h3 p {
    line-height: 115%;
}

.aparna1-img-outer {
    display: flex;
    height: 100%;
    /* align-items: center; */
    justify-content: end;
}


/* --------------------- Profile Page End---------------------------- */



/* --------------------- Teaching Page start---------------------------- */


.teaching .container-fluid {
    padding-left: 3vw;
    padding-right: 3vw;
}

.teaching-header {
    padding-left: 6vw;
    padding-top: 9px;
    padding-bottom: 9px;
}

.teaching-header .logo {
    font-size: 1.6vw;
    font-weight: 500;
}

.teaching-header-nav ul li a {
    font-weight: 500;
    font-size: 2vw;
}

.teaching-header-nav ul li+li a {
    padding-right: 0vw !important;
    font-weight: 500;
    font-size: 2vw;
}

.teaching-heading-text {
    padding-left: 1rem;
}

.teaching-heading-text h1 {
    padding-left: 3vw;
}

.outer-teaching-heading-text {
    border-bottom: 1px solid #000 !important;
}

.teaching-heading-text h1 {
    font-size: 3.7vw;
    font-weight: 500;
}

.layout-teaching-text {
    margin-left: 2vw;
    margin-right: 6vw;
    position: relative;
    z-index: 1;
}

.justice-and {
    padding-top: 20px !important;
}

/* .inner-teaching-layout-part-1 {
    position: relative;
    width: 100vw;
    left: 0;
    top: -668px;
} */

.inner-teaching-layout-part-2 {
    position: relative;
    width: 53vw;
    height: 670px;
    top: 141px;
    left: 45vw;
    background-size: 100% 100%;
    background-image: url('../images/teach-img1.jpg');
    /* background-color: #a5a29d;
	background-blend-mode: screen; */
    visibility: hidden;
}

/* .inner-teaching-layout-part-2:hover {
	background-blend-mode: normal;
} */

html .layout-teaching-text .layout-teaching-text-heading:hover+.inner-teaching-layout-part-2 {
    visibility: visible;
}

.inner-teaching-layout-part-1 .container {
    max-width: 100%;
    position: relative;
}

/* .conversational-wrapper{
	padding: 0;
} */


/* --------------------- Teaching Page End---------------------------- */



/* --------------------- Teaching Detail Page Start -------------------------- */


.teaching-detail-header {
    padding-left: 6vw;
    padding-top: 9px;
    padding-bottom: 9px;
}

.teaching-detail-header .logo {
    font-size: 1.6vw;
    font-weight: 500;
}

.teaching-detail-header-nav ul li a {
    font-weight: 500;
    font-size: 2vw;
}

.teaching-detail-header-nav ul li+li a {
    padding-right: 0vw !important;
    font-weight: 500;
    font-size: 2vw;
}

.teaching-detail-header-nav-2 {
    padding-left: 6.2vw;
}

.bcrumb.teaching-detail-header-nav-2 ul li a {
    font-size: 0.9vw;
}

.bovines-in-bombay p {
    font-size: 0.9vw;
    color: #000 !important;
}

.taught-in {
    font-weight: normal;
}


.nikhil-anand p {
    color: #818181 !important;
    font-size: 1.2vw;
    font-weight: 300;
    line-height: 135% !important;
}


.link-to {
    margin-left: -1.5vw;
    margin-right: -1.5vw;
    color: #000 !important;
}

.link-to h4 {
    color: #000 !important;
}

.link-to-link {
    margin-left: 2vw;
}

.mumbai {
    color: #818181 !important;
}

.she-her {
    color: #818181 !important;
}



/* --------------------- Teaching Detail Page End ---------------------------- */

/* -------------- news page ------------- */

.thermal-remote .impacts-of-urban h2 {
    font-size: 2vw !important;
    font-weight: 400 !important;
    line-height: 110% !important;
}

.thermal-remote .c-xi p {
    font-size: 1vw !important;
    font-weight: 300 !important;
}


/* ----------------- for footer --------------------------- */

/* ------------------------ akram css  ---------------------- */




/*---------------------------Genrael Clases---------------------------------------*/

/* CSS Document */

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

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1071;
}

.row-reverse {
    flex-direction: row-reverse;
}

.row.no-padding {
    margin-right: 0;
    margin-left: 0;
}

.row.no-padding>[class^="col-"],
.row.no-padding>[class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

a:focus,
a:hover {
    color: #008f46;
    text-decoration: none;
}

body {
    font-family: 'LL Riforma' !important;
}

.sauc-home-page .container {
    max-width: 100%;
    margin: 0;
    padding: 0;
}


/* ----------------------- new style for index page start ----------------------------- */

.sauc-home-banner-section {
    position: relative;
    /* margin-top: 3.5vw; */
}

.sauc-home-banner-marquee-section {
    position: absolute;
    top: 0;
    font-size: 15vw;
    display: flex;
    align-items: center;
    height: 100%;
    z-index: 1;
}

.sauc-home-banner-marquee-section marquee {
    line-height: 100%;
    height: 12vw;
    color: black;
    opacity: 0.7;
}


.sauc-home-banner-img-section .col-lg-6{
    padding: 0;
}

.sauc-home-banner-section img {
    opacity: 1;
    max-width: 100%;
    width: 100%;
}

.home-page-images img {
    width: 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.home-page-images img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.home-layout-outer-text {
    height: 100%;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    visibility: hidden;
}

.home-page-images:hover+.home-layout-outer-text {
    visibility: visible;
}

.sauc-home-project-1 {
    margin-top: 18vw;
}

.sauc-home-project-2 {
    margin-top: 41vw;
    position: relative;
    left: 10vw;
    z-index: 1;
}

.sauc-home-project-3 {
    margin-top: 8vw;
}

.sauc-home-project-4 {
    margin-top: 7.4vw;
}

.sauc-home-project-5 {
    margin-top: 15.8vw;
}

.sauc-home-project-6 {
    margin-top: 4vw;
    height: 100%;
}

.sauc-home-project-7 {
    margin-top: 11vw;
}

.sauc-home-project-8 {
    margin-top: 9vw;
    height: 100%;
}

.sauc-home-project-9 {
    margin-top: 21.5vw;
}

.sauc-home-case-studies-content-section {
    position: relative;
}

.home-text-1 {
    max-width: 25vw;
    width: 100%
}

.home-text-2 {
    max-width: 21vw;
    width: 200%;
    text-align: end;
}

.home-text-3 {
    max-width: 21vw;
    width: 200%;
    text-align: end;
}

.sauc-home-case-studies-text-part h2 {
    color: #FFC700;
    font-size: 2.2vw;
    line-height: 100%;
    font-weight: 500;
}

.sauc-home-case-studies-text-part p {
    color: #FFC700;
}

.sauc-home-case-studies-text-part p:nth-child(1) {
    font-size: 1.0vw;
    text-transform: uppercase;
    font-weight: 700;
}

.sauc-home-case-studies-text-part p:nth-child(3) {
    font-size: 1.2vw;
    font-weight: 300;
    line-height: 120%;
}

.sauc-home-case-studies-text-part p:nth-child(4) {
    font-size: 1.0vw;
    font-weight: 500;
    margin-bottom: 0;
}

.sauc-home-conversation-section {
    position: relative;
}

.home-text-4 {
    max-width: 27vw;
    width: 100%;
}

.home-text-5 {
    max-width: 27vw;
    width: 100%;
}

.home-text-6 {
    max-width: 27vw;
    width: 100%;
    text-align: end;
}

.sauc-home-conversation-text-part h2 {
    color: #FF7A00;
    font-size: 2.2vw;
    line-height: 100%;
    font-weight: 500;
}

.sauc-home-conversation-text-part p {
    color: #FF7A00;
}

.sauc-home-conversation-text-part p:nth-child(1) {
    font-size: 1.0vw;
    text-transform: uppercase;
    font-weight: 700;
}

.sauc-home-conversation-text-part p:nth-child(3) {
    font-size: 1.2vw;
    font-weight: 300;
    line-height: 120%;
}

.sauc-home-conversation-text-part p:nth-child(4) {
    font-size: 1.0vw;
    font-weight: 500;
    margin-bottom: 0;
}

.sauc-home-teaching-section {
    position: relative;
}

.home-text-7 {
    max-width: 27vw;
    width: 100%;
}

.home-text-8 {
    max-width: 27vw;
    width: 100%;
}

.home-text-9 {
    max-width: 27vw;
    width: 100%;
    text-align: end;
}

.sauc-home-teaching-text-part h2 {
    color: #9D0707;
    font-size: 2.2vw;
    line-height: 100%;
    font-weight: 500;
}

.sauc-home-teaching-text-part p {
    color: #9D0707;
}

.sauc-home-teaching-text-part p:nth-child(1) {
    font-size: 1.0vw;
    text-transform: uppercase;
    font-weight: 700;
}

.sauc-home-teaching-text-part p:nth-child(3) {
    font-size: 1.2vw;
    font-weight: 300;
    line-height: 120%;
}

.sauc-home-teaching-text-part p:nth-child(4) {
    font-size: 1.0vw;
    font-weight: 500;
    margin-bottom: 0;
}

.home-text-wrapper-1 {
    right: -26.5vw;
}

.home-text-wrapper-2 {
    left: -22.5vw;
}

.home-text-wrapper-3 {
    left: -22.5vw;
}

.home-text-wrapper-4 {
    right: -27vw;
}

.home-text-wrapper-5 {
    right: -27.5vw;
}

.home-text-wrapper-6 {
    left: -27.5vw;
    top: 1vw;
}

.home-text-wrapper-7 {
    right: -27.5vw;
}

.home-text-wrapper-8 {
    right: -27.5vw;
    top: 1vw;
}

.home-text-wrapper-9 {
    left: -27.5vw;
}


/* ----------------------- new style for index page end ----------------------------- */


/* -------------------- for new footer -------------------------- */


.sauc-footer {
    background-color: #1a1a1a;
    position: relative;
    top: -0.1vw;
}

.sauc-footer .container {
    margin: auto;
    padding-top: 4vw;
    padding-bottom: 4vw;
    padding-right: 8vw;
    padding-left: 8vw;
    max-width: 100vw;
}

.sauc-footer h1 {
    color: #8B8B8B;
}

.sauc-footer p {
    color: #8B8B8B !important;
}

.sauc-footer i {
    color: #8B8B8B;
    font-size: 2.1vw;
    padding-right: 1.7vw;
}

.sauc-footer button {
    color: #8B8B8B;
    background-color: transparent;
    border: 1px solid #8B8B8B;
    border-radius: 5px;
}

.sauc-footer ul {
    padding: 0;
    margin: 0;
    padding-top: 1.5vw;
}

.sauc-footer ul li {
    list-style: none;
    /* padding-bottom: 0.5vw; */
}

.sauc-footer ul li a {
    font-weight: 400;
    font-size: 1.1vw;
    line-height: 100%;
}

.sauc-footer a {
    color: #8B8B8B;
    text-decoration: none;
}

.sauc-footer a:hover{
    color: white;
}

.sauc-footer-logo-section a h1:hover{
    color: white;
}

.sauc-footer-icon-section a i:hover{
    color: white !important;
}

.sauc-footer-design-developed-info a p:hover{
    color: white !important;
}

.sauc-footer h1 {
    line-height: 100%;
    font-size: 1.25vw;
    font-weight: 500;
    text-transform: uppercase;
}

.sauc-footer-row-1 {
    width: 15vw;
    position: relative;
    z-index: 111;
}

.sauc-footer-row-2 {
    margin-top: -3.1vw;
     position: relative;
     left: 22vw;
    /*z-index: 11; */
}

.sauc-footer-row-3 {
    margin-top: -2rem;
}

.sauc-footer-icon-section {
    margin-top: -5.3vw;
    margin-bottom: 3vw;
}

.sauc-footer-info-section {
    padding-left: 6vw;
    position: relative;
    z-index: 1;
}

.sauc-footer-index-section {
    padding-left: 0;
    position: relative;
    z-index: 111;
}

.sauc-footer-newsletter-section{
    padding-right: 1vw;
}

.sauc-footer-newsletter-text-section {
    justify-content: end;
    display: flex;
}

.sauc-footer-newsletter-text-section p {
    width: 100%;
    max-width: 16vw;
    font-size: 1.04vw;
    font-weight: 400;
    line-height: 125%;
}

.sauc-footer-newsletter-btn-section {
    justify-content: end;
    display: flex;
    margin-right: 0.4vw;
    /* margin-bottom: ; */
}

.sauc-footer-newsletter-btn-section button {
    font-size: 1.04vw;
    font-weight: 400;
    line-height: 100%;
    width: 100%;
    max-width: 15.6vw;
    padding-top: 1vw;
    padding-bottom: 0.9vw;
}

.sauc-footer-newsletter-btn-section button:hover {
    color: #2E2E2E;
    background-color: #8B8B8B;
}

.sauc-footer-copyright p {
    font-size: 0.82vw;
    font-weight: 400;
    width: 100%;
    max-width: 25vw;
    /* margin-top: -2rem; */
}

.sauc-footer-design-developed-info p {
    text-align: end;
    font-style: italic;
    font-size: 0.84vw;
    font-weight: 400;
    /* margin-top: -2rem; */
}


/* ------------------------ akram css  ---------------------- */

.sauc-about-img figure img {
    width: 100vw !important;
    max-width: 100% !important;
}

/* ------------------------ Akram Work's End --------------------------- */





/* -------------------- Media Query For Home Start --------------------- */


@media (max-width:992px) {
    .line-grid {
        display: none;
    }

    .container {
        width: auto;
    }

    .logo-responsive {
        order: 1;
    }

    .sara-zaman-text-responsive {
        order: 2;
    }

    .menu-res {
        order: 3;
    }

    .menu {
        position: absolute;
        left: 5%;
        top: 170px;
        display: block;
        background: gray;
        min-width: 89%;
        padding: 40px 50px;
        z-index: 10;
        transition: all .1s linear;
        display: none;
    }

    .menu ul {
        flex-flow: wrap column;
    }

    .menu ul li {
        text-align: center;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .menu ul li a {
        color: aqua;
        font-size: 6vw;
    }

    .menu-btn {
        display: block !important;
        z-index: 10;
        position: relative;
    }

    .menu-btn .bars {
        width: 58px;
        height: 2px;
        margin-bottom: 15px;
        display: block;
        font-size: 0;
        background-color: black;
        transition: all .5s linear;
    }

    .menu-btn span:last-child {
        margin-bottom: 0;
    }

    #banner-section .banner-content .banner-text {
        left: -15vw;
    }

    #banner-section .banner-content .banner-text p {
        display: none;
    }

    #main {
        margin-top: -30px;
    }

    .banner-content .name {
        width: 100vw !important;
    }

    .banner-content .name h1 {
        font-size: 25vw !important;
    }

    #banner-section .banner-content .banner-text p {
        right: 76%;
        left: 40vw;
    }

    html #banner-section .banner-content .banner-img {
        bottom: 260px;
    }

    html #banner-section .banner-content .banner-img img {
        padding-left: 10vw !important;
        padding-right: 10vw !important;
    }

    #early-life-section {
        margin-top: -392px;
        padding-top: 160px;
        padding-left: 6vw;
        padding-right: 6vw;
    }

    #early-life-section h1 {
        font-size: 12vw;
    }

    .early-life-section-text-1 {
        width: 100%;
    }

    .early-life-section-text-1 .col-lg-2 {
        width: 50%;
    }

    .early-life-section-text-2 {
        width: 100%;
    }

    .early-life-section-text-2 .col-lg-2 {
        width: 50%;
    }

    #early-life-section .row-bottom p {
        font-size: 5vw;
    }

    #education-section {
        padding-left: 6vw;
        padding-right: 6vw;
    }

    .Kinnaird-Formal {
        width: 100%;
    }

    .Kinnaird-Formal .col-lg-4 {
        width: 50%;
    }

    #footer .footer-top .footer-text h2 {
        font-size: 10vw;
    }

    #education-section .row .col-lg-6 .education-img-wrapper img {
        width: 100%;
    }

    #education-section .row .col-lg-6 .education-img-wrapper {
        max-width: 92% !important;
    }

    #history-section {
        padding-left: 6vw;
        padding-right: 6vw;
    }

    .history-section-container {
        margin-top: 250px;
    }

    .history-section-container .history-row .row {
        width: 100%;
    }

    .history-section-container .history-row .row .col-lg-2 {
        width: 50%;
    }

    .history-section-container .step1,
    .step2 {
        margin-top: 500px;
    }

    #history-section .history-row .col-lg-2 .history-text {
        margin-top: 0px;
    }

    #history-section .history-row .history-text {
        border-left: none;
    }

    #history-section .history-row .step2 .history-text {
        padding-top: 0px;
    }

    .history-graphic {
        right: 0 !important;
        max-width: none !important;
    }

    .history-graphic img {
        max-width: 100%;
        width: 100vw;
    }

    #history-section .history-row .history-additional-info {
        position: static;
    }

    #history-section .flex-row-reverse+.history-graphic {
        left: 0 !important;
        top: 0 !important;
    }

    .static-additional-text {
        margin-top: 60px;
    }

    .flex-row-reverse .step1 {
        height: 0px;
    }

    .flex-row-reverse .step3 {
        margin-top: -175px !important;
        height: 100%;
    }

    .flex-row-reverse .step3,
    .history-text {
        padding-bottom: 0px;
        margin-top: 0px;
        padding-top: 0;
    }

    .flex-row-reverse .step4,
    .history-text {
        padding-bottom: 0px !important;
        margin-top: 23px !important;
        padding-top: 0 !important;
    }

    .flex-row-reverse .step5 {
        margin-top: -175px;
    }

    .history-logo-footer {
        position: static;
        padding-bottom: 15px;
    }

    .career-years {
        width: 100%;
    }

    .career-years .col-lg-6 {
        width: 50%;
    }

    #career-section {
        padding-left: 6vw;
        padding-right: 6vw;
    }

    .career-years-outer .order-1 {
        order: 2;
    }

    .career-years-outer .order-2 {
        order: 1;
    }

    .career-img-wrapper img {
        width: 100%;
    }

    #international-performances-section {
        padding-left: 6vw;
        padding-right: 6vw;
        padding-bottom: 25px;
    }

    .performances-text-left {
        padding-bottom: 0 !important;
    }

    .international-img-wrapper2 h1 {
        top: 0px;
        padding-left: 0px;
        font-size: 52px;
    }

    .international-img-wrapper2 img {
        width: 100%;
        margin-top: 330px;
    }

    .performances-text-1-outer {
        width: 100%;
        padding-bottom: 15px;
        padding-top: 15px;
    }

    .performances-text-left {
        float: left;
        width: 50%;
        padding-right: 1vw;
    }

    .performances-text-right {
        float: right;
        width: 50%;
        padding-left: 1vw;
    }

    .performances-text-1-outer div+div {
        padding-bottom: 22px;
        padding-top: 0px;
    }

    .performances-text-3-outer {
        padding-top: 20px;
    }

    .performances-text-2-outer {
        width: 100%;
    }

    .performances-text-2-outer .performances-text {
        text-align: justify;
    }

    #performances {
        padding-left: 6vw;
        padding-right: 6vw;
    }

    .extra-padding .order-1 .performances-text {
        position: relative;
    }

    .extra-padding .order-1 .performances-text h1 {
        position: absolute;
        top: -600px;
    }

    .extra-padding .order-1 {
        order: 2;
    }

    .extra-padding .order-2 {
        order: 1;
    }

    .performances-img-wrapper img {
        width: 100%;
        padding-top: 70px;
    }

    .performances-row-1 {
        width: 100%;
        padding-top: 40px !important;
    }

    .performances-row-1 .col-lg-3 {
        width: 50%;
    }

    #performances .container .padding-left {
        padding-left: 0px;
        margin-bottom: 0px;
    }

    .performance-before::before {
        background-color: white;
    }

    .Sazavaaz-karachi {
        padding-top: 20px;
    }

    .performances-row-2 {
        width: 100%;
    }

    .performances-row-2 .col-lg-2 {
        width: 50%;
    }

    #activism {
        padding-left: 6vw;
        padding-right: 6vw;
    }

    #activism .activism-text h2+h2 {
        font-size: 25px;
    }

    #activism .row {
        width: 100%;
    }

    #activism .row .col-lg-6 {
        width: 50%;
    }

    .activism-right {
        max-height: 100% !important;
    }

    .activism-left {
        padding-right: 20px;
    }

    #career-second-section {
        padding-left: 6vw;
        padding-right: 6vw;
    }

    #career-second-section .career-text {
        padding-right: 0px !important;
    }

    #career-second-section .career-text h1 {
        text-align: center;
    }

    .home-page-outer-header {
        height: 21.9vw;
    }

    .sauc-top-nav .menu-info-menu-container ul, .container-mudi ul {
        margin: 0 0 0 6vw;
    }

    .sauc-top-nav .menu-info-menu-container ul li a, .container-mudi ul li a {
        font-size: 8vw;
        line-height: 130%;
    }

    .social-icon {
        bottom: 25vw;
        left: 6vw;
    }
    .openMenu .home-page-header .navbar .logo, .openMenu .home-page-header .navbar .nav-link {
        color: black !important;
    }

    .f-direction{
        flex-direction: revert !important;
    }
    .index-link{
        padding-left: 3vw !important;
        padding-right: 3vw !important;
    }
    .overlay-index .closebtn, .overlay .closebtn {
        right: 6vw;
    }

    /* ------------- for new footer----------------- */
    .sauc-footer h1 {
        width: 300%;
        font-size: 5vw;
    }

    .order-1 {
        order: 4;
    }

    .sauc-footer-info-section {
        padding-left: 5vw;
        padding-top: 12vw;
    }

    .sauc-footer-index-section {
        padding-top: 12vw;
    }

    .sauc-footer-info-outer-section {
        max-width: 40vw;
    }

    .sauc-footer-index-outer-section {
        max-width: 40vw;
    }

    .sauc-footer ul li a {
        font-size: 4vw;
    }

    .sauc-footer-newsletter-text-section {
        justify-content: center;
    }

    .sauc-footer-newsletter-text-section p {
        text-align: center;
    }

    .sauc-footer-newsletter-btn-section {
        justify-content: center;
        margin-right: 0;
    }

    .sauc-footer-newsletter-text-section p {
        max-width: 65vw;
        font-size: 4vw;
        padding-top: 7vw;
        margin-bottom: 5vw;
    }

    .sauc-footer-newsletter-btn-section button {
        font-size: 3vw;
        max-width: 53vw;
        padding-top: 3vw;
        padding-bottom: 2.9vw;
    }

    .sauc-footer-icon-section {
        text-align: center;
    }

    .sauc-footer i {
        font-size: 7vw;
    }

    .sauc-footer-copyright p {
        font-size: 3.5vw;
        text-align: center;
        padding-top: 6vw;
        padding-bottom: 1vw;
    }

    .sauc-footer-design-developed-info p {
        text-align: center;
        font-size: 3.5vw;
    }

    .sauc-footer-icon-section {
        margin-top: 6.3vw;
    }
}


/* -------------------- Media Query For Home end   --------------------- */


/* -------------------- Media Query For Publication Start --------------------- */


/* @media (min-width:1367px) and (max-width:1600px){
    #header .container{
        max-width: 93vw;
        width: auto;
    }
    .publications .container{
        max-width: 93vw;
        width: auto;
    }
    #header h1 {
        font-size: 27px;
    }
    .header-logo-img img{
        width: 150px;
    }
    .navbar-nav .nav-item a {
        font-size: 23px;
    }
    .publications-header-heading h1{
        font-size: 65px !important;
    }
    .publications-header-nav ul li{
        font-size: 20px;
    }
    .publications-layout-heading h1 {
        font-size: 31px !important;
    }
    .publications-layout .img-section img {
        width: 100%;
    }
    .publications-layout .text-section p:first-child {
        font-size: 16px;
    }
    
    #footer .footer-bottom .footer-text h4{
        font-size: 25px;
    }
    .copy-right-text {
        text-align: start;
        font-size: 22px;
    }
    .container-fluid.justify-content-end{
        justify-content: flex-end !important;
    }
    .music-main-footer .container{
        max-width: 93vw;
        width: auto;
    }
} */
@media (min-width:993px) and (max-width:1200px) {
    #header .container {
        max-width: 93vw;
    }

    .publications .container {
        max-width: 93vw;
    }

    .publications-layout .img-section img {
        width: 100%;
    }

    .aag-performance,
    .school-days,
    .international-representation {
        margin: 20px 14px 30px 0 !important;
    }

    .raag-malhaar,
    .raag-malhaar-2,
    .learning-sessions {
        margin: 20px 14px 30px 7px;
    }

    .early-years,
    .golden-memory,
    .jury-member {
        margin: 20px 14px 30px 13px;
    }

    .publications-layout .text-section p:first-child {
        font-size: 12px;
    }

    .copy-right-text {
        padding-right: 75px;
    }

    .music-main-footer .container {
        max-width: 93vw;
    }

}

@media (max-width:992px) {

    .publications .container {
        margin-left: 0px !important;
        margin-right: 0px !important;
        max-width: 100%;
    }

    html #header .header-part-1 {
        position: relative;
        padding: 40px 40px 110px 40px !important;
    }

    .nav-section.col-lg-4.col-6 {
        position: absolute;
        left: 320px;
        top: 65px;
        width: auto;
    }

    .container-fluid.justify-content-end {
        position: relative;
    }

    .navbar-light .navbar-toggler {
        color: none !important;
        border-color: none !important;
        border: none !important;
    }

    .navbar-toggler:focus {
        box-shadow: none !important;
    }

    .navbar-toggler-icon {
        width: 50px !important;
    }

    .order-1 {
        order: 2 !important;
    }

    .order-2 {
        order: 1 !important;
    }

    .header-logo-img {
        width: auto;
        position: absolute;
        left: 40px;
    }

    .header-logo-img img {
        width: 70px;
    }

    .header-logo-text {
        position: absolute;
        left: 142px;
        top: 75px;
        width: auto;
    }

    .header-part-2 {
        padding: 35px 0 0 0 !important;
    }

    .publications-header {
        margin-top: 15px !important;
    }

    .publications-header-nav {
        margin: 0 !important;
    }

    .publications-header-nav ul li {
        padding-top: 20px !important;
    }

    .publications-layout-heading h1 {
        text-align: center;
    }

    .aag-performance,
    .raag-malhaar,
    .early-years,
    .school-days,
    .raag-malhaar-2,
    .golden-memory,
    .international-representation,
    .learning-sessions,
    .jury-member {
        margin: 20px 35px 30px !important;
    }

    #footer .footer-bottom {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .footer-text h4 {
        font-size: 17px !important;
        font-family: 'MADE Mirage';
        font-weight: 400 !important;
        font-style: normal;
        text-transform: uppercase;
    }

    .copy-right-text {
        text-align: start !important;
        padding-top: 90px;
        font-size: 16px;
        font-family: 'MADE Mirage';
        font-weight: 400;
        font-style: normal;
        letter-spacing: 1px !important;
    }

    #footer .footer-bottom .container .row .nav-section .navbar-collapse {
        position: absolute;
        left: 0px;
        top: 45px;
    }

}


@media (min-width:769px) and (max-width:991px) {
    #header .container {
        max-width: 92vw;
    }

    .header-logo-text {
        position: absolute;
        left: 0vw;
        top: 40px;
        width: auto;
    }

    .header-logo-text h1 {
        font-size: 20px !important;
    }

    .header-logo-img {
        width: auto;
        position: absolute;
        left: 40vw;
    }

    html .col-lg-4.header-logo-img.order-2 img {
        width: 100px;
    }

    .nav-section.col-lg-4.col-6 {
        position: absolute;
        right: 0vw;
        top: 38px;
        width: auto;
    }

    .navbar-light .navbar-toggler {
        color: none !important;
        border-color: none !important;
        border: none !important;
    }

    .navbar-toggler:focus {
        box-shadow: none !important;
    }

    .publications-header-heading {
        padding-top: 30px;
    }

    .publications-header-heading h1 {
        font-size: 40px !important;
    }

    .publications-header-nav ul li {
        font-size: 14px;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .publications-layout-heading h1 {
        font-size: 23px !important;
    }

    .aag-performance,
    .raag-malhaar,
    .early-years,
    .school-days,
    .raag-malhaar-2,
    .golden-memory,
    .international-representation,
    .learning-sessions,
    .jury-member {
        margin: 20px 20px 30px !important;
    }

    .publications-layout .img-section img {
        width: 100%;
    }

    #footer .footer-bottom {
        padding-top: 20px;
        padding-bottom: 40px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .footer-text h4 {
        font-size: 20px !important;
    }

    #footer .container {
        max-width: 95vw !important;
    }

    .footer-bottom .container {
        max-width: 92vw !important;
    }

    #footer .footer-bottom .container .row {
        width: 100%;
    }

    .footer-text-outer {
        width: 50%;
    }

    .copy-right-text-outer {
        width: 50%;
    }

    .copy-right-text {
        padding-top: 0px !important;
        letter-spacing: 0px !important;
        text-align: end !important;
    }

    footer {
        overflow: hidden;
    }

}

@media (min-width:577px) and (max-width:768px) {
    #header .container {
        max-width: 92vw;
    }

    .header-logo-img {
        left: 0vw;
    }

    .header-logo-img img {
        width: 85px !important;
    }

    .nav-section.col-lg-4.col-6 {
        left: 85vw;
    }

    .header-logo-text {
        left: 36vw;
    }

    .header-logo-text h1 {
        font-size: 19px !important;
    }

    .publications-header-heading h1 {
        font-size: 37px !important;
    }

    .publications-header-nav ul li {
        font-size: 14px;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .navbar-light .navbar-toggler {
        color: none !important;
        border-color: none !important;
        border: none !important;
        padding: 0px !important;
    }

    .navbar-toggler:focus {
        box-shadow: none !important;
    }

    .navbar-collapse {
        position: absolute;
        top: 110px !important;
        left: -89vw !important;
        background: white;
        width: 100vw;
        padding-left: 45px;
        padding-top: 8px;
        padding-bottom: 4px;
    }

    .publications-header {
        margin-top: 30px !important;
    }

    .publications-layout-heading h1 {
        font-size: 23px !important;
    }

    .publications-layout .img-section img {
        width: 100%;
    }

    .aag-performance,
    .raag-malhaar,
    .early-years,
    .school-days,
    .raag-malhaar-2,
    .golden-memory,
    .international-representation,
    .learning-sessions,
    .jury-member {
        margin: 20px 30px 30px !important;
    }

    #footer .footer-bottom .container .row {
        width: 100%;
    }

    .footer-text-outer {
        width: 50%;
    }

    .copy-right-text-outer {
        width: 50%;
    }

    .copy-right-text {
        padding-top: 0px !important;
        letter-spacing: 0px !important;
        text-align: end !important;
    }

    #footer .footer-bottom {
        padding-bottom: 50px;
    }

    .music-main-footer .container {
        max-width: 90vw;
    }
}

@media (min-width:421px) and (max-width:576px) {
    .header-logo-img img {
        width: 65px;
    }

    .header-logo-img {
        left: 20px;
        top: 20px;
    }

    .nav-section.col-lg-4.col-6 {
        right: 20px;
        top: 60px;
    }

    .header-logo-text {
        left: 36vw;
        top: 60px;
    }

    .publications-header-heading h1 {
        font-size: 34px !important;
    }

    .publications-header-nav ul li {
        font-size: 11px;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .navbar-light .navbar-toggler {
        color: none !important;
        border-color: none !important;
        border: none !important;
        padding: 0px !important;
    }

    .navbar-toggler:focus {
        box-shadow: none !important;
    }

    .navbar-collapse {
        position: absolute;
        top: 75px;
        left: -318px;
        background: white;
        width: 100vw;
        padding-left: 45px;
        padding-top: 8px;
        padding-bottom: 4px;
    }

    .publications-layout-heading h1 {
        font-size: 20px !important;
    }

    .aag-performance,
    .raag-malhaar,
    .early-years,
    .school-days,
    .raag-malhaar-2,
    .golden-memory,
    .international-representation,
    .learning-sessions,
    .jury-member {
        margin: 20px 30px 30px !important;
    }

    .publications-layout .img-section img {
        width: 100%;
    }

    #footer .footer-bottom .container .row {
        width: 100%;
    }

    .footer-text-outer {
        width: 50%;
    }

    .copy-right-text-outer {
        width: 50%;
    }

    .copy-right-text {
        padding-top: 0px !important;
        letter-spacing: 0px !important;
        text-align: end !important;
    }

    #footer .footer-bottom {
        padding-bottom: 40px !important;
    }

    .music-main-footer .container {
        max-width: 89vw;
    }

}

@media (min-width:320px) and (max-width:420px) {
    .header-logo-text {
        left: 33vw;
        top: 50px;
    }

    .header-logo-tex h1 {
        font-size: 15px !important;
    }

    .header-logo-img {
        left: 20px;
        top: 20px;
    }

    .header-logo-img img {
        width: 64px !important;
    }

    .nav-section.col-lg-4.col-6 {
        left: 83vw;
        top: 41px;
    }

    .publications-header-heading h1 {
        font-size: 30px !important;
        padding-top: 20px;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    .publications-header-nav ul {
        padding-left: 0px !important;
    }

    .publications-header-nav ul li {
        font-size: 13px;
    }

    .navbar-light .navbar-toggler {
        color: none !important;
        border-color: none !important;
        border: none !important;
        padding: 0px !important;
    }

    .navbar-toggler:focus {
        box-shadow: none !important;
    }

    .navbar-collapse {
        position: absolute;
        top: 85px;
        left: -83vw;
        background: white;
        width: 100vw;
        padding-left: 45px;
        padding-top: 8px;
        padding-bottom: 4px;
    }

    .navbar-toggler-icon {
        width: 40px !important;
    }

    .publications-layout-heading h1 {
        font-size: 20px !important;
    }

    .aag-performance,
    .raag-malhaar,
    .early-years,
    .school-days,
    .raag-malhaar-2,
    .golden-memory,
    .international-representation,
    .learning-sessions,
    .jury-member {
        margin: 20px 20px 30px !important;
    }

    .publications-layout .img-section img {
        width: 100%;
    }

    .footer-text h4 {
        font-size: 4vw !important;
    }

    .copy-right-text {
        padding-top: 10px !important;
        letter-spacing: 0px !important;
        font-size: 3.9vw;
    }

    #footer .footer-bottom .container .row .nav-section {
        left: 217px;
        width: auto;
    }

    #footer .footer-bottom .container .row .nav-section .navbar-collapse {
        left: 5px;
    }

    #footer .footer-bottom {
        padding-bottom: 40px !important;
    }

    #footer .footer-bottom .container .row {
        width: 100%;
    }

    .footer-text-outer {
        width: 50%;
    }

    .copy-right-text-outer {
        width: 50%;
    }

    .copy-right-text {
        padding-top: 0px !important;
        letter-spacing: 0px !important;
        text-align: end !important;
    }

    .music-main-footer .container {
        max-width: 89vw;
    }
}

@media (min-width: 768px) and (max-width: 993px) {
    #banner-section .banner-content .banner-text {
        left: -10vw;
    }
}

@media (min-width:320px) and (max-width:700px) {
    #banner-section .banner-content .banner-text {
        left: 0vw;
    }
}

/* -------------------- Media Query For Publication End ----------------------- */



/* -------------------- Responsive Mobile and Tabs ----------------------- */

@media (max-width: 992px) {
    .container {
        width: auto;
        padding: 0 15px;
    }

    #header .container .row {
        padding-top: 50px;
    }

    .order-resp-1 {
        order: 1;
    }

    .order-resp-2 {
        order: 2;
    }

    .order-resp-3 {
        order: 3;
    }

    .music-banner-section .music-banner-text {
        padding-right: 40px;
        padding-top: 70px;
        text-align: justify;
    }

    .music-banner-section .music-banner-text h1 {
        text-align: center;
    }

    .sarazaman-heading-caption {
        display: flex;
        justify-content: center;
    }

    .music-banner-section .music-banner-text p {
        font-size: 4vw;
    }

    .music-album-section .album-content .music-album-img-wrapper img {
        width: 100%;
    }

    .music-main-footer .container {
        max-width: 100%;
    }

    #footer .footer-bottom .container .row {
        width: 100%;
    }

    .music-album-description strong {
        font-size: 8vw !important;
    }

    .music-album-description p {
        font-size: 5vw !important;
    }

    .my-in-resp {
        margin: 20px 0;
    }
}


@media (min-width: 768px) and (max-width: 992px) {
    .container {
        width: auto;
        max-width: 100%;
    }

    .pr-in-md {
        padding-right: 20px;
    }

    .music-banner-section .music-banner-text span {
        font-size: 14px;
    }

    .music-banner-section .music-banner-text h4 {
        font-size: 4vw;
    }

    .music-banner-section .music-banner-text p {
        font-size: 2vw;
    }

    .music-album-description strong {
        font-size: 4vw !important;
    }

    .music-album-description p {
        font-size: 3vw !important;
    }

    #footer .container {
        max-width: 100% !important;
    }

    #footer .footer-bottom .footer-text span {
        font-size: 14px;
    }

    #footer .footer-bottom .footer-ul li a {
        font-size: 18px;
    }

    .footer-text h4 {
        font-size: 20px !important;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .container {
        width: auto;
        padding: 0 15px;
        max-width: 100%;
    }
}

/* -------------------- Responsive Large ----------------------- */

@media (min-width: 992px) and (max-width: 1200px) {
    #header .container {
        max-width: 100%;
        padding: 0 30px;
    }

    .music-banner-section .music-banner-text {
        padding-right: 30px;
    }

    .music-banner-section .music-banner-text p {
        font-size: 15px;
    }

    .pr-in-lg {
        padding-right: 10px;
    }
}

@media (min-width: 1201px) and (max-width: 1399px) {
    .pr-in-xlg {
        padding-right: 15px;
    }

    .music-banner-section .music-banner-text p {
        font-size: 16px;
    }
}

/* -------------------- Responsive For Music-detailpage ----------------------- */


@media (max-width: 992px) {
    .container {
        width: auto;
        max-width: 100%;
        padding: 0 15px;
    }

    .music-banner-img-wrapper>img {
        width: 100%;
    }

    .music-banner-section .music-banner-text h1 {
        font-size: 13vw;
    }

    .music-banner-section .music-banner-text span {
        text-align: center;
    }

    .music-banner-section .music-banner-text span {
        display: flex;
        justify-content: center;
    }

    .music-detailpage-playlist-section .playlist-header h1 {
        text-align: center;
        margin-bottom: 50px;
    }

    .music-detailpage-playlist-section .playlist-data h4 {
        font-weight: 600;
        font-size: 3vw;
    }

    .music-detailpage-footer-playstaion-img>img {
        width: 100%;
    }

    .align-left-in-res {
        display: flex;
        justify-content: center !important;
    }

    .music-banner-section .music-banner-text {
        padding-right: 0px;
    }

    .music-detailpage-playlist-content .row .col div {
        border-right: 1px solid black;
        margin-left: 5px;
        margin-right: 0;
        height: 60px;
    }

    .br-in-res {
        border: 0 !important;
    }

    .m-in-res {
        margin: 30px 0;
    }
}

/* ------------------------------ Responsive for glances-new page --------------------- */

@media (max-width: 992px) {
    .founder-img-wrapper-glance {
        margin-left: 0px;
    }

    .founder-img-wrapper-glance img {
        width: 100%;
    }

    .banner-img-wrapper-glance {
        margin-left: 0;
        margin-bottom: 50px;
    }

    .banner-img-wrapper-glance img {
        max-width: 100%;
        width: 100%;
    }

    .founder-section-glance .founder-text-heading {
        padding-top: 50px;
    }

    .founder-text h1 {
        font-size: 8vw;
    }

    .m-lessend-in-res {
        margin: 0 !important;
    }

    .mt-reset-in-resp {
        margin-top: 50px !important;
    }

    .banner-section-glance .banner-heading-text span {
        margin-bottom: 50px;
        margin-top: 0 !important;
    }

    .banner-section-glance .banner-heading-text h1 {
        font-size: 10vw;
        padding-bottom: 0 !important;
    }

    .pt-lessened-in-resp {
        padding-top: 0 !important;
    }
}

@media (max-width: 767px) {
    .order-2-in-resp {
        order: 2;
    }

}






/* ----------------------- Responsive for Publications-photos-open page ------------------ */

@media(max-width: 992px) {
    .publication-photos-open-banner-section .publication-photos-open-banner-header nav ul li a {
        font-size: 2.9vw;
        letter-spacing: 0px;
        white-space: nowrap;
    }

    .publication-photos-open-banner-img img {
        width: 100%;
    }

    .publication-photos-open-banner-subcontent-heading {
        padding-top: 50px;
    }

    .publication-photos-open-banner-subcontent-graphics {
        padding-top: 50px;
    }

    .publication-photos-open-gallery-caption-header strong {
        font-size: 5vw !important;
    }

    .publication-photos-open-gallery-items {
        margin-right: 0px;
    }

}


.nav-links .nav-next{
    text-align: right;
}
.nav-links .meta-nav{
    font-weight: 600;
}

@media(min-width: 1200px){
    .nav-links a{
        font-size: 1.5vw;
    }


/* .home-page-header {
    position: relative;
    z-index: 1111111;
} */

}


@media (min-width:1385px) and (max-width:1399px) {
    .home-page-outer-header {
    height: 6.8vw;
  }
}

@media (min-width:1400px) and (max-width:1901px) {
    .home-page-outer-header {
    height: 5.9vw;
  }
}

@media (min-width:1902px) and (max-width:2560px) {
    .home-page-outer-header {
    height: 5vw;
  }
}


/* @media (min-width:1385px) and (max-width:1399) {
    .home-page-outer-header {
        height: 6.8vw;
    }
} */


/* @media (min-width:1367px) and (max-width:2500px) {
    .home-page-outer-header {
    height: 5vw;
  }
} */



@media (min-width:1889px) and (max-width:2560px) {
    
    .text-uppercase{
        padding-bottom: 0vw;
    }
}





.openMenu .home-page-header .navbar{
    background: none !important;
    border-color: transparent !important;
}
.openMenu .home-page-header .navbar .logo,
.openMenu .home-page-header .navbar .nav-link {
    color: #fff !important;
}

/* .text-uppercase h1{
    margin: 0;
} */