@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700&family=Poppins:wght@400;500;600;700;800;900&display=swap");
*{
margin: 0;
padding: 0;
box-shadow: none;
box-sizing: border-box;
transition: .5s ease-in-out;
}
img{
max-width: 100% !important;
}
body{
font-family: 'Nunito Sans', sans-serif;
}
body, html{
scroll-behavior: smooth;
transition: .5s ease-in-out;
}
a{
text-decoration: none;
text-decoration: none;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
a:focus {
outline: none;
text-decoration: none;
}
.container-fluid{
padding: 0 30px;
}
/* scroll css */
/* topbar css */
.top_bar{
padding: 0 15px;
}
.theme-bg {
background: #0093DD;
}
.left_topbar_main_div {
padding: 4px 35px 10px 30px;
clip-path:polygon(3.1% 0, 100% 0, 97.9% 100%, 0 100%);
}
.left_topbar_main_div > .top_barnum > a{
color: #fff;
margin: 0 5px;
transition: .4s ease-in-out;
font-size: 14px;
font-weight: 600;
}
.left_topbar_main_div > .topbar_social > a{
color: #0093DD;
background-color: #fff;
width: 27px;
height: 27px;
line-height: 27px;
text-align: center;
border-radius: 100px;
font-size: 14px;
transition: .4s ease-in-out;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.left_topbar_main_div > .topbar_social > a:hover{
color: #fff;
background-color: #161616;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
border-radius: 100px;
font-size: 14px;
transition: .4s ease-in-out;
}
.topbar_right_btn{
float: right;
}
.topbar_right_btn {
clip-path: polygon(6% 0, 96% 0, 91% 100%, 0 100%);
padding: 11px 35px 12px 30px;
font-size: 13px;
color: var(--clr-common-white);
font-weight: 600;
background: #161616;
text-transform: uppercase;
transition: .4s ease-in-out;
border-right: 20px solid #0093DD;
}
.topbar_right_btn:hover {
clip-path: polygon(6% 0, 96% 0, 91% 100%, 0 100%);
padding: 11px 35px 11px 30px;
font-size: 13px;
color: var(--clr-common-white);
font-weight: 600;
background: #0093DD;
text-transform: uppercase;
transition: .4s ease-in-out;
border-right: 20px solid #161616;
}
.topbar_right_btn a{
color: #fff;
padding: 0 20px;
transition: .4s ease-in-out;
}
/* top bra css end */
/*======================navbar css=================================*/
.navbar{
background-color: #fff !important;
outline: none;
border:none;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
padding: 0;
}
.navbar-brand img{
padding:3px;
width: 120px;
}
.navbar .navbar-nav > li > a{
color: #363636 !important;
font-size: 15px;
font-weight: 700;
text-transform: capitalize;
letter-spacing: .3px;
margin: 0px 7px;
padding-bottom: 5px;
white-space: normal;
}
.navbar .navbar-nav > li > a:hover{
color: #252525 !important;
font-size: 15px;
font-weight: 700;
text-transform: capitalize;
letter-spacing: .3px;
margin: 0px 7px;
}
.navbar .navbar-nav .dropdown span{
font-size: 7px !important;
}
.navbar .navbar-nav .dropdown > .dropdown-menu{
padding: 0px !important;
border: none !important;
outline: none !important;
margin-top: 1px;
/* width: 200px;*/
}
.navbar-expand-lg .navbar-nav .nav-link i{
font-size: 13px !important;
}
.navbar .navbar-nav .dropdown > .dropdown-menu > li > a{
background-color: #fff !important;
color: #363636 !important;
font-size: 12px !important;
font-weight: 500 !important;
text-transform: capitalize;
letter-spacing: .3px;
line-height: 30px;
border-bottom: 1px solid lightgray;
width: 230px;
}
.navbar .navbar-nav .dropdown > .dropdown-menu > li > a:hover{
background-color: #252525 !important;
color: #fff !important;
font-size: 14px;
font-weight: 700;
text-transform: capitalize;
letter-spacing: .3px;
line-height: 30px;
border-bottom: 1px solid lightgray;
}
/* .dropdown:hover > .dropdown-menu{
display: block;
}*/
.navbar .navbar-toggler{
border: none !important;
outline: none !important;
box-shadow: none !important;
}
.navbar .navbar-toggler .fa{
color: #252525 !important;
font-size: 25px !important;
}
/**submenu css**/
.navbar-nav li:hover > ul.dropdown-menu {
display: block;
}
.dropdown-submenu {
position:relative;
}
.dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin-top:0px;
background-color: #fff !important;
padding: 0;
width: 100% !important;
border: none !important;
border-radius: 0px !important;
}
.dropdown-submenu .fa-chevron-down{
display: none;
}
.dropdown-submenu>.dropdown-menu li > a{
background-color: transparent !important;
color: #363636 !important;
font-size: 13px;
font-weight: 500;
text-transform: capitalize;
letter-spacing: .2px;
line-height: 25px;
border-bottom: 1px solid lightgray;
transition: .3s ease-in-out;
/* width: 100%; */
white-space: normal !important;
}
.dropdown-submenu>.dropdown-menu li > a:hover{
background-color: #363636 !important;
color: #fff !important;
font-size: 13px;
font-weight: 500;
text-transform: capitalize;
letter-spacing: .2px;
line-height: 25px;
border-bottom: 1px solid #fff !important;
transition: .3s ease-in-out;
}
.dropdown-submenu span{
font-size: 12px !important;
float: right;
line-height: 30px;
padding:0px 10px;
}
/**submenu css**/
/* media */
@media (max-width:991px) {
.topbar_section{
display: none !important;
}
.dropdown-submenu .dropdown-menu{
background-color: #161616 !important;
}
.dropdown-submenu>.dropdown-menu li > a{
background-color: transparent !important;
color: #fff !important;
font-size: 14px;
font-weight: 700;
text-transform: capitalize;
letter-spacing: .2px;
line-height: 27px;
border-bottom: 1px solid lightgray;
transition: .3s ease-in-out;
width: 100%;
}
.dropdown-submenu .fa-chevron-down{
display: block !important;
}
.dropdown-submenu .fa-chevron-right{
display: none !important;
}
.navbar .navbar-nav > li > a{
color: #363636 !important;
font-size: 15px;
font-weight: 700;
text-transform: capitalize;
letter-spacing: .3px;
margin: 0px 7px;
padding-bottom: 5px;
white-space: normal;
border-bottom: 1px solid lightgray;
}
.scrolled.navbar{
position: relative !important;
top: 0;
background-color: #fff !important;
transition: .4s ease-in-out;
box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}
.header-fixed {
position: relative !important;
top: 0;
left: 0;
width: 100%;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
transition: all ease 0.3s;
background-color:white !important;
animation: fadeInDown .6s linear forwards;
}
.top_bar{
display: none;
}
.navbar .navbar-nav > li > a{
padding: 7px 0 !important;
}
.dropdown .fa-chevron-down{
font-size: 12px !important;
float: right;
line-height: 30px;
padding:0px 10px;
}
}
/* */
/*=====================topbar css ==============================*/
.topbar_section{
background-color: #ffb400;
transition: .4s ease-in-out;
position: relative;
}
.shape_topbar1{
position: absolute;
top: 0;
left: 0;
}
.shape_topbar1 img{
width: 75px;
/* z-index: -999;*/
}
.shape_topbar2{
position: absolute;
top: 0;
right: 0;
}
.shape_topbar2 img{
width: 75px;
/* z-index: -999;*/
opacity: .7;
}
.left_topbar{
padding: 5px;
transition: .4s ease-in-out;
margin: 0;
}
.left_topbar a{
margin: 0px 5px;
color: #000 !important;
transition: .4s ease-in-out;
letter-spacing: 0.9px;
z-index: -1;
font-weight: 500;
}
.left_topbar span{
margin: 0px 4px;
transition: .4s ease-in-out;
color:#000 !important;
}
.right_topbar{
padding: 5px;
transition: .4s ease-in-out;
float: right;
margin: 0px 45px;
}
.right_topbar a{
margin: 0px 3px;
transition: 4s ease-in-out;
background-color: #fff;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
border-radius: 1px;
font-size: 14px;
color:#044466;
border-radius: 3px;
}
.right_topbar a:hover{
margin: 0px 3px;
transition: 4s ease-in-out;
background-color: lightgray;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
border-radius: 1px;
font-size: 14px;
color:#000;
}
.right_topbar span{
color: #fff;
font-weight: 600;
letter-spacing: .2px;
}
/*=====================topbar css end==============================*/