::selection{background:var(--primary);color: #f5dcc8;text-shadow:none}
::-webkit-scrollbar{width:7px;background-color:#F5F5F5}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:none}
::-webkit-scrollbar-track-piece{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#dedede}
::-webkit-scrollbar-thumb:vertical{border-radius:0px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:var(--primary)}
[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}
[class^="box-"]{display:none}
[class^="box-"].showfirst{display:block}
::after,::before{box-sizing:border-box}
html{font-family:'Open Sans',sans-serif;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
body{
    margin:0;
    font-family:'Open Sans',sans-serif;
    overflow-x:hidden;
    line-height:1;
    color:#000000;
    background: url('../images/tehzib-bg.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    }
    .innerhead{
        text-align: left;
        display: flex;
        justify-content: space-between;
        padding-bottom: 30px;
    }

    .justifytext p {
        font-weight: 600;
        font-family: 'Montserrat';
        margin: 10px 0;
        line-height: 26px;
        text-align: justify;
    }
    .commonhead h1, .innerhead h2 {
        font-family: "Open Sans", sans-serif;
        text-align: center;
        font-size: 32px;
        font-weight: 800;
        line-height: 31px;
        color: rgb(24, 39,98);
        position: relative;
        width: max-content;
        margin: 0 auto;
        margin-bottom: 30px;
        max-width: 100%;
        padding-top: 30px;
    }

    .Philosophy h2, innerhead h2 {
        font-family: "Open Sans", sans-serif;
        text-align: center;
        font-size: 26px;
        font-weight: 800;
        line-height: 31px;
        color: rgb(24, 39,98);
        position: relative;
        width: max-content;
        margin: 0 auto;
    }

    .topright-image {
        position: absolute;
        left: -380px;
        top: -140px;
        /* background-color: aqua; */
        z-index: -1;
    }

    .button-box {
        margin-top: 20px;
        text-align: center;
    }
    .button-box a {
        display: inline-block;
        padding: 10px 20px;
        background-color: #CDB8A5;
        color: #000000;
        border-radius: 5px;
        text-decoration: none;
        font-weight: 600;
    }

    .button-box a:hover {
        background-color: #CDB8A5;
    }

    .Philosophy h2:before, .innerhead h2:before {
        content: '';
        position: absolute;
        background-color: rgb(24, 39, 98);
        width: 100%;
        height: 1.5px;
        left: 0;
        bottom: 12px;
    }

    .Philosophy {
        padding-top: 30px;
    }

    .editorialwrap {
        font-family: 'Montserrat';
        padding-bottom: 10px;
        font-size: 20px;
        font-weight: 700;
        color: #000;
    }

    section.footer .container {
        padding-top: 150px;
    }

    .borderwrap {
        border-top: 2px solid #000;
        padding-top: 10px;
    }

    .imgwrapper {
         border: 10px solid #182762; 
         margin-bottom: 15px; 
         text-align: center; 
    }
    
    .contentwrap h4 {
        margin: 10px 0 0px;
        font-size: 16px;
        line-height: 32px;
        font-weight: 700;
        text-align: center;
    }

    .textalign p {
        font-family: 'Montserrat';
        font-weight: 600;
        font-size: 19px;
        line-height: 25px;
        text-align: center;
        padding-bottom: 30px;
        max-width: 70%;
        /* font-style: italic; */
    }

    .globalhead p {
        font-size: 16px;
    }
    
    .contentwrap li {
        font-size: 16px;
        line-height: 18px;
        font-weight: 600;
        text-align: center;
        font-family: 'Montserrat';
    }

    .contentwrap {
        padding-bottom: 20px;
    }
    
    section.teamswraper h2 {
        padding-bottom: 0px;
    }
    
    img {
        max-width: 100%;
        height: auto;
    }
    
    .commonhead h1:before, .innerhead h2:before {
        content: '';
        position: absolute;
        background-color: rgb(24, 39, 98);
        width: 100%;
        height: 1.5px;
        left: 0;
        bottom: -1px;
    }

    .commonhead h2, h3, innerhead h2{
        text-align: center;
        font-size: 21px;
        line-height: 24px;
        font-weight: 800;
        color: rgb(24, 39,98);
        position: relative;
        /* width: max-content; */
        margin: 0 auto;
        margin-top: 30px;
    }

    .Authorwrap h1 {
        font-size: 20px;
        line-height: 36px;
        font-family: 'Open Sans';
        color: black;
        font-weight: 700;
        text-align: center;
        max-width: 100%;
        padding-bottom: 30px;
    }

        .justifytext ul {
            font-size: 16px;
            font-family: 'Montserrat';
            font-weight: 600;
            line-height: 25px;
            list-style: disc;
            padding-bottom: 16px;
        }

        .textalign {
            display: block;
            text-align: -webkit-center;
            /* padding-top: 45px; */
        }

        .tasawwurlogo {
            max-width: 15rem;
        }

        .link-box a {
            display: flex;
            justify-content: center;
            text-align: center;
            text-align: center;
            font-size: 25px;
            line-height: 24px;
            font-weight: 800;
            color: rgb(24, 39,98);
            position: relative;
            width: max-content;
            margin: 0 auto;
            margin-top: 30px;
            text-decoration: underline;
        }

        ul.footerleft {
        padding: 20px 0 30px;
        overflow: hidden;
        }

        .footerleft span{
    position: absolute;
    left: -30px;
    font-size: 20px;
}

.footerleft li{
    position: relative;
    margin: 5px 0;
    bottom: 5px;
}

.advisorywrap {
    text-align: -webkit-center;
}

    .innerhead a{
        font-family: sans-serif;
        font-size: 20px;
        line-height: 24px;
        font-weight: 700;
        color: rgb(0, 0, 0);
    }
    .innerhead a:hover {
        text-decoration: underline;
      }
    .innerhead h4{
        font-size: 15px;
        line-height: 25px;
        font-family: sans-serif;
    }

    .Facultywrap {
        padding-top: 30px;
    }

    ul.menu {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px;
    }

    h2 {
        font-size: 20px;
        font-family: 'Montserrat';
        font-weight: 600;
        padding-bottom: 10px;
        padding-top: 16px;
    }

    .commonhead .teamwrap ul {
        font-size: 16px;
        line-height: 25px;
        font-weight: 600;
        font-family: 'Montserrat';
        text-align: center;
    }

    .imgborder img.img-fluid {
        border: 10px solid #182762;
        margin-bottom: 15px;
        text-align: center;
    }

    .imgcenter {
        text-align: center;
    }
    
    .imgcenter p {
        text-align: center;
        font-style: italic;
    }

    body::before, body::after {
        content: "";
        position: absolute;
        width: 370px;
        top: 0;
        bottom: 0;
        right: 0;
        z-index: -1;
    }
    
    body::before {
    	background-image: url(../images/topright-frame.png);
	background-repeat: no-repeat;
    background-position: left top;
    padding: 80px;
    display: block;
    color: #edd6c4;
    content: ".";
    position: absolute;
    width: 100%;
    min-height: 390px;
    z-index: -1;;
    }
    
    body::after {
        overflow: hidden;
        background-image: url(../images/bottom-right-border.png); background-repeat: no-repeat; background-position: right bottom;
    }
    
    .content-wrapper {
        position: relative;
        z-index: 2; 
        margin: 0 auto;
        padding: 0 120px;
    }

    body{
        margin:0;
        font-family:'Open Sans',sans-serif;
        overflow-x:hidden;
        line-height:1;
        color:#000000;
        background: url('../images/tehzib-bg.jpg') no-repeat;
        background-size: cover;
        }

    .left-border, .right-border {
        position: fixed;
        top: 0;
        bottom: 0;
        width: 100px;
        z-index: 1;
    }
    
    .left-border {
        left: 0;
        background-image: url('../images/topright-frame.png'); 
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .right-border {
        right: 0;
        background-image: url('../images/bottom-right-border.png'); 
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .content-wrapper {
        margin: 0 auto;
        position: relative;
        z-index: 2;
        padding: 0 120px; 
    }

    .elLeft { 
        background: url('../images/mail.png') 7px 4px no-repeat;
        padding-left: 40px;
    }

    /* .border-image {
        position: relative; 
      }
      
      .border-topleft {
       background-image: url('../images/topright-frame.png');
       position: absolute;
       background-repeat: no-repeat;
       padding: 200px;
       left: 0px;
       top: 0px;   
      }
      
      .border-rightbottom {
        background-image: url('../images/bottom-right-border.png');
        position: absolute;
        background-repeat: no-repeat;
        padding: 200px;
        left: 0px;
        top: 0px;
       } */
    
*:hover,*:focus,*{outline:none!important}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
img{max-width:100%;height:auto}
a,input[type="submit"]{-webkit-transition:all 0.4s ease-In-out;-moz-transition:all 0.4s ease-In-out;-o-transition:all 0.4s ease-In-out;transition:all 0.4s ease-In-out;display:inline-block;cursor:pointer;text-decoration:none}
a:hover{color:var(--primary);text-decoration:none}
p,a{font-size:16px;color:#000000;font-weight: 500;font-family: 'Montserrat';}
p{line-height:26px;display:block}
span{display:inline-block}
.lr-100{padding-left:100px!important;padding-right:100px!important}
.hoverUnderLine{position:relative}
.hoverUnderLine:before{position:absolute;content:'';height:2px;width:100%;left:0;bottom:-5px;background-color:#5C2568;transition:all 0.5s;transform:scale(0.4);opacity:0}
.hoverUnderLine:hover:before{width:100%;transition:all 0.5s;transform:scale(1);opacity:1}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
:root{--primary:#303b7a}
.triggerid{height:80px}
h1{color:#fff;font-size:2rem}
header{padding:30px 0;}
.menu li{display:inline-block;vertical-align:middle;margin-left: 0px;position:relative;}
.menu li a{display:block;font-weight: 600;font-size: 15px;font-family:'Montserrat',sans-serif;color:#000;line-height:1.765;text-decoration:none;text-transform:uppercase;}
.menu li:hover a,.menu li.active a{}
.menu li a i{font-size:12px;font-weight:900;margin-left:5px;transition:all 0.3s ease-in-out}
.menu li.dropdown:hover a i{transform:rotate(180deg);transition:all 0.3s ease-in-out}
.mainlogo{width:220px;margin:40px 0;}
ul.social-icons{display:flex;align-items:center;justify-content:center;margin: 15px 0 30px;gap: 8px;}
.LogoNbarsWraper{font-size:0;display:flex;align-items:center;justify-content:center;}
.dropdown-list{/*     display: none; */
opacity:0;position:absolute;top:100%; /* Position the dropdown list below its parent */left:0; /* Align the left edge of the dropdown with the left edge of its parent */z-index:1; /* Ensure the dropdown is above other content */color:#212529;text-align:left;list-style:none;background-color:#fff;border:1px solid rgba(0,0,0,.15);width:200px;max-height:0; /* Initially set max-height to 0 */overflow:hidden; /* Hide overflow content */transition:max-height 0.6s ease,opacity 0.4s ease; /* Apply transition */}

/* Show dropdown list when hovering over its parent list item */
.dropdown:hover .dropdown-list{display:block;opacity:1;max-height:200px; /* Set max-height to reveal dropdown content */}
.dropdown-list li{margin:0;width:100%;position:relative;transition:all 0.5s}
.dropdown-list li a{padding:6px 10px;margin:0;position:relative;font-size:14px;}
.dropdown-list li.last a{border:0}
.dropdown-list li a:hover{}
.menu li.first{margin: 0!important;}
.dropdown-list li a:before{content:'';position:absolute;height:100%;width:5px;background-color:#03040a;left:0;top:0;transition:all 0.3s ease-in-out;transform:scale(0.7);opacity:0}
.dropdown-list li:before{content:'';position:absolute;width:100%;background-color:#ccc6;bottom:0;left:0;height:1px}
.dropdown-list li.last:before{display:none}
.dropdown-list li a:hover:before{transition:all 0.3s ease-in-out;transform:scale(1);opacity:1}
.dropdown-list li a:after{content:'';position:absolute;height:100%;width:0;background-color:#f3d9c073;top:0;bottom:0;z-index:-1;left:0;transition:all 0.4s ease-in-out}
.dropdown-list li a:hover:after{transition:all 0.6s ease-in-out;width:100%}
li.navItems a{position:relative}
li.navItems a:before{position:absolute;content:'';height:3px;width:100%;left:0;bottom:-5px;background-color:#000;transition:all 0.5s;transform:scale(0.4);opacity:0}
li.navItems a:hover:before{width:100%;transition:all 0.5s;transform:scale(1);opacity:1}
li.navItems.first a::before{display:none;}
.menu-Bar{display:none;width:30px;height:30px;cursor:pointer;position:relative;right:0;top:0px;bottom:11px;z-index:22;}
.menu-Bar span{display:block;height:3px;width:30px;background: #000;position:absolute;transition:.6s all;border-radius:100px}
.menu-Bar span:nth-child(1){top:0;}
.menu-Bar span:nth-child(2){top:11px;transform-origin:left}
.menu-Bar span:nth-child(3){top:22px}
.menu-Bar.open span:nth-child(1){transform:rotate(45deg);top:12px;transform-origin:right-center}
.menu-Bar.open span:nth-child(2){width:0;opacity:0}
.menu-Bar.open span:nth-child(3){transform:rotate(-45deg);top:12px;transform-origin:right-center}
.overflow-y-hidden{overflow-y:hidden;}
.GlobalHead{margin-bottom:1rem}
.GlobalHead h2{font-size:34px;line-height:44px;font-weight:600;-webkit-font-smoothing:antialiased;color:var(--primary)}
a.globalBtn{background-color:rgb(165,49,49);color:#fff;padding:15px 30px;font-size:16px;text-transform:uppercase;font-weight:500;margin-top:25px;position:relative}
a.globalBtn span{left:0px;display:inline-block;-webkit-transform:translateX(0);transform:translateX(0);transition:opacity .45s cubic-bezier(0.25,1,0.33,1),transform .45s cubic-bezier(0.25,1,0.33,1);-webkit-transition:opacity .45s cubic-bezier(0.25,1,0.33,1),-webkit-transform .45s cubic-bezier(0.25,1,0.33,1);position:relative}
a.globalBtn i{width:18px;position:absolute;top:50%;margin-top:-9px;opacity:0;transition:all .45s cubic-bezier(0.25,1,0.33,1);-webkit-transition:all .45s cubic-bezier(0.25,1,0.33,1);-webkit-transform:translateX(-10px);transform:translateX(-10px)!important}
a.globalBtn:hover span{-webkit-transform:translateX(-14px);transform:translateX(-14px)}
a.globalBtn:hover i{-webkit-transform:translateX(0px);transform:translateX(0px)!important;opacity:1}
/* Rest of code */
.pdfgoogleifram{
    border: none;
    height: 600px;
    width: 70%;
    margin: 30px 15%;
}