* { margin: 0; padding: 0; border: none; outline: none !important; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; }

html,
body { padding: 0; margin: 0; border-radius: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
em { font-style: normal; }

a,
button,
input,
input[type="buttton"],
input[type="submit"],
.btn { transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; outline: none !important; text-decoration: none; font-style: normal; text-decoration: none; }
input { width: 100%; }
img, figure { max-width: 100%; max-height: 100%; margin: 0; padding: 0; }
ul, li { list-style: none; margin: 0; padding: 0; }
a,
a:hover,
a:focus {
  text-decoration: none;
}


a { font-size: 16px; font-weight: 600; color: #FFFFFF; line-height: 20px; text-decoration: none; }
.container { max-width: 1170px !important; margin: 0 auto; padding: 0 15px; position: relative; }

/*******************Reset Css****************/

/* ------ header part css ------------ */
.site-header.fixed-header { position: fixed; top: 0; left: 0; right: 0; z-index: 99; padding-top: 0; }
.site-header.fixed-header .header-outer { padding: 12px 0; background: #FFFFFF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
.header-outer { padding: 15px 0; box-shadow: 0px 3px 6px #00000029; opacity: 1; position: relative;}
.inner_top_header { display: flex; align-items: center; justify-content: space-between; position: relative; }
.logo { max-width: 162px; }
.navigation-right { display: flex; align-items: center; }
.basic_btn {font-family: "Montserrat", sans-serif;  font-size: 16px; font-weight: 600; line-height: 20px; text-decoration: none; padding: 12px 37px; background-color: #1C1C1C; color: #F6F2F2; 
box-shadow: 0px 3px 10px #0000005C; border-radius: 22px; display: inline-block; }
.basic_btn:hover { background-color: #E8A705; color: #1C1C1C; transition: all 0.3s ease; cursor: pointer; }
.ylw_btn{background-color: #E8A705;}

.navbar { margin-left: auto; padding-right: 25px; }
nav ul { margin: 0; padding: 0px 0; list-style: none; display: flex; align-items: center; width: 100%; }
nav ul>li { position: relative; }

nav ul li a { text-decoration: none; font-size: 16px; line-height: 21px;  font-weight: 600; letter-spacing: 0px; opacity: 1; display: inline-block; padding: 0 23px; color: #1C1C1C; font-family: "Montserrat", sans-serif; }

nav ul li.active a { color: #F4951D; font-weight: 600; }
nav ul li a:hover { color: #F4951D; transition: all 0.3s ease; cursor: pointer; }

nav li>ul { margin: 0; padding: 0; background: #F4951D; height: 0; overflow: hidden; transition: all 0.3s; }
.trigger_mobile_menu { position: absolute; width: 35px; top: 50%; right: 5px; transform: translateY(-50%); right: 5px; cursor: pointer; z-index: 999; display: none; }
.trigger_mobile_menu span { width: 100%; height: 3px; border-radius: 15px; background-color: #F4951D; display: block; transition: 0.4s; }
.trigger_mobile_menu span+span { margin-top: 5px; }
.trigger_mobile_menu span:nth-child(2){width: 20px; margin-left: auto;}
.menu_active .trigger_mobile_menu span:first-child { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.menu_active .trigger_mobile_menu span:nth-child(2) { display: none; }
.menu_active .trigger_mobile_menu span+span { margin-top: -3px; }
.menu_active .trigger_mobile_menu span:last-child { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.menu_active .trigger_mobile_menu span { background-color: #fff; }


@media (max-width: 991px) {
  .menu-xxx-container { padding: 80px 30px; background-color: #F4951D; position: fixed; width: 325px; top: 0; right: 0; bottom: 0; transform: translateX(100%); z-index: 99; overflow: auto; -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0); transition: -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0); -o-transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0); transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0); transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0); }
  .menu_active .menu-xxx-container { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  .menu_active { overflow: hidden; }
  .trigger_mobile_menu { display: block; }
  /* .top-header { display: none; } */
  nav ul li a { display: block; padding: 0; color: #FFFFFF; }
  nav ul { align-items: self-start; width: 100%; flex-direction: column; }
  .menu_active:after { content: ''; background-color: rgba(0, 0, 0, 0.8); height: 100%; width: 100%; position: fixed; top: 0; bottom: 0; left: 0; right: 0; }
  .header-outer { padding: 10px 0; }
  .inner_top_header { padding-right: 60px; }
  .menu-item { margin-bottom: 14px; }
  nav ul li.active a { color: #1C1C1C; font-weight: 700; }
  nav ul li a:hover {color: #1C1C1C;}
}

@media (max-width: 767px) {
.logo { width: 125px; }
}

@media (max-width: 575px) {
  .logo { width: 98px; }
  .inner_top_header { padding-right: 42px; }
  .basic_btn { font-size: 14px; font-weight: 400; line-height: 18px; padding: 10px 15px; }
  .trigger_mobile_menu { width: 28px; }
}