/* h5{
  text-align: center;
  font-size: 50px;
  color: white;
  font-size: 50px !important;
  transition: letter-spacing.5s !important;
}

h5 {cursor: pointer;}

h5:hover{
  letter-spacing: 20px;
} */
/* icon bar code start from here */

.under-deve{
	margin-top: 600px !important;
}

.gal img{
	transition: 1s;
}

.gal img:hover{
	transform: scale(1.1);
}

.About_Me{
  margin-left: auto;
  margin-right: auto;
}
.contact-h1{
  color:#dc3545;
}

.form{
  width: 500px !important;
  margin-top: 100px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.text-Message{
  height:200px !important;
}

.card-about{
	margin-bottom: 50px !important;
}


.card-hoby{
	margin-top: 50px !important;
}

.first_paragraph{
  text-align: center;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 20px;
}

.button{
  margin-bottom: 100px;
}

body {margin:0;height:500px;}
.icon-bar {
  position: fixed;
  top: 40%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar a:hover {
  background-color: #000;
}

.facebo {
  background: #3B5998;
  color: white;
}

.twit {
  background: #55ACEE;
  color: white;
}

.Instag{
  background: #dd4b39;
  color: white;
}

.linked{
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}

.content {
  margin-left: 75px;
  font-size: 30px;
}
/* icon bar code stop from here */

.card{
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 50px !important;
  margin-top: 20px;
  margin-bottom: 20px;
}

.col-md-5{
  margin-left: auto;
  margin-right: auto;
}

.card-front{
  margin-top: 530px;
}

.card-front li a{
  margin-left: 40px;
}

.card-front li a:hover{
    color: red;
}

.nav-make a{
    padding-right: 50px !important;
}

 .nav-manage a{
   padding-right: 50px;
 }

 .card-img-border{
   border-radius: 30px !important;
 }

.btn{
  border-radius: 20px !important;
	font-size: 15px !important;
}

 .btn-banne{
  	/* margin-bottom: 20px; */
    width: 199px;
    height: 50px;
    font-size: 25px !important;
 }

 .btn-card{
   padding-right: 900px;
 }

 .bt-card{
	 margin-left: 50px;
 }

.list{
	margin-left: 50px;

}
.footer-basic {
  padding:40px 0;
  background-color:#212529;
  color:#4b4c4d;
}

.footer-basic ul {
  padding:0;
  list-style:none;
  text-align:center;
  font-size:18px;
  line-height:1.6;
  margin-bottom:0;
}

.footer-basic li {
  padding:0 10px;
	font-family: 'Cabin', sans-serif !important;
}

.footer-basic ul a {
  color:white;
  text-decoration:none;
  opacity:0.8;
}

.footer-basic ul a:hover {
  opacity:1;
}

.footer-basic .social {
  text-align:center;
  padding-bottom:25px;
}

.footer-basic .social > a {
  font-size:24px;
  width:40px;
  height:40px;
  line-height:40px;
  display:inline-block;
  text-align:center;
  border-radius:50%;
  border:1px solid #ccc;
  margin:0 8px;
}

.footer-basic .social > a:hover {
  opacity:0.9;
}

.footer-basic .copyright {
  margin-top:15px;
  text-align:center;
  font-size:13px;
  color:#aaa;
  margin-bottom:0;
}
.content{
  color: black;
  font-size: 40px;
  font-weight: 100px;
  margin-right: 400px;
  margin-bottom: 100px;
}


.footer-basi {
  padding:40px 0;
  background-color:#212529;
  color:#4b4c4d;
}

.footer-basi ul {
  padding:0;
  list-style:none;
  text-align:center;
  font-size:18px;
  line-height:1.6;
  margin-bottom:0;
}

.footer-basi li {
  padding:0 10px;
	font-family: 'Cabin', sans-serif !important;
}

.footer-basi ul a {
  color:white;
  text-decoration:none;
  opacity:0.8;
}

.footer-basi ul a:hover {
  opacity:1;
}

.footer-basi .social {
  text-align:center;
  padding-bottom:25px;
}

.footer-basi .social > a {
  font-size:24px;
  width:40px;
  height:40px;
  line-height:40px;
  display:inline-block;
  text-align:center;
  border-radius:50%;
  border:1px solid #ccc;
  margin:0 8px;
}

.footer-basi .social > a:hover {
  opacity:0.9;
}

.footer-basi .copyright {
  margin-top:15px;
  text-align:center;
  font-size:13px;
  color:#aaa;
  margin-bottom:0;
}

body{
  min-height: 100vh;
}

.footer-basi{
  position: sticky;
  top: 100%;
}

.footer-basic{
  position: sticky;
  top: 100%;
}

.cd{
	margin-top: 100px;
}

.footer-basi{
	margin-top: 100px;
}

p{
	font-size: 20px !important;
	font-family: 'Cabin', sans-serif !important;
}

.iim{
	margin-top: 200px !important;
}


.ul{
	font-size: 20px;
}

.card-effect::before {
  transform: scaleX(0);
  transform-origin: bottom right;
}

.card-effect:hover::before {
  transform: scaleX(0.80);
  transform-origin: bottom left;
}

.card-effect::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  inset: 0 0 0 0;
  background: hsl(200 0% 80%);
	border-radius: 20px;
  z-index: -1;
  transition: transform .3s ease;
}


@media (orientation: landscape) {
  body {
    grid-auto-flow: column;
  }
}

.card-infront{
	margin-top: 600px;
}

.card-infront li a{
  margin-left: 20px;
}

.card-infront li a:hover{
    color: red;
}

.btn-contact{
	height: 50px;
	width: 200px;
}

.card-title{
	margin-top: 120px !important;
}

.img-card img{
	transition: 1s;
}

.img-card img:hover{
	transform: scale(1.5);
}

.radious{
	  border-radius: 50px !important;
}

.btn{
	font-size: 16px !important;
}

.simp{
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
}


.text-capital{
	color: black;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
	font-size: 50px;
}

.text-capi{
	color: black;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
	font-size: 40px !important;
}

.text-heading{
	margin-top: 500px;
	margin-left: auto;
	margin-right: auto;
}


.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.dont{
	margin-left: auto;
	margin-right: auto;
}