:root {
    --bgcolor: #f1f5fd;
    --primary-color:  crimson;
  }

body{
    font-family: 'Montserrat' sans-serif;
}

li a{
    color: var(--primary-color);
}

body{font-family: 'Montserrat' sans-serif;
}

/* @media only screen and (min-width:1200px){
	.nav-item > .nav-link{padding: 5px 20px !important;
		display: block !important;}
}

@media only screen and (max-width:992px){
	.header-inner{background-color: white!important;
	}
	.nav-item > .nav-link{
		color: black!important}
		.logo{color: #000 !important;
			font-weight: 600!important;}
			.content-banner .first-title{font-size: 30px !important;
			}
} */
/*
.header{position: relative;
width: 100%;
}

.header-inner{position: absolute;
top: 0;
left: 0;
width:100%;
z-index: 99;
background-color: transparent;
} */
.navbar-brand span{color:var(--primary-color) ;}
.nav-item .nav-link{display: block;
line-height: 36px;
text-transform: capitalize;
font-size: 16px;
font-weight: 500;
color: var(--primary-color);
transition: 0.15s;}

.nav-item .nav-link:hover{color: #FE4066;}

.navbar-toggler{
    color:var(--primary-color);
border-radius: 30px;
border:none;
font-weight: 500;
outline: none;
font-size: 15px;
padding:7px 22px;
transition: 0.5s;
}

.navbar-toggler i:hover{color: #FE4066;
cursor: pointer;}

/* .navbar-scroll{background-color: #ffffff;
padding: 0;
position: fixed;
top:0;
z-index: 99;
box-shadow:0px 1px 10px rgba(0,0,0,0.4);
transition-duration: 0.6s; }

.navbar-scroll .nav-item .nav-link{color: black;
}

.navbar-scroll .header-btn{color: #ffffff;
background-color: #fe4066;
}

.navbar-scroll .logo{color: #000;
font-weight: 500;
} */

.main{
    /* background-color: yellow; */
    width: 100%;
    display: flex;
    background-color: white;
}

.infocontainer{
    /* background-color: aquamarine; */
    height: 60vh;
    width: 80vw;
    margin: 100px auto;

    /* display: flex; */
    justify-content: center;
    align-items: center;
}
@media only screen and (min-width:768px){
	.infocontainer{
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
.myimg img{
    height: 60vh;
}

.myinfo{
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.sayhello{
    font-size: 70px;
    color: black;

}

.myname{
    font-size: 60px ;
    font-weight: bold;
    color: crimson;

}

#desc{
    color: black;
    margin: 10px;

}


.gap{

    padding-top: 20px;
    display: flex;
}

h1{
    text-align: center;
}

.head{
    font-weight: bold;
    font-size: large;
    /* padding-left: 30px; */
}

th{
    color: crimson;
    padding: 15px;
}

td{
    padding: 10px;
}

.foot{
    background-color: whitesmoke;
    position: fixed;
    width: 100%;
    /* position: fixed; */
    left: 0;
    bottom: 0;
}

.foot .media{
    text-align: center;
    /* padding: 10px; */
}

.foot .media a{
    font-size: 30px;
    color: crimson;
    display: inline-block;
    /* border: 1px solid crimson; */

    width: 45px;
    height: 45px;
    /* border-radius: 50%; */
    text-align: center;
    /* margin: 5px; */
}

.foot .findme{
    text-align: center;
    font-weight: bold;
}


input{
    display: block;
 
}

button{
    display: block;
    color: #FE4066;
    font-weight: bold;
    /* padding: 200px; */
}

.formstyle{
    padding: 30px;
    padding-left: 50px;
    /* background-color: #FE4066; */
}



.but{
    padding: 30px;
}


form{
    margin: 25px;
}

.ip{
    border: 2px solid crimson;
    border-radius: 15px;
    width: 300px;
    height: 60px;
    margin: 10px;
    padding: 10px;
}