@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?3tew4r');
  src:  url('../fonts/icomoon.eot?3tew4r#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?3tew4r') format('truetype'),
    url('../fonts/icomoon.woff?3tew4r') format('woff'),
    url('../fonts/icomoon.svg?3tew4r#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-increase:before {
  content: "\e900";
}
.icon-credibility:before {
  content: "\e901";
}
.icon-authentication:before {
  content: "\e902";
}
.icon-express-delivery:before {
  content: "\e903";
}
.icon-project-management:before {
  content: "\e904";
}
.icon-architect:before {
  content: "\e905";
}
.icon-help:before {
  content: "\e906";
}
.icon-construction:before {
  content: "\e907";
}
.icon-worker-of-construction-working-with-a-shovel-beside-material-pile:before {
  content: "\e908";
}
.icon-apartment:before {
  content: "\e909";
}






 .carousel-item{margin-top:70px;}   


.feature-1:hover{background-color:#0055c4;}

.feature-1:hover h2,.feature-1:hover h3,.feature-1:hover p{color:#fff;}


.feature-1-wrap {
  position: relative; }

.feature-1 h2{font-size: 60px;font-weight: 600;margin-bottom: 0}


.feature-1 {
  padding: 20px 30px;
  background: #f8f9fa;
  min-height: calc(50% - 15px);
  top: 0;
  margin-bottom: 20px !important;
  box-shadow:2px 2px 10px #ccc;

}


.feature-img-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }


.readmore {
  text-transform: uppercase;
  font-size: .9rem;
  padding-right: 20px;
  display: inline-block;
  position: relative; }
  .readmore > span {
    position: absolute;
    right: 0;
    top: 50%;
    font-size: 1rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .readmore:hover {
    padding-right: 30px; }

.frame,
.frame img, .frame .feature-img-bg {
  -webkit-transition: .35s;
  -o-transition: .35s;
  transition: .35s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  overflow: hidden; }

.scaling-image {
  width: 100%;
  display: inline-block; }
  .scaling-image:hover .frame {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }
  .scaling-image:hover img, .scaling-image:hover .feature-img-bg {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }
.stands h2{
	color: #0055c4;
}




  .padding50{padding: 50px 0px}
  .who-we-are-text{    background:#f8f9fa;}
   .who-we-are h2{color: #294aa0}



.services {
    position: relative;
    padding: 20px;
    margin-bottom: 60px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.07);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    height: 390px;
}

.services h3{color: #0055c4;font-size: 20px}

.services  p{font-size: 13px}

.services .icon {
       text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 70px;
    height: 70px;
    display: table;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background: #0046a6;
    border-radius: 50%;
    padding-top: 15px;
}


.services .icon i{color: #fff;
    font-size: 40px;}

.services:hover{background-color: #0055c4}
.services:hover span, .services:hover h3 , .services:hover p{color: #fff}
 
.services:hover .icon{background:#fff;}
.services:hover .icon i{color:#0055c4!important;}




.bg-image-with-overlay {
  background: linear-gradient(rgb(0 85 196) 30%, rgb(47 91 185 / 65%) 80%), 
  url(https://image.freepik.com/free-photo/architect-discussing-new-project_23-2148242903.jpg);
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
}


.box {
  justify-content: center;
  color: #fff;
  height: 430px;
  padding: 0.5rem;
}

.what-we-do h2{color: #fff;text-align: center;}
.what-we-do p{text-align: center;}



 .when-we-serve-heading h5{font-size: 35px;padding-top: 30px}
 .post-details p{font-size: 13px}
.wsection span{font-size:60px;}


.flip {
  position: relative;
}

.front h3,.front2 h3,.front3 h3,{text-align:center;font-size:25px;padding:50px 0px 0px 0px;}

.front,.front2,.front3{text-align:center;}
.front i{font-size:50px;padding:50px 0rem 0px 0px;}


.font12{font-size:12px!important;}

.flip > .front,
.flip > .back {
  display: block;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-duration: .5s;
  transition-property: transform, opacity;
}
.flip > .front {
  transform: rotateY(0deg);
}
.flip > .back {
  position: absolute;
  opacity: 0;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  transform: rotateY(-180deg);
}
.flip:hover > .front {
  transform: rotateY(180deg);
}
.flip:hover > .back {
  opacity: 1;
  transform: rotateY(0deg);
}
.flip.flip-vertical > .back {
  transform: rotateX(-180deg);
}
.flip.flip-vertical:hover > .front {
  transform: rotateX(180deg);
}
.flip.flip-vertical:hover > .back {
  transform: rotateX(0deg);
}

.flip {
    position: relative;
    display: inline-block;
    margin-left: 27px;
    margin-bottom: 1em;
    width: 370px;
}

.flip > .front{
    display: block;
  color: white;
  width: inherit;
  background-size: cover !important;
  background-position: center !important;
  height: 250px;
  padding: 4em 2em;
  background-image:url(../images/group-people-working-out-business-plan-office_1303-15773.jpg);
  border-radius: 10px;
}


.flip > .front2{
    display: block;
  color: white;
  width: inherit;
  background-size: cover !important;
  background-position: center !important;
  height: 250px;
  padding: 4em 2em;
  background-image:url(../images/teamwork-concept-with-business-people_23-2147715590.jpg);
  border-radius: 10px;
}

.flip > .front3{
    display: block;
  color: white;
  width: inherit;
  background-size: cover !important;
  background-position: center !important;
  height: 250px;
  padding: 4em 2em;
  background-image:url(../images/group-businesspeople-looking-business-plan-office_23-2147899904.jpg);
  border-radius: 10px;
}




.flip > .back {
  display: block;
  color: white;
  width: inherit;
  background-size: cover !important;
  background-position: center !important;
  height: 250px;
  padding: 1em 2em;
  background:rgb(0 85 196);
  border-radius: 10px;
}
.flip > .front p,
.flip > .back p {
  font-size: 0.9125rem;
  line-height: 160%;
  color: #999;
}

.text-shadow {
  text-shadow: 1px 1px rgba(0, 0, 0, 0.04), 2px 2px rgba(0, 0, 0, 0.04), 3px 3px rgba(0, 0, 0, 0.04), 4px 4px rgba(0, 0, 0, 0.04), 0.125rem 0.125rem rgba(0, 0, 0, 0.04), 6px 6px rgba(0, 0, 0, 0.04), 7px 7px rgba(0, 0, 0, 0.04), 8px 8px rgba(0, 0, 0, 0.04), 9px 9px rgba(0, 0, 0, 0.04), 0.3125rem 0.3125rem rgba(0, 0, 0, 0.04), 11px 11px rgba(0, 0, 0, 0.04), 12px 12px rgba(0, 0, 0, 0.04), 13px 13px rgba(0, 0, 0, 0.04), 14px 14px rgba(0, 0, 0, 0.04), 0.625rem 0.625rem rgba(0, 0, 0, 0.04), 16px 16px rgba(0, 0, 0, 0.04), 17px 17px rgba(0, 0, 0, 0.04), 18px 18px rgba(0, 0, 0, 0.04), 19px 19px rgba(0, 0, 0, 0.04), 1.25rem 1.25rem rgba(0, 0, 0, 0.04);
}


















  .padding-ten-right {
    padding-right: 10%;
}

.icon-box {
    border-bottom: 1px solid rgba(255,255,255,0.10);
}
.width-100 {
    width: 100%;
}

        
.icon-box .icon-box-holder {
    padding-left: 110px;
    height: 80px;
}
.position-relative {
    position: relative !important;
}      
        
  .icon-box .icon-box-holder i {
    position: absolute;
    left: 0;
    vertical-align: middle;
    padding-top: 10px;
}
.icon-medium {
    font-size: 35px;
}      
        
.text-extra-medium-gray, .btn.text-extra-medium-gray {
    color: #757575;
}        
        
  .line-height-24 {
    line-height: 24px;
}
.text-large {
    font-size: 18px;
    line-height: 26px;
}


.padding-ten-left {
    padding-left: 10%;
}

        
 .font14{font-size:14px!important;}       
        
.icon-box-holder h6 span{font-size: 40px;
    vertical-align: middle;
    padding-right: 20px;
    color: #294aa0;
}        
        

.icon-box a{cursor:pointer;}

.icon-box a:hover{color: #232323}

.text-extra-dark-gray, .btn.text-extra-dark-gray {
    color: #232323;
}


.margin-25px-bottom {
    margin-bottom: 25px;
}

.width-90 {
    width: 90%;
}


.margin-5px-bottom {
    margin-bottom: 5px;
}
.font-weight-600 {
    font-weight: 600;
}

.tabulation-2 .nav-pills .nav-item .nav-link.active {
    color: #fff;
    background: #064acb;
}
.tabulation-2 .nav-pills .nav-item .nav-link {
    background: #fff;
    border-radius: 4px;
    color: #000000;
    font-weight: 600;
    -webkit-box-shadow: 0px 9px 21px -16px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 9px 21px -16px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 9px 21px -16px rgba(0, 0, 0, 0.15);
}

.icon-box a{cursor:pointer;}

.icon-box a:hover{color: #232323}

.text-extra-dark-gray, .btn.text-extra-dark-gray {
    color: #232323;
}

.overflow-hidden {
    overflow: hidden !important;
}
.margin-25px-bottom {
    margin-bottom: 25px;
}

.width-90 {
    width: 90%;
}


.margin-5px-bottom {
    margin-bottom: 5px;
}
.font-weight-600 {
    font-weight: 600;
}
  .nav-fill .nav-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
}
.tabulation-2 .nav-pills .nav-item .nav-link.active {
    color: #fff;
    background: #064acb;
}
.tabulation-2 .nav-pills .nav-item .nav-link {
    background: #fff;
    border-radius: 4px;
    color: #000000;
    font-weight: 600;
    -webkit-box-shadow: 0px 9px 21px -16px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 9px 21px -16px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 9px 21px -16px rgba(0, 0, 0, 0.15);
}


	
.active-element{background:#0055c4;}	
	
.active-element span,.active-element p{color:#fff;}

	
.services-section-icon-block span{font-size:50px;color:#0055c4;}	


.services-btn{    background: #0055c4;
    color: #fff;

}	
	
	
	    
	 .bg-light-gray {
    background-color: #f7f7f7;
}   
	    
.position-relative {
    position: relative !important;
}
.overflow-hidden {
    overflow: hidden !important;
}
.padding-fifteen-lr {
    padding-left: 11%;
    padding-right: 11%;
}
.padding-twenty-two-tb {
    padding-top: 22%;
    padding-bottom: 22%;
}
.border-radius-8 {
    border-radius: 8px;
}
.z-index-0 {
    z-index: 0;
}	    
	    
.margin-30px-bottom {
    margin-bottom: 30px;
}	    
.feature-box-18 .feature-box-overlay {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}


.margin-30px-bottom {
    margin-bottom: 30px;
}
.margin-40px-top {
    margin-top: 40px;
}

.icon-large {
    font-size: 50px;
}
.margin-25px-bottom {
    margin-bottom: 25px;
}
.text-deep-pink, .btn.text-deep-pink {
    color: #ff214f;
}


.margin-10px-bottom {
    margin-bottom: 10px;
}
.font-weight-700 {
    font-weight: 700;
}
.text-extra-dark-gray, .btn.text-extra-dark-gray {
    color: #232323;
}



.testimony-wrap {height:350px;padding: 40px 20px;}

.testimony-wrap p{font-size:10px;text-align:justify;}

.testimony-section h2 span{font-weight:300;font-size:20px;}

.testimony-section h2 .subheading{font-weight:300;font-size:20px;}



 .mb-7{margin-bottom:70px!important;}
  
 .marquee h5{font-size:25px;font-weight:700;} 
  
  
@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-350%);
            transform: translateX(-350%);
  }
}

@keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-350%);
            transform: translateX(-350%);
  }
}
@media (max-width: 1024px) {
  @-webkit-keyframes marquee {
    0% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(-125%);
              transform: translateX(-125%);
    }
  }
  @keyframes marquee {
    0% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(-125%);
              transform: translateX(-125%);
    }
  }
}
@media (max-width: 768px) {
 @keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-230%);
            transform: translateX(-230%);
  }
}
  @keyframes marquee {
    0% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(-166.65%);
              transform: translateX(-166.65%);
    }
  }
}
#marquee {
  padding: 50px 0;
  width: 100%;
}
#marquee .view {
  overflow: hidden;
  width: 100%;
  padding:50px 0px;
}
#marquee .pic-container {
  display: -webkit-box;
  display: flex;
  -webkit-animation: marquee 30s infinite linear;
          animation: marquee 30s infinite linear;
}
#marquee .pic-container .pic {
  flex-basis: 15%;
  flex-shrink: 0;;
margin:0px 10px
}

#marquee .pic-container .pic{
padding:10px;
}

#marquee . box-container .pic{
padding:30px!important;
}


#marquee .box-container .pic{
box-shadow:1px 1px 5px #ccc;
background:#fff;
}


@media (max-width: 1024px) {
  #marquee .pic-container .pic {
    flex-basis: 25%;
  }
}
@media (max-width: 768px) {
  #marquee .pic-container .pic {
    flex-basis: 33.33%;
  }
}
#marquee img {
  width: 65%;
  vertical-align: middle;
}

.marquee:hover .pic-containe{
  animation-play-state: paused
}



@-webkit-keyframes marquee1 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes marquee1 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@media (max-width: 1024px) {
  @-webkit-keyframes marquee1 {
    0% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(-125%);
              transform: translateX(-125%);
    }
  }
  @keyframes marquee1 {
    0% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(-85%);
              transform: translateX(-85%);
    }
  }
}
@media (max-width: 768px) {
  @-webkit-keyframes marquee1 {
    0% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(-166.65%);
              transform: translateX(-166.65%);
    }
  }
  @keyframes marquee1 {
    0% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(-166.65%);
              transform: translateX(-166.65%);
    }
  }
}
#marquee1 {
  padding: 50px 0;
  width: 100%;
}
#marquee1 .view {
  overflow: hidden;
  width: 100%;
  padding:50px 0px;
}
#marquee1 .pic-container {
  display: -webkit-box;
  display: flex;
  -webkit-animation: marquee1 10s infinite linear;
          animation: marquee1 10s infinite linear;
}
#marquee1 .pic-container .pic {
  flex-basis: 25%;
  flex-shrink: 0;
}
@media (max-width: 1024px) {
  #marquee1 .pic-container .pic {
    flex-basis: 25%;
  }
}
@media (max-width: 768px) {
  #marquee1 .pic-container .pic {
    flex-basis: 33.33%;
  }
}
#marquee1 img {
  width: 50%;
  vertical-align: middle;
}

.marquee1:hover .pic-containe{
  animation-play-state: paused
}
















.tab-content{height:200px;}




.Card{
	position:relative;
	text-align:center;
	width:100%;
	height:327px;
	display:table;
	padding:20px;
	background-color:#ececec ;
	cursor:pointer;
	z-index:1;
	transition:.5s;
	color:#227093;
}
.Card p{
	text-align: justify;
}


.padding-ten-leftt {
    padding-left: 10%;
}


.padding-right-8{padding-right:80px;}
.dropdown-item:hover, .dropdown-item:focus {
    color: #fdfdfd;
    text-decoration: none;
    background-color: #0055c4;
}