/* Font Family */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@600&display=swap');
@font-face {
    font-family:worksans;
    src: url('../fonts/Work_Sans/WorkSans-Italic-VariableFont_wght.ttf');
    src: url('../fonts/Work_Sans/WorkSans-VariableFont_wght.ttf');
}
@font-face{
    font-family:aeonik-trial;
    src:url('../fonts/aeonik-trial/New/AeonikTRIAL-Bold.otf');
    src:url('../fonts/aeonik-trial/New/AeonikTRIAL-Light.otf');
    src:url('../fonts/aeonik-trial/New/AeonikTRIAL-Regular.otf');
}
/*Header Navbar*/

/* slide auto*/
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
body{
    font-family: 'Poppins', sans-serif !important;
    background: #eff3f8;
}
.container-side-auto{
    border-color:lightgray;
    border-width: 1px;
    border-style: solid;
    padding: 20px;
}
.postion-1
{
    position: relative;
    left: 14%;
}
#social_side_links {
    position: fixed;
    top: 300px;
    right: 0;
    padding: 0;
    list-style: none;
    z-index: 99;
}
#social_side_links li a img {
    display: block;
    max-width: 40px;
    padding: 10px;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
    margin-bottom: 7px;
    background-color: #f1593a;
}
#social_side_links li a img:hover {
    display: block;
    max-width: 40px;
    padding: 10px;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
    margin-bottom: 7px;
    background-color: #080808;
}
#fixed{
    position: sticky;
    top: 0px;
    z-index: 11;
    background: linear-gradient(96deg, #0000004f, #ffffff00);
}
.navbar-light .navbar-toggler {
    background: rgb(255 255 255);
    border-color: rgb(241 89 58);
}

   .navbar-nav li:hover > ul.dropdown-menu {
    display: block;
  }
  .dropdown-submenu {
      position:relative;
  }
  .dropdown-submenu>.dropdown-menu {
      top:0;
      left:100%;
      margin-top:-6px;
  }

  .dropdown-menu > li > a:hover:after {
      text-decoration: underline;
      transform: rotate(-90deg);
  } 
  
.con-bg-color{
    background-color:#052846;
    padding: 20px;
    color: white;
}
.con-bg-color h1{
    color: white;
    font-size: 21px;
}
.bg-footer{
    background-color: #052846;
    padding-top: 10px;
    padding-bottom: 10px;
}
.fixed-width{
    width: 100%;
    height: auto;
    border: 1px solid #d5d2d2;
}
.slick-slide{
    margin: 0 20px;
}
.slick-slide img{
    width: 100%;
}
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
}
.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block
}
.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
.slick-slide img{
    display: block;
}
.slick-initialized .slick-slide{
    display: block;
}
.copy{
    padding-top: 250px;
}
/*slide end*/

#logo{
    width: 300px;
    height: auto;
    background:#83838329;
}
.navbar-light .navbar-nav .nav-link {
    color: #fff;
    font-weight: 600;
    text-indent: 10px;
    font-family: worksans;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
    color: #fff;
    font-weight: 600;
    font-family: worksans;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #fff;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    display: none;
    transition: all 0.3s ease-in-out;
    transition-delay: 1s;
}
.navbar-expand-lg .navbar-nav .dropdown .dropdown-menu {
    position: absolute;
    display: none;
    transition: all 0.3s ease-in-out;
    transition-delay: 1s;
    border-radius: 10px;
}

.navbar-expand-lg .navbar-nav .dropdown:hover .dropdown-menu {
    position:absolute;
    display:block;
    top:30px;
    left:0;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    transition-delay: 1s;
}
.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    z-index: 7;
}
.slide-item{
    display: inline;
}
.slide-container{
    border-color:lightgray;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
}

.w-14{
    width: 9%;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.45rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-size: 14px;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #ffffff;
    background-color: #f1593a;
    border-bottom: 2px solid #fff;
}
.btn-primary {
    color: #fff;
    background-color: #f26c51;
    border:1px solid #f26c51;
    font-family: aeonik-trial;
}
.card-title{
    font-family: aeonik-trial;
}
.btn-primary:hover{
    background: #fff;
    color: #f26c51;
    border:1px solid #f26c51;
    font-family: aeonik-trial;
}
/*KeyFrame Animation */
.dropdown_menu-8
{
    animation: downOut 300ms ease-in-out forwards;
    transform-origin: center center;

}

/*Comman Style*/
h1,h1,h3,h4,h5,h6{
    font-family:"Sora";
    color:#f1593a;
}
h2{
    color:#f1593a;
    font-family:"Sora";
}
p{
    font-family:worksans;
    text-align: justify;
    line-height:24px;
}
.footer-line
{
    line-height: 23px;
    font-size: 12px;
    color: #000;
}
.card-text{
    line-height:30px;
}

/*About Us */
#relative{
    position: relative;
    top: 95vh;
}
#relative4{
    position: relative;
    top: 95vh;
    background:#fff !important;
}
.about{
    background:url('../img/fadedgray.svg');
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
}
.back-section {
    font-size: 20px;
    font-weight: 500;
}
.indent{
    text-indent: 8px;
}
.indivitual-color-our-company{
    color:#842029;
}
.description{
    color: #000 !important;
    font-family: "Sora";
    font-weight: 400;
    font-style: normal;
    margin: 0 0 3rem;
    font-size: 3rem;
    line-height: 1;
    margin-bottom: 12px;
}
.back-section a{
    color: #f75c3d;
    text-decoration: none;
}
.table-section{
    width: 100%;
    border-style: solid;
    border-width: 1px;
    font-family: "Sora";
    margin-top: 30px;
}

.table-section th{
    border-color:#dddddd;
    border-style: solid;
    border-width: 1px;
    text-align:left;
    padding: 10px;
    font-size: 23px;
    color: black ;
}
.table-section td{
    border-color:#dddddd;
    border-style: solid;
    border-width: 1px;
    text-align:left;
    padding: 10px;
    font-size: 15px;
    
}
.table-section tr:nth-child(even) {
    background-color: #dddddd;
  }
#relative1{
    position: relative;
    top: 95vh;
    background: #efefef;
    padding-bottom: 10px;

}

/*Industries*/
#heading
{
    padding:5px;
    background: #f1593a;
}

#img-radius{
  border-radius:20px;
}

/*Footer*/
#social-icon{
    font-size:40px;
}
.footer{
    border-top: 1px solid #f1593a;
}
.img-5
{
    max-width:100%;
    height: 300px;
}





@keyframes downOut {
     0% {
        transform: translateZ(200px) transLateY(40px);
    }
    80% {
        transform: translateZ(-10px) transLateY(0px);
    }
    100% {
        transform: translateZ(0px) transLateY(0px);
    }
}
/*Background Video*/
#video{
    position: absolute;
    top:0px;
    left:0px;
    display: block;
    width:100%;
    height:100%;
    object-fit:cover;
}

@media only screen and (max-width:991px)
{
    .navbar-expand-lg .navbar-nav .dropdown:hover .dropdown-menu {
        position:relative;
        display:contents;
        top:45px;
        left:0;
    }

}