@charset "utf-8";
/* CSS Document */

body{
    font-family: 'Dosis', sans-serif;
}

body a{
	font-family: "Futura Bk BT", "Futura Md BT";
	font-size:17px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    text-decoration: none;
}

body a:hover{
    text-decoration: none;
}

body a:focus, a:hover {
    text-decoration: none;
}

input[type="button"],
input[type="submit"] {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.text-black{
	color:rgb(0,0,0);
}
.text-vibrant{
	color:rgb(249,31,111);
}
.bg-vibrant{
	background:rgb(249,31,111);
}
.bg-vibrant-50{
	background:rgb(249,31,111,0.9);
}
.bg-body{
	background:rgb(230,234,237);
}
.border-vibrant{
	border-color:rgb(249,31,111);
}
.bg-dark-blue{
	background:rgb(14,52,90);
}
.text-dark-blue{
	color:rgb(14,52,90);
}
.btn-vibrant{
	color:#fff;
	background-color:rgb(249,31,111);
	border-color:rgb(249,31,111);
	min-width:40%;
}
.btn-vibrant:hover{
	color:#fff !important;
}
.btn-dark-blue{
	color:#fff;
	background-color:rgb(14,52,90);
	border-color:rgb(14,52,90);
	min-width:30%;
}
.btn-dark-blue:hover{
	color:#fff !important;
}
.btn-dk-blue{
	color:#fff;
	background-color:rgb(14,52,90);
	border-color:rgb(14,52,90);
}
.btn-dk-blue:hover{
	color:rgb(14,52,90) !important;
	background:transparent;
	border:1px solid rgb(14,52,90);
}
ul li i{
	font-size:1.5rem;
}
.h1-fs{
	font-size:2.9rem;
	font-weight:700;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-family:Georgia, "Times New Roman", Times, serif;
}

/* navbar style */
.btn1{
	background:rgb(249,31,111);
	font-family:LuloCleanW01-OneBold, sans-serif;
	font-size:1.25rem !important;
	border-radius:0px !important;
	font-weight:bolder;
	width:80px;
	height:40px;
	padding:0;
}
.btn2{
	background:rgb(255,255,255);
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.9rem !important;
	color:rgb(249,31,111);
	border:3px solid rgb(249,31,111);
	height:40px;
	border-radius:0px  !important;
}
.btn2:hover{
	background:rgb(249,31,111);
	color:rgb(255,255,255);
}
.search input[name=search]{
	border-radius:0rem !important;
}
.search a{
    height:38px;
	border-radius:0rem !important;
}
.carousel-caption h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:90px;
}
.pad{
	padding:0 48% 0 0%;
}
.opacity{
	opacity: 0.8;
}
.mb-6{
	margin-bottom:16%;
}
.mr-n6{
	margin-left:-12%;
}
.pr-6{
	padding-right:10%;
}

/* intro */
.intro-p{ /* intro paragraph */
	font-size:20px;
	font-weight:700;
}
p{
    margin: 0;
    font-size: 16px;
    line-height: 1.9;
    color: #999;
    letter-spacing: 1px;
    font-family: "Futura Bk BT", "Futura Md BT";
}

ul{
    margin: 0;
    padding: 0;
}

label{
	font-family: "Futura Bk BT", "Futura Md BT";
	font-size:0.9rem;
    margin: 0;
}

a:focus,
a:hover {
    text-decoration: none;
    outline: none;
}

/* product style */
.pro-sect{
	background:rgb(249,31,111);
	min-height:1485px;
}
.box{
    height:245px;
}
.inner-box{
    background:rgb(244,244,244);
	position:relative;
	height:215px;
}
.box .overlay{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.5);
	display:flex;
	opacity:0;
	transition:opacity 0.3s ease;
}
.box:hover .overlay{
	opacity:1;
}
.overlay a{
	font-size:1rem;
}
.writer{
	font-size:0.8rem;
}
.box a{
	display:none;
}
.line-height{
	line-height:20px;
}
.box:hover a{
	display:block;
	width:100%;
	border:3px solid rgb(255,255,255);
	border-radius:0rem;
}
.ml-6{
	margin-left:7.5%;
}

/* recommended style */
.rec p{
	font-size:20px;
	font-weight:700;
}
.rec h1{
	font-size:47px;
	font-weight:700;
}
.rec-1 p{
	font-size:20px;
	font-weight:700;
}
.rec-1 h1{
	font-size:76px;
	font-weight:700;
}
.rec-1 a{
	min-width:16%;
	border:3px solid rgb(255,255,255);
	border-radius:0rem;
}

/* about style */
.abt{
	min-height:350px;
	margin-top:5%;
}
.pl-6{
	padding-left:15%;
}
.link{
	text-decoration:none;
}
.link i{
	transition:1.5s;
}
.link:hover p{
	text-decoration:underline;
}
.link:hover p i{
	margin-left:2rem !important;
}

/*-- stats --*/
.stats{
    background: url(file:///C|/xampp/htdocs/images/bg.jpg) no-repeat center fixed;
    background-size: cover;
    text-align: center;
    padding: 8em 0;
}
.stats span.fa,
span.fa-regular,
span.fa-brands{
    font-size: 3rem;
    color: #fff;
}
.stats span.fa-heart{
    color: #05c5fb;
}
.stats span.fa-clock{
    color: #f32154;
}
.stats span.fa-leanpub{
    color: #1cf3c8;
}
.stats span.fa-book{
    color: #ff7b22;
}
.numscroller{
    font-size: 3em;
    color: #000;
    margin: 16px 0 14px;
}
.info{
    letter-spacing:3px;
    border: 2px solid rgba(0,0,0,0.53);
  	background:rgba(255,255,255,0.12);
	width:50%;
	min-height:60px;
	padding-top:10px;
}

/* footer style */
.footer{
	min-height:500px;
}
/* footer logo */
.f-btn1{
	background:rgb(14,52,90);
	font-family:LuloCleanW01-OneBold, sans-serif;
	font-size:1.25rem !important;
	border-radius:0px !important;
	font-weight:bolder;
	width:80px;
	height:40px;
	padding:0;
}
.f-btn2{
	background:rgb(255,255,255);
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.9rem !important;
	color:rgb(14,52,90);
	border:3px solid rgb(14,52,90);
	height:40px;
	border-radius:0px;
	border-radius:0px  !important;
}
.f-btn2:hover{
	background:rgb(14,52,90);
	color:rgb(255,255,255);
}
.footer p{
	line-height:1.4rem;
}
.footer i{
	font-size:1.2rem;
	color:rgb(14,52,90);
}
.footer ul li a{
	font-family:"Futura Md BT", "Futura Bk BT";
	font-size:14px;
}
.ml-n6{
	margin-left:-18%;
}
.e-input{
	width:65% !important;
}
.ag-font{
	font-size:0.8rem;
}

/* about/mission/vision pages style */
.about{
	min-height:600px;
}
.about h1{
	font-size:90px;
}
.about h2{
	font-size:40px;
}
.about ul li{
	font-family:"Futura Bk BT", "Futura Md BT";
	font-size:16px;
}
.about a{
	font-family:"Futura Bk BT", "Futura Md BT";
	font-size:16px;
	text-decoration:underline;
}
.font-20{
	font-size:1.25rem;
}
.about h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.9rem;
}
.squ{
	background:rgb(242,242,242);
	min-height:800px;
}
.squ div{
	border:10px solid rgb(249,31,111);
	background:rgb(255,255,255);
	width:30%;
	height:60%;
	margin-top:6%;
	padding:3%;
}

/* contact page style */
.contact{
	min-height:550px;
}
.con{
	background:rgb(242,242,242);
	min-height:750px;
}
.contact h1{
	font-size:5.5rem;
}
.con h6{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
}
.con a{
	font-family:"Futura BK BT", "Futura Md BT";
	font-size:16px;
}
.con input{
	height:50px;
}

/* header sidebar design */
.openbar{
	display: inline-block;
	cursor: pointer;
}
.bar1, .bar2, .bar3{
	width: 30px;
	height: 3px;
	background-color:rgb(14,52,90);
	margin: 6px 0;
	transition: 0.4s;
}
.change .bar1{
	transform: translate(0, 9px) rotate(-45deg);
}

.change .bar2{
	opacity: 0;
}

.change .bar3{
	transform: translate(0, -9px) rotate(45deg);
}
.sidebar{
	height:100%;
	width: 0;
	position:fixed;
	right:0;
	background-color:rgb(255,255,255);
	overflow-x:hidden;
	transition:0.5s;
	padding-top:50px;
	z-index:100;
}
.sidebar p{
	padding: 8px 8px 8px 20px;
}
.sidebar a{
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 14px;
	display: block;
	transition: 0.3s;
}
.closebtn{
	position:absolute;
	top:1%;
	font-size:20px !important;
	margin-left:75%;
}

/* User Dashboard Style */
.dashSidebar{
	padding:20px 40px 0; /* Height of navbar */
	box-shadow:inset -1px 0 0 rgba(0, 0, 0, .1);
	height:88vh;
}
.dashSidebar div{
	height:calc(100vh - 48px);
	overflow-x:hidden;
	overflow-y:auto;
}
.userDash{
    min-height:88vh;
}
.search-dash{ /* search margin left */
	margin-left:25%;
}
.row .search-dash{
	margin-left:24%;
}
.search-dash select{
	width:20% !important;
	border-radius:0rem !important;
}
.search-dash input{
	border-radius:0rem !important;
}
.userDash h3{
	font-family:"Futura Md BT", "Futura Bk BT";
	font-size:1.8rem;
}
.user{
    display:none;
}
.dpCont{
	display:none;
	position:absolute;
	width:160px;
	background:rgb(255,255,255);
	border:1px solid rgb(205,205,205,0.2);
	border-radius:8px;
	box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index:100;
}
.dpCont a{
	text-decoration:none;
	color:rgb(14,52,90);
	font-size:0.8rem;
	display:block;
	padding:12px 16px;
}
.dropMenu:hover .dpCont{
	display:block;
}
.dashSidebar p{
	font-family:"Futura Md BT", "Futura Bk BT";
	font-size:1.2rem;
}
.dashSidebar a{
	font-family:"Futura Md BT", "Futura Bk BT";
	font-size:1.2rem;
}
.dashSidebar h5{
	font-family:"Futura Md BT", "Futura Bk BT";
	font-size:1rem;
}
.dashSidebar ul li a{
	font-family:"Futura Md BT", "Futura Bk BT";
	font-size:1rem;
}
.iconFont{
	font-size:0.9rem;
}
.set-log{
	margin-top:125%;
}
.setting{
	margin-top:4%;
}
.setBody{
	min-height:580px;
}
.msg{
	height:5px;
}
.pass-chan{
	height:220px;
}
.p-alert{
	height:30px;
	padding:0;
}
.dashBox{
	border-radius: 10px;
	border-left: 5px solid rgb(249,31,111) !important;
}
.dashBox a{
	font-family:"Futura Md BT", "Futura Bk BT";
	font-size: 1rem;
}
.dashBox p{
	font-family:"Futura Md BT", "Futura Bk BT";
	font-size: 0.9rem;
}
.table-report{
	border-radius:10px;
	min-height:450px;
}
.table-report h4{
	font-family:"Futura Md BT", "Futura Bk BT";
	font-size:1rem;
	font-weight:700;
}
.table-report table{
	width:100%;
}
.table-report th{
	font-family:"Futura Md BT", "Futura Bk BT";
	font-size:0.75rem;
}
.table-report td{
	font-family:"Futura Md BT", "Futura Bk BT";
	font-size:0.75rem;
}
.table-report a{
	font-family:"Futura Md BT", "Futura Bk BT";
	font-size:0.75rem;
}
.table-report ul{
	margin-left:80%;
}
.rStat{
    min-height:450px;
	border-radius:10px;
	border-left:5px solid rgb(249,31,111) !important;
}
.rStat h4{
	font-family:"Futura Md BT", "Futura Bk BT";
	font-size:1rem;
	font-weight:700;
}
.rStat p{
	font-family:"Futura Md BT", "Futura Bk BT";
	font-size:0.85rem;
}
.req h4{
	font-family:"Futura Md BT", "Futura Bk BT";
	font-size:1rem;
}
.repo{
	height:100px;
	border-radius:6px;
}
.bxo{
	height:40px;
	border-radius:5px;
}
.repo p{
	font-family:"Futura Md BT", "Futura Bk BT";
	font-size:0.85rem;
}
/* Profile Style */
.proHead{
	font-family:"Futura Md BT", "Futura Bk BT";
	font-size:1rem;
	font-weight:700;
}
.proList{
	font-family:"Futura Md BT", "Futura Bk BT";
	font-size:0.9rem;
}
.editBtn{
	background:rgb(255,255,255);
	border:1px solid rgb(0,0,0);
	width:45px;
	height:25px;
	padding:2px;
	margin-top:30%;
	margin-right:40%;
	font-size:0.8rem;
	margin-top:-35%;
}
.profile{
	border-radius:20px;
	min-height:630px;
}
.bio{
	border-radius:20px;
	min-height:320px;
	overflow:hidden;
}
.bio p{
	text-overflow:ellipsis;
}
.brief{
	border-radius:18px;
	min-height:140px;
}
textarea{
	font-family:"Futura Md BT", "Futura Bk BT";
	font-size:0.85rem;
}
textarea::placeholder{
	font-family:"Futura Md BT", "Futura Bk BT";
	font-size:0.85rem;
}

/* author page style */
.author{
	min-height:700px;
}
.auth{
	background:rgb(242,242,242);
	min-height:1200px;
}
.author h1{
	font-size:5.5rem;
}
.auth h6{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
}
.auth a{
	font-family:"Futura BK BT", "Futura Md BT";
	font-size:16px;
}
.auth input{
	height:40px;
}
.auth input::placeholder{
	font-family:"Futura BK BT", "Futura Md BT";
}






/* Mobile Responsiveness Media Queries */

/* For tablets and below (<=768px, Bootstrap's md breakpoint) */
@media (max-width: 768px) {
.header .shadow{
    padding:0 5px 0 5px !important;
}
/* Navbar adjustments */
.logo {
	margin-left: 1rem; /* Reduce margin */
}
.btn1{
	font-size:1rem !important; /* Smaller logo font */
	width:65px; /* Smaller width */
	height:35px;
}
.btn2{
	font-size:0.75rem !important;
}
.navbar-collapse{
    background: #fff;
    position: absolute;
    top: 100%;
    left: -5%;
    width: 105%;
    padding: 1rem;
    z-index: 999;
}

/* Hero section */
.hero{
    padding:0 5px 0 5px !important;
}
/* Hero (carousel) adjustments */
.carousel-caption h2 {
	font-size: 2.5rem; /* Reduce caption size */
}
.pad{
	padding: 0; /* Remove excessive padding */
	text-align: center;
}
.mb-6{
	margin-bottom: 8%; /* Reduce margin */
}
.mr-n6 {
	margin-left: 0; /* Remove negative margin */
}
.carousel-item img {
	height: 400px; /* Reduce image height */
	object-fit: cover; /* Prevent distortion */
}

/* Intro adjustments */
.intro-p {
	font-size: 1.2rem; /* Smaller font */
}
.h1-fs {
	font-size: 2rem; /* Smaller heading */
}

/* Product and recommended sections */
.pro-sect {
	margin-top: 5%; /* Reduce margin */
	padding: 1rem; /* Add padding */
}

.ml-6 {
	margin-left: 0; /* Remove margin */
}
.rec {
	margin-top: 10%; /* Reduce margin */
}
.rec h1 {
	font-size: 2rem; /* Smaller heading */
}
.rec-1 {
	margin-top: 15%; /* Reduce margin */
}
.rec-1 h1 {
	font-size: 2.5rem; /* Smaller heading */
}
.rec-1 a {
	width: 50%; /* Wider button */
	font-size: 0.9rem; /* Smaller font */
}

/* About section */
.abt {
	min-height: auto; /* Flexible height */
	padding: 1rem; /* Add padding */
}
.pl-6 {
	padding-left: 0; /* Remove padding */
}
.col-sm-5 {
	float: none; /* Remove float */
	width: 100%; /* Full width */
	padding: 1rem; /* Add padding */
	text-align: center; /* Center text */
}

/* Stats section */
.stats {
	padding: 4rem 0; /* Reduce padding */
}
.stats span.fa,
.stats span.fa-regular,
.stats span.fa-brands {
	font-size: 3em !important; /* Smaller icons */
}
.numscroller {
	font-size: 2rem; /* Smaller numbers */
}
.info {
	width: 80%; /* Wider info box */
	font-size: 0.9rem; /* Smaller font */
}

/* Footer adjustments */
.footer {
	min-height: auto; /* Flexible height */
	padding: 1rem; /* Add padding */
}
.ml-n6 {
	margin-left: 0; /* Remove negative margin */
}
.e-input {
	width: 100% !important; /* Full-width input */
	margin-bottom: 0.5rem; /* Add spacing */
}
.footer .form-inline {
	flex-direction: column; /* Stack form elements */
	align-items: center;
}
.footer .btn {
	width: 100%; /* Full-width button */
}
}



/* For small mobile devices (<=576px, Bootstrap's sm breakpoint) */
@media (max-width: 576px){
.header .shadow{
    padding:0 5px 0 5px !important;
}
/* Navbar adjustments */
.btn1, span{
	font-size:1rem !important;
	width:65px;
	-ms-flex-line-pack: center !important;
    align-content: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.btn2{
    padding:0 !important;
	font-size:0.6rem !important;
	width:80px;
	height:35px;
	text-align:center;
	-ms-flex-line-pack: center !important;
    align-content: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.f-btn1, span{
	font-size:1rem !important;
	width:65px !important;
	height:35px;
	-ms-flex-line-pack: center !important;
	font-weight:bolder;
	align-content: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.f-btn2{
     padding:0 !important;
     font-size:0.6rem !important;
     width:80px !important;
     height:35px;
     text-align:center;
     -ms-flex-line-pack: center !important;
     align-content: center !important;
     -ms-flex-align: center !important;
     align-items: center !important;
}
.navbar-collapse{
    background: #fff;
    position: absolute;
    top: 100%;
    right: -2.5%;
    left: -2.5%;
    width: 105%;
    padding: 1rem;
    z-index: 999;
}

/* Hero section */
.hero{
    padding:0 5px 0 5px !important;
}
/* Hero (carousel) adjustments */
.carousel-caption h2 {
	font-size: 1.5rem; /* Further reduce caption size */
}
.carousel-item img {
	height: 300px; /* Further reduce image height */
}

/* Intro adjustments */
.intro-p {
	font-size: 1rem; /* Smaller font */
}
.h1-fs {
	font-size: 1.5rem; /* Smaller heading */
}

/* Product and recommended sections */
.pro-sect{
	min-height:1150px;
	margin-top:0;
}
.author h1{
	font-size:3.5rem;
}
.box {
    margin-left:16% !important;
	height:215px;
}
.box .overlay{
    display:none;
}
.box a.btn {
    display:block;
    width:100%;
    border:3px solid rgb(255,255,255);
    border-radius:0rem;
  }
.rec h1 {
	font-size: 1.5rem; /* Smaller heading */
}
.rec-1{
	margin-top:190%;
}
.rec-1 h1 {
	font-size: 1.8rem; /* Smaller heading */
}
.rec-1 a {
	width: 80%; /* Wider button */
	font-size: 0.8rem; /* Smaller font */
}

/* About section */
.abt {
	min-height:600px; /* Flexible height */
	padding: 1rem; /* Add padding */
	margin-top:15%;
}
.pl-6 {
	padding-left: 0; /* Remove padding */
}
.col-sm-5 {
	float: none; /* Remove float */
	width: 100%; /* Full width */
	padding: 1rem; /* Add padding */
	text-align: center; /* Center text */
}

/* Stats section */
.col-sm-3 {
	width: 100%; /* One per row */
}
.stats span.fa,
.stats span.fa-regular,
.stats span.fa-brands {
	font-size: 3em !important; /* Smaller icons */
}
.numscroller {
	font-size: 1.5rem; /* Smaller numbers */
}
.info {
	width: 100%; /* Full-width info box */
	font-size: 0.8rem; /* Smaller font */
}

/* Footer adjustments */
.footer ul li a {
	font-size:0.75rem; /* Smaller links */
}
.e-input{
	width:60% !important;
	margin-left:0px !important;
}
.ag-font {
	font-size: 0.7rem; /* Smaller agreement text */
}
.squ{
	height:600px;
}
.squ div{
	width:90%;
	height:65%;
	margin-top:12%;
	padding:8%;
}
.dashSidebar p{
	font-size:1rem;
}
.dashSidebar a{
	font-size:1rem;
}
.dashSidebar h5{
	font-size:0.8rem;
}
.dashSidebar ul li a{
	font-size:0.8rem;
}
.userDash{
	position:static;
	margin-top:0 !important;
}
.search-dash{
	margin-right:-50%;
}
.userDash .borBott{
	border:none !important;
	padding:0 10% 0 0;
	text-align:center;
}
.userDash .uname{
	text-align:center;
	padding:2% 10% 0 0;
}
.set-log{
	margin-top:10%;
}
.log{
	width: 90% !important;
}
.mark{
	margin-left: -16%;
}
.sign{
	width: 90% !important;
}
.radio{
	margin-left: -8%;
	margin-right: -8%;
}
.bxo{
    width:20% !important;
}
.bxo i{
	margin-top:-95px !important;
}
.fill{
	width:95% !important;
}
.fil{
	width:50% !important;
}
.editBtn{
	width:50px;
	height:28px;
	margin-right:0%;
	font-size:0.9rem;
	margin-top:20%;
}
.table-report{
	margin-left:0 !important;
	margin-right:3rem !important;
}
.table-report ul{
	margin-left:70%;
}
.rStat{
	margin-top:8% !important;
	margin-left:0 !important;
	margin-right:3rem !important;
}
.foot{
    text-align:center;
}
.contact h1{
	font-size:3.5rem;
}
.about img{
    margin-top:5% !important;
    height:400px;
}
.user{
    display:block;
}
.menu-user{
    display:none;
}
.table-report a{
	font-size:0.65rem;
}
}