:root {
     --hero-bg-color: #080d10;
    --section-1-bg-color: #eef4ed;
    --section-2-bg-color: #ffffff;
    --section-3-bg-color: #111117;
    --section-4-bg-color: #ffffff;
    --section-5-bg-color: #eef4ed;
    --section-6-bg-color: #111117;
    --nav-top-bg-color: rgb(48, 100, 194);
    --secondary-p-color: #fff;
    --primary-color: rgb(48, 100, 194);
    --primary-t-color: #031b4e;
}
h2 {
    font-size: 36px;
}
.navbar.top {
    height: 40px;
}
.navbar-expand .navbar-nav .nav-link:not(.btn),.pre-title,.title-icon h2 {
    color: #031b4e;
}
.single h4{
    color: #031b4e;
}
.navbar.sub {
    top: 40px;
}
header .navbar-expand{
    background: #fff;
    padding: 10px 25px;
}
h1, .slide-content .title {
    font-size: var(--h1-size);
    font-weight: var(--h3-weight);
    line-height: 1.3;
}
.full-slider .inner .right, .no-slider .inner .right {
    width: 50%;
}
section.section-1 {
    background-color: #fff;
}
.counter.funfacts .radial span {
    color: #fff;
}
.fa-building{
    margin-right: 20px;
}
.full-image[data-mask="70"] {
    opacity: 1;
}
.grayscale {
    filter: brightness(0.5);
    background: #000;
}
.funfacts .pre-title {
    color: #fff;
}
.funfacts .item{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
header .navbar-sticky.sub {
    background-color: #fff;
}
.navbar-sticky .navbar-nav .nav-item a:not(.btn) {
    color: #031b4e;
}
section.bg {
    background-color: var(--section-5-bg-color);
}
section.bg h2 .featured:before {
/*
    background-color: #031b4e;
    opacity: 0.55;
*/
        background-color: var(--primary-color);
    opacity: 1;
}
section.bg h2 .featured {
    color: #fff;
}
.img-icon{
    max-width: 26%;
}
.featured .card {
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
}
.featured .card:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: url(../images/icon/image-1.jpg) no-repeat;
    opacity: 0;
    background-size: cover;
    background-position: center;
    transition: all 0.5s;
}
.featured .item:nth-child(2) .card:after{
    background: url(../images/icon/image-2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.featured .item:nth-child(3) .card:after{
    background: url(../images/icon/image-3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.featured .item:nth-child(4) .card:after{
    background: url(../images/icon/image-4.jpg) no-repeat;
    background-size: cover;
    background-position: right;
}
.featured .item:nth-child(5) .card:after{
    background: url(../images/icon/image-5.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.featured .item:nth-child(6) .card:after{
    background: url(../images/icon/image-6.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.featured .item:nth-child(7) .card:after{
    background: url(../images/icon/image-7.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.featured .item:nth-child(8) .card:after{
    background: url(../images/icon/image-8.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.featured .item:nth-child(9) .card:after{
    background: url(../images/icon/image-9.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.featured .card:hover:after{
    opacity: 1;
    filter: brightness(0.7);
}
.featured .card:hover h4,.featured .card:hover p,.featured .card:hover .fa-arrow-right{
    color: #fff;
    z-index: 99;
}
.featured .card p{
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    min-height: 50px;
    max-height: 50px;
    overflow: hidden;
}

section.section-3 {
    background: #031b4e;
}
.projects .pre-title{
    color: #fff;
}
.odd h2 .featured:before {
    background-color: #fff;
    opacity: 1;
}
.odd h2 .featured {
    color: #031b4e;
}
.projects.showcase .card .image-over:before{
    background-color: transparent;
}
.slide-center p{
    -webkit-line-clamp: 5;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    min-height: 120px;
    max-height: 120px;
    overflow: hidden;
}
.contacts a:not(.btn) {
    font-size: 1rem;
}
.footer {
    background-image: var(--footer-bg-image);
        padding: 100px 0 10px;
}
/*
footer .items .card a:not(.btn):hover i,footer .items .card a:hover {
    color:  var(--primary-color);
}*/


/*
.login-trigger {
  font-weight: bold;
  color: #fff;
  background: linear-gradient(to bottom right, #B05574, #F87E7B);
  padding: 15px 30px;
  border-radius: 30px;
  position: relative; 
  top: 50%;
}
*/

/*Modal*/

#video .close {
  color: #fff;
  transform: scale(1.2);
    position: absolute;
    top: -30px;
    right: 0;
    opacity: 1;

}
#video .modal-content { 
  font-weight: bold;
  background: #fff;
 width: 59%;
    height: 653px;    
  overflow: visible;
}
#video  .modal-content video {
  width: 100%;
  height: 600px;
}
#video  .modal-content video:focus {
    outline: none
}
#video  .modal-dialog {
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 90vh;
}
#video .modal-open{
    overflow: hidden;
}
.outline-button:hover, .outline-button:focus {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    color: var(--white-color);
}
.offers h4{
    color: #031b4e;
}

@media (max-width: 786px){
    #footer  .col-12 img{
        max-width: 100% !important;
    }
    ul.list-block {
        margin: 0;
        padding: 0;
    }
    .menu .dropdown .dropdown-menu.show {
        background: #fff;
        padding: 20px 0;
    }
}


/* About US page css codes */
.about .swiper-wrapper{
    position: relative;
    z-index: 99;
}
.about .swiper-wrapper::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1;
    width: 100%;
    height: 100%;
}
.breadcrumb-item.active{
    color:  var(--section-2-bg-color);
}
.about section.section-3 {
    background:  var(--section-2-bg-color);
}
.breadcrumb-item.active:hover {
    color: var(--primary-color);
}
#about-3 .container{
    max-width: 95%;
}
.about #about-3 .items .item{
    padding-right: 20px !important;
}
.about #about-3 .items .item h4 {
    font-size: 20px
}
.about #about-3 .items .item p {
    font-size: 16px;
    width: 80%;
}
/* .about section.featured{ */
    /* background: var(--section-3-bg-color);  */
/* } */
#about-2 .item{
    text-align: left !important;
    display: block;
}
#about-3 .item img{
    max-width: 10%;
        padding-right: 15px;
}

section.bg-yellow {
    background-color: var(--section-1-bg-color);
    background-image: var(--section-1-bg-image); 
}
.offers h4 {
    font-size: 20px;
}
.process p{
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    min-height: 50px;
    max-height: 50px;
    overflow: hidden;
}
ul.list-block{
    list-style: none;
}
ul.list-block li{
    margin-bottom: 20px;
}
ul.list-block li h4{
    font-size: 20px;
    font-weight: 550;
}
section {
    padding: 100px 0;
}
.images-compare-handle {
    margin-left: -19px;
}

.page-container {
    max-width: 1024px;
    margin: 0 auto;
    text-align: center;
    border-left: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    padding: 15px;
    background: white;
}
.dropdown-menu li:nth-child(1)  {
    background: #fff !important;
    border-radius: 0 !important;
}
header .dropdown-menu li:nth-child(1) a {
    color: #031b4e !important;
}
/* .navbar-nav li:hover  { */
    /* background: var(--primary-color); */
    /* border-radius: 4px; */
/* } */
/* header .navbar-nav li:hover a{ */
    /* color: #fff; */
/* } */

.navbar-expand .navbar-nav.items .nav-link:not(.btn):not(.title):hover, .navbar-expand .navbar-nav.icons .nav-link:not(.btn):not(.title):hover {
    color: var(--nav-top-bg-color);
}
.navbar-expand.top .navbar-nav .nav-item a:not(.btn):hover {
    color: var(--secondary-p-color);
}
.full-slider .swiper-button-next, .full-slider .swiper-button-prev {
    background-image: none;
    opacity: 1;
}
.full-slider .swiper-button-next:hover, .full-slider .swiper-button-prev:hover{
    background-image: none;
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    color: #fff;
}
.showcase .card .image-over img {
    min-height: auto;
}
.contacts .navbar-nav li:nth-child(1) {
    background: #fff;
    border-radius: 4px;
}
.contacts .navbar-nav li:nth-child(1) a,.contacts .navbar-nav li:nth-child(1) a i{
    color: var(--primary-color) !important;
}
footer .offers h4 {
    color: #fff;
}
footer .copyright {
    background-color: var(--footer-bg-image);
}
button:focus{
    outline: none;
    border: none;
}
.success {
    background-color: #9fd2a1;
    border: #91bf93 1px solid;
    padding: 5px 10px;
    color: #3d503d;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.9em;
}

#slider .description{
    min-height: auto;
    max-height: auto;
}
.primary-button:hover, .primary-button:focus {
    background-color: #031b4e;
    border-color: #031b4e;
    color: var(--white-color);
}

 ideo[poster] {
      object-fit: cover;
    }

.screen {
  cursor: pointer;
  width: 100%;
  background-color: #000 !important;
  border-radius: 10px;
}
#shadow-host-companion{
    padding: 0;
}