@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



body {

    background-color: #d7d7d7 !important;

}

.navigation__wrap {

    max-width: 1570px;

    margin: auto;

    position: absolute;

    top: 3%;

    z-index: 9999;

    left: 0;

    right: 0;
    z-index: 2;

}

.navigation__wrap .nav__items {

    max-width: 1545px;

    margin: auto;

}

.nav__items {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin: 0;

    padding: 0;

}



.nav__items li {

    list-style: none;

}

.nav__bar a {

    font-size: 16px;

    font-weight: 300;

    font-family: poppins;

    text-decoration: none;

    color: white;

}

.nav__bar a span {

    

    padding: 28px 20px;

}

.nav__bar a span {

    position: relative;

}





.nav__bar a:hover {

    color: white;

}

.call-expert {

    font-size: 16px;

    font-weight: 400;

    background-color: white;

    padding: 15px 30px;

    border-radius: 50px;

    text-decoration: none;

    color: black;

    font-family: poppins;

    border: 1px solid #00000078;

    transition: all .2s linear;

}

.head-btn img {

    background-color: white;

    padding: 14px;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 50px;

    height: 50px;

    clip-path: circle();

}

.head-btn {

    display: flex;

    align-items: center;

    gap: 10px;

}



.call-expert:hover {

    background-color: #17a4e1;

    color: white;

    transition: all .2s linear;

}

.head-btn img:hover {

    background-color: #17a4e1;

    color: white;

    transition: all .2s linear;

}

.nav-tab  button {

    color: #FFF;

    text-align: center;

    font-family: Poppins;

    font-size: 20px;

    font-style: normal;

    font-weight: 300;

    line-height: 20px;

    height: 70px;

}

.nav-tab button a{

    color: white;

    text-decoration: none;

}

.dropdown__menubar .nav {

    background-color: #0A2C39;

    border-top-right-radius: 15px;

    border-top-left-radius: 15px;

}

.dropdown__menubar .nav-tabs .nav-link.active {

    color: #000;

    background-color: transparent !important;

    border: 0;

    height: 100%;

    border-radius: 0;

}
.dropdown__menubar {

    background-color: white;

    border-radius: 15px;

    margin-top: 0;

}

.dropdown__menubar .nav-tabs .nav-item:first-child .nav-link.active{

    border-top-left-radius: 15px;

}

.dropdown__menubar .nav-tabs .nav-item:last-child .nav-link.active{

    border-top-right-radius: 15px;

}

.dropdown-menu-items li {

    list-style: none;

}

.dropdown-menu-items li a  , .case-dropdown li a , .case-dropdown .nav-item button,
.dropdown-menu-items li .dropdown a  , .dropdown-menu-items li a , .brs__navigation .nav-link{

    color: #101010;

    font-family: Poppins;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 35px; /* 218.75% */
        background-color: transparent;
    border: 0;
    padding: 0;

}
.dropdown-menu-items li a:hover ,
.inner__tabs .nav-link:hover{

   color: #45c1ea !important;
    background-color: transparent;
    margin: 0 !important;
    border: 0 !important;
    padding: 0 !important;

}


.inner__tabs .nav-link {
    color: #2c2c2c !important;
    padding: 0px 0!important;
}
.inner__tabs {
    flex-direction: column;
    align-items: start;
}
.dropdown__menubar .container-fluid {

    padding: 30px;

}

.dropdown-menu-items {

    padding: 0;

    height: 100%;

    margin: 0;

}

.dropdown-menu-items .content h4 {

    font-size: 25px;

    font-family: poppins;

    font-weight: 500;

    margin: 0;

    padding: 10px 0 5px 0;

    line-height: 25px;

    color: #DA031A;

}

.dropdown-menu-items .content p {

    font-size: 14px;

    font-weight: 300;

    line-height: 20px;

    margin-bottom: 10px;

    color: black;

}

.dropdown__contact h5 {

    font-size: 25px;

}

.dropdown__contact h5 {

   font-size: 25px;

    font-family: poppins;

    font-weight: 700;

    padding-bottom: 20px;

}

.dropdown__contact .info span {

    color: #DA031A;

    font-family: Poppins;

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 21px; /* 150% */

}



.dropdown__contact .info a {

    color: #000;

    font-family: Poppins;

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 18px; 

    letter-spacing: -0.16px;

    display: block;

    

}

.dropdown__contact .info a:hover {

    color: #45c1ea;

}

.dropdown-menu-items .info {

    margin-bottom: 20px;

}

.info strong {

    font-size: 18px;

    font-family: 'Poppins';

    font-weight: 500;

    color: #d50023;

    padding-bottom: 10px;

    display: block;

}



.info-btn  , .case-btn{

    font-size: 16px;

    font-weight: 500;

    font-family: 'Poppins';

    text-decoration: none;

    color: black;

    border: 1px solid black;

    padding: 11px 30px;

    border-radius: 50px;

    text-transform: uppercase;

    display: inline-block;

}



.info-btn:hover  , .case-btn:hover{

    background-color: black;

    color: white;

}

.dropdown__menubar .content {

    position: relative;

    left: 0;

}

.dropdown__menubar .row .col-12:nth-child(1) ul,

.dropdown__menubar .row .col-12:nth-child(2) ul,

.dropdown__menubar .row .col-12:nth-child(3) ul {

    position: relative;

}



.dropdown__menubar .row .col-12:nth-child(1) ul::before {

     position: absolute;

    content: '';

    height: 100%;

    border-right: 1px solid #00000038;

    right: 4%;

}

.dropdown__menubar .row .col-12:nth-child(2) ul::before {

    position: absolute;

    content: '';

    height: 100%;

    border-right: 1px solid #00000052;

    right: 17%;

}

.dropdown__menubar .row .col-12:nth-child(3) ul::before {

    position: absolute;

    content: '';

    height: 100%;

    border-right: 1px solid #00000052;

    right: 1%;

}





@media screen and (max-width: 1600px) {
        .inner__tabs .nav-item button {
            font-size: 14px !important;
            font-weight: 400 !important;
        }

    .nav__bar a span {

            padding: 28px 0;

    }

    .nav__bar a.active span::before {

      bottom: -16px !important;

    }

    .dropdown__menubar .container-fluid {

        padding: 30px ;

    }

    .nav__items{

         transform: scale(.9);

    }
     .brsm-enu{
         margin-top: -32px !important;

    }

     .nav__items , .dropdown__menubar{

         transform: scale(1);

            margin-top: -20px;

    }

  /* .navigation__wrap {

    transform: scale(.9);

  } */

  .dropdown__menubar .nav-item button ,

  .dropdown__contact h5 , 

  .dropdown-menu-items .content h4{

    font-size: 20px;

 }

 .dropdown-menu-items li a  , .case-dropdown li a{

        font-size: 16px;
        line-height: 33px;
        font-weight: 300;

}

  .dropdown__contact .info a {

           font-size: 14px;

        line-height: 17px;

}

.dropdown-menu-items .content p {

    font-size: 14px !important;

    line-height: 18px !important;

}

.dropdown__contact .info span {

    font-size: 12px;

    line-height: 13px;

}

.dropdown-social img {

    transform: scale(.8);

}

.info-btn {

    font-size: 14px;

}

.info strong {

    padding-bottom: 0;

}

.nav__bar a {

    font-size: 20px;

    padding: 10px 15px;

}

}

@media screen and (max-width: 991px) { 

    .dropdown__menubar .nav {

        flex-wrap: nowrap;

    }

        .dropdown__menubar .nav-item button, .dropdown__contact h5, .dropdown-menu-items .content h4 {

        font-size: 13px;

    }

    .dropdown__menubar .row .col-12:nth-child(1) ul::before,

    .dropdown__menubar .row .col-12:nth-child(2) ul::before,

    .dropdown__menubar .row .col-12:nth-child(3) ul::before {

        display: none;

    }

    .dropdown__menubar .content {

        left: 0;

    }

    .nav__items {

        flex-direction: column;

        text-align: center;

    }

        .nav__bar a {

        font-size: 12px;

        padding: 10px 5px 0 5px;

    }

    .head-btn {

        transform: scale(.8);

    }

}

@media screen and (max-width: 768px) { 
        .nav__items, .dropdown__menubar {
            transform: scale(1);
            margin-top: 0 ;
        }
        .dm_services_img {
            transform: scale(.9);
            margin: 0 !important;
        }
    .dm_services_box_wrapper {
        gap: 20px;
        }
    form.hero__inline__form input {

                   min-width: 100% !important;

    }

        .nav__bar a span {

            padding: 15px 0;

        }

    .dropdown__menubar .nav {

        overflow-y: auto;

    }

    .navigation__wrap {

        padding: 10px;

        transform: scale(1);

        top: 0;

        padding: 0;

    }

    .brand__logo {

        max-width: 50%;

    }

    .nav-tab button {

        height: 45px;

    }

    .case-dropdown {

        left: -8px;

    }

    .dropdown__menubar .container-fluid {

        padding: 10px 15px;

    }

    .dropdown-menu-items li a {

        padding: 5px 0;

        font-size: 12px;

        line-height: 13px;

    }

    .case-dropdown .nav-item button {

        text-align: left;

    }
    .inner__tabs button {
        font-size: 14px !important;
    }

     .case-dropdown li a {

        padding: 10px;

        font-size: 12px;

        line-height: 12px;

    }

    .dropown-img  , .dropdown__contact h5 , .info strong,

    .info-btn , .head-btn{

        display: none;

    }

    .dropdown-menu-items .content h4 {

        font-size: 14px !important;

        text-align: left !important;

        line-height: 12px !important;

    }

    .dropdown-menu-items .content p {

        font-size: 12px !important;

        line-height: 15px !important;

        text-align: left !important;

    }

    .dropdown__contact .info a {

        font-size: 12px;

        line-height: 14px;

    }

    .dropdown-menu-items .info {

        margin-bottom: 10px;

    }

       .dropdown__menubar .nav-item button {
        padding: 0 10px !important;
        width: max-content;
        line-height: 10px;
        font-size: 10px;
    }

    

}















/* new */



.case-dropdown {

    height: auto;

    background-color: transparent !important;

    flex-direction: column;

    height: 100%;

    position: relative;

    left: -6%;

}

.case-dropdown .nav-item button{

    font-size: 20px;

    text-decoration: none;

    font-weight: 400;

    font-family: 'Poppins';

    color: #101010;

    background-color: transparent !important;

    padding: 0 !important;

    position: relative;

}

.case-dropdown .nav-link.active .dropown-img{

    opacity: 1;

}

.case-dropdown .nav-link  {

    border: 0 !important;

}

.industries__scroll {

    height: 380px;

    overflow: auto;

}

.industries__list::before {

    border: 0 !important;

}



.industries__list::-webkit-scrollbar {

  width: 5px;

}

 

.industries__list::-webkit-scrollbar-track {

  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

}

 

.industries__list::-webkit-scrollbar-thumb {

  background-color: darkgrey;

  outline: 1px solid slategrey;

}

.hidden {

  display: none;

}

.brand__logo {

    max-width: 70%;

}

.nav-item .dropown-img {

    width: 22px;

    margin-left: 5px;

    opacity: 0;

}



.dropdown-social img {

    width: 45px;

    height: 45px;

    box-shadow: rgb(0 0 0 / 11%) 0px 1px 4px;

    border-radius: 100px;

}

.dropdown-social {

    display: flex;

    gap: 8px;

}

.nav__bar a.active span {

  position: relative;

}



.nav__bar a.active span::before {

   position: absolute;

    content: '';

    width: 40%;

    height: 50px;

    background-color: #0b2c38;

    bottom: -3px;

    right: 0;

    left: 0;

    margin: auto;

    clip-path: polygon(100% 100%, 0 100%, 50% 61%);

}

.brs__navigation .nav-link {
    color: white !important;
}

 /* .dropdown {
      display: block;
      background: #f0f0f0;
      padding: 15px;
      border: 1px solid #ccc;
      position: absolute;
      top: 50px;
      left: 20px;
      width: 200px;
    }

    .nav-link.active {
      color: red;
    }

    .nav-link {
      cursor: pointer;
      margin-right: 20px;
    } */


    .navbar-nav .dropdown-menu {
    position: static;
    width: 1300px;
    left: -350px;
    transform: matrix(.9, 0, 0, .9, 0, 0);
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    background-color: transparent;
}
.dropdown__menubar .content img {
        opacity: 1;
    width: 90%;
    margin: 0;
}

.brs__navigation .nav-link {
    padding: 10px 20px !important;
}


.navbar .dropdown-menu {
    display: none;
  }
  .navbar .dropdown:hover > .dropdown-menu {
    display: block;
       margin-top: -30px;
  }
  ul.dropdown-menu-items {
    border-right: 1px solid #80808078;
    border-bottom: 0;
        border-radius: 0 !important;
}

.dropdown__menubar .nav-tabs .nav-item:first-child .nav-link.active ,
.inner__tabs{
    background-color: transparent !important
}

.inner__tabs .nav-link {
       color: #2c2c2c !important;
    padding: 0px 0 !important;
    font-weight: 400;
}
.inner__tabs  .nav-link.active {
    background-color: transparent;
}

.inner__tabs {
    border-bottom: 0;
}

.tabs__img {
    height: 100%;
}

.tabs__img img {
    height: 100%;
    width: 100%;
    object-fit: none;
}

.nav .tab-content>.active {
    height: 100%;
}

.dropdown-menu .tab-pane {
    height: 100%;
}