body,html {height: 100%; font-family: "Roboto", sans-serif; background: #FCFAFA;}

/*---------------Font familly Start---------------*/
.font-weight-bold{font-weight: 700 !important; font-family: "Roboto", sans-serif;}
.font-weight-semibold{font-weight: 600 !important; font-family: "Roboto", sans-serif;}
.font-weight-mediam{font-weight: 500 !important; font-family: "Roboto", sans-serif;}
.font-weight-normal{font-weight: 400 !important; font-family: "Roboto", sans-serif;}
.font-weight-light{font-weight: 300 !important; font-family: "Roboto", sans-serif;}
.font-weight-thin{font-weight: 100 !important; font-family: "Roboto", sans-serif;}
/*---------------Font familly End---------------*/

/*---------------Font Size---------------*/
.font-size-10{font-size:10px;}
.font-size-11{font-size:11px;}
.font-size-12{font-size:12px;}
.font-size-13{font-size:13px;}
.font-size-14{font-size:14px;}
.font-size-15{font-size:15px;}
.font-size-16{font-size:16px;}
.font-size-17{font-size:17px;}
.font-size-18{font-size:18px;}
.font-size-19{font-size:19px;}
.font-size-20{font-size:20px;}
.font-size-21{font-size:21px;}
.font-size-22{font-size:22px;}
.font-size-23{font-size:23px;}
.font-size-24{font-size:24px;}
.font-size-25{font-size:25px;}
.font-size-26{font-size:26px;}
.font-size-27{font-size:27px;}
.font-size-28{font-size:28px;}
.font-size-30{font-size:30px;}
.font-size-32{font-size:32px;}
.font-size-34{font-size:34px;}
.font-size-35{font-size:35px;}
.font-size-36{font-size:36px;}
.font-size-40{font-size:40px;}
.font-size-42{font-size:42px;}
.font-size-45{font-size:45px;}
.font-size-50{font-size:50px;}
.font-size-60{font-size:60px;}
.font-size-100{font-size:100px;}
.line-hight-1{line-height: 1;}
.line-hight-2{line-height: 1.1;}
.line-hight-3{line-height: 1.6;}
.line-hight-4{line-height: 2.2;}
.line-hight-normal{line-height: normal;}
.letter-space{letter-spacing: 3px;}
/*---------------Font Size End---------------*/

/*---------------Text Color Start---------------*/
.text-primary {color: #043384 !important;}
.text-primarydark {color: #006991 !important;}
.text-dark {color: #231F20 !important;}
.text-gray{color: #40444b !important;}
.text-secondary {color: #58595B !important;}
.text-muted{color: #808285 !important;}
.text-light{color: #b0b0b0 !important;}
.text-red{color: #e31e25 !important;}
/*---------------Text Color End---------------*/

/*---------------Button Start---------------*/
.btn-primary {background-color: #00AEEF; border-color: #00AEEF;}
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle,.btn-primary:focus {background-color: #0BA5DF; border-color: #0BA5DF; color: #fff;}
.btn-primary.focus, .btn-primary:focus {box-shadow: none !important;}

.btn-outline-light {color: #f8f9fa;	border-color: #f8f9fa; border-width: 2px;}

.btn-dark {background-color: #231F20 !important; border-color: #231F20 !important;}
.btn-dark:hover,
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle,.btn-dark:focus {background-color: #0BA5DF !important; border-color: #0BA5DF !important; color: #fff;}
.btn-dark.focus, .btn-dark:focus {box-shadow: none !important;}


.btn-all {padding-right: 38px !important; min-width: 170px;}
/*---------------Button End---------------*/

/*---------------BG Background Start---------------*/
.bg-primary{background-color: #035ca8 !important;}
.bg-light{background-color: #F1F1F2 !important;}

.bg-blue01{background-color: #00A0CD !important;}
.bg-blue02{background-color: #008ABD !important;}
.bg-blue03{background-color: #006991 !important;}
/*---------------BG Background End---------------*/

.form-control {height: calc(2.2em + .75rem + 2.2px); font-size: 14px;}

.homepad {padding-top: 5rem; padding-bottom: 5rem;}
.call-icon {padding-left: 4.4rem;}
.call-icon::before {content: ""; background: url(../images/header-call.png) no-repeat center !important; width: 58px; height: 58px;	position: absolute;	border: 2px solid #fff;	border-radius: 100%; left: 0;}
.homebanner .carousel-caption h6::before, .homebanner .carousel-caption h6::after {content: ""; width: 70px; height: 3px; display: inline-block; background: #fff; vertical-align: middle; top: -5px; position: relative; margin: 0 18px;}
.homebanner .carousel-caption {bottom: auto; top: 50%; transform: translateY(-50%); }
.homebanner.carousel .carousel-control-next, .homebanner.carousel .carousel-control-prev {opacity: 1; letter-spacing: 4px; border-bottom: 1px solid #fff; padding-bottom: 4px; padding-top: 4px; width: auto !important; top: 50%; bottom: auto; transform: translateY(-50%);}
.homebanner .carousel-control-prev {left: 70px;	transform: rotate(-90deg) !important; padding-left: 5px;}
.homebanner .carousel-control-next {right: 70px; transform: rotate(90deg) !important; padding-left: 4px;}

/*-------------Menu Design Start--------------*/
.header-top {box-shadow: none !important;}
.menuopen {position: absolute; right: 0; top: 0; z-index: 9; bottom: 0;	padding: 25px;}
.sidenav {height: 100%; width: 0; position: fixed; z-index: 999; top: 0; right: 0; background-color: #f0f8fbed; overflow-x: hidden; transition: 0.5s;}
.sidenav ul{padding: 80px 20px 40px 40px;}
.sidenav ul li{padding:0px 0px 0px 10px;}
.sidenav a {text-decoration: none; font-size: 22px; color: #231F20; display: block; transition: 0.3s;	text-transform: capitalize;	font-weight: 500;}
.sidenav a:hover {color: #231F20; font-weight: 600;}
.sidenav .closebtn {position: absolute; top: 22px; right: 27px; padding: 0;	border: none; font-size: 0;}
.sidenav ul li{position: relative;}
.sidenav ul li input {position: absolute; left: 0; right: 0; height: 32px; z-index: 1; opacity: 0; cursor: pointer;}
.sidenav ul li ul.submenu{display: none;}
.sidenav ul li input:checked ~ ul.submenu {display: block;}
.sidenav ul li input:checked ~ a{font-weight: 600;}
.sidenav ul li ul.submenu li {padding: 4px 10px 4px 50px;}
.sidenav ul li ul.submenu li a {font-size: 17px; white-space: nowrap;}
.sidenav ul li ul.submenu {padding-top: 16px !important;}
.sidenav ul li ul.submenu li:last-child {padding-bottom: 0;}
.sidenav ul li ul.submenu li input:checked ~ a {color: #00AEEF !important;}
.fixed-top {position: -webkit-fixed;}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
/*-------------Menu Design End--------------*/
.logo_menu {max-width: 150px; margin: 0 auto 20px;}
/*------------------new css--------------------*/

@media only screen and (min-width:1600px) {
  body .container {max-width:1660px; padding-left:30px; padding-right:30px}
}

.homebanner::before {content: ""; display: block; left: 0; top: 0; bottom: 0; background: url(../images/banner-bg.png) no-repeat; background-size: cover; position: absolute; right: 0;}
.homebanner {padding: 12vw 0; background-size: cover !important; background-position: center !important;}
.btn-all .button-arrow {right: 18px; top: 10px;}
.banner-arrow {left: 50%; bottom: 30px; margin-left: -10px;}
.featuredprojects-dcs {left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7);}

.featuredprojects-dcs h2 {border-left: 2px solid rgba(255, 255, 255, 0.4); padding-left: 2vw;}
.proveninvestment {letter-spacing: 5px;}
.proveninvestment::before {content: ""; display: block; background: #00AEEF; width: 120px; height: 4px; margin:0 auto 70px;}

.footer {background-color: #EEECEC;}
.logo {max-width: 200px;}

.innerbanner::before {content: ""; display: block; left: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5);	position: absolute;	right: 0;}
.innerbanner {padding:20vw 0 30px; background-size: cover !important; background-position: center !important;}
.overview-heading span {display: inline-block;}
.overview-heading span::after {content: ""; display: block; background: #00AEEF; height: 3px; width: 100%; margin-top:13px; margin-bottom:13px;}
.overview-heading.INVESTMENT  span::after{width: 140px;}


.overview li a.active,.overview li a:hover {color: #00aeef !important; font-family: 'poppinssemibold';}

.strategy-section::before {content: ""; display: block; left: 0; top: 0; bottom: 0;	background: rgba(0,0,0,0.6); position: absolute; right: 0;z-index: 1;}
.strategy-section .container {z-index: 2;}
.strategy-section .overview-heading::after {margin-left: auto; margin-right: auto;}
.strategy-box ul::before {content: ""; display: block; background: #00AEEF; height: 3px; width: 70px; margin-left: 16px; margin-bottom: 20px;}

.ourapproach-laft, .ourapproach-right {flex: 0 0 auto; width: 4.1%;}
.acquisitions-tittle-left {border-left: 1px solid #00aeef;max-width: 1000px;margin: 0px auto;color: #58595b;}

.accordionhome {margin: 0 6vw;}
.accordion-button:focus {box-shadow: none;}
.accordion-button:not(.collapsed) {box-shadow: none;}
.accordionhome .accordion-item {border-width: 0px 0px 1px; border-color: #00AEEF; border-radius: 0;}
.accordion-button {padding: 1.6rem 1.25rem;}
.accordion-button:not(.collapsed)::after {background: #00AEEF; height: 2px; width: 24px;}
.accordion-button:not(.collapsed)::before {display: none;}
.accordion-button::after {background: #00AEEF; height: 2px; width: 24px; left: auto; position: absolute; right: 2px;}
.accordion-button::before {width: 2px; height: 24px; content: ""; margin-left: auto; position: absolute; right: 13px; background: #00AEEF;}

.strategy-section {background-size: cover !important; background-position: center !important;}
.team-row .team-box {max-width: 320px;}

.portfolio-gallery .item {position: relative; overflow-y: hidden;}
.portfolio-gallery .item__overlay {display: flex; flex-direction: column; justify-content: center; height: 100%; position: absolute; width: 100%; top: 0; transition: transform 300ms; background-color: lighten(deeppink, 15%); transform: translate3d(0, 100%, 0); background-color: rgba(0,0,0,0.7);}

.portfolio-gallery .item .item__overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%;	z-index: 1;}
.portfolio-gallery .item:hover .item__overlay{transform: translate3d(0, 0, 0); opacity: 1;}
.portfolio-gallery .item__body {margin-top: -50px;}
.portfolio-bg {background-color: #474445;}
.portfolio-gallery .portfolio-bg {z-index: 2;}

.contact-bg {background-position: center !important; background-size: cover !important;	padding: 4rem;}
.contact-bg textarea.form-control {min-height: 320px;}
.overviewactive .slick-slide.slick-current a {display: block;}
.overviewactive .slick-slide.slick-current.slick-center a {color: #00aeef !important; font-weight: 600 !important;}

.contact-bg .form-control {background: rgba(255, 255, 255, 0.87);}

.modal-content {border: 3px solid #A7A9AC; border-radius: 1.2rem;}
.modal-backdrop.show {opacity: .5; background-color: #797979;}
/*.modal-logo {opacity: 0.1;}*/
.modal-header .btn-close {margin: 0; position: absolute; right: 14px; top: 10px; z-index: 9;}

ul.list-bullet {margin-left: 20px !important; margin-top: 18px !important;}
.list-bullet li {position: relative; padding-left: 20px;}
.list-bullet li::before {content: ""; display: block; background: #333; width: 6px; height: 6px; position: absolute; left: 0; top: 9px;	border-radius: 100%;}

/* Dots */
.slick-dots li {position: relative; display: inline-block; width: 20px;	height: 20px; margin: 0 2px; cursor: pointer;}
.slick-dots li button{font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}
.slick-dots li.slick-active button:before{color: #00aeef;}
.slick-dots {position: absolute; bottom: 44px; padding: 0; margin: 0; list-style: none;	right: 4vw;}
.slick-dots li button::before {font-size: 46px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: 1; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
/* Dots */
.link-color {color: #00aeef}
.homeheading .slick-slide {width: auto !important;}
.btn-all.btn-contact {min-width: 150px;}

.btn-all.btn-contact .button-arrow {
	top: 7px;
}
.cursor-pointer {cursor: pointer;}
.contact-bg ::-webkit-input-placeholder {color: #231F20; font-size: 16px}
.contact-bg :-moz-placeholder {color: #231F20; font-size: 16px}
.contact-bg ::-moz-placeholder {color: #231F20; font-size: 16px}
.contact-bg :-ms-input-placeholder {color: #231F20; font-size: 16px}
.footer .footer-logo img {max-width: 210px;}


/*changes css*/
.homebanner  .homeheading{max-width:min-content !important;}

.sidenav .closebtn img {height: 40px !important;width: 40px !important;}
.view-bio-btn img{height:25px;}
.innerbanner.background-img-top{background-position:top !important;}

.ourapproach-row .nav-tabs .nav-link{padding: 0;margin-bottom:0px;border:0;border-radius:0;cursor:pointer;}
.ourapproach-row .nav-tabs .nav-link.active{background:transparent;}
.ourapproach-row .nav-tabs{border-bottom:0}
.ourapproach-row .acquisitions-tittle{min-height:100px;}
.ourapproach-row .nav-tabs .nav-link .hover-img {position: relative;opacity: 1; visibility: visible;display:block;margin-left: -1px;}
.ourapproach-row .nav-tabs .nav-link .onclick-img{display:none;margin-left: -1px;}
.ourapproach-row .inner-circle {position: relative;}
.ourapproach-row .nav-tabs .nav-link.active .onclick-img {visibility: visible !important;opacity: 1;position: relative;display: block;}
.ourapproach-row .nav-tabs .nav-link.active .hover-img {opacity:0;visibility: hidden;display: none;-webkit-opacity: 0;
        -moz-opacity: 0;}
.ourapproach-row .inner-circle img{height:auto;width:auto;}
.ourapproach-row .nav-tabs .nav-link.active .acquisitions-tittle {font-weight: bold !important;}
.team-popup .modal{background-color:#ffffffcc;}
.ourapproach-row  li.nav-item {
    position: relative;
}
.acquisitions-tittle-left ul li {margin-bottom: 10px;padding-left: 10px;font-weight:300;}
.ourapproach-row .acquisitions-tittle {
    min-height: 100px;
   /* position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    right: 0;
    display: flex
;
    align-items: center;
    justify-content: center;*/
}
.sidenav .menu-link {
    padding-left: 20px;
    font-size: 28px;
    font-weight: 300;
}

.sidenav svg.bi.bi-arrow-right {
    position: absolute;
    left: -15px;
    content: "";
    top: 15px;
}

.sidenav ul li .list-unstyled li {
    padding: 5px 0px 0 45px;display:block;width:100%;
}

.sidenav ul li a.active-menu-link {
    font-weight: bold;
}
.sidenav ul li a.active{color:#06aeef !important;font-weight:bold !important;}
.sidenav ul li .list-unstyled li a {
    font-size: 20px;font-weight: 300;padding:0;
}
.overviewactive .slick-slide:nth-child(odd) a{color:#58595b;}
.overviewactive .slick-slide:nth-child(even) a{color: #58595b;}
.header-top .closebtn.active {opacity: 0;}
.homeheading .slick-initialized .slick-slide {
    float:none;
}
.homeheading .text-muted{color:#a7a9ac !important;justify-content: left;align-content: center;}
.menu-open .menuopen{display:none;}
@media(max-width:991px){
  .ourapproach-row .inner-circle img{height:170px;width:auto;}
  .ourapproach-row .acquisitions-tittle {min-height: 70px;}
}
@media(max-width:767px){
  .ourapproach-row .inner-circle img{height:80px;width:auto;}
  .ourapproach-row .acquisitions-tittle {min-height: 40px;}
  .ourapproach-row .nav-tabs .nav-link.active .onclick-img{transform: translateY(5px);}
}
@media(max-width:320px){
  .ourapproach-row .inner-circle img{height:63px;width:auto;}
  .ourapproach-row .acquisitions-tittle {min-height: 30px;}
}


.image-wrapper {
  position: relative;
  width: 100%;
  padding-top: 65.25%; /* 16:9 Aspect Ratio */
  overflow: hidden;
}

.image-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.arrow-img {
  width: 15px;
  margin-top: -3px;
}

.navbar {
  outline: 1px solid transparent;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  border: none;
}