/* ------------------------------------------------------------------------------ 

Project Name : Berkely 

Description : Main Style Sheet 

Author : Imran Rovan 

Created On : 22 April 2020 

--------------------------------------------------------------------------------*/



@import url('https://fonts.googleapis.com/css?family=Playfair+Display:700,700i|Poppins:400,600&display=swap');



/*font-family: 'Poppins', sans-serif;

 font-family: 'Playfair Display', serif;

*/



/* Reset */

 html, body {

     margin: 0;

     padding: 0;

}

 html, div, span, applet, object, iframe, h1, h2, h3.videocon h2 span, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

     border: 0;

     margin: 0;

     outline: 0;

     padding: 0;

}

 ol, ul {

     list-style: none;

}

 img {

     display: block;

     outline: none;

}

 img, input, textarea, button, select {

     border: 0;

     outline: 0 !important;

     resize: none;

}

 a, a:hover, a:focus {

     text-decoration: none;

     -moz-transition: all .200s ease-in-out;

     -webkit-transition: all .200s ease-in-out;

     transition: all .200s ease-in-out;

}

 .clear {

     clear: both;

     font-size: 0;

     height: 0;

}

 .clearfix:after {

     clear: both;

     content: "";

     display: block;

     height: 0;

     visibility: hidden;

}

 .clearfix {

     display: block;

}

 * html .clearfix {

     height: 1%;

}

 li.clearfix {

     display: list-item;

}

 *, *:before, *:after {

     -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

     box-sizing: border-box;

}

 html, body, p, a, li, span, div {

     text-rendering: optimizeLegibility;

     -webkit-font-smoothing: antialiased;

}

/* Theme */

 body {

     color: #000;

     font-family: 'Poppins', sans-serif;

     font-size: 16px;

     margin: 0;

     padding: 0;

     -ms-overflow-style: scrollbar;

     overflow-x: hidden;

}

 p {

     font-size: 15px;

     line-height: 24px;

     font-weight: 400;

     color: #4b4b4b;

     text-align: justify;

}

 h2 span,h3 span {

     font-family: 'Playfair Display', serif;

     font-style: italic;

     font-weight: 700;

}

 div#hidden_link img {

     height: 90vh;

     margin: auto;

     box-shadow: 0 0 0 10px rgba(0,0,0,0.5);

}

 header {

     position: fixed;

     width: 100%;

     height: 80px;

     z-index: 888;

     top: 0;

     left: 0;

     -moz-transition: all .200s ease-in-out;

     -webkit-transition: all .200s ease-in-out;

     transition: all .200s ease-in-out;

}

 header .logo {

     float: left;

     margin-left: 30px;

     padding: 15px 0;

     -moz-transition: all .200s ease-in-out;

     -webkit-transition: all .200s ease-in-out;

     transition: all .200s ease-in-out;

}

 header .logo img {

     float: left;

     height:100px;

     -moz-transition: all .200s ease-in-out;

     -webkit-transition: all .200s ease-in-out;

     transition: all .200s ease-in-out;

}

 header .logo .wh {

     display: block;

}

 header .logo .og {

     display: none;

}

 header.header-fixed .logo .wh {

     display: none;

}

 header.header-fixed .logo .og {

     display: block;

}

 header nav {

     float: right;

     margin-right: 60px;

}

 .header-fixed {

     height: 70px;

     background-color: rgba(255,255,255,1);

     top: 0px;

     -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.23);

     -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.23);

     box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.23);

}

 header.header-fixed .logo {

     padding: 5px 0;

}

 header.header-fixed .logo img {

     height: 60px;

}

 .banner-section {

     position: fixed;

     top: 0;

     left: 0;

     width: 100%;

     height: 100%;

     z-index: 0;

}

 .banner-section:before {

     content: '';

     position: absolute;

     width: 100%;

     height: 150px;

     background: linear-gradient(to bottom,rgba(0,0,0,0.50) 0%,rgba(0,0,0,0) 100%);

}

/*.banner-section:before {

     content: '';

     position: absolute;

     width: 100%;

     height: 100vh;

     z-index: 999;

     top: 0;

     left: 0;

     background: url(../images/line.png) repeat left top;

     opacity: 0.4;

}

*/

 .banner-section video {

     width: 100%;

     height: 100%;

     object-fit: cover;

     object-position: center;

}

 .fullbg {

     background-color: #fff;

     position: relative;

     z-index: 10;

}

 .main {

     background: #fff;

     margin-top: 100vh;

     position: relative;

     z-index: 20;

}

 .videocon {
    width: 90%;
     position: absolute;

     left: 50%;

     top: 50%;

     z-index: 1000;

     transform: translate(-50%, -50%);

     text-align: center;

}

 .videocon h2 {

     color: #ffffff;

     font-size: 45px;

     line-height: 60px;

     font-weight: 600;

     text-shadow: 1px 1px 3px rgba(0,0,0,0.5);

     opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 0.6s ease-out forwards;

}

.videocon h2:nth-child(1) {
    animation-delay: 0.5s;
}
.videocon h2:nth-child(2) {
    animation-delay: 0.8s;
}
.videocon h2:nth-child(3) {
    animation-delay: 1.1s;
}

 .videocon h2 span {

     color: #2a9bea;

     font-weight: bold;

     font-style: italic;

}

 .videocon p {

     color: #fefefe;

     font-size: 18px;

     line-height: 30px;

     letter-spacing: .01em;

     margin-top: 35px;

     text-align: center;

     margin-bottom: 40px;

     opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 0.6s ease-out forwards;
    animation-delay: 1.4s;

}

 .videocon a.banlink {

     text-transform: uppercase;

     color: rgba(255,255,255,.9);

     font-size: 15px;

     line-height: 15px;

     font-weight: 700;

     font-style: normal;

     padding: 15px 40px;

     text-decoration: none;

     background-color: rgba(0,0,0,0.2);

     border-color: rgba(255,255,255,.9);

     border-style: solid;

     border-width: 2px;

     border-radius: 0;

     text-align: left;

     letter-spacing: 2px;

     margin: 0 10px;
     opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 0.6s ease-out forwards;
    animation-delay: 1.7s;
    display: inline-block;

}

 .videocon a.banlink:hover {

     color: rgba(255,255,255,1);

     border-color: rgba(255,255,255,1);

}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.hmeservices {
    padding: 50px  0 150px 0;
}
.hmeservices .hmeabtwrap {
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
.hmeservices .hmeabtwrap .hmeabtcard {
    width: 48%;
    margin-bottom: 35px
}
.hmeabtwrap .hmeabtcard img {
    margin-bottom: 30px;
    height: 80px;
}
.hmeabtwrap .hmeabtcard .dtls h2 {
    margin-bottom: 10px;
    font-size: 22px;
    color: #333;
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-weight: 700;
}
.hmeabtwrap .divider {
    width: 1px;
    margin: 0 15px;
    background: #ccc;
    display: block;
}
 .hmeabout {

     max-width: 1900px;

     padding-bottom: 80px;

}

 .hmeabout ul li {

     position: relative;

}

 .hmeabout .box01 {

     height: 585px;

     z-index: 20;

}

 .hmeabout .box01 a {

     display: block;

}

 .hmeabout .box01 .img {

     position: absolute;

     left: 120px;

     top: -70px;

     width: calc(50% - 140px);

     overflow: hidden;

     transition: 1s all;

     transform: translate(0,150px);

     opacity: 0;

}

 .hmeabout .box01.active .img {

     transform: translate(0,0);

     opacity: 1;

}

 .hmeabout .box01 .img img {

     transition: 1s all;

}

 .hmeabout .box02 a:hover .img {

     box-shadow: 0 0 15px 15px rgba(0,0,0,.2);

}

 .hmeabout .box01:hover .img img {

     transform: scale(1.1) rotate(0.0003deg);

}

 .hmeabout .textBox {

     float: right;

     width: 50%;

     padding: 50px 10% 0 50px;

     transition: 1s all;

}

 .hmeabout .textBox h2 {

     transition: 1s all;

     transform: translate(0,70px);

     opacity: 0;

     font-size: 16px;

     line-height: 18px;

     color: #313131;

     font-weight: 600;

     margin-bottom: 10px;

     display: inline-block;

     text-transform: uppercase;

     letter-spacing: 3px;

}

 .hmeabout li.active .textBox h2 {

     transform: translate(0,0);

     opacity: 1;

}

 .hmeabout li .textBox h3 {

     transition: 1s all 200ms;

     transform: translate(0,70px);

     opacity: 0;

     font-size: 30px;

     color: #262626;

     margin-bottom: 40px;

}

 .hmeabout li.active .textBox h3 {

     transform: translate(0,0);

     opacity: 1;

}

 .hmeabout li .textBox p {

     transition: 1s all 300ms;

     transform: translate(0,70px);

     opacity: 0;

     font-size: 15px;

     color: #555555;

     line-height: 25px;

     margin-bottom: 15px;

}

 .hmeabout li.active .textBox p {

     transform: translate(0,0);

     opacity: 1;

}

 .hmeabout li .textBox a {

     transform: translate(0,70px);

     display: inline-block;

     font-size:14px;

     color: #003a78;

     line-height: 1;

     letter-spacing: 0;

     font-weight: 700;

     padding-bottom: 12px;

     position: relative;

     z-index: 2;

     -webkit-transition: all .3s ease-in-out;

     -moz-transition: all .3s ease-in-out;

     -o-transition: all .3s ease-in-out;

     -ms-transition: all .3s ease-in-out;

     transition: all .3s ease-in-out;

}

 .hmeabout li.active .textBox a {

     transform: translate(0,0);

     opacity: 1;

}

 .hmeabout li .textBox a:after, .hmeabout li .textBox a:before {

     content: '';

     position: absolute;

     bottom: 0;

     left: 0;

     right: 0;

     margin: 0 auto;

     height: 3px;

     width: 100%;

     background-color: #fdb811;

     z-index: 1;

     -webkit-transition: all .3s ease-in-out;

     -moz-transition: all .3s ease-in-out;

     -o-transition: all .3s ease-in-out;

     -ms-transition: all .3s ease-in-out;

     transition: all .3s ease-in-out;

}

 .hmeabout li .textBox a:hover {

     color: #003a78;

}

 .hmeabout li .textBox a:after {

     width: 0;

     background-color: #003a78;

}

 .hmeabout li .textBox a:hover::after {

     width: 100%;

}

 .hmeabout .box02 {

     position: relative;

     padding-right: 100px;

}

 .boxblk {

     display: block;

     position: relative;

     height: 520px;

     z-index: 10;

}

 .hmeabout .box02:after {

     content: '';

     position: absolute;

     right: 165px;

     top: -35px;

     height: calc(100% + 200px);

     width: 100%;

     background: #e3e3e3;

     z-index: 5;

}

 .hmeabout .box02 .img {

     position: absolute;

     right: 0;

     top: 0;

     width: 49%;

     overflow: hidden;

     transition: 1s all;

     transform: translate(200px,0);

     opacity: 0;

}

 .hmeabout .box02.active .img {

     transform: translate(0,0);

     opacity: 1;

}

 .hmeabout .box02 .img img {

     transition: 1s all;

}

 .hmeabout .box02 .textBox {

     position: relative;

     z-index: 1;

     float: left;

     height: 100%;

     width: 51%;

     padding: 100px 10% 0 60px;

     background: #59a3d8;

     transition: 1s all;

}

 .hmeabout .box02 .textBox h2, .hmeabout .box02 .textBox h3, .hmeabout .box03 .textBox h2, .hmeabout .box03 .textBox h3, .hmeabout .box03 .textBox p, .hmeabout .box03 .textBox a {

     color:#fff;

}

 .hmeabout .box02 .textBox p {

     color: #b5dffd;

}

 .hmeabout .box03 {

     position: relative;

     height: 450px;

     padding: 0 10%;

     max-width: 1300px;

}

 .hmeabout .box03 .boxblk {

     display: block;

     position: relative;

     height: 450px;

     z-index: 150;

}

 .hmeabout .box03 .img {

     position: absolute;

     left: 0;

     top: 0;

     width: 100%;

     overflow: hidden;

     transition: 1s all;

     transform: translate(200px,0);

     opacity: 0;

}

 .hmeabout .box03.active .img {

     transform: translate(0,0);

     opacity: 1;

}

 .hmeabout .box03 .img .bg {

     transition: 1s all;

     width: 100%;

     height: 450px;

     background: url(../images/hme_img03.jpg) center center no-repeat;

}

 .hmeabout .box03 a:hover .img .bg {

     transform: scale(1.1) rotate(0.0003deg);

}

 .hmeabout .box03 .textBox {

     position: relative;

     z-index: 1;

     padding: 60px 0 0 100px;

     width: 80%;

     float: left;

}

 .hmeteam {

     padding-top: 0px;

     padding-bottom: 0;

     position: relative;

     height: 500px;

     background-color: #fff;

}

 .hmeteam .advgimg {

     position: absolute;

     top: -50px;

     width: 50%;

     left: -100px;

     overflow: hidden;

     display: inline-block;

     margin: 0;

     padding: 0;

     transition: 1s all;

     transform: translate(-200px,0px);

     opacity: 0;

}

 .hmeteam .advgimg.active {

     transform: translate(0px,0px);

     opacity: 1;

}

 .hmeteam .advgimg video {

     height:480px;

}

 .hmeteam, .hmeservice {

     background-color: #fff;

}

 .advg-overlay {

     position: absolute;

     width: 100%;

     top: 0;

     right: 0px;

     height: 480px;

}

 .wrapper {

     width: 80%;

     margin: auto;

}

 .teamcontent {

     padding-top: 80px;

     width: 50%;

     position: relative;

     z-index: 50;

     float: right;

}

 .teamcontent h2 {

     transition: 1s all;

     transform: translate(0,70px);

     opacity: 0;

     font-size: 16px;

     line-height: 18px;

     color: #313131;

     font-weight: 600;

     margin-bottom: 10px;

     display: inline-block;

     text-transform: uppercase;

     letter-spacing: 3px;

}

 .teamcontent h6 {

     transition: 1s all 200ms;

     transform: translate(0,70px);

     opacity: 0;

     font-size: 25px;

     font-weight: 700;

     color: #262626;

     margin-bottom: 40px;

}

 .teamcontent p, .teamcontent a {

     transition: 1s all 200ms;

     transform: translate(0,70px);

     opacity: 0;

}

 .teamcontent p {

     font-size: 17px;

     color: #555555;

     line-height: 25px;

     margin-bottom: 15px;

}

 .teamcontent.active h6, .teamcontent.active h2, .teamcontent.active p, .teamcontent.active a {

     transform: translate(0,0);

     opacity: 1;

}

 .hmeservice {

     padding: 40px 0;

}

 .hmeservice h4 {

     text-align: center;

     font-size: 45px;

     font-weight: 700;

     margin-bottom: 10px;

     text-transform: uppercase;

     transition: 1s all 200ms;

     transform: translate(0,70px);

     opacity: 0;

}

 .hmeservice p {

     text-align: center;

     font-weight: 700;

     margin-bottom: 20px;

     transition: 1s all 200ms;

     transform: translate(0,70px);

     opacity: 0;

}

 .hmeservice.active p, .hmeservice.active h4 {

     transform: translate(0,0);

     opacity: 1;

}

 #ul_corevalue {

     display:table;

     margin:0 auto;

     width:90%;

}

 #ul_corevalue li:first-child {

     transition: 1s all 200ms;

     transform: translate(70px,0px);

     opacity: 0;

}

 #ul_corevalue li:nth-child(2) {

     transition: 1s all 300ms;

     transform: translate(70px,0px);

     opacity: 0;

}

 #ul_corevalue li:nth-child(3) {

     transition: 1s all 400ms;

     transform: translate(70px,0px);

     opacity: 0;

}

 #ul_corevalue li:nth-child(4) {

     transition: 1s all 500ms;

     transform: translate(70px,0px);

     opacity: 0;

}

 #ul_corevalue li:last-child {

     transition: 1s all 600ms;

     transform: translate(70px,0px);

     opacity: 0;

}

 .hmeservice.active ul li {

     transform: translate(0,0) !important;

     opacity: 1 !important;

}

 .li_popup_parent{

     float:left;

     background:#fff;

     border-top:1px solid #e0e0e0;

     border-bottom:1px solid #e0e0e0;

     border-right:1px solid #e0e0e0;

     height:360px;

     width:20%;

     position:relative;

     text-align: center;

}

 .li_popup_parent:hover, .li_popup_parent.active{

     z-index:10;

}

 .li_popup_parent:hover >.div_popup_child, .li_popup_parent.active >.div_popup_child, .div_popup_child:hover{

     z-index:10;

     opacity:1;

     transform: scale(1.1);

     animation-fill-mode: forwards;

}

 .li_popup_parent:first-child{

     border-left:1px solid #e0e0e0;

}

 .div_popup_child {

     width:100%;

     height:100%;

     position:absolute;

     display:table;

     opacity:0;

     transition:all 0.3s ease;

     -webkit-transition:all 0.3s ease;

     pointer-events: none;

     background-repeat: no-repeat;

     background-size:cover;

     background-position:center center;

     z-index:10;

     transition: all .2s ease-in-out;

     box-shadow:20px 20px 20px rgba(0,0,0,0.2);

}

 .div_popup_child>div{

     display:table-cell;

     vertical-align:middle;

     color:#ffffff;

     padding: 15px;

}

 .div_popup_bottom{

     display:table;

     width:100%;

     height:100%;

}

 .div_popup_bottom>div{

     display:table-cell;

     vertical-align:middle;

}

 .div_valuedesc{

     padding:10px 30px 0;

     word-break:keep-all;

     word-wrap:break-word;

     font-size:17px;

     line-height:1.65;

}

 .div_popup_bottom img {

     margin: 0 auto 15px;

}

 .bluebar {

     border-top: 2px solid #0072bc;

     width: 20px;

     margin: 20px auto;

}

 .div_popup_bottom h2 {

     font-size: 22px;

     font-weight: 700;

     color: #000;

     text-transform: uppercase;

}

 .div_popup_bottom h2 span {

     font-size: 14px;

     font-weight: 700;

     font-family: 'Poppins', sans-serif;

     font-style: normal;

     display: block;

     margin-top: 5px;

}

 .div_popup_child h2 {

     font-size: 22px;

     font-weight: 700;

     text-transform: uppercase;

}

 .div_popup_child h2 span {

     font-size: 16px;

     font-weight: 700;

     display: block;

     margin-top: 5px;

     text-transform: capitalize;

     font-weight: 700;

     font-family: 'Poppins', sans-serif;

     font-style: normal;

}

 .div_popup_child p {

     font-weight: 400;

     color: #fff;

     margin-top: 20px;

}

 footer {

     width: 100%;

     background-color: #f5f5f5;

     padding: 20px 0;

}

 .footlogo img {

     float: left;

     height: 120px;

     margin: 0 auto;

     padding: 15px 0;

}

 .footlink {

     float: left;

     padding-top: 20px;

}

 .footlink li {

     margin-left: 40px;

     margin-bottom: 15px;

}

 .footlink li a {

     color: #666;

     font-size: 14px;

     padding-right: 10px;

}

 .footlink li h6 {

     color: #333;

     font-size: 14px;

     margin-bottom: 5px;

}

 .footlink li p {

     color: #333;

     font-size: 14px;

     font-weight: 600;

}

/* Inner Pages */

 .innerban {

     background-color: #fefefe;

     height: 400px;

     background-size: cover;

     background-position: top center;

     background-repeat: no-repeat;

     width: 100%;

     position: relative;

}

.innerban:before {

	content: '';

	position: absolute;

	width: 100%;

	height: 150px;

	background: linear-gradient(to bottom,rgba(0,0,0,0.50) 0%,rgba(0,0,0,0) 100%);

}

 .innerban .container {

     display: flex;

     height: 100%;

}

 .innerban .bandtls {

     color: #fff;

     position: relative;

     z-index: 2;

     -ms-flex-item-align: center;

     align-self: center;

}

 .innerban .bandtls h2 {

     font-family: 'Playfair Display', serif;

     font-size: 40px;

     line-height: 60px;

     font-weight: 600;

     margin-top: 100px;

     text-shadow: 1px 1px 5px rgba(0,0,0,0.3);

}

 .breadcrumb {

     display: flex;

     flex-wrap: wrap;

     padding: 0;

     margin-bottom: 0;

     list-style: none;

     background: transparent;

}

 .breadcrumb li:after {

     display: inline-block;

     padding-right: 5px;

     padding-left: 5px;

     color: #fff;

     opacity: .68;

     content: "/";

}

 .breadcrumb li:last-child:after {

     display: none;

}

 .breadcrumb li a {

     color: #fff;

}

 .breadcrumb li:last-child {

     color: #77c3ff;

     font-weight: 600;

}

 .pad50 {

     padding-top: 50px;

     padding-bottom: 50px;

}

 .padb50 {

     padding-top: 0px;

     padding-bottom: 50px;

}

 .padt50 {

     padding-top: 50px;

}

 .title span {

     font-size: 14px;

     line-height: 18px;

     color: #313131;

     font-weight: 600;

     margin-bottom: 10px;

     display: inline-block;

     text-transform: uppercase;

     letter-spacing: 3px;

}

 .title h5 {

     font-size: 30px;

     color: #11467a;

     margin-bottom: 20px;

     padding-bottom: 20px;

     font-family: 'Playfair Display', serif;

     position: relative;

}

 .title h5:after {

     content: '';

     position: absolute;

     bottom: 0;

     left: 0;

     width: 25px;

     height: 3px;

     background-image:-webkit-linear-gradient(0deg,#2977b5 0,#10457a 100%);

     background-image: -ms-linear-gradient(0deg,#2977b5 0,#10457a 100%);

}

 .intro {

     font-size: 20px;

     line-height: 30px;

     font-weight: 600;

     color: #000;

     text-align: left;

     padding-right: 0;

     margin-bottom: 15px;

}

 .innercontent p {

     margin-bottom:15px;

}

 .innercontent img {

     max-width:100%;

}

 .bgblue {

     background-color: #eff3fc;

}

 .mission {

     padding: 50px 0;

     clear: both;

}

 .txtcenter, .txtcenter p {

     text-align: center;

}

 .txtcenter.title h5:after {

     left:50%;

     margin-left:-12px;

}

 .txtcenter.intro {

     text-align: center;

     padding: 0 15%;

}

 .innercontent ul, .dots {

     margin-top: 15px;

     margin-bottom: 25px;

}

 .innercontent ul li, .dots li {

     position: relative;

     padding-bottom: 5px;

     padding-left: 20px;

     color: #4b4b4b;

}

 .innercontent ul li:before, .dots li:before {

     position: absolute;

     top: 8px;

     left: 0;

     z-index: 0;

     content: "";

     width: 7px;

     height: 7px;

     border-radius: 50%;

     background-color: #09276f;

}

 .marg50 {

     padding-left: 80px;

}

 .subtitle {

     font-size: 20px;

     font-weight: 600;

     margin-bottom: 20px;

}

 ul.teamlist {

     list-style: none;

     margin-top: 40px;

}

 ul.teamlist li {

     margin-bottom:15px;

     padding-bottom:15px;

     border-bottom:1px dashed #ccc;

     padding-left: 0px;

     display: flex;

     align-items: center;

}

 ul.teamlist li:last-child {

     border-bottom:0 dashed #ccc;

}

 .innercontent ul.teamlist li:before {

     display:none;

}

 .teamimg {

     width: 150px;

     height: 150px;

}

 .teamimg img {

     width: 150px;

     height: 150px;

     border-radius:50%;

     border:3px solid #ff9321;

     padding:4px;

}

 .teamname {

     width: 250px;

     padding-left: 25px;

}

 .teamname h2 {

     font-family: 'Playfair Display', serif;

     font-size: 25px;

     color: #003a78;

     font-weight: 700;

     margin-bottom: 5px;

}

 .teamname h6 {

     font-size: 14px;

     color: #333;

     font-weight: 400;

}

 .teamdtls {

     width: calc(100% - 450px);

     border-left: 1px solid #eee;

     padding-left: 40px;

     margin-left: 40px;

}

 .timeline {

     display: flex;

     margin: 0 auto;

     flex-wrap: wrap;

     flex-direction: column;

     max-width: 75%;

     position: relative;

}

 .timeline__content-title {

     font-weight: normal;

     font-size: 66px;

     margin: -10px 0 0 0;

     transition: .4s;

     padding: 0 10px;

     box-sizing: border-box;

     color: #fff;

     text-shadow: 1px 1px 5px rgba(0,0,0,0.4);

     font-weight: 700;

}

 .timeline__content-desc {

     margin: 0;

     font-size: 15px;

     box-sizing: border-box;

     color: rgba(0, 0, 0, 0.7);

     font-weight: normal;

     line-height: 25px;

}

 .timeline:before {

     position: absolute;

     left: 50%;

     width: 2px;

     height: 100%;

     margin-left: -1px;

     content: "";

     background: rgba(0, 0, 0, 0.07);

}

 @media only screen and (max-width: 767px) {

     .timeline:before {

         left: 40px;

    }

}

 .timeline-item {

     padding: 80px 0 40px 0;

     opacity: .3;

     filter: blur(2px);

     transition: .5s;

     box-sizing: border-box;

     width: calc(50% - 40px);

     display: flex;

     position: relative;

     transform: translateY(-80px);

}

 .timeline-item:before {

     content: attr(data-text);

     letter-spacing: 3px;

     width: 100%;

     position: absolute;

     color: rgba(0, 0, 0, 0.5);

     font-size: 13px;

     border-left: 2px solid rgba(0, 0, 0, 0.5);

     top: 70%;

     margin-top: -5px;

     padding-left: 15px;

     opacity: 0;

     right: calc(-100% - 40px);

}

 .timeline-item:nth-child(even) {

     align-self: flex-end;

}

 .timeline-item:nth-child(even):before {

     right: auto;

     text-align: right;

     left: calc(-100% - 40px);

     padding-left: 0;

     border-left: none;

     border-right: 2px solid rgba(0, 0, 0, 0.5);

     padding-right: 15px;

}

 .timeline-item--active {

     opacity: 1;

     transform: translateY(0);

     filter: blur(0px);

}

 .timeline-item--active:before {

     top: 50%;

     transition: .3s all .2s;

     opacity: 1;

}

 .timeline-item--active .timeline__content-title {

     margin: -50px 0 20px 0;

}

 @media only screen and (max-width: 767px) {

     .timeline-item {

         align-self: baseline !important;

         width: 100%;

         padding: 0 30px 150px 80px;

    }

     .timeline-item:before {

         left: 10px !important;

         padding: 0 !important;

         top: 50px;

         text-align: center !important;

         width: 60px;

         border: none !important;

    }

     .timeline-item:last-child {

         padding-bottom: 40px;

    }

}

 .innercontent .timeline__img {

     max-width: 75%;

     box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);

}

 .timeline-container {

     width: 100%;

     position: relative;

     padding: 80px 0;

     transition: .3s ease 0s;

     background-attachment: fixed;

     background-size: cover;

}

 .timeline-container:before {

     position: absolute;

     left: 0;

     top: 0;

     width: 100%;

     height: 100%;

     background: rgba(255, 255, 255, 0.9);

     content: "";

}

 .timeline-header {

     width: 100%;

     text-align: center;

     margin-bottom: 80px;

     position: relative;

}

 .timeline-header__title {

     color: #fff;

     font-size: 46px;

     font-family: Cardo;

     font-weight: normal;

     margin: 0;

}

 .timeline-header__subtitle {

     color: rgba(255, 255, 255, 0.5);

     font-family: "Pathway Gothic One", sans-serif;

     font-size: 16px;

     letter-spacing: 5px;

     margin: 10px 0 0 0;

     font-weight: normal;

}

 .stretch-to-right {

     margin-right: -22vw !important;

}

/*Animation*/

 .has-animation {

     position: relative;

}

 .has-animation p, .has-animation img {

     opacity: 0;

}

 .has-animation.animate-in p, .has-animation.animate-in img {

     animation: textHidden 0.1s 1.1s forwards;

}

 .has-animation.animate-in:before, .has-animation.animate-in:after {

     content: '';

     position: absolute;

     top: 0;

     right: 0;

     height: 100%;

     z-index: 10;

}

 .has-animation.animate-in:before {

     background-color: #2977b5;

}

 .has-animation.animate-in:after {

     background-color: #11467a;

     animation-delay: .5s;

}

 .has-animation.animation-ltr.animate-in:before {

     animation: revealLTR 1.8s ease;

}

 .has-animation.animation-ltr.animate-in:after {

     animation: revealLTR 1s .6s ease;

}

 .has-animation.animation-rtl.animate-in:before {

     animation: revealRTL 1.8s ease;

}

 .has-animation.animation-rtl.animate-in:after {

     animation: revealRTL 1s .6s ease;

}

 @keyframes revealRTL {

     0% {

         width: 0;

         right: 0;

    }

     65% {

         width: 100%;

         right: 0;

    }

     100% {

         width: 0;

         right: 100%;

    }

}

 @keyframes revealLTR {

     0% {

         width: 0;

         left: 0;

    }

     65% {

         width: 100%;

         left: 0;

    }

     100% {

         width: 0;

         left: 100%;

    }

}

 @keyframes textHidden {

     0% {

         opacity: 0;

    }

     100% {

         opacity: 1;

    }

}

 .exper {

     background: #fcfcfc;

     position: relative;

}

 .exper-box-img {

     position: absolute;

     z-index: 10;

     top: 0;

     width: 50%;

     height: 100%;

     right: 0px;

     overflow: hidden;

}

 .exper-box-img img {

     min-height: 100%;

     display: block;

     width: 100%;

}

 .flex {

     padding: 50px 50px 50px 0;

}

 .flright .flex {

     padding: 50px 0px 50px 50px;

}

 .flex h6 {

     color: #333;

     font-size: 25px;

     font-weight: 600;

     margin-bottom: 15px;

}

 .flright .exper-box-img {

     left: 0;

     right:inherit;

}

 .flright .row {

     -ms-flex-pack: end!important;

     justify-content: flex-end!important;

}

 .flex {

     transition: 1s all;

     transform: translate(-200px,0px);

     opacity: 0;

}

 .flex.active {

     transform: translate(0px,0px);

     opacity: 1;

}

 .innercontent .clients {

     display: flex;

     justify-content: center;

}

 .innercontent .clients li {

     border: 1px solid #ccc;

     margin: 0px;

     width: 33%;

     padding: 0px;

}

 .clients li img {

     padding: 15px;

     margin: 15px auto 15px auto;

}

 .clients li h3 a {

     display: block;

     padding: 10px;

     border-top:1px solid #ccc;

     font-size: 16px;

     color: #333;

     text-align: center;

}

 .innercontent .clients li:before, .innercontent .grid li:before {

     display: none 

}

 .grid li .news-list-content img {

     width: 100%;

     border:1px solid #eee;

}

 .hidden {

     visibility: hidden;

}

 #careerBlk {

     position: relative;

     border: 1px solid #e9e9e9;

     border-top: none;

     -webkit-border-radius: 3px;

     border-radius: 3px;

}

 #careerBlk .r-tabs-accordion-title {

     border-top: 1px solid #e9e9e9;

}

 #careerBlk .r-tabs-accordion-title a {

     font-size: 16px;

     cursor: pointer;

     padding: 20px 20px;

     position: relative;

     display: block;

     color: #333;

     font-family: 'Gotham Rounded';

}

 #careerBlk .r-tabs-accordion-title a:before {

     content: '';

     display: block;

     position: absolute;

     width: 3px;

     height: 36px;

     background: #3a89e4;

     left: 0;

     top: 50%;

     -webkit-transform: translate(0, -50%);

     -ms-transform: translate(0, -50%);

     transform: translate(0, -50%);

}

 #careerBlk .r-tabs-accordion-title a:before {

     color: #3a89e4;

}

 #careerBlk .r-tabs-accordion-title a:after {

     content: '+';

     display: block;

     position: absolute;

     font-size: 28px;

     color: #c3c3c3;

     right: 25px;

     top: 50%;

     -webkit-transform: translate(0, -50%);

     -ms-transform: translate(0, -50%);

     transform: translate(0, -50%);

}

 #careerBlk .r-tabs-accordion-title.r-tabs-state-active a:after {

     content: '-';

     font-size: 30px;

     right: 27px;

     color: #3a89e4;

}

 #careerBlk .r-tabs-panel {

     position: relative;

     background: #eee;

     padding: 20px 20px;

     border-top: 1px solid #e9e9e9;

     display: none;

}

 #careerBlk .r-tabs-panel h6 {

     font-size: 15px;

     margin:0 0 10px 0;

     display: block;

     color: #333;

     font-family: 'Gotham Rounded';

     border-top: 1px #d6d6d6 solid;

     padding-top: 15px;

     margin-top: 15px;

}

 #careerBlk .r-tabs-panel h6:first-child {

     border-top:none;

     padding-top: 0px;

     margin-top: 0px;

}

 #careerBlk .r-tabs-panel h6 span {

     font-size: 15px;

     color: #000;

}

 .btn-apply {

     background: #17a14a;

     border: 1px solid #17a14a;

     font-weight: 500;

     padding: 6px 20px;

     border-radius: 25px;

     color: #fff;

     margin-top: 10px;

     display: inline-block;

}

 .btn-apply:hover {

     background: transparent;

     color: #17a14a;

}

 .link-mail {

     color: #11467a;

     font-weight: 600;

}

 .link-mail:hover {

     text-decoration: underline;

}

 .career-form input, .career-form textarea, .career-form select {

     border: 1px solid #dbdbdb;

     height: 50px;

     padding: 0px 17px;

     width: 100%;

     border-radius:25px;

     font-size: 16px;

     color: #555555;

     outline: 0;

     font-family: 'Gotham Rounded Book';

}

 .career-form input[type="file"] {

     padding: 9px 20px;

}

 .career-form select::-ms-expand {

     display: none;

}

 .career-form select {

     background: url(../images/icons/down-arrow.png) no-repeat center right;

     -webkit-appearance: none;

     -moz-appearance: none;

}

 button.submit {

     width: 100%;

     background-color: #db342d;

     height: 50px;

     border-radius:25px;

     outline: none;

     color: #fff;

     font-size: 18px;

     text-transform: uppercase;

}

 button.submit:hover{

     -webkit-box-shadow: 0px 6px 20px 3px rgba(0, 0, 0, 0.14);

     -moz-box-shadow: 0px 6px 20px 3px rgba(0, 0, 0, 0.14);

     box-shadow: 0px 6px 20px 3px rgba(0, 0, 0, 0.14);

     -webkit-transition-duration: 0.4s;

}

 .career-form textarea {

     resize: none;

     height: 150px;

     padding: 10px;

}

 #myModal .modal-dialog {

     max-width: 800px;

}

 .applynow h6 {

     font-size: 20px;

     letter-spacing: 0.06em;

     font-weight: 400;

     color: #333;

     text-transform: uppercase;

     margin-bottom: 20px;

}

 .applynow input {

     margin: 0px 0 15px 0;

     width: 100%;

     display: block;

     border: none;

     padding: 15px 0 10px 0;

     border-bottom: solid 1px #1abc9c;

     -webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);

     transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);

     background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 96%, #1abc9c 4%);

     background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, #1abc9c 4%);

     background-position: -100% 0;

     background-size: 0px 100%;

     background-repeat: no-repeat;

     color: #0e6252;

}

 .applynow textarea {

     margin: 0px 0 10px 0;

     width: 100%;

     display: block;

     border: none;

     padding: 15px 0 10px 0;

     border-bottom: solid 1px #1abc9c;

     -webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);

     transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);

     background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 96%, #1abc9c 4%);

     background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, #1abc9c 4%);

     background-position: -100% 0;

     background-size: 0px 100%;

     background-repeat: no-repeat;

     color: #0e6252;

     height: 120px;

}

 .applynow input:focus, .applynow input:valid, .applynow textarea:focus {

     box-shadow: none;

     outline: none;

     background-position: 0 0;

     background-size: 100% 100%;

}

 .applynow input::-webkit-input-placeholder, .applynow textarea::-webkit-input-placeholder {

     -webkit-transition: all 0.3s ease-in-out;

     transition: all 0.3s ease-in-out;

}

 .applynow input:focus::-webkit-input-placeholder, .applynow input:valid::-webkit-input-placeholder, .applynow textarea:focus::-webkit-input-placeholder {

     color: #1abc9c;

     font-size: 13px;

     -webkit-transform: translateY(-20px);

     transform: translateY(-20px);

     visibility: visible !important;

}

 .txtinfos {

     font-size: 13px;

     line-height: 14px;

     margin-top: -10px;

     display: block;

}

 .applynow .btn-submit {

     font-size: 16px;

     font-weight: 400;

     box-sizing: border-box;

     letter-spacing: 1px;

     background: transparent;

     display: block;

     width: 170px;

     height: 35px;

     cursor: pointer;

     border-radius: 30px;

     margin: auto;

     background-color: #11467b;

     color: #fff;

     -webkit-transition: all 0.3s linear;

     -moz-transition: all 0.3s linear;

     -o-transition: all 0.3s linear;

     -ms-transition: all 0.3s linear;

     transition: all 0.3s linear;

}

 .addressBlk {

     padding-left: 30px;

}

 .addressBlk h3 {

     color: #22338d;

     font-weight: 600;

     font-size: 16px;

     margin-bottom: 5px;

     margin-top: 15px;

     text-transform: uppercase;

}

 .addressBlk a {

     font-size: 18px;

     font-weight: 300;

}

 .addressBlk p {

     line-height: 24px;

     font-weight: 500;

     color: #000;

}

 .locationBlk {

     background-color: #eee;

     width: 100%;

     padding: 60px 0 0px 0;

     overflow: hidden;

}

 .bg-location {

     position: relative;

}

 .bg-location img {

     width: 100%;

}

 .locationBlk .col-md-3 h4 {

     color: #333;

     font-weight: 600;

     margin-bottom: 15px;

     margin-top: 120px;

}

 .mapbounce {

     position: absolute;

     top: 0;

     left: 0;

     width: 100%;

     height: 100%;

}

 .tooltip-item {

     width: 20px;

     height: 20px;

     left: 50%;

     top: 50%;

     z-index: 99;

     background: #ccc url(../images/favicon.png) no-repeat left center;

     background-size: auto 100%;

     border: 1px solid white;

     padding: 5px;

     margin: -15px 0 0 -15px;

     position: absolute;

     border-radius: 50%;

     -webkit-animation: pulse 0.6s infinite alternate;

     animation: pulse 0.6s infinite alternate;

}

 @-webkit-keyframes pulse {

     from {

         -webkit-transform: scale3d(0.5, 0.5, 1);

    }

     to {

         -webkit-transform: scale3d(1, 1, 1);

    }

}

 @keyframes pulse {

     from {

         -webkit-transform: scale3d(0.5, 0.5, 1);

         transform: scale3d(0.5, 0.5, 1);

    }

     to {

         -webkit-transform: scale3d(1, 1, 1);

         transform: scale3d(1, 1, 1);

    }

}

 .tooltip:hover .tooltip-item {

     border-color: #fff;

}

 .tooltips {

     position: absolute;

     width: 2.2em;

     height: 2.2em;

     cursor: pointer;

}

 .tooltips:first-child {

     top: 185px;

     left: 690px;

}

 .tooltips:nth-child(2) {

     top: 140px;

     left: 665px;

}

 .tooltips:nth-child(3) {

     top: 110px;

     left: 825px;

}

 .tooltips:nth-child(4) {

     top: 145px;

     left: 555px;

}

 .tooltips:nth-child(5) {

     top: 172px;

     left: 570px;

}

 .tooltips:nth-child(6) {

     top: 145px;

     left: 600px;

}

 .tooltips:nth-child(7) {

     top: 210px;

     left: 460px;

}

 .tooltips:nth-child(8) {

     top: 95px;

     left: 650px;

}

 .tooltips:nth-child(9) {

     top: 170px;

     left: 620px;

}

 .tooltips:nth-child(10) {

     top: 65px;

     left: 440px;

}

 .tooltips:nth-child(11) {

     top: 50px;

     left: 435px;

}

 .tooltip-content h6 {

     text-transform: uppercase;

}

 .tooltip-content {

     position: absolute;

     background: #333;

     z-index: 9999;

     width: 280px;

     bottom: 50%;

     margin-bottom: 0em;

     padding: 20px;

     font-size: 0.9em;

     text-align: left;

     color: #fff;

     opacity: 0;

     cursor: default;

     pointer-events: none;

     -webkit-font-smoothing: antialiased;

     -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

     transition: opacity 0.3s, transform 0.3s;

}

 .tooltip-content p {

     font-size: 12px;

     text-align: left;

     line-height: 22px;

     color: #ccc;

}

 .tooltip-left .tooltip-content {

     left: 4em;

     -webkit-transform-origin: -2em 50%;

     transform-origin: -2em 50%;

     -webkit-transform: translate3d(0, 50%, 0) rotate3d(1, 1, 1, 30deg);

     transform: translate3d(0, 50%, 0) rotate3d(1, 1, 1, 30deg);

}

 .tooltip-right .tooltip-content {

     right: 4em;

     -webkit-transform-origin: calc(100% + 2em) 50%;

     transform-origin: calc(100% + 2em) 50%;

     -webkit-transform: translate3d(0, 50%, 0) rotate3d(1, 1, 1, -30deg);

     transform: translate3d(0, 50%, 0) rotate3d(1, 1, 1, -30deg);

}

 .tooltips:hover .tooltip-content {

     opacity: 1;

     -webkit-transform: translate3d(0, 50%, 0) rotate3d(0, 0, 0, 0);

     transform: translate3d(0, 50%, 0) rotate3d(0, 0, 0, 0);

     pointer-events: auto;

}

 .tooltip-content::before, .tooltip-content::after {

     content: '';

     position: absolute;

}

 .tooltip-content::before {

     height: 100%;

     width: 3em;

}

 .tooltips .tooltip-content::after {

     width: 2em;

     height: 2em;

     top: 50%;

     margin: -1em 0 0;

     background:url(../images/tooltip.svg) no-repeat center center;

     background-size: 100%;

}

 .tooltip-right .tooltip-content::after {

     left: 99%;

     -webkit-transform: scale3d(-1, 1, 1);

     transform: scale3d(-1, 1, 1);

}

 .tooltip-left .tooltip-content::before, .tooltip-left .tooltip-content::after {

     right: 99%;

}

 .clientslist {

     padding: 0 20px;

}

 .clientslist .owl-nav {

     display: none;

}

 .clientslist .titleclient {

     text-align: center;

     font-size: 25px;

     font-weight: 700;

     margin-bottom: 10px;

     text-transform: uppercase;

     transition: 1s all 200ms;

     transform: translate(0,70px);

     opacity: 0;

}

 .clientscaro {

     transition: 1s all 200ms;

     transform: translate(0,70px);

     opacity: 0;

}

 .clientslist.active h4, .clientslist.active .clientscaro {

     transform: translate(0,0);

     opacity: 1;

}

 .clientscaro.owl-carousel .owl-item img {

     -webkit-filter: grayscale(1);

     filter: grayscale(1);

     -webkit-transition: all 0.5s ease;

     -moz-transition: all 0.5s ease;

     -o-transition: all 0.5s ease;

     transition: all 0.5s ease;

}

 .clientscaro.owl-carousel .owl-item img:hover {

     -webkit-filter: grayscale(0);

     filter: grayscale(0);

}

 .footsocial {

     padding-top: 20px;

     float: right;

}

 .footsocial a {

     display: inline-block;

     margin-left: 6px;

}

 .footsocial img {

     height: 30px;

}

 .footsocial h6 {

     margin-bottom: 10px;

     text-align: right;

     color: #666;

     font-weight: 500;

}

 .newspage h4 {

     color: #0087d3;

     margin-bottom: 6px;

     font-size: 15px;

     font-weight: 500;

     display: none;

}

 .newspage h3 {

     font-size: 26px;

     margin-bottom: 25px;

     line-height: 35px;

     font-weight: 600;

}

 .newspage img {

     padding: 5px;

     border:1px solid #ccc;

     margin-bottom: 10px;

}

 .subtitle {

     color: #222;

     font-size: 20px;

     font-weight: 500;

     margin-bottom: 15px;

}

 .subtitle:after {

     content: '';

     display: block;

     width: 35px;

     max-width: 100%;

     height: 2px;

     background: #46bfe2;

     margin-top: 10px;

}

 .postblk {

     border-bottom: 1px solid #eee;

     display: block;

     margin-bottom: 15px;

     padding-bottom: 15px;

     position: relative;

     clear: both;

}

 .postblk > a {

     margin-right: 10px;

     width: 65px;

     float: left;

}

 .postblk .post-content {

     float: left;

     width: calc(100% - 80px);

}

 .postblk .post-content a {

     color: #333;

     font-size: 15px;

     line-height: 17px;

     margin-bottom: 5px;

     display: inline-block;

}

 .postblk .post-content span {

     font-size: 12px;

     color: #484848;

     display: block;

}

 .postblk:after {

     clear: both;

     content: "";

     display: block;

     height: 0;

     visibility: hidden;

}

 .padL50 {

     padding-left: 50px;

}

 .newspage .grid img {

     width: 23%;

     display: inline-block;

     margin-right: 1%;

     vertical-align: top;

}

/*awards*/

 .album-list {

     list-style: none;

}

 .album-list li {

     float: left;

     width: 22%;

     margin-right: 3%;

     border: 2px #ddd solid;

     margin-bottom: 15px;

     padding: 0 !important;

}

 .album-list li:before {

     display: none;

}

 .album-list li img {

     padding: 10px;

}

 .album-list li h5 {

     font-size: 15px;

     padding: 10px;

     background: #eee;

     text-align: center;

}

 .innercontent ul.galmedia {

     display: flex;

     flex-wrap: wrap;

     list-style: none;

}

 .innercontent ul.galmedia li:before {

     display: none;

}

 .galmedia li {

     width:25%;

     padding: 5px !important 

}

 .galmedia li a img {

     width:100%;

     height: 160px;

     padding: 0px;

}

 .awardmsg {

     margin-top: 20px;

     font-size: 25px;

     line-height:35px;

     text-align: center;

     padding: 0 5%;

}

 #error_message ul li {

     margin-top:10px;

}

 #error_message ul li {

     font-size:13px;

     color:red;

}

 #error_message ul:nth-child(2) {

     display:none;

}

 #success_message h2 {

     font-size: 14px;

     color: green;

     font-weight: 600;

     background: #c8eac8;

     padding: 15px;

     border-radius: 10px;

}

 .innercontent ul.contact_dtls_ul {

     display: flex;

     flex-wrap: wrap;

     list-style: none;

}

 .innercontent ul.contact_dtls_ul li {

     padding: 0;

     margin-bottom: 0px;

     margin-right: 15px;

     width: 100%;

}

 .innercontent ul.contact_dtls_ul li:before {

     display: none;

}

 .table_projects thead th {

     background-color: #003a78;

     padding: 10px;

     color:#fff;

     border: 1px solid rgba(255,255,255,0.2);

     font-weight: 400;

}

 .table_projects tr td {

     border: 1px solid #ccc;

     padding: 10px;

     font-weight: 400;

     vertical-align: middle;

}

/**architecture & infrastructure**/

 .archCard {

     padding: 12px;

     border-radius: 16px;

     background: white;

    /*height: 100%;

    */

     box-shadow: 0px 2px 9px 1px rgba(0,0,0,0.14);

}

 .archCard h4 {

     margin-bottom: 15px;

     font-weight: 600;

     font-size: 18px;

}

 .archCard p {

     margin-bottom: 8px;

     line-height: 18px;

}

 .locationPic {

     border-radius: 16px;

     height: 180px;

     object-fit: cover;

     object-position: center;

     display: block;

     width: 100%;

     margin-bottom: 16px;

}

 .archCardLabel {

     font-weight: 600;

}

 .sus-wrap .sus-card {

     border-radius: 10px;

     border: 1px solid #eee;

     padding: 15px;

     margin-bottom: 15px;

}

 .sus-wrap .sus-card img {

     height: 55px;

     margin-bottom: 10px;

}

 .sus-wrap .sus-card h4 {

     margin-bottom: 10px;

}
.psafety-wrap {
    margin-bottom: 25px;
}
.psafety-wrap .col-md-4 {
    margin-bottom: 25px;
}
 .psafety-wrap img {

     height: 80px;

     display: block;

     margin: 0 auto 15px;

}
.psafety-wrap h6 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #333;
}
.psafety-wrap p {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 10px;
}
.psafety-wrap a + a {
    color: #11467a;
    text-decoration: underline;
    line-height: 28px;
    font-weight: 500;
    display: inline-block
}
.para-li p {
   margin-bottom: 5px;
}
.para-li::before {
    display: none;
}
.prostudies {

     padding: 50px 0;

     background-color: #3c77aa;

}

 .prostudies h1 {

     font-size: 30px;

     font-weight: 700;

     color: #fff;

     margin-bottom: 15px;

}

 .ps-client-wrap .col-md-4 {

     margin-bottom: 25px;

}

 .ps-client-wrap .archCard {
     height: 100%;
     background-color: #eee;
     border: 1px solid #ddd;
}