:root {
--dark-color: #040b14;
--blue-color: #2196f3;
--light-color: #ffffff;
--grey-color: #ccc;
--gold-color: #bfa100;
--color--shadow-light: rgba(228, 241, 240, .7);
--color-dp16: rgb(56,56,56) ;
--primary-dark:#121212 ;
--color-text: #eee;
	

}

*{margin: 0;padding: 0;box-sizing: border-box;}
/*body{background: var(--dark-color) !important;font-family: "Poppins", sans-serif;}*/
body{overflow-x: hidden !important;}
/*HEADER CSS START*/
.header_sticky {width: 100%;max-width: 100%;z-index: 9;transition: all .5s ease;}
.header_sticky-active {position: sticky;top: 0px;animation: moveDown .5s;box-shadow: 0 8px 25px 0 rgba(140, 152, 164, 0.15);transition: all .5s ease;overflow-x: clip;}
@keyframes moveDown {
  0% {transform: translateY(-100%);-webkit-transform: translateY(-100%); }
  100% {transform: translateY(0);-webkit-transform: translateY(0); } 
}
.navbar{background-color: rgb(28 28 28 / 90%) !important;}
.navbar-brand{font-size: 30px;color: var(--blue-color);font-weight: 500;text-transform: capitalize;}
.navbar-brand:hover{color: var(--blue-color);}
.navbar-brand:hover span{color: var(--light-color);}
.navbar-brand span{color: var(--light-color);}
.nav-link{background-color: var(--blue-color);color: var(--light-color);font-size: 18px;padding-left: 25px !important;padding-right: 25px !important;border-radius: 5px;font-weight: 500;text-transform: capitalize;}
.nav-link:hover{color: var(--light-color) !important;}
.navbar-nav {display: flex;align-items: center;flex-direction: row;}
.navbar-nav li {margin: 0 10px;}
.nav-link:hover, .nav-link:focus {color: white;}
.navbar-brand:hover, .navbar-brand:focus {color: white;}
/*HEADER CSS END*/

/*CONTANT CSS START*/
.title h1 {font-size: 42px; font-weight: 700;}
.container-img {position: relative;height: 260px;overflow: hidden;margin-bottom: 5px;}
.background-image {background-size: cover;background-position: top;width: 100%;height: 100%;transition: background-position 3s ease-in, transform 2s ease-out;}
.major-img01 {border: solid 1px #eee;}
/*CONTANT CSS END*/

/*FOOTER CSS START*/
footer{color: var(--light-color); background-color: rgb(55 55 55 / 80%);}
.social a{text-decoration: none;}
.social i{font-size: 20px;background-color: var(--blue-color);color: var(--light-color);width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;border-radius: 5px;}
.ft-txt span {color: var(--blue-color);}

/*FOOTER CSS END*/

/*BACK TO TOP CSS START*/
.back-to-top{display:none; position:fixed; bottom:25px; right:15px; z-index:100;text-decoration: none !important;}
.back-to-top i{display: block;width: 40px;height: 60px;line-height: 50px;color: var(--light-color);border-radius: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;-o-border-radius: 50px;text-align: center;background-color: var(--blue-color);transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;display: flex;align-items: center;justify-content: center;animation: bounce 2s infinite;-webkit-animation: bounce 2s infinite;-moz-animation: bounce 2s infinite;-o-animation: bounce 2s infinite;
text-decoration: none !important;}
@-webkit-keyframes bounce {0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}  40% {-webkit-transform: translateY(-30px);}60% {-webkit-transform: translateY(-15px);}
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
  40% {-moz-transform: translateY(-30px);}
  60% {-moz-transform: translateY(-15px);}
}
@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
  40% {-o-transform: translateY(-30px);}
  60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
  40% {transform: translateY(-30px);}
  60% {transform: translateY(-15px);}
}
/*BACK TO TOP CSS END*/

/*DARK AND LIGHT SWITCH CSS START*/
.switch {position: relative;display: inline-block;width: 60px;height: 30px;animation : moveUp .5s .5s;animation-fill-mode:backwards;}
.switch input {opacity: 0;width: 0;height: 0;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: var(--blue-color);-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 20px;width: 20px;left: 4px;bottom: 4px;background-color: var(--light-color);-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: var(--color-dark-primary);}
input:focus + .slider {box-shadow: 0 0 1px var(--blue-color);}
input:checked + .slider:before {-webkit-transform: translateX( 30px );transform: translateX( 30px );}
/* Rounded sliders */
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}

/*DARK AND LIGHT SWITCH CSS END*/

/*****  RESPONSIVE CSS START  *****/
@media only screen and (max-width : 767px){
	.mobile-center {text-align: center !important;display: flex !important;justify-content: center !important;flex-direction: column;}
	.nav-link {margin-bottom: 15px;}
	.navbar-nav {display: flex;align-items: center;flex-direction: column;}
	.my-4 {margin-top: 0px !important;margin-bottom: 15px !important;}
	.ft-txt {text-align: center !important;}
	.social {text-align: center;display: flex;justify-content: center;}
}
/*****  RESPONSIVE CSS END  *****/