:root {
  --bg1:#fff;
  --bg2:#dddddd;
  --whitecolor:#fff;
  --blackcolor:#000;
  --bluecolor:#002d67;
  --titlecolor:#000;
  --fontcolor:#828181;
  --morecolor:#BE9B60;
  --bordercolor:#014983;
  --bghover:#BE9B60;
  --fonthover:#000;


  /* DARK THEME */
  
  --dark-bg1:#18191D;
  --dark-bg2:#23242A;
  --dark-titlecolor:#A4A4A4;
  --dark-fontcolor:#A4A4A4;
  --dark-morecolor:#BE9B60;
  --dark-bordercolor:#2C2D33;
  --dark-bghover:#BE9B60;
  --dark-fonthover:#fff;
  --dark-whitecolor:#000;

}



.dark-theme {
  --bg1: var(--dark-bg1);
  --bg2: var(--dark-bg2);
  --titlecolor: var(--dark-titlecolor);
  --fontcolor: var(--dark-fontcolor);
  --bordercolor: var(--dark-bordercolor);
  --bghover: var(--dark-bghover);
  --fonthover: var(--dark-fonthover);
  --blackcolor: var(--dark-whitecolor);
}
*,
*:after,
*:before { 
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}



body {font-family:'Inter','muli', sans-serif;	font-size: 14px; background: #18191d;
 
}
h1, h2, h3, h4, h5, h6{color: #fff;	}
html,body{height:auto}
.text-left{text-align: left;}
.text-right{text-align: right;}
/* .col-md-1{width: auto;} */
.ml-auto{margin-left: auto;}
.pad-r0{padding-right: 0;}
.ma-40{margin:40px}
.mb-0 { margin-bottom: 0 !important;}
.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}

.ml-20{margin-left: 20px;}
.ml-25{margin-left: 25px;}

.mt-0 { margin-top: 0 !important;}
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}

.pt-10{padding-top: 10px;}
.pl-10{padding-left: 10px;}
.pb-0{padding-bottom: 0;}
.pb-10{padding-bottom: 10px;}
.pa-50{padding: 50px!important;}
.pa-13{padding: 13px!important;}
.min-h150{ min-height: 150px;}
.d-flex{align-items: center;}

.font-300{font-weight: 300;}
.font-500{font-weight: 500;}
.font-700{font-weight: 700;}
.carousel-indicators{bottom: -35px;}
.text-center{text-align: center!important;}
.rounded-pill {
  border-radius: 5px !important;
  border: 1px solid var(--bordercolor);
  background: var(--bg1);
}
.rounded-pill:hover{background: var(--bg1);}


/* width */
::-webkit-scrollbar { display: none;}  
  
  .wrapper {width:100%;height:auto;position:relative}
  .img-thumbnail{border: none; padding: 0; background: none;}
  .collapse:not(.show) {
    display: none;
}
.dropdown-divider{border-top: 1px solid var(--bordercolor);}
.dashboard-bg{background: var(--bg2); border-radius: 10px; margin-top: 15px; padding: 15px;}
p{color: var(--fontcolor); }
.sds-logo img{width: 10%; margin-bottom: 10px;}

.panel{background:  var(--bg1);  border-radius: 3px; position: relative;box-shadow: var(--boxshadow);  overflow: hidden; min-height: 200px; margin: 20px 0;}
/* .panel:hover{background: #001939de;} */

.sds-dashboard{position: relative;}
.sds-info{ margin-top: 170px;}
.sds-info .logo{margin-bottom: 30px; width: 75%;}
.sds-info h2{font-size: 1.50rem; text-transform: uppercase; font-weight: 500; color:  var(--blackcolor);}
.sds-info h3{font-size: 0.80rem; font-weight: 200; color:  var(--dark-bordercolor);}

.sds-info .search-box ::placeholder {
  color: #000;
}
input[type="text"]:before{background: url("../img/arrow.png"); width: 30px;}
.sds-info .search-box .form-control:focus{background-color:#fff; color: #000;}
.scroll-box{overflow: auto; height: 100vh; position: relative;}
.scroll-box .simplemarquee-wrapper{margin-top: 0!important;}
.scroll-box h3{ text-align: center; color: var(--whitecolor);}
.info-section .icon{width: 30%; margin-bottom: 10px;}
.info-section h3{font-size: 0.9rem; text-transform:capitalize; font-weight:normal; padding-left: 7px;}
.info-section p{color:  var(--whitecolor); font-size: 11px; padding-left: 7px;}
.gif-img {position: relative;}
.gif-img h3{position:absolute; bottom: 0; left: 0; right: 0; padding:15px; background: rgb(0,0,0);
  background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(242,170,29,0.4766281512605042) 70%);  border-radius: 5px 5px 0 0 ; text-align: right; margin: -2px; color:  var(--whitecolor);}
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}

.wrapper{background:  #fffffff0;}
footer{background: #002d67; text-align: center; color:#ccc;font-size: 12px; margin:0; padding: 15px 0; left: 0; right: 0; position: fixed; bottom: 0;    height: 45px;font-weight: 300; }
/*odd size */
  @media (width: 393px) 
  { 
    .navbar-toggler{display: block;} 
  }


  /*Min Width size */
  @media (min-width: 896px)
  {

   }
  @media (min-width: 851px) 
{ 
  .navbar-toggler{display: none;} 
}
  @media (min-width: 992px) 
  { 
    .sds-info{ margin-top: 200px;}
    .sds-info .logo{margin-bottom: 30px; width: 90%;}
    .sds-info h2{font-size: 2rem; text-transform: uppercase; font-weight: 500;}
    .sds-info h3{font-size: 1.20rem; font-weight: 200;}
  }
  @media (min-width: 1200px) 
  { 
    .sds-info{ margin-top: 200px;}
    .sds-info .logo{margin-bottom: 30px; width: 75%;}
    .sds-info h2{font-size: 1.80rem; text-transform: uppercase; font-weight: 500;}
    .sds-info h3{font-size: 1rem; font-weight: 200;}
    .gif-img h3 {font-size: 1rem; font-weight: 200;}
  }


  /*Max Width size */
@media (max-width: 576px) 
{ 
  
}
@media (max-width: 768px)
 {
  .sds-logo img{width: 30%;}

  }
@media (max-width: 992px) 
{ 
 
  
}
@media (min-width: 1400px) 
{

  .sds-info{ margin-top: 250px;}
  .sds-info .logo{margin-bottom: 30px; width: 75%;}
  .sds-info h2{font-size: 1.80rem; text-transform: uppercase; font-weight: 500;}
  .sds-info h3{font-size: 1rem; font-weight: 200;}

  .gif-img h3 {font-size: 1rem; font-weight: 200;}
  
 }

 @media (min-width: 1600px) 
{

  .sds-info{ margin-top: 350px;}
  .sds-info .logo{margin-bottom: 30px; width: 75%;}
  .sds-info h2{font-size: 2.20rem; text-transform: uppercase; font-weight: 500;}
  .sds-info h3{font-size: 1.20rem; font-weight: 200;}
  .gif-img h3 {font-size: 1.20rem; font-weight: 200;}
  
 }