@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap');
html {scroll-behavior:smooth;}
body {background:url(../images/main-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; color:#fff; font-family: 'Roboto', sans-serif; font-size:16px;font-weight:400; line-height:1.7;}

.font-roboto{font-family: 'Roboto', sans-serif;}
	
*, *:focus {outline:none !important; transition:all 0.3s ease 0s;}

a {text-decoration:none !important; color:#fff;} a:hover{color:#0084ff;}
p{margin-bottom:20px;} .nomrgn{margin:0px !important;}


.Bor:after {border-bottom:1px solid #fff; content:"";display:block; margin:30px auto 45px auto; padding-bottom:0px; width:607px;}
.fs-20 {font-size:30px !important;}

/*************Line Height****************/

.ls-1 {letter-spacing:.010em !important;}
/*************Font Weight****************/
.font-weight-bold {font-weight:700 !important;}

.bg-danger {background:#ff00a2!important;}

/*****************************/
.text-danger {color:#ff00a2 !important;}
h1, .h1 {font-size:40px;}
h2, .h2 {font-size:25px;}
h3, .h3 {font-size:25px;}
h4, .h4 {font-size:20px;}
h5, .h5 {font-size:18px;}

#Landing{min-height:100vh; }
#Landing .page-height{height:100%;}

#Landing{min-height:100vh; }
#Landing .page-height{height:100%;}
#Landing .fa-sm{font-size:24px; color:#0084ff;}



/*************************************************************************************************************/

@media (min-width:1200px) {

}

@media (min-width:992px) {



}

.container{max-width:1100px; margin-top:25%;}
.container-fluid{max-width:1280px;} 

@media (min-width: 767.98px) {


}
@media (min-width: 576px) { 
	
}

@media (min-width: 1920px) {

}

@media (min-width: 1600px) {	}


@media (min-width: 1359.98px) and (max-width: 1559.98px) {

}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {
}
@media (min-width: 991.98px) and (max-width: 1199.98px) {h1, .h1 {font-size: 50px;} h2, .h2 {font-size: 40px;}
}
@media (min-width: 768px) and (max-width: 991.98px) {h1, .h1 {font-size: 35px;} h2, .h2 {font-size: 30px;} .Bor::after {margin: 50px auto 40px auto;} .container{ margin-top:0% !important;}
}

@media (max-width: 767.98px) {h1, .h1 {font-size: 30px;} h2, .h2 {font-size: 25px;} .Bor::after {margin: 30px auto 30px auto; width:100%; } .container{ margin-top:0% !important;}


}
@media (max-width: 576px){ h1, .h1 {font-size: 25px;} h2, .h2 {font-size: 20px;}

}

@media (max-width: 479px) {}
@media (max-width: 320px) {}
/********** Back To Top Button ***************************************************************************************************/
#scroll {background:rgba(95,95,95,0.55); position:fixed; right:10px; bottom:10px; z-index:99999; cursor:pointer; width:45px; height:45px; text-indent:-9999px; display:none; webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px}
#scroll span {position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-12px; height:0; width:0; border:8px solid transparent; border-bottom-color:#ffffff;}
#scroll:hover {background-color:##0084ff; opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";}