/* Custom CSS */

@font-face {
	font-family: 'Montserrat VariableFont wght';
	src: url('../assets/fonts/Montserrat-VariableFont_wght.ttf') format('truetype');
}

/* Text Style */

html {font-family: 'montserrat', sans-serif;}
/* Typography */
p {font-weight: 500;}
a {
	font-weight: 600;
}
.h1 {font-size: 48px;}
.h2 {font-size: 24px;
	line-height:10pt}
.h3 {font-size: 40px;}

.light-300 {
  font-family: 'montserrat', sans-serif !important;
  font-weight: 300;
}
.regular-400 {
  font-family: 'montserrat', sans-serif !important;
  font-weight: 600;
}
.semi-bold-600 {
  font-family: 'montserrat', sans-serif !important;
  font-weight: 600;
}
.bold-800 {
	font-family: 'oswald', sans-serif !important;
	font-weight: 800;
	font-size:48px;
	line-height:40pt;
}

a{
	color: #000;
	text-decoration: none
}a:hover{
	color: #6d93d6;
	
}a:not([href]):not([class]),a:not([href]):not([class]):hover{
	color: #6d93d6;
	text-decoration: none
}

.text-shadow {
	text-shadow: 2px 2px 5px #000000;
}

.text-shadowlow {
	text-shadow: 1px 1px 1px #000000;
}
@media screen and (max-width: 576px) {
  .text-shadowlow {
	  text-shadow:0px 0px 0px;
}
}


 
/* Background Color Change */
.bg-change {
	background-color: #6d93d6;
	background-image: var(--bs-gradient);
}

/* index Background image and fade */
#index_banner {
	
	background-image: url('./../img/background.jpg');
	background-position: center center;
	background-size: cover;
	height: 350px;
	width: 100%;
	color: #FFF;
	text-align: center; 
	line-height: 18pt;
	animation: fadeInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
        }
        @keyframes fadeInAnimation {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }
	@media all and (max-width:1024px) {
    selector:after {
        content: '';
        width: 100%;
        height: 300px;
        background-position: inherit;
        background-image: inherit;
        background-size: inherit;
        background-attachment: inherit;
        background-repeat: inherit;
        position: fixed;
        top: 0;
        z-index: -1;
    }
	}

footer a.text-light:hover {
  color: #DFECFF !important;
  transition-duration: 0.15s;
}

.bg-foot{
	background-color: #284D8E;
}

 /* ============ All Navbar ============ */
@media all and (min-width: 992px) {
	.navbar .dropdown-menu-end{ right:0; left: auto;  }
	.navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.4s; margin-top:0;  }
	
	.navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
	.navbar .dropdown-menu.fade-up{ top:180%;  }
	.navbar .nav-item:hover .dropdown-menu{ transition: .4s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }}	
/*  desktop view .end//  */

/*navbar font size */
.nav-font {
	font-size:1.25rem;
}
@media screen and (max-width: 768px) {
  .nav-font {
	  font-size:1rem;!important
}}
/* Navbar dropdown menu shadow */
.dropdown-menu {
	padding-top:0;
	padding-bottom:0;
	border-color:#284D8E;
	box-shadow: 1px 1px 4px #000000;
	border-radius:0;
	transition:0.2s ease;	
}
/* navbar dropdown color and hover color
.dropdown-item {
	background-color:#6d93d6;
	color:#FFF;
}  */
.dropdown-item:hover {
	background-color: #DFECFF;
	color: #000;
} 
/*  navbar dropdown active color (Click) */
.nav-change{
	 --bs-dropdown-link-active-bg:#284D8E;
} 	

/* Collapsed navbar color */
@media (max-width: 992px) {
    .navbar-collapse,
    .navbar-collapse .navbar-nav .nav-item .nav-link {
        background-color: #284D8E;
        color: #FFFFFF;
    }
}

/* Navbar dropdown hover */
@media (min-width: 576px){

.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0.125em;
  margin-left: 0.125em;
}}

/* Nav bar button menu color 
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #fff;
  height:100%;
  width:100%;
} */

/* Nav link color  and text shadow */
.link1 {
	color: #6d93d6;
}
.link1:hover{
    color: #284D8E;
}
/* social icons align navbar */
.sm-icons {
  flex-direction: row;
}
.sm-icons .nav-link {
  padding-right: 1em;
}
/* color under nav items */
 .nav-item::after {
     content: '';
     display: block;
     width: 0px;
     height: 2px;
     background: #284D8E;
     transition: 0.4s
 }

 .nav-item:hover::after {
     width: 100%
 }

 .navbar-dark .navbar-nav .active>.nav-link,
 .navbar-dark .navbar-nav .nav-link.active,
 .navbar-dark .navbar-nav .nav-link.show,
 .navbar-dark .navbar-nav .show>.nav-link,
 .navbar-dark .navbar-nav .nav-link:focus,
 .navbar-dark .navbar-nav .nav-link:hover {
     color: #DFECFF
 }

 .nav-link {
     transition: 0.2s;
	 color:#FFF;
 }
 a.nav-link{
  color: #fff;
}
/* Background Navbar */
.bg-nav {
	background: #6d93d6;
}

/* Contact Form Drodown Shadow*/
.fieldset
{
   padding:20px;
   border:1px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;   
}

/* Contact message box size */
#floatingtextarea {
  height: 150px
}

/* Blog Card Background Color  */
.card-color {
	background-color:#dee2e6;
	
}
/* Blog header Background Image and fade */
.header-blog {
	background-image: url('./../img/business.webp');
	background-size: cover;
	height:350px;
	width:100%;
	background-position:center center;
	animation: fadeInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
        }
        @keyframes fadeInAnimation {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }

/* Button Color */

.btn-change {
  background-color: #6d93d6;
  color: #fff;
  transition: all .7s;
}
.btn-change:hover {
	color: #fff;
	background-color: #284D8E;
	border-color: #6d93d6;
}
.btn-change:focus {
	background-color:#94AEE0;
	color:#4A78CC;
}