*{
	padding:0;
	margin:0;
}
html {
    font-size: 16px;
    scroll-behavior: smooth;
}
body {   
    color: #064878;
    font-family: 'Lora', sans-serif;
    margin: 0;
    padding: 0;
}
wrapper {
    position: relative;
    height: 100%;
    min-height: 100vh;
    overflow: hidden;
}

/*------------------------------
            Global        
------------------------------*/
a {
    color: #314A36;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
a:hover {
    color: #314A36;
    text-decoration: none;
}
a.learn-more {
    display: inline-block;
    color: #fff;
    background-color: #B79771;
    padding: 1rem 2.625rem;
}
h1 {
    line-height: 1.28;
}
h5, h6 {
    font-size: 1.25rem;
}
p, ul {
    font-size: 1.25rem;
}
.f60 {
    font-size: 3.75rem;
}
.f50 {
    font-size: 3.125rem;
}
.f45 {
    font-size: 2.8125rem;
}
.f40 {
    font-size: 2.5rem;
}
.f38 {
    font-size: 2.375rem;
}
.f35 {
    font-size: 2.1825rem;
}
.f30 {
    font-size: 1.875rem;
}
.f28 {
    font-size: 1.75rem;
}
.f25 {
    font-size: 1.5625rem;
}
.f24 {
    font-size: 1.5rem;
}
.f22 {
    font-size: 1.375rem;
}
.f20 {
    font-size: 1.25rem;
}
.f18 {
    font-size: 1.125rem;
}
.f16 {
    font-size: 1rem;
}
.f14 {
    font-size: .875rem;
}
.img-contain {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.trans {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.scroll-anchor {
    z-index: -99;
    position: relative;
    padding-top: 6rem;
    margin-top: -6rem;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
}


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

.navbar.inner {
    background-color: #314a36 !important;
}

.fixed-tops {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.difference.about{
	padding:4rem 0;
}


.difference.about h5 {
    color: #B79771;
    margin: 1rem 0 1.25rem;
	font-weight:normal;
	font-size:30px;
}

.difference.about p {
	text-align:left;
	line-height:30px;
	font-size:20px;
}


.approach h3{
	position:relative;
	padding-left: 20px;
}

.approach h3:before{
	position:absolute;
	width:6px;
	height:45px;
	content:'';
	display:block;
	top:0;
	left:0;
	background:#b79771;	
}

.approach ul{
	padding-left:1rem;
} 

.sub-focus.approach ul li{
	margin-bottom:10px;
	font-size:16px;
}

.approach ul li{
	margin-bottom:10px;
	font-size:18px;
}

.firm-history .green-part{
	background:#314a36;
}

.firm-history .green-part h3{
	color:#fff;
}

.firm-history .green-part p{
	color:#fff;
}

.abt {
    position: relative;
}
.abt .content {
    text-align: center;
    padding: 8rem 4rem;
}
.abt h1 {
    color: #fff;
    margin-bottom: 1rem;
	font-weight:normal;
	font-size:50px;
}

.abt p {
    color: #fff;
	font-size:26px;
}

.abt .video {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.abt .video:after{
	content:'';
	background:rgba(49,74,54,0.2);
	width:100%;
	height:100%;
	top:0;
	position:absolute;
	display:block;
}

.abt .video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-blck {
	padding-left:0;
	padding-right:0;
}

.video-blck img{
	height:100%;
	width:100%;
}

 .padding {
     padding: 5rem
 }
 
 .firm-history .green-part .card p {
    font-size: 22px;
    line-height: 34px;
}
 
 .firm-history .green-part .card h3{
	 font-size:45px;
	 margin-bottom:15px;
	 color:#fff;	 
 }
 
 .firm-history .green-part a.firm-overview{
	 color:#fff;
	 text-decoration:underline;
	 font-size:22px;
 }
 .firm-history .green-part a.firm-overview:hover{
	 color:#000;
 }
 
 
 /* ---- Team Page --- */
 
  .team{
	 padding:4rem 0;
  }
  .team .teams{
	  padding:3rem 3rem
  }
 
  .team img{
	  margin-bottom:20px;
  }
 
  .team h6{
	 color:#0A2539;
	 font-size:20px;
	 margin-bottom:10px;
	 font-weight:normal;
  }
  
  .team p{
	 color:#0A2539;
	 font-size:18px;
	 margin-bottom:10px;
	 font-weight:300;
  }
  
  
 img.image {
   display: block;
  width: 100%;
  height: auto;
}
 
  .overlay-team {
  position: absolute; 
  bottom: 0; 
  background: rgba(49, 74, 54, 0.7); 
  color: #f1f1f1; 
  width: 100%;
  transition: .4s ease;
  opacity:0;
  color: white;
  font-size: 15px;
  padding: 10px;
  text-align: center;
 }

 .containerss:hover .overlay-team {
  opacity: 1;
 } 
 .containerss {
  position: relative;
  width: 100%;
  
}
 
 a.tabbingg.highlight {
    border-bottom: 2px solid #b79771;
}

a.tabbingg {
    color: #000;
    font-size: 20px;
    margin-right: 15px;
    font-weight: 500;
    margin-bottom: 0px;
}

a.tabbingg:hover {
    border-bottom: 2px solid #b79771;
}

.team h5.filter{
	font-size:20px;
	font-weight: 500;
	line-height: 27px;
	 padding-right: 15px;
	 margin-bottom:0;
	 color:#000;
}

.team #tabs{
	display:flex;
	align-items:center;
}

.team-section .modal-header.top-right {
    position: absolute;
    padding: 6px 24px;
    right: 0px;
    top: 0px;
    background: #B79771;
    border: 0;
    height: 180px;
    border-top-left-radius: calc(0rem - 0px);
    border-top-right-radius: calc(0rem - 0px);
}
.team-section .close-btn {
    padding: 0 6px;
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.team-section .close-btn button.close {
    margin: 0;
    padding: 0 0px;
    color: #ffffff;
    font-size: 46px;
    opacity: inherit;
}

.team-section .close {
    float: right;
    font-weight: 100;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
}


.team-section .modal-header.top-right .right-arw {
    position: absolute;
    top: 70px;
	left: 7px;
}

.team-section .modal-header.top-right .right-arw a {
    position: static;
}

.team-section .carousel-control-next, .carousel-control-prev {
    opacity: 1;
    width: 2.25rem;
}

.sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.team-section .modal-header.top-right .left-arw {
    position: absolute;
    top: 135px;
    left: 7px;
}

.team-section .modal-header.top-right .left-arw a {
    position: static;
}

.team-section .carousel-control-next, .carousel-control-prev {
    opacity: 1;
    width: 2.25rem;
}

.team-section .modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0rem 0rem 0rem 0rem;
}
.team-section .team-area {
    padding-left: 0px;
    height: 100%;
}


.team-section .tem-mod{
	display:flex;
	/* align-items:center; */
}

.team-section .tem-mod h3{
	font-size:30px;
	color:#0A2539;
	font-weight:normal;
	text-align:left;
	margin-bottom: 20px;
}

.team-section .tem-mod h4{
	font-size:22px;
	color:#0A2539;
	font-weight:300;
	text-align:left;
	margin-bottom: 30px;
}

.team-section .social-icon {
    text-align:left;
	display: flex;
}


.team-section .social-icon .left-icon{
 margin-right:30px;	
}

.team-section .tem-mod .exp, .team-section .tem-mod .edu, .team-section .tem-mod .int{	
	margin:20px 0;
}

.team-section .tem-mod .exp h3, .team-section .tem-mod .edu h3, .team-section .tem-mod .int h3{
 font-size:17px;	
 font-weight:600;
 margin-bottom:15px;
 color:#435461;
}

.team-section .tem-mod .exp p, .team-section .tem-mod .edu p, .team-section .tem-mod .int p{
 font-size:15px;	
 font-weight:normal;
 margin-bottom:10px;
 color:#9ba2a8;
}

.team-section .tem-mod .edu p span{
 display:block;
 color:#000;
 margin-top:5px;	
}

.team-section .tem-mod.mrg{
	padding: 0rem 2rem;
}



.carousel-inner-2 {
    padding: 0rem 0rem !important;
}

.carousel-inner .prtf{
    padding: 3rem 3rem 1rem;
}

hr.pop{
	margin:0px 0;
}

p.team-bio{
	color:#6D766E;
	font-size:18px;
	line-height:32px;
	text-align:justify;
}

.team-section .modal-header.top-right .close-btn{
	position: absolute;
    top: 0px;
    margin: 0 5px;
    left: 0;
}

.modal-dialog {
    margin: 0px;
}

.carousel-item {
    transition: 0.2s;
}

.modal.show .modal-dialog {
    top: 10%;
}

/* ---- portfolio Page --- */

.portfolio .port{
	  padding:3rem 3rem;
	  display:flex;
	  align-items:center;
	  border:1px solid #6c777f;
	  margin-bottom:30px;
	  height:12rem;
	  
  }
  
.portfolio .port .containerss img{
	 filter: grayscale(1);
	 margin-bottom: 0px;
 } 
 
 .portfolio .port .containerss img:hover{
	 filter: grayscale(0);
	 transition:0.2s;
 }
 
 p.portfolio-bio {
    color: #6D766E;
    font-size: 16px;
    line-height: 28px;
}


.portf .discp{
	margin-top:40px;
}

img.lock {
    position: relative;
    top: -.1rem;
    width: .875rem;
    height: .875rem;
    object-fit: contain;
    margin-right: .25rem;
}
hr.prtfo{
	background:#efefef;
	height:2px;
}

.discp h5{
	font-size:18px;
	color:#314A36;
	margin-bottom:5px;
}

.discp p{
	font-size:15px;
	color:#6D766E;
	margin-bottom:25px;
}
.discp p.subsec{
	margin-bottom:6px;
}
 
.portf span{
	/* width:360px;
	height:120px;
	box-shadow:0px 0px 16px #ccc;
	position:absolute;
	left:-48px;
	top:45px;
	align-items: center;
    display: flex;
    justify-content: center; */
} 

.portf span img{
	width:220px;
	height:auto;
}


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

.news-section{
	padding:4rem 0;
} 

.news-section .news h4{
	color:#314A36;
	font-size:20px;
	margin-bottom:15px;
	margin-top:10px;
}

.news-section .news a p{
    color:#0A2539;
	font-size:26px;
	margin-bottom:10px;
	line-height:40px;
}

hr.news-part{
	color:#b9b9b9;
	height:3px;
	margin:30px 0;
}

.news-section .right-bar{
	padding-left:60px;
}

.news-section .right-bar h4{
	color:#0A2539;
	font-size:20px;
	margin-bottom:40px;
	margin-top: 10px;
}

.news-section .right-bar ul{
	list-style:none;
	padding-left:0;
}

.news-section .right-bar ul li{
	color:#0A2539;
	font-size:20px;
	margin-bottom:40px;
}

.news-accord .card-header {
    padding: .5rem 0rem;
    margin-bottom: 0;
    background-color: transparent;
    border: none;
}

.news-accord .card{
	border: none;
}

.news-accord .card-header button{
	background: #b79771;
    color: #fff;
    font-size: 16px;
    width: 200px;
    margin: 40px 0 5px;
    border: none;
    padding: 10px;	
}

.news-accord .card-header .btn-link{
	text-decoration:none;
}

.news-accord .card-header .btn-check:focus+.btn, .news-accord .card-header .btn:focus {
    outline: 0;
    box-shadow: none;
}

.news-accord .collapse{
	transition:0.5s;
}


/* ---- contact Page --- */

.contact-us{
	padding:5rem 0 1rem;
}

.contact-us h2{
	font-size:40px;
	color:#314a36;
	margin-bottom:20px;	
}

.contact-us h6{
	font-size:18px;
	color:#314a36;
	margin-bottom:20px;	
}

.contact-map{
	background:url(../images/contact-map.jpg) no-repeat;
	background-size:cover;
	width:100%;
	height:597px;
	background-position: center;
}

.contact-us .address{
	margin-top:35px;	
	margin-bottom:60px;
}

.contact-us .address h4{
	display:flex;
	color:#314a36;
	align-items:center;	
	margin-bottom:15px;
	font-size: 30px;
}
.contact-us .address h4 img{
	width:40px;
	height:auto;
	margin-right:10px;
}

.contact-us .address p img{
	margin-right:10px;
}

.contact-us .address p a{
	color:#b79771;
}

.contact-us .address p{
	display:flex;
	color:#b79771;
	margin-bottom:10px;
	align-items:center;
	font-size:20px;
}

.contact-us .office p{
	color:#848484;
}
.contact-us .office h5{
	color:#b79771;
	font-size:20px;
	margin-top:20px;
}

.contact-us .form-side{
	position:relative;
}

.contact-us .form-part{
	position:absolute;
	background:#fff;
	box-shadow:0 0 10px #ccc;
	padding:4rem 3rem 2rem;
	width:90%;
	border-radius:8px;
}
.contact-us .form-part h4{
	color:#314a36;
	margin-bottom:30px;
	font-size: 24px;
}

.contact-us .form-part label{
	color:#848484;
	font-size:18px;
	margin-bottom:20px;
}

.contact-us .form-part input{
	margin-bottom:40px;
	border:1.5px solid #848484;
}

.contact-us .form-part textarea{
	border:1.5px solid #848484;
}

.contact-us .form-part .btn{
	background:#b79771;
	color:#fff;
	font-size:16px;
	width:150px;
	margin:40px 0 5px;
	border:none;
	padding:10px;
}


@media (min-width: 992px){
.modal-lg, .modal-xl {
    max-width: 900px;
	margin: 0 auto;
}
}

@media (min-width:768px) and (max-width:991px){
	.modal-lg, .modal-xl {
    max-width: 900px;
	margin: 0 auto;
}
.portf span {
    width: 280px;
	left: 40px;
}
.portf .discp {
    margin-top: 0px;
}
.portfolio .port {
    padding: 3rem 3rem;
}

}

@media (min-width: 1400px) {
    .container {
        max-width: 1350px;
    }
}
@media (max-width: 1399px) {
    h5, h6 {
        font-size: 1.125rem;
    }
    p {
        font-size: 1.125rem;
        line-height: 1.3;
    }
    ul li {
        font-size: 1.125rem;
    }
    .f60 {
        font-size: 3rem;
    }
    .f50 {
        font-size: 2.75rem;
    }
    .f45 {
        font-size: 2.25rem;
    }
    .f40 {
        font-size: 2rem;
    }
    .f35 {
        font-size: 1.625rem;
    }
    .f30 {
        font-size: 1.5rem;
    }
    .f28 {
        font-size: 1.7rem;
    }
    .f25 {
        font-size: 1.25rem;
    }
    .f22 {
        font-size: 1.125rem;
    }
    .f20 {
        font-size: 1.125rem;
    }
    .f18 {
        font-size: 1rem;
    }
    .f16 {
        font-size: .875rem;
    }
    .btn.btn-second {
        font-size: 1.125rem;
        margin: 0;
    }
    .btn.btn-second::after {
        right: -1.25rem;
        width: .75rem;
        height: .75rem;
    }
    .p-mobile {
        padding: 3.5rem 0!important;
    }
}
@media (max-width: 991px) {
    .scroll-anchor {
        padding-top: 4rem;
        margin-top: -4rem;
    }
	.team h6 {
    font-size: 15px;
	}
	.team p {
    font-size: 14px;
	}
	
}
@media (max-width: 767px) {
    h5 {
        font-size: 1rem;
    }
    p {
        font-size: 1rem;
    }
    ul li {
        font-size: 1rem;
    }
    a.learn-more {
        padding: .5rem 1.75rem;
    }
    .f60 {
        font-size: 2.25rem;
    }
    .f50 {
        font-size: 2rem;
    }
    .f45 {
        font-size: 1.75rem;
    }
    .f40 {
        font-size: 1.625rem;
    }
    .f35 {
        font-size: 1.375rem;
    }
    .f30 {
        font-size: 1.25rem;
    }
    .f28 {
        font-size: 1.25rem;
    }
    .f25 {
        font-size: 1.125rem;
    }
    .f22 {
        font-size: 1.0625rem;
    }
    .f20 {
        font-size: 1rem;
    }
    .f16 {
        font-size: .875rem;
    }
    .btn {
        font-size: 1.25rem;
        padding: 0;
        margin: .5rem 0;
    }
    .p-mobile {
        padding: 2.5rem 0!important;
    }
	.team .teams {
    padding: 1rem 1rem;
}
.modal-lg, .modal-xl {
    max-width: 900px;
	margin: 0 auto;
}

.carousel-inner .prtf {
    padding: 3rem 1rem;
}


.portfolio .port {
    padding: 1.5rem 1.5rem;
}

.modal.show .modal-dialog {
    top: 0%;
}

.contact-map {
    background-position: 35% 100%;
}

}






/*------------------------------
            Navbar
------------------------------*/
.navbar {
    z-index: 999;
    background-color: transparent;
    padding: 1.125rem 0;
}
.navbar .navbar-brand {
    width: 19.5rem;
    padding: 0;
    margin: 0 .9375rem;
}
.navbar .navbar-toggler {
    z-index: 9;
    cursor: pointer;
    border: none;
    outline: none;
}
.navbar .navbar-toggler:focus {
    outline: none;
    box-shadow: none;
}
.navbar .fas {
    color: #fff;
    transform: scale(1.25, 1.25);
    padding: 1rem .5rem;
}
.navbar .nav-link {
    color: #fff;
    font-size: 1.25rem;
    font-weight: 600;
    padding: .125rem 0;
    margin: .5rem 1.625rem;
}
.navbar .nav-link:hover {
    /* color: #6AA8FF; */
}
.navbar .nav-link.active {
    /* color: #6AA8FF; */
}
@media (min-width: 992px) {
    #home_page .navbar:not(.navbar-min) {
        background-color: #fff;
    }
    .navbar.navbar-min {
        background-color: #064878;
        padding: .5rem 0;
        box-shadow: 0 0 50px rgba(0,0,0,0.15);
    }
	.navbar.inner.navbar-min {
        background-color: #fff !important;
        position:fixed;
        padding: .5rem 0;
        box-shadow: 0 0 50px rgb(0 0 0 / 15%);
    }
    .navbar .navbar-brand img:last-child,
    .navbar.navbar-min .navbar-brand img:first-child {
        display: block;
    }
    .navbar .navbar-brand img:first-child,
    .navbar.navbar-min .navbar-brand img:last-child {
        display: none;
    }
    /* .navbar:not(.navbar-min) .nav-link {
        text-shadow: 0px 3px 6px #000000C1;
    } */
    .navbar .nav-link.nav-inv {
        padding: .25rem 1.5rem;
		background:#064878;
		margin-left:30px;
    }
    .navbar .nav-link.nav-inv:hover {
        background-color: #B79771;
    }
    .navbar.navbar-min .nav-link {
        color: #fff;
    }
    #home_page .navbar:not(.navbar-min) .nav-link:not(.nav-inv) {
        color: #064878;
    }
	.navbar.navbar-min .nav-link.nav-inv {
        background: #0b5185;
    }
}
@media (max-width: 1399px) {
    .navbar {
        padding: 1rem 0;
    }
    .navbar .navbar-brand {
        width: 14rem;
    }
    .navbar .nav-link {
        font-size: 1.125rem;
        margin: .5rem;
    }
}

@media (min-width:992px) and (max-width:1024px){
	.slick-prev:before {
    margin: -1rem 1.5rem !important;
	}
}
@media (max-width: 991px) {
    .navbar {
        background-color: #064878;
        padding: .5rem 0;
        box-shadow: 0 0 50px rgba(0,0,0,0.15);
    }
	
	.navbar.inner {
    background-color: #fff !important;
	padding: .5rem 0;
    box-shadow: 0 0 50px rgba(0,0,0,0.15);
	}
    .navbar .navbar-brand {
        width: 12rem;
    }
    .navbar .navbar-nav {
        text-align: center;
        padding: 1rem 0;
        margin: 0;
    }
    .navbar .nav-link {
        color: #fff;
        margin: 0 0 .125rem;
    }
	.firm-history .green-part .card p {
    font-size: 16px;
    line-height: 24px;
}

.companies .slider-box img {
    margin: 0 auto;
}
.slick-prev:before {
    margin: -1rem 4rem !important;
}
.slick-next:before {
    margin: -1rem -4rem !important;
}



}





/*------------------------------
            Header
------------------------------*/
header {
    z-index: 3;
    position: relative;
    background-color: rgba(67, 67, 67, 0.35);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    margin-top: 5rem;
}
header .content {
    text-align: center;
    min-height: 32rem;
    padding: 3rem 0;
}
header h1 {
    color: #fff;
    font-weight: 600;
    text-shadow: 0 3px 10px #000000AF;
    margin: 8rem 0 1.75rem;
}
header h2 {
    color: #fff;
    font-weight: 400;
    line-height: 1.25;
    text-shadow: 0 3px 10px #000000AF;
    margin-bottom: 0;
}
@media (max-width: 1199px) {
    header .content {
        min-height: 24rem;
    }
    header h1 {
        margin: 3rem 0 1rem;
    }
}
@media (max-width: 991px) {
    header .content {
        min-height: 20rem;
    }
    header h1 {
        margin: 2rem 0 1rem;
    }
	
}






/*------------------------------
            Home
------------------------------*/
.home {
    position: relative;
}
.home .content {
    text-align: center;
    height: 100vh;
    min-height: 40rem;
    padding: 6rem 80px 4rem;
}
.home h1 {
    color: #fff;
    font-size: 1.5rem;
    margin-bottom: 38vh;
}
.home a i {
    z-index: 1;
    position: relative;
    color: #fff;
    font-size: 3.5rem;
}
.home a i::after {
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 5rem;
    height: 5rem;
    content: '';
    background-color: rgba(255, 255, 255, .25);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    border-radius: 100%;
    transform: translate(-50%, -60%);
}
.home .video {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.home .video::after {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    background: linear-gradient(rgba(0, 0, 0, .2),rgba(0, 0, 0, 0));
}
.home .video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.about-vcsp {
    padding: 4rem 0;
}
.about-vcsp h3 {
    margin-bottom: 3.25rem;
	font-size:40px;
}
.about-vcsp p {
    color: #6D766E;
    margin-bottom: 3rem;
}
.about-vcsp .video {
    height: 100%;
    min-height: 15rem;
}
.about-vcsp p span {
    color: #B79771;
    font-family: Avenir-Book-Oblique;
}




.sub-focus {
    padding: 4rem 0;
	background: #f1f1f1;
}
.sub-focus h2 {
    margin-bottom: 3.25rem;
	font-size:40px;
	position: relative;
    padding-left: 0px;
}

.sub-focus h4 {
    margin-bottom: 1.6rem;
	font-size:24px;
	font-weight:600;
}

.sub-focus p {
    color: #6D766E;
    margin-bottom: 3rem;
}
.sub-focus .video {
    height: 100%;
    min-height: 15rem;
}
.sub-focus p span {
    color: #B79771;
    font-family: Avenir-Book-Oblique;
}

.difference {
    color: #fff;
    background-color: #064878;
    padding: 7.5rem 0;
	text-align:center;
}

.difference h3{
	margin-bottom:40px;
}

.difference h5 {
    color: #B79771;
    margin: 2rem 0 1.25rem;
}
.difference p {
    text-align: left;
	padding-right: 25px;
}
.snapshot {
    color: #fff;
    background-size: cover!important;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, .4);
    background-blend-mode: multiply;
    padding: 20rem 0;
}
.snapshot h3 {
    margin-bottom: 3rem;
}
.snapshot .num {
    color: #DBB98F;
    text-align: center;
    margin: 2rem 0 .875rem;
}

.snapshot .num em {
    display: inline-block;
    font-size: 120%;
    font-style: normal;
    margin: .45rem 0;
}
.snapshot .desc {
    text-align: center;
}

.snapshot .width-90{
	width:950px;
	margin:0 auto;
}

.companies {
    text-align: center;
    padding: 6.25rem 0;
}
.companies h3 {
    width: 50rem;
    max-width: 100%;
    margin: 0 auto 5rem;
}
.companies h3 span {
    color: #B79771;
	font-size: 26px;
	display:block;
}
.companies .slider-box {
    color: #B79771;
    height: 5.25rem;
    padding: 0 4rem;
    margin-bottom: 1.875rem;
}
.companies .slider-box:hover > a img {
    filter: grayscale(0);
}
.companies .slider-box img {
    filter: grayscale(1);
    max-width: 15rem;
}
.companies a.learn-more {
    margin-top: 4rem;
}
.slick-prev, .slick-next {
    top: 37%;
}
.slick-prev:before {
    display: block;
    content: '';
    width: 2rem;
    height: 3rem;
    background: url(../images/icons/chevron-left.svg) center no-repeat;
    background-size: contain;
    margin: -1rem -2rem;
}
.slick-next:before {
    display: block;
    content: '';
    width: 2rem;
    height: 3rem;
    background: url(../images/icons/chevron-right.svg) center no-repeat;
    background-size: contain;
    margin: -1rem -2rem;
}
@media (max-width: 1199px) {
    .about-vcsp {
        padding: 4rem 0;
    }
    .difference {
        padding: 4rem 0;
    }
    .difference h5 {
        margin: 1rem 0 .5rem;
    }
    .snapshot {
        padding: 4rem 0;
    }
    .companies {
        padding: 4rem 0;
    }
    .companies .slider-box {
        padding: 0 3rem;
    }
}
@media (max-width: 991px) {
    .home h1 br {
        display: none;
    }
    .home a i {
        font-size: 2.5rem;
    }
    .home a i::after {
        width: 4rem;
        height: 4rem;
    }
    .companies .slider-box {
        padding: 0 1rem;
    }
	.about-vcsp h3 {
        font-size: 34px;
	}
}

@media (max-width: 767px) {
.snapshot h3 {
	text-align: center;
	margin-bottom: 1rem;
}
.snapshot .num {
	margin: 2rem 0 .25rem;
}
.snapshot .width-90 {
	width: 100%;
}
.companies h3 {
	margin: 0 auto 3rem;
}
.companies a.learn-more {
	margin-top: 2rem;
}
.firm-history .green-part .card p {
	font-size: 16px;
	line-height: 26px;
}
.approach ul {
    margin-bottom: 3rem;
}
.about-vcsp h3 {
    margin-bottom: 2rem;
    font-size: 25px;
}
.difference.about p {
	margin-bottom: 2rem;
}
.news-section .right-bar {
    padding-left: 25px;
}
.news-section .right-bar h4 {
    font-size: 30px;
}
.news-section .news a p {
    font-size: 22px;
    line-height: 33px;
}
.contact-us .form-part {
    padding: 2rem 1rem 1rem;
    width: 100%;
}
.firm-history .green-part .card h3 {
    font-size: 40px;
}	 
 .firm-history .green-part .card p {
	font-size: 15px;
	line-height: 20px;
}
.team-section .tem-mod.mrg {
    padding: 0rem 1rem;
}
.team-section .tem-mod .exp p, .team-section .tem-mod .edu p, .team-section .tem-mod .int p {
    font-size: 13px;
}

}

/*------------------------------
            Terms
------------------------------*/
.terms {
    padding: 6.25rem 0;
}
.terms p {
    margin-bottom: 1.75rem;
}
@media (max-width: 1199px) {
    .terms {
        padding: 4rem 0;
    }
}

/*------------------------------
            Footer
------------------------------*/
footer {
    color: #fff;
	background-color:#F3F3F3 !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, .4);
    background-blend-mode: multiply;
    padding: 2.25rem 0;
}
footer img {
    /* filter: brightness(0) invert(1); */
    width: 14rem;
    margin-bottom: 1.25rem;
}
footer h5 {
    font-family: Avenir-Heavy, sans-serif;
    margin: 1.875rem 0 0;
}
footer p {
    line-height: 1.32;
    margin-bottom: 1rem;
	color:#707070;
}
footer p span {
	font-size: 110%;
}
footer p a{
	color:#707070;
	text-decoration:none;
}
footer address {
	color:#707070;
	font-size:18px;
	font-weight:normal;
}
footer address a{
	color:#08061D;
	text-decoration:none;
}
footer .nav {
    margin: 1.5rem 0 0;
}
footer .nav .nav-item {
    font-family: Avenir-Heavy, sans-serif;
    margin-top: .375rem;
}
footer .nav .nav-item.f14 {
    margin-top: 4.125rem;
}
footer a {
    color: #fff;
}
@media (min-width: 992px) {
    footer address:nth-child(1) {
        margin-bottom: 1.625rem;
    }
}
@media (max-width: 1399px) {
    footer img {
        width: 14rem;
    }
}
@media (max-width: 991px) {
    footer {
        padding: 1.5rem 0;
    }
    footer img {
        width: 12rem;
    }
    footer p.f18 {
        max-width: 100%;
        margin-bottom: 1rem;
    }
    footer address {
        margin: 0;
    }
    footer .nav .nav-item {
        margin-top: 0;
    }
    footer .nav .nav-item.f14 {
        margin-top: 1rem;
    }
	/* .navbar .navbar-brand img:last-child, .navbar.navbar-min .navbar-brand img:first-child {
    display: none;
	} */
	.navbar .navbar-brand img:last-child, .navbar.navbar-min .navbar-brand img:nth-child(2) {
    display: none;
	}
}
@media(max-width:568px){	
	.portf span {
    width: 215px;
    height: 100px;
    position: relative;
    left: 0;
    padding: 11px;
	top: 16px;
}
.carousel-inner .prtf {
    padding: 1rem 1rem;
}
.portf .discp {
    margin-top: 40px;
}
.carousel-inner {
    padding: 2rem 1rem;
}
.portfolio .port {
    padding: 3rem 3rem;
}
.news-section .right-bar ul li {
    width:33.3%;
	float:left;
}
.news-section .right-bar {
    padding-left: 0px;
	margin-top:60px;
}
.contact-us .form-part {
    position: relative;
	width:100%;
	padding: 2rem 1rem 1rem;
}
.contact-us .address {
    width: 50%;
    float: left;
}
.contact-us .address h4 {
    font-size: 24px;
}
.contact-us .address p {
    font-size: 15px;
}
.contact-us .office h5 {
    font-size: 15px;
    margin-top: 10px;
}
.contact-us .address h4 img {
    width: 25px;
}
.abt .content {
    text-align: center;
    padding: 6rem 1rem;
}

}
@media (min-width:320px) and (max-width:480px){
	a.tabbingg {
    font-size: 12px;
}
.team h5.filter {
    font-size: 12px;
}

.team-area img{
	margin-bottom:10px;
}

.team-section .tem-mod h3 {
    font-size: 25px;
}

.portf span {
    width: 215px;
    height: 100px;
    position: relative;
    left: 0;
    padding: 11px;
	top: 16px;
}
.portf .discp {
    margin-top: 40px;
}


.news-section .right-bar ul li {
    width:50%;
	float:left;
}
.contact-us .form-part {
    position: relative;
	width:100%;
	padding: 2rem 1rem 1rem;
}
.contact-us .address {
    width: 100%;
	margin-bottom: 15px !important;
}

.about-vcsp h3 {
    font-size: 35px;
}

.firm-history .green-part .card p {
    font-size: 16px;
    line-height: 26px;
}
.team-section .tem-mod.mrg {
    padding: 1rem 2rem;
}

.slick-prev:before {
    margin: -1rem 3rem !important;
}
.slick-next:before {
    margin: -1rem -3rem !important;
}
}


.about-vcsp{
	position:relative;
}

.about-vcsp:after{
    z-index: -1;
	position:absolute;
	background:url(../images/dots.png) no-repeat;
	background-size:100% 100%;
	width:59px;
	height:75px;
	top:30px;
	right:25px;
	content:'';
}

.about-vcsp h1{
	color:#064878;
	width:90%;
	margin:0 auto 30px;
}

.about-vcsp p{
	color:#08061D;
	font-size:22px;
	line-height:31px;
	font-weight:normal;
	width:90%;
	margin:0 auto 20px;
}

.hs h3 {
    margin-bottom:20px;
}

.hsf{
	padding:2rem 0;
	display:flex;
	justify-content:space-between;
}

.hs h3{
	color:#064878;
	font-size:36px;
	font-weight:bold;
}

.hsf .circl .blue-bg{
	background:#064878;	
	border-radius:50%;
	width:220px;
	height:220px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	text-align:center;
    margin: auto;
}

.hsf .circl .blue-bg img{
	margin-bottom:20px;
	width:50px;
	height:auto;
}

.hsf .circl .blue-bg h5 {
	color:#fff;
	font-weight:normal;
}

.snapshot, .snapshot .container{
	position:relative;
}

.snapshot{
	background: url(../images/glance-banner.png) no-repeat;
	background-size:cover;
	background-position:center;
	width:100%;
	height:100%;	
}
@media (min-width: 1200px) {
    .snapshot {
        background-attachment: fixed!important;
    }
}

.snapshot:before{
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:rgba(0,0,0,0.4);
	position:absolute;
	content:'';
}

.snapshot h3{
	font-weight:bold;
	margin-bottom:40px;
}

.snapshot .num{
	font-size:60px;
	color:#fff;
	font-weight:normal;
}

.snapshot .desc{
	color:#fff;
	font-weight:normal;
}

.difference h3{
	margin-bottom:70px;
}

.difference h5{
	font-weight:normal;
	line-height:32px;
	color:#fff;
}

.difference .cir{
	background:#E1E5E8;
	border-radius:50%;
	width:120px;
	height:120px;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	margin:0 auto;
}

.con{
	padding:4rem 0;
}

.con p{
	color:#fff;
    background-color: #064878;
	line-height: 1.2;
	text-align: center;
    padding: 3rem 1rem;
	margin:0 auto;
}
.con p img {
	width: 1.625rem;
    padding-right: .1rem;
    margin: 0;
    transform: translateY(-.15rem);
}

@media(min-width:1025px) and (max-width:1199px){
	.hsf .circl .blue-bg {
    width: 200px;
    height: 200px;
	}
}

@media(min-width:992px) and (max-width:1024px){
	.hsf .circl .blue-bg {
    width: 200px;
    height: 200px;
	}
	.snapshot .num {
    font-size: 45px;
	}
}

@media(min-width:768px) and (max-width:991px){
	.about-vcsp h1 {
    width: 100%;
	}
	.about-vcsp p {
    font-size: 15px;
    line-height: 22px;
    width: 100%;
	}
	.hsf {
    display:block;
	}
	.hsf .circl{
	width:50%;
	margin:20px auto 0;	
	}
	.hsf .circl .blue-bg{
	margin:0 auto;	
	}
	.snapshot .num {
    font-size: 40px;
	}
	.hs h3 {
    font-size: 30px;
	}
	.hsf .circl{
	margin-bottom:20px;	
	}
	.difference .cir{
	margin:30px auto 0;	
	}
	footer img {
    width: 9rem;
	}
}

@media(max-width:767px){
	.home .content {
    padding: 6rem 20px 4rem;
	}
	.about-vcsp h1 {
    font-size: 24px;
    width: 100%;
	margin:0 auto 20px;
	}
	.about-vcsp p {
    font-size: 18px;
    line-height: 28px;
    width: 100%;
	}
	.hsf {
    flex-direction: column;
	align-items: center;
	}
	.hs h3 {
    font-size: 30px;
	}
	.hsf .circl{
	margin-bottom:20px;	
	}
	.difference .cir{
	margin:20px auto 0;	
	}
	.con p {
    font-size: .875rem;
    width: 100%;
    padding: 1.5rem 1rem;
	}
	footer .col-lg-4{
	margin-bottom:30px;	
	}
}


/* contact page */
:root{
    --gray:#A1A1A1;
    --light:#FBFBFB;
    --blue:#064878
}

.inpage_banner {
    padding: 250px 0 200px;
    color: #fff;
    background-position: center!important;
    background-size: cover!important;
}
.main-heading h1{
    font-size: 36px;
    font-weight: bold;
}
@media (max-width: 767px) {
    #portfolio .main-heading h1{
        position: relative;
        top: -4rem;
    }
}
.ptb-80{
    padding: 80px 0;
}
.pb-80{
    padding-bottom: 80px;
}
.contact_card{
    border: none;
}
.contact_card .card-img{
    margin-bottom: 20px;
}
.contact_card h6{
    color: var(--gray);font-size: 20px;
}
.contact_card ul{
    padding-left: 0;
}
.contact_card li {
    list-style: none;
    margin-bottom: 20px;
}
/* contact page */


/* approach */
.appr_content h2 {
    margin-bottom: 30px;
}
.appr_content h2:not(:first-child) {
    margin-top: 3rem;
}
.appr_content p {
    text-align: justify;
}
.appr_content p b {
    color: #064878;
}
.appr_content img{
    margin: 40px 0;
    width: 100%;
}
.txtblue{
    color: #064878;
	font-weight:700;
}
/* approach */

/* terms Page */

.terms h2 {
    font-size: 28px;margin-bottom: 30px;
}

.terms p{
    font-size: 20px;line-height:28px;text-align: justify;
}

.terms h3 {
    font-size: 30px;margin-bottom: 30px;color:#064878;
}

/* news page */
.media {
    display: flex;margin-bottom: 40px;
}
.media-img {
    /* background: var(--light); */
    display: flex;
    align-items: center;
    width: 30%;
    height: 10rem;
    justify-content: center;
    padding: 1rem 4rem;
}
.newscard.media {
    
}
.newscard.media a {
    display: contents;
    margin: auto;
}
.newscard.media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.media-body{
    padding: 30px 40px;
    width: 70%;
}
.media-body:hover{
    background: var(--light);
}
.ndt{
font-size: 16px;
}
.ntitle,.ntitle a{
font-weight: bold;color: #064878;
}
.page-item:first-child .page-link,.page-link{
    border: none;
}
.page-item.active .page-link{
    background-color: var(--gray);border-color: var(--gray);
    color: var(--light);
}
.page-link{
    background: var(--light);color: var(--blue);
}
.page-item{
    margin: 5px;
}
.page-item:first-child .page-link,.page-item:last-child .page-link{
    border-radius: 0;
}
.media:last-child{
    margin-bottom: 0;
}
/* news page */

/* news details */
.nwes_head {
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid var(--light);
}
.nwes_head i{
    transition: all .3s ease-in-out;
}
.nleft a i{
    margin-right: 5px;
}
.nleft a{
    font-size: 20px;text-transform: uppercase;
}
.nleft a:hover i{
transform: translateX(-10px);
}
.nright ul li:first-child:hover i{
    transform: translateX(-10px);
    }
    .nright ul li:last-child:hover i{
        transform: translateX(10px);
        }
.nright ul{
    display: flex;
}
.nright ul li{
    list-style: none;
    padding: 5px 10px;
    font-size: 20px;text-transform: uppercase;
    transition: all .3s;
}
.nright ul li:first-child{
padding-right: 30px;
}
a:hover{
    color: var(--blue);
}
.news_content p{
    font-size: 24px;
}
.news_content {
    margin-top: 50px;
}
.news_content .ntitle{
    margin-bottom: 30px;
}
/* news details */


/* portfolio page */
.portful{
    display: flex;flex-wrap: wrap;
    padding-left: 0;
}
.portful li{
    list-style: none;
    width: 23%;position: relative;
    overflow: hidden;margin: 15px;
    
}
.portful li img{
    background: var(--light);
    padding: 30px;
}
.portftxt {
    text-align: center;
    background: var(--blue);
    padding: 20px;color: #fff;
    position: absolute;left: 0;right: 0;
    top: 0;width: 100%;height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.portftxt p{
    margin-bottom: 0;font-size: 16px;
}

.portf{background: var(--dlight);}
.tab-head li.nav-item{margin-right: 50px;}
#portfolio-tab{border-bottom: 2px solid var(--blight);    margin-bottom: 10px;
    padding-bottom: 10px;}
.tab-head li span{font-size: 18px;color: var(--headcol);cursor: pointer;}
.tab-head li span.active{border-bottom: 4px solid var(--headcol);}
.filterby ul{display: flex;align-items: center;}
.filterby li label{display: inline-block;font-size:18px;margin-right:40px}
.filterby li a{display: inline-block;font-size:18px;    margin: 10px;
    background: var(--white);
    padding: 3px 15px;
    border-radius: 30px;
    border: 1px solid var(--headcol);
}
.filterby li a:hover{background: var(--headcol);color: var(--white);}
.portimg {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--light);
    padding: 40px;
    height: 100%;position: relative;
    overflow: hidden;
}



#portfolio-tabContent .col-6{margin-top: 30px;}
.overtxt {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background: var(--blue);
    transition: all .3s linear;
    transform: translateY(101%);
    cursor: pointer;
    opacity: .9;color: #fff;
    
}
.overtxt p{
    margin-bottom: 0;
}
/* .portimg:hover .overtxt{
    transform: translateY(0);
    
} */
.overtxt h3{color: var(--white);font-size: 18px;font-weight: bold;}
.overtxt p{color: var(--primary);}
.portfdet_hed {margin-bottom: 60px;}
.portfdet_hed img{padding-left: 30px;}
.portfdet_hed h3{font-size:36px;font-weight:bold;color:var(--headcol);padding: 0 30px;}
.portbright li{border-bottom:1px solid var(--blight);    margin: 15px;
    padding-bottom: 15px;
}
.portbleft {
    padding: 15px 30px;
}
.portbleft p{margin-bottom: 40px;}
.portbright p{margin-bottom: 2px;}
.portbright h6{color:var(--headcol);margin-bottom: 10px;font-size:18px}
.visitsite a{color:var(--primary);font-size: 18px;display:flex;align-items: center;}
.visitsite a i{font-size: 32px;display: inline-block;margin-left:10px;transition:all .3s linear;line-height: 0;
}
.visitsite a:hover i{margin-left: 15px;}
.portf .col-lg-3{
    margin-bottom: 30px;
}
.plogo {
    background: var(--light);
    width: 100%;
    padding: 40px;
    text-align: center;
}
.logodetl {
    padding: 30px;
}
.logorow {
    padding: 20px 0;
    border-bottom: 2px solid var(--light);
}
.logorow:last-child{
    border-bottom: none;
}
.logorow h4{
    font-size: 22px;font-weight: bold;
}
.logorow p{
    margin-bottom: 0;
}
.logorow a{color: var(--blue);}
.porftimg {
    height: 24vw;
    max-height: 28rem;
    overflow: hidden;
}
.porftimg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.porttxt {
    padding: 50px;
}
@media (min-width: 768px) {
    .porttxt p{
    text-align: justify;
    }
}
@media (max-width: 767px) {
    .portf .col-lg-3 {
        margin-bottom: 1rem;
    }
    .portimg {
        padding: 1.5rem 1rem;
    }
}
/* portfolio page */



/* ==================
teams page start
=======================
*/

.teamsmem .card {
    margin: 15px 0;
    border: none;
    cursor: pointer;
}

.teamsmem .card-body {
    padding: 16px 0;
    text-align: center;
}
.theading h2{
font-size: 36px;font-weight: bold;
}
.theading {
    margin-bottom: 40px;
}
.teamsmem .card-head{
background: var(--light);
}
.teamsmem .card-head img{
    width: 100%;
}
.teamsmem .card p {
    font-size: 20px;
    margin: 0;
}
.teamsmem .card h3 {
    color: var(--pri1);
    font-size: 24px;
    font-weight: bold;
}

.card-head {
    position: relative;
    overflow: hidden;
}

.tmarrow {
    position: absolute;
    right: 0;
    bottom: 0;
    background: var(--blue);
    padding: 8px 2px 8px 8px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s linear;
    transform: translateX(100px);
    width: 100%;color: #fff;
    text-align: center;
}

.tmarrow i {
    color: var(--white);
    font-size: 16px;
    padding: 0;
    line-height: 0;
    margin-left: 5px;
}

.teamsmem .card:hover h3 {
    color: var(--primary);
    ;
}

.teamsmem .card:hover .tmarrow {
    transform: translateX(0);
    visibility: visible;
    opacity: .9;
}

.inner-banner .teambnr {
    top: 65%;
}

.teamtabs {
    padding: 50px 0;
}

#teamTab {
    background: #EFEFEF;
    border-bottom: none;
    padding: 10px;
}

.nav-tabs .nav-link.active {
    border: none;
    background: transparent;
}

.teamtabs .nav-tabs .nav-link {
    position: relative;
    outline: none;
    border: none;
    ;
    color: #454545;
    border-right: 1px solid #707070;
    border-radius: 0px;
    padding: 2px 35px;
}

.teamtabs .nav-tabs .nav-item:first-child .nav-link {
    border-right: none;
    color: #97A4AA
}

.teamtabs .nav-tabs .nav-item:last-child .nav-link {
    border-right: none;
}

.teamcard {
    border: 1px solid #CCD9DE;
    padding: 20px 10px;
    margin-top: 25px;
    text-align: center;
    height: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.nav-tabs .nav-link.active:after {
    content: '';
    border-bottom: 3px solid #F68720;
    position: absolute;
    bottom: -10px;
    width: 80%;
    left: 20px;
    right: 20px;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-bottom-color: transparent;
    border-top-color: transparent;
}

.teamcard h2 {
    color: #166C91;
    font-size: 24px;
    font-weight: bold;
    font-family: 'Merriweather', serif;
}

.teamcard p {
    color: #97A4AA;
    font-size: 16px;
    float: none;
    margin-bottom: 0;
    font-family: 'Merriweather', serif;
}

.subhed {
    font-weight: 300;
}

.teamcard:hover {
    background: #166C91;
    color: #fff;
}

.teamcard:hover h2,
.teamcard:hover p {
    color: #fff;
}

#teamModal .modal-dialog,#portfolioModal .modal-dialog {
    max-width: 75%;
    margin: auto;
    height: 100vh;
    background: #fff;
    height: auto;
}

#teamModal .modal-content,#portfolioModal .modal-content {
    border-radius: 0px;
    border: none;
}

.teamdebdy p {
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 20px;
}
.modal{
    background: rgba(20,40,43,.4);z-index: 9999;
}
.carousel-control-next, .carousel-control-prev,.btn-close{
    opacity: 1;
}

#teamModal .modal-body,#portfolioModal .modal-body {
    padding: 0;
}

.teamdehed h3 {
    color: #166C91;
    font-size: 30px;
}

.teamdehed p {
    color: #97A4AA;
    font-size: 20px;
    float: none;
    margin-bottom: 0;
}

.teamdehed:before {
    content: '';
    width: 100px;
    height: 100px;
    border: 2px solid #F68720;
    border-radius: 50%;
    position: absolute;
}

.teamdehedin {
    background: #fff;
    margin-left: 50px;
    position: relative;
    z-index: 9;
}

.crscontrols .btn-close {
    background: url('../images/icons/close.svg');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
}

.crscontrols .carousel-control-prev {
    padding: 20px 0;
    border-top: 1px solid #fbfbfba3;
    border-bottom: 1px solid #fbfbfba3;
    margin-top: 20px;
    margin-bottom: 20px;
}
img{
    max-width: 100%;
}

.crscontrols {
    position: absolute;
    display: flex;
    right: -62px;
    top: -1px;
    flex-direction: column;
    padding: 30px 15px;
    background: var(--blue);    border-radius: 0 10px 10px 0;
}

.crscontrols .carousel-control-next,
.crscontrols .carousel-control-prev {
    position: relative;
    width: 100%;
}

.bgl {
    background: #EFEFEF;
}

.bgl:hover h2 {
    color: #fff;
    ;
}

.bgl:hover p {
    color: #fff;
}

.teammleft .card {
    border: none;
}

.teammleft .card-body {
    padding: 0;
}

.teammleft h6 {
    font-size: 18px;
    color: var(--pri1);
}

.teammright_head p {
    font-size: 22px;
    text-transform: uppercase;
    margin-top: 0;
}

.teammright_head h3 {
    font-size: 40px;
    color: var(--pri1);
    font-weight: bold;
}

.teammright_head ul {
    display: flex;
    align-items: center;
    border-bottom: 2px solid var(--ldark);
    margin-bottom: 20px;
}

.teammright_head a {
    display: inline-block;
    margin: 20px 20px 30px 0;
}

.teammright_head {
    margin-top: 60px;
}

.form-group {
    margin-bottom: 20px;
}

.contr {
    background: var(--formbg);
    padding: 60px;
    border: 3px solid var(--llight);
    border-radius: 10px;
}

.contr h3 {
    color: var(--primary);
    font-family: var(--fplay);
    margin-bottom: 30px;
    font-size: 30px;
    font-weight: bold;
}

.contr label {
    margin-bottom: 10px;
    display: block;
    font-size: 20px;
}

textarea.form-control {
    max-height: 160px;
    min-height: 150px;
}

.contr .btn {
    background: var(--logcolor);
    color: var(--white);
    font-size: 20px;
    padding: 10px 50px;
    margin-top: 20px;
}

.contl {
    padding-right: 50px;
}

.contl .main_heading p {
    font-family: var(--fplay);
    color: var(--logcolor);
}

.addmedia {
    padding: 30px;
    align-items: baseline;
}

.addmedia h3 {
    font-family: var(--fplay);
    font-size: 28px;
    color: var(--primary);
    font-weight: bold;
}

.addmedia p,
.addmedia li,
.addmedia a {
    font-size: 26px;
}
.tm_details {
    padding: 100px 70px;position: relative;z-index: 9;
}
.tm_details::after{
    content: '';
    background: var(--light);
    position: absolute;top: 0;left: 0;width: 100%;
    height: 230px;z-index: -1;
}

.tm_left {
    width: 350px;
    max-width: 100%;
    padding-right: 50px;
}
.tm_left img{
    width: 100%;
    background-color: #fff;
    border: 1px solid #314a36;
}
.tm_left h4{
    font-size: 22px;font-weight: bold;margin-top: 30px;
}
.tm_right h2{
    font-size: 45px;font-weight: bold;
}
.tm_right h5{
    font-size: 24px;color: var(--blue);
}
.tm_right p{
    text-align: justify;
}
.tm_rightHead{
    margin-bottom: 80px;
}



/* ==================
teamspage end
=======================
*/


@media(max-width:991px){
    .f38 {
        font-size: 1.875rem;
    }
    .ptb-80{
        padding: 40px 0;
    }
    .pb-80{
        padding-bottom: 40px;
    }
    .contact_card{margin-bottom: 30px;}
    .inpage_banner {
        padding: 200px 0 130px;
    }
    .main-heading {
        text-align: center;
    }
    .newscard.media:nth-child(even) {
        background-color: #fafafa;
    }
    .media{
        flex-wrap: wrap;justify-content: center;
    }
    .media-img{
        width: 300px;
        height: 8rem;
        padding: 0 3rem;
    }
    .media-img img{
        padding: 20px;
    }
    .media-body{
        width: 100%;
        padding: 1rem 0;
    }
    .ndt{
        font-size: 16px;
    }
    .pagination{
        justify-content: center;
    }
    
    /* team page */
    .theading h2{
        font-size: 26px;
    }
    .teamsmem .card h3{
        font-size: 20px;
    }
    .tm_details{
        padding: 50px 30px;
    }
    .tm_left{
        padding-right: 0;text-align: center;
    }
    .tm_right{
        text-align: center;
    }
    #teamTab {
        white-space: nowrap;
        overflow-x: auto;
        flex-wrap: nowrap;
    }
    .tm_right h2{
        font-size: 32px;
    }
    .tm_right h5{
        font-size: 20px;
    }

    #teamModal .modal-body,#portfolioModal .modal-body {
        padding: 0px;
    }
    .carousel-inner{
        padding: 0;
    }

    #teamModal .modal-dialog,#portfolioModal .modal-dialog{
        max-width: 100%;
    }

    .teamdehed h3 {
        font-size: 20px;
    }

    .teamdehed p {
        font-size: 15px;
    }

    .teamdehed {
        margin-top: 30px;
    }

    .crscontrols {
        right: -15px;
        flex-direction: row;
        padding: 5px;
        top: 0px;border-radius: 0;padding-right: 20px;
        z-index: 9;
    }
    .portf_details .shadow{
        box-shadow: none!important;
    }

    .crscontrols .carousel-control-prev {
        padding: 0;
        border: none;
        margin: 0 .25rem 0 0;
    }

    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        width: 25px;
    }

    .crscontrols .btn-close {
        padding-top: 12px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .inner-banner img {
        height: 300px;
        object-fit: cover;
    }

    .porttxt {
        padding: 30px;
    }
    .logorow h4{
        font-size: 18px;
    }

    .filterby ul{flex-wrap: wrap;}
    .filterby ul li:first-child{width: 100%;}
    .filterby li a{margin: 5px;}
}

@media(max-width:767px){
    .f38 {
        font-size: 1.625rem;
    }
    .nwes_head{
        flex-wrap: wrap;justify-content: center;
        flex-direction: column;align-items: center;
    }
    .nleft{
        margin-bottom: 20px;
    }
    .nright ul{
        padding-left: 0;
    }
	.terms h2 {
    font-size: 20px;
	}

	.terms p{
		font-size: 15px;line-height:24px;
	}

	.terms h3 {
		font-size: 20px;
	}
	.hsf .circl .blue-bg{
	margin:0 auto;	
	}
	.about-vcsp p {
    font-size: 16px;
    line-height: 24px;
	margin:0 auto 20px;
	}
	.difference h3 {
    margin-bottom: 20px;
	}
    .teamsmem .card-body {
        padding: .25rem 0;
    }
    .teamsmem .card h3 {
        font-size: 1.125rem;
        margin: 0;
    }
    .teamsmem .card p {
        font-size: .875rem;
    }
    .tm_right h2 {
        font-size: 1.25rem;
        margin: .25rem 0;
    }
    .tm_right h5 {
        font-size: 1rem;
    }
    .tm_rightHead {
        margin-bottom: 2rem;
    }
    .contact_card a {
        font-size: 1rem;
    }
}

@media(min-width:768px) and (max-width:991px){
    .media{
        justify-content: start;
    }
    .media-img{
        margin-left: 40px;
    }
}

@media(min-width:992px) and (max-width:1200px){
    #teamModal .modal-dialog, #portfolioModal .modal-dialog{
        height: auto;
    }
}