@import url("https://fonts.cdnfonts.com/css/segoe-ui-4");
:root {
  --main-text-color: #ffffff;
  --mainbg-backgroundcolor: rgb(112, 189, 149);
  --bg-background-color: rgb(0, 36, 57);
  --bghover-background-color: #001b3198;
  --hover-background-color: #63ac8a;
  --special-text-color: rgb(112, 189, 149);
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: "Segoe UI", sans-serif !important;
}
p {
  font-family: "Segoe UI", sans-serif !important;
  font-size: 16px;
}
h1 {
  font-size: 50px;
  font-family: "Segoe UI", sans-serif !important;
}
h2 {
  font-size: 45px;
}
h4 {
  font-size: 25px;
}
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  max-width: 1400px;
}
button.navbar-toggler {
    color: #000 !important;
}
.home-menu .navbar-brand img {
  background-color: #fff;
  padding: 14px 18px 20px;
  width: 199px;
}
.navbar-collapse {
  justify-content: end;
}


/* HeaderMenu */
.bim-nav {
  background-image: linear-gradient(
    45deg,
    var(--mainbg-backgroundcolor),
    var(--bghover-background-color)
  );
  padding: 20px 0;
}
.home-menu a.nav-link.active {
    color: #2cb591 !important;
}
.home-menu ul.navbar-nav a {
  color: #000!important;
  font-size: 16px !important;
  font-weight: 400;
}
.logo-img{
  width: 25%;
}
.home-menu span.dropdown-toggle{
    background:linear-gradient(45deg, #6ab690, #001b31) !important;
}

.footer-logo img {
  background: white;
  padding: 10px 9px 14px;
  width: 124px !important;
}
span.navbar-toggler-icon i{ 
   font-size: 18px;
    padding: 5px;
}
.section-bim-bg {
    gap: 11px;
}
/*==================================
|HOMEPAGE|
==================================*/
.boox1,.boox2,.boox3{
    transition: 0.9s;
}

.boox1:hover,.boox2:hover,.boox3:hover {
    transform: translateY(-15px);
    transition: 0.9s;
}
.boox1:hover .card-body,.boox2:hover .card-body,.boox3:hover .card-body {
    background: linear-gradient(176deg, #ffffff, #e1fdf2);
    transition: 0.9s;
}
.top-sectiom-bim {
  background: linear-gradient(
    359deg,
    var(--mainbg-backgroundcolor),
    var(--bg-background-color)
  );
}
.wapper {
  display: flex;
}
/* menu */
.menu ul li {
  list-style: none;
}

.listMenu {
  display: flex;
  gap: 20px;
}
.listMenu a {
  color: #ffffff;
  text-decoration: none;
}
#basicBim {
  background: #dddada3d;
}
.text-zxc {
  background-image: url("./images/bgimage.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  width: 100%;
}
.imageScreen {
  object-fit: contain;
}
/*======================
Footer-section
=========================*/

.footer-wappper {
  background-color: var(--bg-background-color);
  padding-inline: 50px;
  padding-top: 40px;
  padding-bottom: 5px;
}
.list-items a {
  color: var(--main-text-color);
  text-decoration: none;
}
.list-items {
  list-style: none;
  display: flex;
  gap: 15px;
}
.footer-logo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 40px;
}
.copy-right a {
  color: #f2f2f2;
}
.copy-right {
  color: #fff;
  font-weight: 200;
  border-top: 1px solid;
}
.copy-right p {
  padding-top: 18px;
}
/* technology */
.imgTec {
  object-fit: cover;
}
/* image */
.imageScreen{
  object-fit: cover;
  width: 100%;
}
/*.g-sidenav-show .navbar {*/
/*    background: transparent !important;*/
/*    box-shadow: none !important; */
/*}*/
.g-sidenav-show .logo-img{
    padding: 14px 18px 14px;
    width: 199px;
}
.g-sidenav-show .navbar a {
    color: #000 !important;
    font-size: 16px !important;
}
span.dropdown-toggle{
    padding: 9px 16px 9px !important;
}
.g-sidenav-show span.dropdown-toggle {
    background: linear-gradient(45deg, #6ab690, #001b31) !important;
    padding: 9px 16px 9px !important;
}
 .addmenuscroll .home-menu .navbar-brand img { 
    width: 181px;
}
/* media screen */


@media only screen and (max-width: 999px) {
div#navbarText {
    position: absolute;
    width: 100%;
    background: #ffffff;
    left: 0;
    top: 78px;
}
div#navbarText a {
    color: #000 !important;
}
.wapperHeader {
    flex-direction: row-reverse;
}
.container-fluid.section-bim-bg {
    padding: 0;
}
.home-menu .navbar-brand img {
        width: 152px;
        padding:0 !important;
    }
.home-menu .navbar {
    padding: 1rem 11px;
}
span.dropdown-toggle { 
    padding: 7px 15px 12px !important;
}
}

@media only screen and (max-width: 765px) {
  .imge2 {
    display: none !important;
  }
  
  .navbar-brand img{
   width:100px;   
  }
    .footer-img {
  width: 75% !important;
}
}

@media only screen and (max-width: 650px) {
  .footer-logo {
    flex-direction: column;
  }
  .footer-wappper {
    text-align: center;
  }
  .footer-logo img,
  .menu-list {
    margin: auto;
  }
  .soical-icon {
    justify-content: center;
  }
  .copy-right {
    display: block !important;
  }
  .information-box {
    text-align: center;
  }
  .menu-list .list-items {
    padding: 0px;
  }

  .home-bim {
    height: auto;
    display: grid;
  }
  .home-button {
    padding: 7px 28px !important;
  }
  .home-button,
  a.info-id-2,
  .info-id {
    padding: 9px 28px !important;
    display: inline-block;
  }
}

@media only screen and (max-width: 650px) {
  .footer-logo {
    align-items: flex-start;
  }
  ol,
  ul {
    padding-left: 0;
  }
  .list-items {
    flex-direction: column;
    margin-top: 40px;
  }
}

@media only screen and (max-width: 415px) {
  .imageScreen {
    width: 100%;
  }
  .logo img {
    width: 78% !important;
  }
}