html body {
    scroll-behavior: smooth;
}

.navbar-light .navbar-brand {
    padding: 0px !important;
}

.navbar-brand img {
    max-height: 110px !important;
}

.header.shrink .navbar-brand img {
    max-width: 70% !important;
}

.navbar {
    padding: 0 !important;
    background-color: transparent !important;
}

.navbar-light .navbar-nav a {
    color: rgb(0 0 0) !important;
    text-transform: uppercase !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: bold !important;
}
header.shrink .navbar-light .navbar-nav a {
    font-size: 14px !important;
}
.navbar-expand-lg .navbar-nav a {
    padding-right: .95rem !important;
    padding-left: .95rem !important;
}

.container {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0px 75px !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: bold !important;
}

p,
a {
    font-family: 'Open Sans', sans-serif !important;
}

a:hover {
	transition:0.7s all ease-in-out !important;
    text-decoration: none !important;
}

header.shrink {
    position: fixed;
    top: 0;
    z-index: 100000;
    box-shadow: 2px 2px 20px 5px #0000001f !important;
    -moz-box-shadow: 2px 2px 20px 5px #0000001f !important;
    -webkit-box-shadow: 2px 2px 20px 5px #0000001f !important;
    background: #f7f9fe;
    background-size: cover;
    padding: 10px 0;
}

header {
    position: absolute;
    width: 100%;
    top: 47px;
    z-index: 200;
}
.top-bar a {
    color: #212529;
    border-radius: 30px;
    padding: 5.5px 21px 7.5px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600 !important;
    font-family: 'Montserrat', sans-serif !important;
}
.top-bar a:hover {
    color: #212529 !important;
}
.login {
    background-color: #f4c107 !important;
    margin: 0 10px !important;
}
.navbar-nav {
    margin-top: 8px;
}
header.shrink .navbar-nav {
    margin-top: 3px;
}
.top-bar a.login:hover{
	background:#5fc6d4 !important;
}
.signup {
    background-color: #5fc6d4 !important;
}
.top-bar a.signup:hover{
	background:#f4c107 !important;
}
.top-bar {
    padding: 18px 0px 24px;
    background: transparent;
    position: absolute;
    top: 0px;
    width: 100%;
}
.page-sec-one{
  margin-top:-12vw;
 
}
.navbar-expand-lg .navbar-nav .nav-link{
  font-size: 1rem;
}
.form-banner{
  background-image: url(../img/home-banner.png);
  background-size: 100%;
  background-repeat: no-repeat;
  margin-bottom: 5rem;
  position: relative;
}
.form-banner h1{
    line-height: 1.3;
}
.top-bar p {
    margin-bottom: 0 !important;
    text-align: right;
}
.form-banner p{
  color: #232323 !important;
}
#forget_pswd a {
    color: #262626;
    font-size: 14px;
    font-weight: lighter;
}
.golden-anchor{
  background-color: #f4c106 !important;  
  color: black;
  border-radius:10px;
  
  text-transform: uppercase;

}

.shadow-img{
  margin-top: -20px !important;
}
.common-intro h1{
 margin-bottom: 25px;
}
.common-intro p{
  color: #232323 !important;
  line-height: 1.7;
  font-size: 16px;
 }
.container-footer {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0px 75px !important;
}
footer {
  background-image: url(../img/f-f.png);
     padding-top: 13vw;
    margin-top: -9vw;
  background-size: cover;
  background-repeat: no-repeat;
}
.feature-foot {
    padding: 76px 0px 11vw;
    background: #cbeff5;
}
.feature-foot h2 {
    font-size: 27px;
    font-weight: 600 !important;
    line-height: 40px;
}
@media (min-width: 1200px) and (max-width: 1299px) {
.feature-foot h2 {
    font-size: 22px !important;
    line-height: 34px !important;
}
}
.footer-logo-container {
    background: #fff;
    padding: 9.5px 10px;
    border-radius: 20px;
    text-align: center;
    height: 58px;
    max-width: 206px;
}
.feature-foot .blue-a {
    background: #012060 !important;
    width: 100% !important;
    padding: 10px 63px;
    color: #fff;
    font-size: 14px;
	border-radius:40px;
}
@media (min-width: 1200px) and (max-width: 1299px) {
.golden-anchor {
    font-size: 12px !important;
}
	.feature-foot .blue-a {
    padding: 12px 63px !important;
}
}
.footer-logo-container img {
    max-height: 39px !important;
}
.footer-socials {
    margin-top: 45px;
}
footer .mid-col {
    padding-left: 75px;
}
.footer-socials a {
    font-size: 16px;
    background-color: #fff;
    border-radius: 50%;
    padding: 9px 12px;
    margin-right: 10px;
    color: #313e4c;
}
.footer-socials a:hover {
    color: #1ab5ca !important;
}

.footer-socials .fa-facebook {
  padding: 8px 5px;
}
.footer-socials .fa-instagram {
  padding: 8px 2px;
}
ul{
  padding-left: 0 !important;
  list-style: none !important;
}


	/* Hide scrollbar for Chrome, Safari and Opera */
::-webkit-scrollbar {
  background:#e5f2f9;
width:10px;
}
::-webkit-scrollbar-thumb {
  background:#76cedd;
  border-radius:8px;
}
/* Hide scrollbar for IE, Edge and Firefox */
.modal-body p {
  -ms-overflow-style: none !important;  /* IE and Edge */
  scrollbar-width: none !important;  /* Firefox */
}
footer h4 {
    font-size: 16px;
    font-weight: 600 !important;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif !important;
}
footer h4::after {
    position: absolute;
    content: "";
    width: 70px;
    height: 2px;
    background: #212529;
    left: 75px;
    margin-top: 25px;
}

footer li a {
    font-weight: 400 !important;
    color: #192a2c !important;
    font-size: 15px;
}

footer li {
    margin-bottom: 10px;
}

footer h5 {
    font-size: 18px;
    margin-bottom: 25px;
    font-weight: 600 !important;
}

footer p {
    font-weight: 400 !important;
    font-size: 14px;
}

#footer-subscribe input {
    color: #797979;
    border-color: #fff !important;
    height: 51px !important;
    border-radius: 20px 0 0 20px !important;
    padding-left: 25px;
    font-size: 14px;
    font-weight: 400;
}
input:focus, select:focus{
 outline:none !important;
}
.subs-arrow {
    position: absolute;
    right: 35px;
    margin-top: 33px;
}

.copyrights {
    border-top: 1.5px solid #afe3ea;
    padding: 24px 0 10.5px;
    margin-top: 37px;
}

.clients {
    padding: 55px 0px 65px;
}

@media (max-width: 767px) {
	
	
	
	/**MENU-styles**/
	
	.navbar-light .navbar-toggler {
    border: none !important;
}
	.navbar-brand img {
    max-width: 70% !important;
}
	.navbar-collapse {
    background: rgb(255, 255, 255) !important;
    padding: 30px 0px;
    margin-top: 20px;
}
	.header.shrink .navbar-collapse {
    background: transparent !important;
}
	button:focus {
	 box-shadow:none !important;
		outline:none !important;
	}
	.nav-item {
    margin-bottom: 5px !important;
    text-align: center;
}
	header {
    top: 55px !important;
}
	header.shrink {
    position: fixed;
		top: 0 !important;
	}
	/**MENU-styles-end**/
	
	/**Footer-styles**/
	.feature-foot h2 {
    font-size: 18px !important;
    text-align: center !important;
    line-height: 28px !important;
}
	.golden-anchor {
    padding: 12px 24px !important;
    font-size: 12px !important;
    max-width: fit-content;
}
	.feature-foot {
    padding: 45px 0px 120px !important;
}
	footer {
    padding-top: 280px !important;
    margin-top: -290px !important;
}
	.feature-foot h4 {
    margin-top: 10px;
    text-align: center !important;
}
		footer .mid-col {
    padding-left: 15px !important;
}
	footer h4::after {
    left: 17px !important;
}
	.footer-socials {
    margin: 50px 0 30px !important;
}
	footer h4 {
    margin-top: 35px !important;
}
	footer h5 {
    font-size: 18px !important;
    margin-bottom: 10px !important;
}
	div.copyrights, div.copyrights .text-right{
    text-align: center !important;
}
	.mid-col {
	 margin-bottom:40px !important;
	}
	#date-p {
		margin-bottom:0 !important;
	}
	/**Footer-styles-end**/
	div.container, div.container-footer {
    padding: 0px 15px !important;
}
	
}
@media (min-width: 768px) and (max-width: 1023px) {
	

	/**MENU-styles**/
	
	.navbar-light .navbar-toggler {
    border: none !important;
}
	.navbar-collapse {
    background: rgb(255, 255, 255) !important;
    padding: 30px 0px;
		margin-top: 20px;
}
	.header.shrink .navbar-collapse {
    background: transparent !important;
}
	button:focus {
	 box-shadow:none !important;
		outline:none !important;
	}
	.nav-item {
    margin-bottom: 5px !important;
    text-align: center;
}
	.header .container{
		padding:0 25px !important;
	}
	.navbar-brand img {
    max-width: 70% !important;
}
	/**MENU-styles-end**/
	
	/**Footer**/
html footer {
    padding-top: 150px !important;
    margin-top: -100px !important;
}
	.feature-foot {
    padding: 75px 0px 85px !important;
}
	.feature-foot h4 {
    margin-top: 10px;
    text-align: center !important;
}
	.golden-anchor {
    padding: 12px 24px !important;
    font-size: 12px !important;
    max-width: fit-content;
}
	.feature-foot h2 {
    text-align: center;
}
	/**Footer**/
		div.container, div.container-footer {
    padding: 0px 15px !important;
}
	footer .mid-col {
    padding-left: 15px !important;
}	
		.footer-logo-container img {
    max-height: 39px !important;
    width: 100%;
}
.footer-logo-container {
	height: 50px !important;
}
		.subs-arrow {
    right: 35px !important;
    left: auto;
			margin-top:29px !important;
}
	.container-footer .footer-input {
    font-size: 12px !important;
		width:100% !important;
}
		
}





@media (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

	.footer-socials a {
    font-size: 12px !important;
		padding: 5px 7px !important;
	}
	/**Footer**/
html footer {
    padding-top: 150px !important;
    margin-top: -110px !important;
}
	.feature-foot {
    padding: 75px 0px 85px !important;
}
	.feature-foot h4 {
    margin-top: 10px;
    text-align: center !important;
}
	.golden-anchor {
    padding: 12px 24px !important;
    font-size: 12px !important;
    max-width: fit-content;
}
	.feature-foot h2 {
    text-align: center;
}
	/**Footer**/
	
	
	
}




/**Ipad-pro-portrait-css-begin**/

@media screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
 	.footer-socials a {
    font-size: 12px !important;
		padding: 6px 8px !important;
	}
	
	/**Footer**/
html footer {
    padding-top: 150px !important;
    margin-top: -110px !important;
}
	.feature-foot {
    padding: 75px 0px 85px !important;
}
	.feature-foot h4 {
    margin-top: 10px;
    text-align: center !important;
}
	.golden-anchor {
    padding: 12px 24px !important;
    font-size: 12px !important;
    max-width: fit-content;
}
	.feature-foot h2 {
    text-align: center;
}
	/**Footer**/
}