@import url("https://fonts.googleapis.com/css2?family=Quattrocento+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");
body {
  margin: 0;
  font-size: 1rem;
  line-height: 24px;
  overflow-x: hidden !important;
  overflow-y: scroll;
  font-family: "Quattrocento Sans", sans-serif;
  background: white-color;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  position: relative;
}

p {
  color: #545F71;
  line-height: 24px;
  font-weight: 400;
  font-size: 0.875rem;
}

a {
  text-decoration: none;
  transition: all 0.5s;
  color: #11A5E5 !important;
}
a:hover {
  text-decoration: none;
}

h3 {
  font-weight: 700;
  font-size: 1.875rem;
  margin-bottom: 10px;
  color: #333333;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  h3 {
    font-size: 1.5rem;
  }
}
@media (max-width: 767px) {
  h3 {
    font-size: 1.3rem;
  }
}

#scrl::-webkit-scrollbar {
  width: 6px;
  background-color: #11A5E5;
}

#scrl::-webkit-scrollbar-thumb {
  background-color: #eef1f4;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

ul {
  padding: 0;
  margin: 0;
}

section {
  padding: 80px 0px;
}
@media (max-width: 991px) {
  section {
    padding: 60px 0px;
  }
}
@media (max-width: 480px) {
  section {
    padding: 40px 0px;
  }
}

.scrollup {
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 40px;
  right: 20px;
  display: none;
  text-indent: -9999px;
  z-index: 99999;
  background: url(../images/up-arrow.svg) no-repeat;
}
.scrollup img {
  width: 50px;
  height: 50px;
}

.form-group,
.form-floating {
  position: relative;
}
.form-group input,
.form-group .form-select,
.form-floating input,
.form-floating .form-select {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  height: 40px;
  padding: 0 10px;
  width: 100%;
  font-size: 0.875rem;
  transition: all 0.4s ease;
  color: #5a5a59;
  border: 1px solid #ced4da;
}
.form-group input:focus,
.form-group textarea:focus,
.form-group .form-select:focus,
.form-group select:focus,
.form-floating input:focus,
.form-floating textarea:focus,
.form-floating .form-select:focus,
.form-floating select:focus {
  color: #5a5a59;
  outline: 0;
  box-shadow: none;
  border-color: #11A5E5;
  transition: all 0.6s ease-in-out;
}
.form-group textarea,
.form-floating textarea {
  height: 100px;
  padding: 10px 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  resize: none;
  color: #5a5a59;
  width: 100%;
  font-size: 1rem;
  border: 1px solid #ced4da;
  transition: all 0.4s ease;
}
.form-group ::-moz-placeholder, .form-floating ::-moz-placeholder {
  color: #b1b1ae;
  font-weight: 400;
  font-size: 0.875rem;
  /* Firefox */
}
.form-group ::placeholder,
.form-floating ::placeholder {
  color: #b1b1ae;
  font-weight: 400;
  font-size: 0.875rem;
  /* Firefox */
}
.form-group :-ms-input-placeholder,
.form-floating :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b1b1ae;
  font-weight: 400;
}
.form-group ::-ms-input-placeholder,
.form-floating ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #b1b1ae;
  font-weight: 400;
}

.form-label {
  margin-bottom: 0.2rem;
  color: #727272;
}

.top_nav {
  width: 100%;
  background: #eef1f4;
  padding: 10px 0px;
}
@media (max-width: 1400px) {
  .top_nav .container {
    max-width: 100%;
  }
}
@media (max-width: 992px) {
  .top_nav {
    display: none;
  }
}
.top_nav .lists {
  display: flex;
  justify-content: flex-end;
}
.top_nav .lists ul {
  display: flex;
  align-items: center;
}
.top_nav .lists ul li {
  list-style: none;
  padding: 0px 10px;
  position: relative;
  color: #000;
  cursor: pointer;
  font-size: 1rem;
  display: flex;
  align-items: center;
}
@media (max-width: 1200px) {
  .top_nav .lists ul li {
    font-size: 0.875rem;
  }
}
.top_nav .lists ul li img {
  padding-right: 5px;
}
.top_nav .lists ul li a {
  color: #000 !important;
}
.top_nav .lists ul li::after {
  content: "";
  position: absolute;
  height: 80%;
  width: 1px;
  left: 0;
  background: #000;
}
.top_nav .lists ul li:first-child::after {
  display: none;
}

header {
  background: #fff;
  padding: 10px;
}

.banner__desk {
  display: block;
}
@media (max-width: 540px) {
  .banner__desk {
    display: none;
  }
}

.banner__mob {
  display: none;
}
@media (max-width: 540px) {
  .banner__mob {
    display: block;
  }
}

.intro {
  height: auto;
  background: #fff;
  position: relative;
  overflow: hidden;
  width: 100%;
}
@media (max-width: 992px) {
  .intro {
    margin-top: 43px;
  }
}
.intro .slider-caption {
  position: absolute;
  display: flex;
  top: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 992px) {
  .intro .slider-caption {
    padding: 0px 15px;
  }
}
.intro .slider-caption h2 {
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 3.125rem;
  text-shadow: 1px -2px 2px rgba(0, 0, 0, 0.6);
}
@media (max-width: 767px) {
  .intro .slider-caption h2 {
    margin-bottom: 20px;
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 540px) and (max-width: 768px) {
  .intro .slider-caption h2 {
    line-height: 26px;
  }
}
.intro .slider-caption p {
  color: #fff;
  font-weight: 400;
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 20px;
  line-height: 28px;
  text-shadow: 1px -2px 2px rgba(0, 0, 0, 0.6);
}
@media (max-width: 767px) {
  .intro .slider-caption p {
    font-size: 1.2rem;
    line-height: 20px;
  }
}
.intro .owl-carousel {
  margin: 0px;
}
.intro .owl-theme .owl-controls .owl-buttons div {
  display: none;
}
.intro .owl-theme .owl-pagination {
  margin-top: 35px;
  text-align: center;
  margin-top: -45px;
  width: 100%;
  float: left;
  position: relative;
}
.intro .owl-theme .owl-controls .owl-page span {
  width: 10px;
  height: 10px;
}
.intro .owl-theme .owl-controls .owl-page.active span {
  background: #0061AB;
  border: #0061AB 1px solid;
  width: 60px;
  height: 10px;
  border-radius: 5px;
}
.intro .owl-theme .owl-controls.clickable .owl-page:hover span {
  background: #0061AB;
  border: #0061AB 1px solid;
}

#header {
  transition: all 0.4s ease-in-out;
  z-index: 999;
  position: fixed;
  width: 100%;
}

.shrink {
  transition: all 0.4s ease-in-out;
  height: 50px;
  top: 0;
}
.shrink .headerfull {
  box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}
.shrink .smllogo {
  padding: 12px 0px 12px 0px;
  margin: 0;
  float: left;
}
.shrink .logo_poweron {
  background: url(../images/logo_small.svg);
  background-repeat: repeat;
  width: 100px;
  height: 65px;
}
.shrink .wsmenu-list > li > .navtext {
  padding: 30px 12px;
}
.shrink .wsmenu-list > .searching {
  padding: 30px 6px;
}
.shrink .wsshoptabing {
  top: 80px;
}
.shrink .megamenu {
  top: 80px;
}
.shrink .wsmenu-submenu {
  top: 80px;
}
@media only screen and (max-width: 991px) {
  .shrink .smallogo > img {
    height: 58px;
  }
  .shrink .smallogo .logo_poweron {
    border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -ms-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    /* width: 100%; */
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 15px;
    background: url(../images/logo_shrink.svg);
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transition: all 0.15s ease-in-out;
  }
  .shrink .wsmenu-list > li > .navtext {
    padding: 10px 12px;
  }
  .shrink .wsmenu-list > .searching {
    padding: 0px;
  }
  .shrink .wsmenu > .wsmenu-list > li > a.wtxaccountlink {
    padding: 13px;
  }
  .shrink .wsmenu-list > li > a i {
    padding: 0px 3px 0px 0px;
  }
}

.about {
  width: 100%;
  background: #fff;
}
.about h1 {
  font-weight: 700;
  font-size: 1.875rem;
  margin-bottom: 10px;
  color: #333333;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .about h1 {
    font-size: 1.5rem;
  }
}
@media (max-width: 480px) {
  .about h1 {
    font-size: 1.6rem;
  }
}
.about p {
  font-size: 1.25rem;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .about p {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .about p {
    font-size: 1rem;
  }
}
.about .about-img {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.about .about-img .video {
  transition: all 0.4s ease-in-out;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  background-color: rgba(0, 0, 0, 0.19);
  padding: 10px 20px;
}
.about .about-img .video:hover {
  background: #FF0000;
}
.about .whychoose {
  background: #fff;
}
.about .whychoose p {
  font-size: 1rem;
}
.about .choose_box {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}
.about .choose_box img {
  border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -ms-border-radius: 10px 10px 0px 0px;
  -o-border-radius: 10px 10px 0px 0px;
  width: 100%;
}
.about .choose_box .content {
  padding: 15px;
}
.about .choose_box .content h5 {
  font-size: 1rem;
  color: #000;
  font-weight: 700;
}
.about .choose_box .content p {
  font-size: 0.875rem;
  margin-bottom: 0;
}

.energy {
  width: 100%;
  padding: 0;
}
.energy .energy_box {
  position: relative;
  overflow: hidden;
  background: #11A5E5;
}
.energy .energy_box::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 60%;
  bottom: 0;
  left: 0;
  z-index: 99;
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
}
@media (max-width: 767px) {
  .energy .energy_box {
    max-height: 200px;
    background-position: center center;
  }
}
.energy .energy_box img {
  transition: all 0.4s ease-in-out;
  width: 100%;
  background-size: cover;
  background-position: center center;
}
.energy .energy_box .content {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 15px 20px;
  z-index: 99;
}
.energy .energy_box .content .btn_2 {
  font-weight: 700;
}
.energy .energy_box .content .btn_2:hover {
  color: #11A5E5 !important;
  letter-spacing: 2px;
}
.energy .energy_box .content h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .energy .energy_box .content h3 {
    font-size: 1.1rem;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .energy .energy_box .content h3 {
    font-size: 1.2rem;
  }
}
.energy .energy_box .content p {
  transition: all 0.4s ease-in-out;
  text-align: left;
  color: #545F71;
  display: -webkit-box;
  height: 50px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
  color: #fff;
  margin: 0.5rem 0;
  font-weight: 400;
}
@media (max-width: 480px) {
  .energy .energy_box .content p {
    height: 48px;
    min-height: 40px;
  }
}
@media (max-width: 992px) {
  .energy .energy_box .content p {
    margin: 0;
  }
}
.energy .energy_box:hover img {
  transform: scale(1.1);
  opacity: 0.8;
}

.progress_ability {
  width: 100%;
  padding-bottom: 0;
}
.progress_ability .boxes {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  display: flex;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
  width: 100%;
  display: flex;
}
@media (max-width: 767px) {
  .progress_ability .boxes {
    flex-direction: column;
  }
}
.progress_ability .boxes .left {
  width: 50%;
  padding: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 1200px) {
  .progress_ability .boxes .left {
    padding: 20px 30px;
  }
}
@media (max-width: 767px) {
  .progress_ability .boxes .left {
    width: 100%;
    padding: 20px;
  }
}
.progress_ability .boxes .left img {
  border-radius: 0px 10px 10px 0px;
  -webkit-border-radius: 0px 10px 10px 0px;
  -moz-border-radius: 0px 10px 10px 0px;
  -ms-border-radius: 0px 10px 10px 0px;
  -o-border-radius: 0px 10px 10px 0px;
}
.progress_ability .boxes .left h3 {
  text-align: left;
}
.progress_ability .boxes .left .btn_2 {
  transition: all 0.4s ease-in-out;
  color: #11A5E5 !important;
  font-size: 1.5rem;
}
.progress_ability .boxes .left .btn_2:hover {
  padding-left: 5px;
}
.progress_ability .boxes .left .btn_2:hover i {
  color: #0061AB;
}
.progress_ability .boxes .right {
  width: 50%;
}
@media (max-width: 767px) {
  .progress_ability .boxes .right {
    width: 100%;
  }
}
.progress_ability .boxes .right img {
  border-radius: 0px 10px 10px 0px;
  -webkit-border-radius: 0px 10px 10px 0px;
  -moz-border-radius: 0px 10px 10px 0px;
  -ms-border-radius: 0px 10px 10px 0px;
  -o-border-radius: 0px 10px 10px 0px;
}
@media (max-width: 767px) {
  .progress_ability .boxes .right img {
    border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -ms-border-radius: 0px 0px 10px 10px;
    -o-border-radius: 0px 0px 10px 10px;
  }
}
.progress_ability .boxes_2 {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  display: flex;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
  width: 100%;
  display: flex;
}
@media (max-width: 767px) {
  .progress_ability .boxes_2 {
    flex-direction: column;
  }
}
.progress_ability .boxes_2 .left {
  width: 50%;
  padding: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.progress_ability .boxes_2 .left h3 sub {
  font-size: 0.715rem;
  font-weight: 400;
}
@media (max-width: 1200px) {
  .progress_ability .boxes_2 .left {
    padding: 20px 30px;
  }
}
@media (max-width: 767px) {
  .progress_ability .boxes_2 .left {
    width: 100%;
    padding: 20px;
  }
}
.progress_ability .boxes_2 .left .btn_2 {
  transition: all 0.4s ease-in-out;
  color: #11A5E5 !important;
  font-size: 1.5rem;
}
.progress_ability .boxes_2 .left .btn_2:hover {
  padding-left: 5px;
}
.progress_ability .boxes_2 .left .btn_2:hover i {
  color: #0061AB;
}
.progress_ability .boxes_2 .left h3 {
  text-align: left;
}
.progress_ability .boxes_2 .right {
  width: 50%;
}
@media (max-width: 767px) {
  .progress_ability .boxes_2 .right {
    width: 100%;
  }
}
.progress_ability .boxes_2 .right img {
  border-radius: 10px 0px 0px 10px;
  -webkit-border-radius: 10px 0px 0px 10px;
  -moz-border-radius: 10px 0px 0px 10px;
  -ms-border-radius: 10px 0px 0px 10px;
  -o-border-radius: 10px 0px 0px 10px;
}
@media (max-width: 767px) {
  .progress_ability .boxes_2 .right img {
    border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -ms-border-radius: 10px 10px 0px 0px;
    -o-border-radius: 10px 10px 0px 0px;
  }
}

.news-blog .heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.news-blog .heading a:hover {
  color: #0061AB !important;
}
.news-blog .news_box {
  width: 100%;
  position: relative;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  position: relative;
}
.news-blog .news_box img {
  width: 100%;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.news-blog .news_box .content {
  position: absolute;
  width: 100%;
  bottom: 15px;
  padding: 20px;
  text-align: center;
}
.news-blog .news_box .content h4 {
  font-size: 1.3rem;
  text-align: center;
  color: #fff;
  font-weight: 700;
}
@media (max-width: 767px) {
  .news-blog .news_box .content h4 {
    font-size: 1rem;
  }
}
.news-blog .news_box .content p {
  transition: all 0.4s ease-in-out;
  text-align: left;
  color: #545F71;
  display: -webkit-box;
  height: 50px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
  text-align: center;
  color: #fff;
}
@media (max-width: 480px) {
  .news-blog .news_box .content p {
    height: 48px;
    min-height: 40px;
  }
}
.news-blog .news_box::before {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.1517857143) 100%);
  content: "";
  top: 0;
  left: 0;
}
.news-blog .news_right {
  width: 100%;
}
.news-blog .news_right li {
  list-style: none;
  border-bottom: 1px dashed #717171;
  padding: 10px 0px;
}
.news-blog .news_right li:first-child {
  padding-top: 0;
}
.news-blog .news_right li .date {
  color: #11A5E5;
  font-weight: 400;
  font-size: 0.875rem;
}
.news-blog .news_right li .date span {
  padding: 0px 10px;
}
@media (max-width: 992px) {
  .news-blog .news_right li .date {
    font-size: 0.813rem;
  }
}
.news-blog .news_right li .date i {
  color: #11A5E5;
}
.news-blog .news_right li .content {
  width: 100%;
}
.news-blog .news_right li .content h4 {
  font-size: 1.2rem;
  font-weight: 700;
  color: #000;
  display: -webkit-box;
  line-height: 28px;
  height: 58px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .news-blog .news_right li .content h4 {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .news-blog .news_right li .content h4 {
    font-size: 1rem;
    line-height: 22px;
    height: 50px;
  }
}
@media (max-width: 767px) {
  .news-blog .news_right li .content h4 {
    font-size: 1rem;
  }
}
.news-blog .news_right li .content p {
  transition: all 0.4s ease-in-out;
  text-align: left;
  color: #545F71;
  display: -webkit-box;
  height: 50px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}
@media (max-width: 480px) {
  .news-blog .news_right li .content p {
    height: 48px;
    min-height: 40px;
  }
}
@media (max-width: 1200px) {
  .news-blog .news_right li .content p {
    display: none;
  }
}
.news-blog .news_right li .img-box {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.news-blog .news_right li .img-box img {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.news-blog .owl-carousel {
  margin: 0px;
}
.news-blog .owl-theme .owl-controls .owl-buttons div {
  display: inline-block;
  zoom: 1;
  margin: 0 5px;
  width: 40px;
  height: 40px;
  padding: 0px;
  text-align: center;
  line-height: 40px;
  transition: all 0.5s ease-in-out;
}
@media (max-width: 580px) {
  .news-blog .owl-theme .owl-controls .owl-buttons div {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
.news-blog .owl-prev {
  position: absolute;
  right: auto;
  left: -60px;
}
@media (max-width: 580px) {
  .news-blog .owl-prev {
    left: 0px;
  }
}
.news-blog .owl-next {
  position: absolute;
  right: -60px;
  left: auto;
}
@media (max-width: 580px) {
  .news-blog .owl-next {
    right: 0px;
  }
}
.news-blog .owl-theme .owl-controls .owl-pagination {
  margin-top: 15px;
  text-align: center;
  width: 100%;
  float: left;
  position: relative;
}
.news-blog .owl-theme .owl-controls .owl-buttons {
  position: absolute;
  width: 100%;
  top: 45%;
  margin: 0;
}
@media (max-width: 480px) {
  .news-blog .owl-theme .owl-controls .owl-buttons {
    top: 42%;
  }
}
.news-blog .owl-prev::before {
  content: "\f284";
  position: absolute;
  font-family: bootstrap-icons !important;
  font-size: 30px;
  left: 55px;
  color: #b9b9b9;
  background: rgba(30, 30, 30, 0.3607843137);
}
@media (max-width: 580px) {
  .news-blog .owl-prev::before {
    font-size: 26px;
    left: 1px;
  }
}
.news-blog .owl-next::before {
  content: "\f285";
  position: absolute;
  font-family: bootstrap-icons !important;
  font-size: 30px;
  right: 55px;
  color: #b9b9b9;
  background: rgba(30, 30, 30, 0.3607843137);
}
@media (max-width: 580px) {
  .news-blog .owl-next::before {
    font-size: 26px;
    right: 1px;
  }
}
.news-blog .owl-theme .owl-controls .owl-page.active span {
  background: #11A5E5;
  border: #11A5E5 1px solid;
}

.footer {
  background: #333333;
  padding: 60px 0px;
}
@media (max-width: 767px) {
  .footer {
    padding: 40px 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .footer .container {
    max-width: 100%;
  }
}
.footer .logo_ftr {
  margin-bottom: 2rem;
}
.footer .logo_ftr img {
  width: 140px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .footer .logo_ftr img img {
    width: 100px;
  }
}
@media (max-width: 767px) {
  .footer .logo_ftr {
    margin-bottom: 0.625rem;
  }
}
.footer .btn_1 {
  padding: 8px 20px;
}
.footer .ftn_line {
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5098039216);
  margin-bottom: 2rem;
}
.footer .accrediatatiom {
  width: 100%;
}
.footer .accrediatatiom ul {
  margin-top: 15px;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .footer .accrediatatiom ul {
    flex-wrap: wrap;
  }
}
.footer .accrediatatiom ul li {
  list-style: none;
  padding: 5px 10px;
}
@media (max-width: 767px) {
  .footer .accrediatatiom ul li img {
    height: 50px;
  }
}
@media (max-width: 480px) {
  .footer .accrediatatiom ul li img {
    height: 30px;
  }
}
.footer .accrediatatiom ul li:first-child {
  padding-left: 0;
}
.footer ::-moz-placeholder {
  color: #000;
  font-weight: 400;
  font-size: 0.875rem;
  /* Firefox */
}
.footer ::placeholder {
  color: #000;
  font-weight: 400;
  font-size: 0.875rem;
  /* Firefox */
}
.footer :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #000;
  font-weight: 400;
}
.footer ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #000;
  font-weight: 400;
}
.footer h4 {
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .footer h4 {
    font-size: 0.875rem;
  }
}
.footer h5 {
  font-size: 0.875rem;
  font-weight: 400;
  color: #11A5E5;
  text-transform: uppercase;
}
.footer p {
  font-size: 1rem;
  color: #fff;
  font-weight: 400;
}
@media only screen and (min-width: 78px) and (max-width: 1200px) {
  .footer p {
    font-size: 0.813rem;
  }
}
.footer p a {
  color: #fff !important;
}
.footer .btn_1 {
  text-align: center;
}
.footer .btn_1:hover {
  letter-spacing: 0;
}
.footer .line {
  padding: 10px 0px;
  border-bottom: 1px solid #fff;
}
.footer .listing {
  width: 100%;
  display: flex;
  padding-right: 2rem;
  justify-content: space-around;
  display: flex;
}
@media (max-width: 1200px) {
  .footer .listing {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .footer .listing {
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .footer .listing {
    justify-content: space-between;
  }
}
@media (max-width: 480px) {
  .footer .listing .li_style ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
}
.footer .listing .li_style ul li {
  transition: all 0.4s ease-in-out;
  padding: 2px 0px;
  list-style: none;
  color: #545F71;
  font-size: 0.875rem;
  font-weight: 400;
}
@media (max-width: 992px) {
  .footer .listing .li_style ul li {
    padding: 3px 0px;
  }
}
.footer .listing .li_style ul li a {
  color: #fff !important;
}
.footer .listing .li_style ul li {
  padding: 8px 0px;
}
@media (max-width: 767px) {
  .footer .listing .li_style ul li {
    padding: 4px 0px;
  }
}
@media (max-width: 480px) {
  .footer .listing .li_style {
    width: 50%;
    margin-bottom: 15px;
  }
}
.footer .social-icons {
  margin-bottom: 2rem;
  display: flex;
  flex-wrap: wrap;
}
.footer .social-icons li {
  padding: 20px 10px;
  list-style: none;
  font-size: 1.5rem;
}
@media (max-width: 1200px) {
  .footer .social-icons li {
    padding: 10px 5px;
  }
}
.footer .social-icons li a {
  color: #fff !important;
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.footer .social-icons li a:hover {
  color: #11A5E5 !important;
}
.footer .social-icons li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background-color: #333;
  transition: width 0.3s ease;
}
.footer .social-icons li:first-child {
  padding-left: 0px;
}

.bottom_section {
  background: #000;
  width: 100%;
  padding: 20px 0px;
}
.bottom_section .left {
  color: #fff;
  font-size: 1rem;
  font-weight: 400;
  width: 50%;
}
@media (max-width: 1200px) {
  .bottom_section .left {
    font-size: 0.875rem;
  }
}
@media (max-width: 992px) {
  .bottom_section .left {
    text-align: center;
    width: 100%;
    margin-bottom: 5px;
  }
}
@media (max-width: 767px) {
  .bottom_section .left {
    font-size: 0.813rem;
  }
}
.bottom_section .right {
  width: 50%;
  color: #fff;
  font-size: 1rem;
  font-weight: 400;
  text-align: right;
}
.bottom_section .right ul {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 992px) {
  .bottom_section .right ul {
    justify-content: center;
    flex-wrap: wrap;
  }
}
.bottom_section .right ul li {
  list-style: none;
  padding: 0px 10px;
  position: relative;
}
.bottom_section .right ul li::before {
  position: absolute;
  content: "|";
  left: 0px;
}
.bottom_section .right ul li:first-child::before {
  display: none;
}
.bottom_section .right ul li a {
  color: #fff !important;
}
@media (max-width: 1200px) {
  .bottom_section .right ul li {
    font-size: 0.875rem;
  }
}
@media (max-width: 767px) {
  .bottom_section .right ul li {
    font-size: 0.813rem;
  }
}
@media (max-width: 992px) {
  .bottom_section .right {
    text-align: center;
    width: 100%;
  }
}

.inner_banner {
  padding: 10px 0px;
  background: #fff;
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-top: 115px;
}
@media (max-width: 992px) {
  .inner_banner {
    margin-top: 75px;
  }
}
.inner_banner .nav {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all 0.4s ease-in-out;
  width: 100%;
  padding: 0px;
}
.inner_banner .nav ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.inner_banner .nav ul li {
  padding: 0px 10px;
  list-style: none;
  font-size: 0.813rem;
  display: flex;
  align-items: center;
  color: #808080;
}
@media (max-width: 992px) {
  .inner_banner .nav ul li {
    padding: 0px;
  }
}
.inner_banner .nav ul li:first-child {
  padding-left: 0px;
}
.inner_banner .nav ul li::after {
  content: "\f285";
  font-family: bootstrap-icons !important;
  padding-left: 10px;
  color: #0061AB;
}
.inner_banner .nav ul li:last-child::after {
  display: none;
}
.inner_banner .nav ul li a {
  color: #0061AB;
}

.inner_banner_img {
  padding: 100px 0px 60px 0px;
  background: #fff;
  position: relative;
  overflow: hidden;
  width: 100%;
  background-size: cover;
  background-position: center;
  z-index: 0;
  height: 60vh;
  display: flex;
  align-items: flex-end;
  margin-top: 115px;
}
@media (max-width: 992px) {
  .inner_banner_img {
    margin-top: 75px;
  }
}
@media (max-width: 1400px) {
  .inner_banner_img {
    margin-top: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner_banner_img {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .inner_banner_img {
    margin-top: 30px;
    height: 50vh;
  }
}
.inner_banner_img .inner_banner_nav {
  padding: 10px 0px;
  z-index: 99;
  position: absolute;
  top: 0;
  width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .inner_banner_img .inner_banner_nav {
    top: 14px;
  }
}
@media (max-width: 992px) {
  .inner_banner_img .inner_banner_nav {
    top: auto;
    bottom: 0;
  }
}
.inner_banner_img .inner_banner_nav .nav {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all 0.4s ease-in-out;
  width: 100%;
  padding: 0px;
}
.inner_banner_img .inner_banner_nav .nav ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.inner_banner_img .inner_banner_nav .nav ul li {
  list-style: none;
  font-size: 0.813rem;
  display: flex;
  align-items: center;
  color: #fff !important;
}
@media (max-width: 992px) {
  .inner_banner_img .inner_banner_nav .nav ul li {
    padding: 0px;
  }
}
.inner_banner_img .inner_banner_nav .nav ul li:first-child {
  padding-left: 0px;
}
.inner_banner_img .inner_banner_nav .nav ul li::after {
  content: "\f285";
  font-family: bootstrap-icons !important;
  padding: 0px 5px;
  color: #fff !important;
}
.inner_banner_img .inner_banner_nav .nav ul li:last-child::after {
  display: none;
}
.inner_banner_img .inner_banner_nav .nav ul li a {
  color: #fff !important;
}
.inner_banner_img h1 {
  color: #fff;
  text-align: center;
  font-weight: 700;
}
.inner_banner_img .pd_50 {
  padding-bottom: 0;
}
@media (max-width: 480px) {
  .inner_banner_img .pd_50 {
    padding-bottom: 50px;
  }
}
.inner_banner_img p {
  color: #fff;
  text-align: center;
}
.inner_banner_img::after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3226540616) 0%, rgba(0, 0, 0, 0.4879201681) 100%);
  z-index: -1;
}

.inner_container {
  width: 100%;
  padding: 50px 0px;
}
@media (max-width: 767px) {
  .inner_container {
    padding: 50px 0px;
  }
}
@media (max-width: 480px) {
  .inner_container {
    padding: 30px 0px;
  }
}
.inner_container h1 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #000;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner_container h1 {
    font-size: 1.8rem;
  }
}
@media (max-width: 767px) {
  .inner_container h1 {
    font-size: 1.8rem;
    margin-bottom: 1.2rem;
  }
}
@media (max-width: 480px) {
  .inner_container h1 {
    font-size: 1.5rem;
  }
}
.inner_container h2 {
  font-size: 1.875rem;
  font-weight: 700;
  color: #17191b;
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner_container h2 {
    font-size: 1.6rem;
  }
}
@media (max-width: 767px) {
  .inner_container h2 {
    font-size: 1.4rem;
    margin-bottom: 1rem;
  }
}
@media (max-width: 480px) {
  .inner_container h2 {
    font-size: 1.2rem;
  }
}
.inner_container h3 {
  font-size: 1.775rem;
  font-weight: 700;
  color: #000;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner_container h3 {
    font-size: 1.6rem;
  }
}
@media (max-width: 767px) {
  .inner_container h3 {
    font-size: 1.3rem;
    margin-bottom: 1.2rem;
  }
}
@media (max-width: 480px) {
  .inner_container h3 {
    font-size: 1.1rem;
  }
}
.inner_container h4 {
  font-size: 1.2rem;
  color: #333333;
  font-weight: 700;
  margin-top: 5px;
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner_container h4 {
    font-size: 1.5rem;
  }
}
.inner_container h5 {
  font-size: 1.75rem;
  color: #000;
  font-weight: 700;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner_container h5 {
    font-size: 1.5rem;
  }
}
@media (max-width: 767px) {
  .inner_container h5 {
    font-size: 1.3rem;
  }
}
@media (max-width: 480px) {
  .inner_container h5 {
    font-size: 1.2rem;
  }
}
.inner_container .left_result {
  margin-bottom: 2rem;
}
.inner_container .left_result h1 {
  font-size: 1.25rem;
  font-weight: 400;
  color: #000;
  margin-bottom: 0.5rem;
}
.inner_container .left_result h1 span {
  font-weight: 700;
}
@media (max-width: 480px) {
  .inner_container .left_result h1 {
    font-size: 1.15rem;
  }
}
.inner_container .left_result .search_right {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  width: 100%;
  position: relative;
  border: 1px solid #ced4da;
}
.inner_container .left_result .search_right .searchicon {
  transition: all 0.7s ease 0s;
}
.inner_container .left_result .search_right input {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  width: 100%;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  text-indent: 15px;
  font-size: 0.875;
  height: 42px;
  z-index: 2;
  outline: none;
  color: #7d7d7d;
  transition: all 0.7s ease 0s;
}
.inner_container .left_result .search_right input:focus {
  color: #000;
}
.inner_container .left_result .search_right .btnstyle {
  top: 0px;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 49px;
  font-size: 0.875;
  line-height: 30px;
  z-index: 1;
  cursor: pointer;
  color: #000;
  z-index: 99;
  background-color: #fff;
  border: none;
  transition: all 0.7s ease 0s;
  border-radius: 0px 6px 6px 0px;
  -webkit-border-radius: 0px 6px 6px 0px;
  -moz-border-radius: 0px 6px 6px 0px;
  -ms-border-radius: 0px 6px 6px 0px;
  -o-border-radius: 0px 6px 6px 0px;
}
.inner_container .left_result .search_right .btnstyle .bi {
  line-height: 38px;
  margin: 0;
  padding: 0;
  text-align: center;
}
.inner_container .left_result .search_right input:focus ~ .btnstyle {
  background-color: #EEF1F4;
  color: #000;
  opacity: 0.9;
}
.inner_container .left_result .search_right input:focus ~ .btnstyle .bi {
  color: #000;
}
.inner_container .left_result .search_right input:focus ~ .searchicon {
  opacity: 1;
  z-index: 3;
  color: #000;
}
.inner_container .left_box {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 2rem;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .inner_container .left_box {
    padding: 1.5rem;
  }
}
.inner_container .left_box .icon {
  width: 150px;
  margin-bottom: 10px;
}
.inner_container .left_box h2 {
  font-size: 1.25rem;
}
.inner_container .faq {
  margin-bottom: 20px;
}
.inner_container .faq h3 {
  font-size: 1.25rem;
  font-weight: 700;
}
.inner_container .accordion {
  --bs-accordion-border-width: 0px;
}
.inner_container .accordion h2 {
  margin-bottom: 0.5rem;
}
.inner_container .accordion-button {
  font-size: 1.25rem;
  color: #000;
  background: #fff;
}
@media (max-width: 480px) {
  .inner_container .accordion-button {
    font-size: 1rem;
  }
}
.inner_container .accordion-flush .accordion-item {
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  -o-border-radius: 10px !important;
  margin-bottom: 20px;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}
.inner_container .accordion-body {
  padding-top: 0px;
}
.inner_container .accordion-button:hover {
  z-index: 2;
}
.inner_container .accordion-button:focus {
  z-index: 3;
  border-color: 0 !important;
  box-shadow: none !important;
}
.inner_container .accordion-flush .accordion-item .accordion-button,
.inner_container .accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 10px;
}
.inner_container .country {
  width: 100%;
  margin-bottom: 10px;
}
.inner_container .country h4 {
  font-size: 1.625rem;
}
.inner_container .seaerch_result_sec {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 1.5rem;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
  margin-bottom: 15px;
}
.inner_container .seaerch_result_sec h3 {
  font-size: 1.25rem;
  color: #0061AB;
  font-weight: 400;
}
@media (max-width: 480px) {
  .inner_container .seaerch_result_sec h3 {
    font-size: 1.15rem;
  }
}
.inner_container .seaerch_result_sec h3 span {
  font-weight: 700;
}
.inner_container .seaerch_result_sec h5 {
  color: #0061AB;
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 10px;
}
.inner_container .seaerch_result_sec p {
  text-align: left;
  color: #545F71;
  display: -webkit-box;
  height: 25px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .inner_container .seaerch_result_sec p {
    height: 50px;
    -webkit-line-clamp: 2;
  }
}
.inner_container .img-box {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.inner_container .img-box img {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.inner_container ul {
  margin: 20px 0px;
}
.inner_container ul li {
  transition: all 0.4s ease-in-out;
  padding: 2px 0px;
  list-style: none;
  color: #545F71;
  font-size: 1rem;
  font-weight: 400;
  position: relative;
  padding-left: 25px;
}
.inner_container ul li::before {
  content: "\f272" !important;
  position: absolute;
  color: #11A5E5;
  left: 0;
  top: 3px !important;
  font-family: bootstrap-icons !important;
}
.inner_container .heading_section {
  display: flex;
  justify-content: center;
  flex-direction: column;
  background: #E9E4E4;
  padding: 2rem 2rem 2rem 3rem;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner_container .heading_section {
    padding: 1.5rem;
  }
}
@media (max-width: 767px) {
  .inner_container .heading_section {
    padding: 1rem;
  }
}
.inner_container .heading_section::before {
  position: absolute;
  content: "";
  right: -20%;
  width: 20%;
  height: 100%;
  background: #E9E4E4;
  z-index: 0;
}
@media (max-width: 767px) {
  .inner_container .heading_section::before {
    display: none;
  }
}
.inner_container .heading_section p {
  font-size: 1.1rem;
}
@media (max-width: 992px) {
  .inner_container .heading_section p {
    font-size: 0.875rem;
  }
}
.inner_container .z1 {
  z-index: 99;
}
.inner_container .needhelp {
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  transition: all 0.4s ease-in-out;
  padding: 15px;
  border: 2px solid #808080;
  display: flex;
  height: 100%;
  flex-direction: column;
}
.inner_container .needhelp .icon {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: all 0.4s ease-in-out;
  width: 60px;
  display: flex;
  align-self: flex-end;
  background: #808080;
}
.inner_container .needhelp .icon:hover {
  background: #11A5E5;
}
.inner_container .needhelp h4 {
  transition: all 0.4s ease-in-out;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  color: #808080;
  font-size: 1rem;
  font-weight: 700;
}
.inner_container .needhelp p {
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}
.inner_container .needhelp:hover {
  border: 2px solid #11A5E5;
}
.inner_container .needhelp:hover .icon {
  background: #11A5E5;
}
.inner_container .needhelp:hover h4 {
  color: #11A5E5;
}
.inner_container .wheretobuy {
  width: 100%;
}
.inner_container .wheretobuy p {
  text-align: center;
  font-weight: 400;
  font-size: 1.15rem;
}
@media (max-width: 767px) {
  .inner_container .wheretobuy p {
    font-size: 1rem;
  }
}
.inner_container .download_categories {
  width: 100%;
}
.inner_container .download_categories ul {
  width: 100%;
  margin-bottom: 0;
}
.inner_container .download_categories ul li {
  list-style: none;
  padding: 5px 0px;
}
.inner_container .download_categories ul li span {
  color: #545F71;
}
.inner_container .download_categories ul li a {
  color: #000 !important;
}
.inner_container .download_categories ul li a span {
  color: #545F71;
}
.inner_container .download_categories ul li::before {
  display: none;
}
.inner_container .download_categories ul li .active {
  color: #11A5E5 !important;
}
.inner_container .download_categories ul li.active a {
  color: #11A5E5 !important;
}
.inner_container .download_list {
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  padding: 1.5rem;
  border: 1px solid #d7d7d7;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner_container .download_list h4 {
    font-size: 1.2rem;
  }
}
@media (max-width: 480px) {
  .inner_container .download_list h4 {
    font-size: 1rem;
  }
}
.inner_container .download_list .date {
  display: flex;
  align-items: center;
  font-size: 1rem;
  color: #545F71;
}
@media (max-width: 480px) {
  .inner_container .download_list .date {
    font-size: 0.813rem;
  }
}
.inner_container .download_list .date span {
  color: #545F71;
  padding: 10px;
}
@media (max-width: 480px) {
  .inner_container .download_list .date span {
    padding: 0px 10px;
  }
}
.inner_container .download_list .date a {
  color: #11A5E5 !important;
}
.inner_container .download_list .lines {
  width: 100%;
  height: 10px;
}
.inner_container .download_list .download {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.inner_container .download_list .download p {
  padding-bottom: 0;
}
.inner_container .download_list .download .text {
  color: #333333;
  font-size: 1rem;
  padding-right: 10px;
  font-weight: 700;
}
@media (max-width: 992px) {
  .inner_container .download_list .download .text {
    margin-bottom: 5px;
  }
}
.inner_container .download_list .download .text i {
  color: #D80000;
  padding-right: 5px;
}
.inner_container .download_list .download .language {
  display: flex;
}
@media (max-width: 992px) {
  .inner_container .download_list .download .language {
    margin-top: 5px;
  }
}
.inner_container .download_list .download .language ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
}
.inner_container .download_list .download .language ul li {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  list-style: none;
  padding: 0px 5px;
  position: relative;
  background: #e1e1e1;
  margin: 0;
  font-size: 1rem;
  color: #808080;
  margin-right: 4px;
  min-width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
  .inner_container .download_list .download .language ul li {
    font-size: 0.875rem;
  }
}
.inner_container .download_list .download .language ul li::before {
  display: none;
}
@media (max-width: 1400px) {
  .inner_container .download_list .download .language ul li {
    margin-bottom: 5px;
  }
}
.inner_container .download_list .download .language ul li a {
  color: #fff !important;
}
.inner_container .download_list .download .language ul .active {
  background: #11A5E5;
}
.inner_container .clients {
  width: 100%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 1.5rem;
  background: #F4F4F4;
  display: flex;
  border: 1px solid #e3e0e0;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.inner_container .clients .company_logo {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 100px;
  height: 100px;
  padding-right: 30px;
}
.inner_container .clients .company_logo img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 100px;
}
.inner_container .clients .content .logo_name {
  font-size: 1.25rem;
  color: #000;
  font-weight: 700;
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner_container .clients .content .logo_name {
    font-size: 1rem;
  }
}
.inner_container .clients .content .location {
  font-size: 0.875rem;
  color: #333333;
}
.inner_container .clients .content .location ul {
  position: relative;
  z-index: 3;
  margin: 5px 0px;
}
.inner_container .clients .content .location ul li {
  position: relative;
  padding-left: 34px;
  color: #545F71;
  line-height: 22px;
  padding-bottom: 10px;
  font-size: 14px;
}
.inner_container .clients .content .location ul li::before {
  display: none;
}
.inner_container .clients .content .location ul li a {
  color: #333333;
}
.inner_container .clients .content .location ul li a:hover {
  color: #6c2180;
}
.inner_container .clients .content .location ul li i {
  position: absolute;
  left: 0;
  top: 3px;
  font-size: 1.25rem;
  color: #333333;
}
.inner_container .clients_2 {
  width: 100%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 1.5rem;
  background: #F4F4F4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #e3e0e0;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
@media (max-width: 992px) {
  .inner_container .clients_2 {
    flex-direction: column;
  }
}
.inner_container .clients_2 .left_boxs {
  display: flex;
  align-items: center;
  width: 85%;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .inner_container .clients_2 .left_boxs {
    width: 70%;
  }
}
@media (max-width: 992px) {
  .inner_container .clients_2 .left_boxs {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 10px;
  }
}
.inner_container .clients_2 .left_boxs .company_logo {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 10%;
  border: 1px solid #cfcfcf;
  background: #fff;
  margin-right: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .inner_container .clients_2 .left_boxs .company_logo {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 992px) {
  .inner_container .clients_2 .left_boxs .company_logo {
    width: 100px;
    height: 100px;
    margin-bottom: 15px;
  }
}
.inner_container .clients_2 .left_boxs .company_logo img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.inner_container .clients_2 .left_boxs .content {
  width: 90%;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .inner_container .clients_2 .left_boxs .content {
    width: 80%;
  }
}
.inner_container .clients_2 .left_boxs .content .logo_name {
  font-size: 1.25rem;
  color: #000;
  font-weight: 700;
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner_container .clients_2 .left_boxs .content .logo_name {
    font-size: 1rem;
  }
}
.inner_container .clients_2 .left_boxs .content .location {
  font-size: 0.875rem;
  color: #333333;
}
.inner_container .clients_2 .left_boxs .content .location ul {
  position: relative;
  z-index: 3;
  margin: 5px 0px;
}
.inner_container .clients_2 .left_boxs .content .location ul li {
  position: relative;
  padding-left: 34px;
  color: #545F71;
  line-height: 22px;
  padding-bottom: 10px;
  font-size: 14px;
}
.inner_container .clients_2 .left_boxs .content .location ul li a {
  color: #545F71 !important;
}
.inner_container .clients_2 .left_boxs .content .location ul li::before {
  display: none;
}
.inner_container .clients_2 .left_boxs .content .location ul li i {
  position: absolute;
  left: 0;
  top: 3px;
  font-size: 1.25rem;
  color: #333333;
}
.inner_container .clients_2 .left_boxs .content .mail_phone {
  font-size: 0.875rem;
  color: #333333;
}
.inner_container .clients_2 .left_boxs .content .mail_phone ul {
  position: relative;
  z-index: 3;
  margin: 5px 0px;
  display: flex;
}
@media (max-width: 992px) {
  .inner_container .clients_2 .left_boxs .content .mail_phone ul {
    flex-wrap: wrap;
  }
}
.inner_container .clients_2 .left_boxs .content .mail_phone ul li {
  position: relative;
  padding-left: 34px;
  color: #545F71;
  line-height: 22px;
  padding-bottom: 10px;
  font-size: 14px;
  padding-right: 20px;
}
.inner_container .clients_2 .left_boxs .content .mail_phone ul li a {
  color: #545F71 !important;
}
.inner_container .clients_2 .left_boxs .content .mail_phone ul li::before {
  display: none;
}
.inner_container .clients_2 .left_boxs .content .mail_phone ul li i {
  position: absolute;
  left: 0;
  top: 3px;
  font-size: 1.25rem;
  color: #333333;
}
.inner_container .clients_2 .website {
  width: 15%;
  display: flex;
  justify-content: flex-end;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .inner_container .clients_2 .website {
    width: 30%;
  }
}
@media (max-width: 992px) {
  .inner_container .clients_2 .website {
    width: 100%;
    justify-content: flex-start;
  }
}
.inner_container .clients_2 .website .btn_1 {
  width: auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .inner_container .clients_2 .website .btn_1 {
    font-size: 0.875rem;
  }
}
.inner_container .clients_2 .website .btn_1:hover {
  letter-spacing: 0;
}
.inner_container .graph {
  width: 100%;
  border: 1px solid #CBCCCD;
  padding: 15px;
  height: auto;
}
.inner_container .work-with-us {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.inner_container .work-with-us .icon {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 50px;
  height: 50px;
}
.inner_container .work-with-us h4 {
  font-size: 1.2rem;
  color: #000;
  font-weight: 700;
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner_container .work-with-us h4 {
    font-size: 1rem;
  }
}
.inner_container .addresses {
  padding-left: 3rem;
}
@media (max-width: 767px) {
  .inner_container .addresses {
    padding-left: 0rem;
  }
}
.inner_container .addresses p {
  font-size: 1.15rem;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner_container .addresses p {
    font-size: 1rem;
  }
}
.inner_container .addresses ul li {
  position: relative;
  padding: 10px 0px 10px 50px;
  display: flex;
  font-size: 1.25rem;
  justify-content: center;
  flex-direction: column;
  color: #333333;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner_container .addresses ul li {
    font-size: 1rem;
  }
}
.inner_container .addresses ul li::before {
  display: none;
}
.inner_container .addresses ul li a {
  color: #333333 !important;
}
.inner_container .addresses ul li i {
  position: absolute;
  left: 0;
  font-size: 2rem;
  color: #11A5E5;
}
.inner_container .addresses ul li span {
  color: #808080;
  font-size: 1rem;
  font-weight: 400;
  display: block;
}
.inner_container .position {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.inner_container .position h4 {
  font-size: 1.2rem;
  color: #000;
  font-weight: 700;
  margin-bottom: 5px;
}
.inner_container .position h4 span {
  display: block;
  font-size: 0.75rem;
  color: #808080;
  font-style: italic;
  font-weight: 400;
  margin-top: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner_container .position h4 {
    font-size: 1rem;
  }
}
.inner_container .position h6 {
  color: #333333;
  font-size: 0.813rem;
  font-weight: 700;
  margin: 5px 0px;
}
.inner_container .position p {
  transition: all 0.4s ease-in-out;
  text-align: left;
  color: #545F71;
  display: -webkit-box;
  height: 50px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}
@media (max-width: 480px) {
  .inner_container .position p {
    height: 48px;
    min-height: 40px;
  }
}
.inner_container .position .btn_4 {
  font-weight: 700;
  font-size: 0.875rem;
}
.inner_container .career-detail h2 span {
  display: block;
  font-size: 0.875rem;
  color: #808080;
  font-style: italic;
  font-weight: 400;
  margin-top: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner_container .career-detail h2 {
    font-size: 1rem;
  }
}
.inner_container .career-detail h6 {
  color: #333333;
  font-size: 1rem;
  font-weight: 400;
  margin: 15px 0px;
}
.inner_container .career_form {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  padding: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner_container .career_form {
    padding: 20px;
  }
}
@media (max-width: 480px) {
  .inner_container .career_form {
    padding: 20px;
  }
}
.inner_container .career_form form .file-upload-wrapper {
  position: relative;
  width: 100%;
  height: 100px;
  border: 1px dashed #0e528d;
  border-radius: 5px;
}
.inner_container .career_form form .file-upload-wrapper::after {
  content: attr(data-text);
  font-size: 0.875rem;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  padding: 10px 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% - 40px);
  pointer-events: none;
  z-index: 20;
  height: 100%;
  width: 100%;
  line-height: 40px;
  color: #545F71;
  border-radius: 5px 10px 10px 5px;
  font-weight: 400;
}
.inner_container .career_form form .file-upload-wrapper input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  height: 100%;
  margin: 0;
  padding: 0;
  display: block;
  cursor: pointer;
  width: 100%;
}
.inner_container .career_form small {
  display: block;
  font-size: 0.75rem;
  color: #808080;
  font-weight: 400;
}
.inner_container .career_form .btn_1 {
  width: 100%;
  text-align: center;
}
.inner_container .related_article {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  background: rgb(255, 255, 255);
  background: linear-gradient(82deg, rgb(255, 255, 255) 0%, rgb(153, 153, 153) 100%);
}
.inner_container .related_article img {
  border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -ms-border-radius: 10px 10px 0px 0px;
  -o-border-radius: 10px 10px 0px 0px;
  width: 100%;
}
.inner_container .related_article .content {
  border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  -ms-border-radius: 0px 0px 10px 10px;
  -o-border-radius: 0px 0px 10px 10px;
  padding: 15px;
  background: #fff;
}
.inner_container .related_article .content h3 {
  font-size: 1rem;
  color: #000;
  margin-bottom: 10px;
}
.inner_container .related_article .content h4 {
  font-size: 1.2rem;
  color: #333333;
  font-weight: 700;
  margin-top: 5px;
  transition: all 0.4s ease-in-out;
  text-align: left;
  color: #545F71;
  display: -webkit-box;
  height: 50px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
  height: 48px;
}
@media (max-width: 480px) {
  .inner_container .related_article .content h4 {
    height: 48px;
    min-height: 40px;
  }
}
.inner_container .related_article .content h5 {
  font-size: 0.813rem;
  color: #333333;
  font-weight: 400;
}
.inner_container .related_article .content p {
  transition: all 0.4s ease-in-out;
  text-align: left;
  color: #545F71;
  display: -webkit-box;
  height: 50px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}
@media (max-width: 480px) {
  .inner_container .related_article .content p {
    height: 48px;
    min-height: 40px;
  }
}
.inner_container .whitebox {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  width: 100%;
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  background: #fff;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .inner_container .whitebox {
    flex-direction: column;
  }
}
.inner_container .whitebox .left {
  width: 30%;
}
@media (max-width: 767px) {
  .inner_container .whitebox .left {
    width: 100%;
  }
}
.inner_container .whitebox .left img {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.inner_container .whitebox .right {
  width: 70%;
  padding-left: 40px;
}
@media (max-width: 767px) {
  .inner_container .whitebox .right {
    width: 100%;
    padding-left: 0px;
    margin-top: 15px;
  }
}
.inner_container .whitebox .right h3 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
}
.inner_container .whitebox .right .download {
  display: flex;
  flex-wrap: wrap;
}
.inner_container .whitebox .right .download .text {
  color: #333333;
  font-size: 16px;
  padding-right: 10px;
  font-weight: 700;
}
@media (max-width: 992px) {
  .inner_container .whitebox .right .download .text {
    margin-bottom: 10px;
  }
}
.inner_container .whitebox .right .download .text i {
  color: #D80000;
}
.inner_container .whitebox .right .download .language {
  display: flex;
}
@media (max-width: 992px) {
  .inner_container .whitebox .right .download .language {
    margin-top: 5px;
  }
}
.inner_container .whitebox .right .download .language ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
}
.inner_container .whitebox .right .download .language ul li {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  list-style: none;
  padding: 0px 5px;
  position: relative;
  background: #e1e1e1;
  margin: 0;
  font-size: 1rem;
  color: #808080;
  margin-right: 4px;
  min-width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inner_container .whitebox .right .download .language ul li::before {
  display: none;
}
@media (max-width: 1400px) {
  .inner_container .whitebox .right .download .language ul li {
    margin-bottom: 5px;
  }
}
@media (max-width: 480px) {
  .inner_container .whitebox .right .download .language ul li {
    font-size: 0.875rem;
  }
}
.inner_container .whitebox .right .download .language ul li a {
  color: #fff !important;
}
.inner_container .whitebox .right .download .language ul .active {
  background: #11A5E5;
}
.inner_container .dc {
  transition: all 0.4s ease-in-out;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  background: #F4F4F4;
  padding: 25px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
@media (max-width: 767px) {
  .inner_container .dc {
    padding: 15px;
  }
}
.inner_container .dc h3 {
  font-size: 1.2rem;
}
@media (max-width: 767px) {
  .inner_container .dc h3 {
    margin-bottom: 5px;
  }
}
.inner_container .dc .categoty_img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-bottom: 20px;
}
@media (max-width: 480px) {
  .inner_container .dc .categoty_img {
    width: 60px;
    height: 60px;
  }
}
.inner_container .dc .categoty_img img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.inner_container .dc:hover {
  background: #11A5E5;
}
.inner_container .dc:hover h3 {
  color: #fff;
}
.inner_container .dc:hover p {
  color: #fff;
}
.inner_container .dc:hover .btn_6 {
  color: #fff !important;
}
.inner_container .view_details {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner_container .view_details .btn_1 {
    font-size: 0.875rem;
  }
  .inner_container .view_details .btn_1:hover {
    letter-spacing: 0;
  }
}
@media (max-width: 767px) {
  .inner_container .view_details {
    height: 100px;
  }
}
.inner_container .country {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 20px;
  height: 100%;
  margin-bottom: 20px;
}
.inner_container .country h4 {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 15px;
}
.inner_container .country p {
  color: #11A5E5;
  line-height: 18px;
  margin-bottom: 10px;
}
.inner_container .country_list h4 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 15px;
}
.inner_container .modals {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.inner_container .modals .sortby {
  display: flex;
  align-items: center;
  justify-content: center;
}
.inner_container .modals .sortby .choose {
  margin: 0;
  padding-right: 10px;
  color: #000;
  font-weight: 700;
  font-size: 1rem;
}
.inner_container .modals .sortby .selects {
  width: auto;
}
.inner_container .modals .sortby .selects .form-select {
  padding-right: 40px;
  border: 2px solid #11A5E5 !important;
}
@media (max-width: 480px) {
  .inner_container .modals .sortby .selects .form-select {
    font-size: 0.813rem;
  }
}
.inner_container .img-box {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.inner_container .img-box img {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.inner_container .service_lists {
  width: 100%;
}
@media (max-width: 767px) {
  .inner_container .service_lists h3 {
    margin-bottom: 5px;
  }
}
.inner_container .event_title {
  position: relative;
  padding: 5px 0px;
  display: flex;
  font-size: 0.875rem;
  color: #34373C;
  align-items: center;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner_container .event_title {
    font-size: 0.813rem;
    left: 0;
  }
}
@media (max-width: 767px) {
  .inner_container .event_title {
    left: 0;
    font-size: 0.813rem;
  }
}
.inner_container .event_title .dot {
  padding: 0px 10px;
}
@media (max-width: 767px) {
  .inner_container .event_title .dot {
    padding: 0px 4px;
  }
}
.inner_container .blog-box {
  border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  -ms-border-radius: 5px 5px 0px 0px;
  -o-border-radius: 5px 5px 0px 0px;
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.inner_container .blog-box img {
  border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  -ms-border-radius: 5px 5px 0px 0px;
  -o-border-radius: 5px 5px 0px 0px;
  width: 100%;
}
.inner_container .blog-box .blog_img {
  position: relative;
}
.inner_container .blog-box .blog_img .event_title {
  position: absolute;
  background: #0061AB;
  padding: 5px 10px;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.875rem;
  color: #fff;
  align-items: center;
  bottom: 0;
  left: 2rem;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner_container .blog-box .blog_img .event_title {
    font-size: 0.813rem;
    left: 0;
  }
}
@media (max-width: 767px) {
  .inner_container .blog-box .blog_img .event_title {
    left: 0;
    font-size: 0.813rem;
  }
}
.inner_container .blog-box .blog_img .event_title .dot {
  padding: 0px 10px;
}
@media (max-width: 767px) {
  .inner_container .blog-box .blog_img .event_title .dot {
    padding: 0px 4px;
  }
}
.inner_container .blog-box .blog_content {
  padding: 2rem;
}
@media (max-width: 480px) {
  .inner_container .blog-box .blog_content {
    padding: 20px 10px;
  }
}
.inner_container .blog-box .blog_content h3 {
  color: #333333;
}
.inner_container .blog-box .blog_content h6 {
  color: #545F71;
  font-size: 0.75rem;
  font-weight: 400;
  margin-bottom: 1rem;
}
.inner_container .blog-box .blog_content h5 {
  color: #545F71;
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.inner_container .blog-box .blog_content p {
  transition: all 0.4s ease-in-out;
  text-align: left;
  color: #545F71;
  display: -webkit-box;
  height: 80px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1400px) {
  .inner_container .blog-box .blog_content p {
    height: 75px;
  }
}
@media (max-width: 480px) {
  .inner_container .blog-box .blog_content p {
    height: 48px;
    min-height: 40px;
  }
}
.inner_container .sticky_container { /* For Safari */
  position: sticky;
  top: 100px;
}
@media (max-width: 992px) {
  .inner_container .sticky_container {
    top: 70px;
  }
}
.inner_container .right_sidebar {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  padding: 20px;
}
@media (max-width: 480px) {
  .inner_container .right_sidebar {
    padding: 10px;
  }
}
.inner_container .right_sidebar .listing {
  max-height: 300px;
  overflow-y: auto;
}
.inner_container .right_sidebar h5 {
  font-size: 1.25rem;
  color: #000;
  margin-bottom: 15px;
}
@media (max-width: 480px) {
  .inner_container .right_sidebar h5 {
    margin-bottom: 10px;
  }
}
.inner_container .right_sidebar .search_right {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  width: 100%;
  position: relative;
  border: 1px solid #ced4da;
}
.inner_container .right_sidebar .search_right .searchicon {
  transition: all 0.7s ease 0s;
}
.inner_container .right_sidebar .search_right input {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  width: 100%;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  text-indent: 15px;
  font-size: 0.875;
  height: 42px;
  z-index: 2;
  outline: none;
  color: #7d7d7d;
  transition: all 0.7s ease 0s;
}
.inner_container .right_sidebar .search_right input:focus {
  color: #000;
}
.inner_container .right_sidebar .search_right .btnstyle {
  top: 0px;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 49px;
  font-size: 0.875;
  line-height: 30px;
  z-index: 1;
  cursor: pointer;
  color: #000;
  z-index: 1000;
  background-color: #EEF1F4;
  border: none;
  transition: all 0.7s ease 0s;
  border-radius: 0px 6px 6px 0px;
  -webkit-border-radius: 0px 6px 6px 0px;
  -moz-border-radius: 0px 6px 6px 0px;
  -ms-border-radius: 0px 6px 6px 0px;
  -o-border-radius: 0px 6px 6px 0px;
}
.inner_container .right_sidebar .search_right .btnstyle .bi {
  line-height: 38px;
  margin: 0;
  padding: 0;
  text-align: center;
}
.inner_container .right_sidebar .search_right input:focus ~ .btnstyle {
  background-color: #EEF1F4;
  color: #000;
  opacity: 0.9;
}
.inner_container .right_sidebar .search_right input:focus ~ .btnstyle .bi {
  color: #000;
}
.inner_container .right_sidebar .search_right input:focus ~ .searchicon {
  opacity: 1;
  z-index: 3;
  color: #000;
}
.inner_container .right_sidebar ul li {
  padding: 5px;
  list-style: none;
  color: #000;
}
.inner_container .right_sidebar ul li::before {
  display: none;
}
.inner_container .right_sidebar ul li a {
  color: #000 !important;
}
.inner_container .right_sidebar ul li span {
  color: #545F71;
}
.inner_container .details_sec {
  padding-left: 2rem;
}
@media (max-width: 767px) {
  .inner_container .details_sec {
    padding-left: 0rem;
  }
}
.inner_container .details_sec h1 {
  font-size: 2rem;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner_container .details_sec h1 {
    font-size: 1.8rem;
  }
}
@media (max-width: 767px) {
  .inner_container .details_sec h1 {
    font-size: 1.5rem;
  }
}
.inner_container .details_sec h2 {
  font-size: 0.875rem;
  font-weight: 400;
  margin: 15px 0px;
}
.inner_container .details_sec p {
  padding: 1.5rem 0px;
  border-top: 1px solid #E8E9EA;
  border-bottom: 1px solid #E8E9EA;
}
@media (max-width: 992px) {
  .inner_container .details_sec p {
    padding: 1rem 0px;
  }
}
.inner_container .details_sec .btn_width_one {
  min-width: 150px;
  text-align: center;
  margin-right: 8px;
}
@media (max-width: 767px) {
  .inner_container .details_sec .btn_width_one {
    width: auto;
    min-width: auto;
  }
}
.inner_container .details_sec .specification {
  width: 100%;
  margin-bottom: 20px;
}
.inner_container .details_sec .specification ul {
  display: flex;
  flex-wrap: wrap;
}
.inner_container .details_sec .specification ul li {
  display: flex;
  padding: 0px 20px 0px 0px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner_container .details_sec .specification ul li {
    padding: 0px 5px;
  }
}
@media (max-width: 767px) {
  .inner_container .details_sec .specification ul li {
    padding: 0px 10px;
  }
}
.inner_container .details_sec .specification ul li:first-child {
  padding-left: 0;
}
.inner_container .details_sec .specification ul li:last-child {
  padding-right: 0;
}
.inner_container .details_sec .specification ul li .lists {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  width: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner_container .details_sec .specification ul li .lists {
    width: 100px;
  }
}
@media (max-width: 767px) {
  .inner_container .details_sec .specification ul li .lists {
    width: 90px;
  }
}
.inner_container .details_sec .specification ul li .lists .icon {
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner_container .details_sec .specification ul li .lists .icon {
    width: 50px;
  }
}
@media (max-width: 767px) {
  .inner_container .details_sec .specification ul li .lists .icon {
    width: 40px;
  }
}
.inner_container .details_sec .specification ul li .lists .text {
  font-size: 0.875rem;
  font-weight: 400;
  text-align: center;
}
@media (max-width: 992px) {
  .inner_container .details_sec .specification ul li .lists .text {
    font-size: 0.813rem;
    line-height: 18px;
  }
}
.inner_container .details_sec .specification ul li::before {
  display: none;
}
.inner_container .details_sec .btn_1 {
  margin-bottom: 10px;
}
.inner_container .all_documents {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  width: 100%;
}
.inner_container .all_documents .full {
  width: 50%;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
@media (max-width: 992px) {
  .inner_container .all_documents .full {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .inner_container .all_documents .full {
    width: 100%;
  }
}
.inner_container .all_documents .full .lefts {
  width: 45%;
  padding-right: 1rem;
}
@media (max-width: 992px) {
  .inner_container .all_documents .full .lefts {
    width: 100%;
  }
}
.inner_container .all_documents .full .lefts .heading {
  width: 100%;
  height: 20px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .inner_container .all_documents .full .lefts .heading {
    display: none;
  }
}
.inner_container .all_documents .full .lefts .lists {
  font-size: 0.875rem;
  color: #000;
  font-weight: 700;
  position: relative;
  padding-left: 20px;
}
.inner_container .all_documents .full .lefts .lists::before {
  content: "\f38b";
  font-family: bootstrap-icons !important;
  position: absolute;
  left: 0;
  color: red;
}
.inner_container .all_documents .full .rights {
  width: 55%;
}
@media (max-width: 992px) {
  .inner_container .all_documents .full .rights {
    width: 100%;
  }
}
.inner_container .all_documents .full .rights .heading {
  width: 100%;
  height: 20px;
  margin-bottom: 10px;
}
@media (max-width: 992px) {
  .inner_container .all_documents .full .rights .heading {
    margin-bottom: 0px;
  }
}
@media (max-width: 767px) {
  .inner_container .all_documents .full .rights .heading {
    display: none;
  }
}
.inner_container .all_documents .full .rights .heading h5 {
  font-size: 0.875rem;
  font-weight: 400;
  color: #000;
}
.inner_container .all_documents .full .rights .language {
  display: flex;
}
@media (max-width: 992px) {
  .inner_container .all_documents .full .rights .language {
    margin-top: 5px;
  }
}
.inner_container .all_documents .full .rights .language ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 10px 0px;
}
.inner_container .all_documents .full .rights .language ul li {
  list-style: none;
  padding: 0px 5px;
  position: relative;
  color: #808080;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
}
.inner_container .all_documents .full .rights .language ul li:first-child {
  padding-left: 0;
}
.inner_container .all_documents .full .rights .language ul li a {
  color: #000 !important;
}
.inner_container .all_documents .full .rights .language ul li::after {
  content: "";
  position: absolute;
  height: 80%;
  width: 1px;
  left: 0;
  background: #808080;
}
.inner_container .all_documents .full .rights .language ul li:first-child::after {
  display: none;
}
.inner_container .all_documents .full .rights .language ul li::before {
  display: none;
}
.inner_container .all_documents .full .rights .download {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .inner_container .all_documents .full .rights .download {
    justify-content: flex-start;
  }
}
.inner_container .all_documents .full .rights .download i {
  font-weight: 700;
}
.inner_container .side_lists2 {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  padding: 20px;
}
@media (max-width: 480px) {
  .inner_container .side_lists2 {
    padding: 10px;
  }
}
.inner_container .side_lists2 h5 {
  font-size: 1.25rem;
  color: #000;
  margin-bottom: 15px;
}
@media (max-width: 480px) {
  .inner_container .side_lists2 h5 {
    margin-bottom: 10px;
  }
}
.inner_container .side_lists2 ul {
  display: flex;
  width: 100%;
  flex-direction: column;
  margin: 0px;
}
.inner_container .side_lists2 ul li {
  transition: all 0.4s ease-in-out;
  list-style: none;
  display: flex;
  align-items: center;
  line-height: 20px;
  font-size: 0.875rem;
  padding: 10px 0px;
}
.inner_container .side_lists2 ul li::before {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner_container .side_lists2 ul li {
    flex-direction: column;
    align-items: flex-start;
    border-bottom: 1px solid #E5E6E9;
  }
}
@media (max-width: 480px) {
  .inner_container .side_lists2 ul li {
    flex-direction: column;
    align-items: flex-start;
    border-bottom: 1px solid #E5E6E9;
  }
}
.inner_container .side_lists2 ul li .img_box {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  width: 20%;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner_container .side_lists2 ul li .img_box {
    width: 40%;
    margin-bottom: 10px;
  }
}
@media (max-width: 480px) {
  .inner_container .side_lists2 ul li .img_box {
    width: 40%;
    margin-bottom: 10px;
  }
}
.inner_container .side_lists2 ul li .img_box img {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  width: 100%;
  background-size: cover;
}
.inner_container .side_lists2 ul li .content {
  padding-left: 8px;
  position: relative;
  width: 80%;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner_container .side_lists2 ul li .content {
    width: 100%;
    padding-left: 0px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .inner_container .side_lists2 ul li .content {
    padding: 10px 0px 10px 10px;
  }
}
@media (max-width: 480px) {
  .inner_container .side_lists2 ul li .content {
    width: 100%;
    padding-left: 0px;
  }
}
.inner_container .side_lists2 ul li .content .date {
  font-size: 0.75rem;
  color: #545F71;
}
.inner_container .side_lists2 ul li .content a {
  transition: all 0.4s ease-in-out;
  font-size: 0.875rem;
  color: #000 !important;
  line-height: 20px;
  display: -webkit-box;
  height: 38px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inner_container .offcanvas.offcanvas-bottom {
  border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -ms-border-radius: 10px 10px 0px 0px;
  -o-border-radius: 10px 10px 0px 0px;
  right: 10px;
  left: auto;
  width: 350px;
  --bs-offcanvas-height: auto;
  width: 280px;
}
.inner_container .offcanvas.offcanvas-bottom .offcanvas-header {
  padding: 1rem 1rem 0px 1rem;
}
.inner_container .offcanvas.offcanvas-bottom .supports h5 {
  font-size: 1.2rem;
  font-weight: 700;
  color: #333333;
}
.inner_container .offcanvas.offcanvas-bottom h4 {
  font-size: 1rem;
  font-weight: 700;
  color: #000;
}
.inner_container .offcanvas.offcanvas-bottom .offcanvas-body p {
  font-size: 0.813rem;
  padding: 5px 0px;
  border-top: none;
  margin-bottom: 5px;
  border-bottom: none;
}
.inner_container .offcanvas.offcanvas-bottom .offcanvas-body .listing {
  width: 100%;
  margin: 5px 0px;
}
.inner_container .offcanvas.offcanvas-bottom .offcanvas-body .listing ul li {
  padding: 5px 0px;
  font-size: 0.813rem;
  list-style: none;
  color: #11A5E5;
  border-bottom: 1px solid #C0C0C0;
}
.inner_container .offcanvas.offcanvas-bottom .offcanvas-body .listing ul li:last-child {
  border-bottom: 0;
}
.inner_container .offcanvas.offcanvas-bottom .offcanvas-body .listing ul li a {
  color: #11A5E5;
}
.inner_container .offcanvas.offcanvas-bottom .offcanvas-body h6 {
  color: #000;
  margin-bottom: 5px;
}
.inner_container .offcanvas.offcanvas-bottom .offcanvas-body .btn_1 {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 5px 30px;
  border: none;
}
.inner_container .offcanvas.offcanvas-bottom .offcanvas-body .onerem {
  font-size: 0.875rem !important;
}
.inner_container .empty_data {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 5rem 0rem;
}
@media (max-width: 767px) {
  .inner_container .empty_data {
    flex-direction: column;
    margin: 3rem 0;
  }
}
.inner_container .empty_data .img_boxes img {
  width: 250px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner_container .empty_data .img_boxes img {
    width: 150px;
  }
}
@media (max-width: 767px) {
  .inner_container .empty_data .img_boxes img {
    width: 180px;
  }
}
.inner_container .empty_data .texts h4 {
  font-size: 1.8rem;
  color: #000;
  font-weight: 700;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .inner_container .empty_data .texts h4 {
    font-size: 1.5rem;
  }
}
@media (max-width: 767px) {
  .inner_container .empty_data .texts h4 {
    font-size: 1.5rem;
    text-align: center;
    padding-left: 0px;
    margin-top: 10px;
  }
}
@media (max-width: 480px) {
  .inner_container .empty_data .texts h4 {
    font-size: 1.3rem;
  }
}
.inner_container .empty_data .texts h4 span {
  display: block;
  font-size: 1.2rem;
  font-weight: 400;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .inner_container .empty_data .texts h4 span {
    font-size: 0.875rem;
  }
}
.inner_container .empty_data .btn1 {
  padding: 10px;
}
.inner_container .sub_text {
  margin-top: 2rem;
}
.inner_container .product_img {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  width: 100%;
}
.inner_container .product_img img {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  width: 100%;
}
.inner_container .nav-tabs {
  border-bottom: none !important;
  margin-bottom: 0;
}
@media (max-width: 480px) {
  .inner_container .nav-tabs {
    --bs-nav-tabs-border-radius: 0;
  }
}
.inner_container .nav-tabs li {
  padding: 0;
}
.inner_container .nav-tabs li::before {
  display: none;
}
.inner_container .nav-tabs .nav-link {
  border: 1px solid #C0C0C0;
  color: #000;
  font-weight: 700;
  min-width: 210px;
  padding: 12px 0px;
  font-size: 0.875rem;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .inner_container .nav-tabs .nav-link {
    min-width: auto;
    padding: 12px 15px;
  }
}
@media (max-width: 992px) {
  .inner_container .nav-tabs .nav-link {
    font-size: 0.875rem;
    min-width: auto;
    padding: 10px 15px;
  }
}
@media (max-width: 480px) {
  .inner_container .nav-tabs .nav-link {
    padding: 8px 10px;
  }
}
.inner_container .nav-tabs .nav-link.active {
  background: #C3E8F8;
  color: #000;
}
.inner_container .tab-content {
  width: 100%;
  border: 1px solid #C0C0C0;
  padding: 1.5rem;
}
.inner_container .tab-content .tab-pane h3 {
  font-weight: 700;
}
@media (max-width: 992px) {
  .inner_container .tab-content .tab-pane h3 {
    font-size: 1.3rem;
  }
}
.inner_container .table .table-dark {
  --bs-table-color: $black-color;
  --bs-table-bg: #E8F6FD;
}
.inner_container .table .table-dark span {
  --bs-table-color: #808080 !important;
}
.inner_container .ticklist {
  width: 100%;
}
.inner_container .ticklist ul {
  margin: 20px 0px;
}
.inner_container .ticklist ul li {
  transition: all 0.4s ease-in-out;
  padding: 2px 0px;
  list-style: none;
  color: #545F71;
  font-size: 1rem;
  font-weight: 400;
  position: relative;
  padding-left: 25px;
}
.inner_container .ticklist ul li::before {
  content: "\f272" !important;
  position: absolute;
  color: #11A5E5;
  left: 0;
  top: 3px !important;
  font-family: bootstrap-icons !important;
}
.inner_container .gallery {
  width: 100%;
  transition: all 0.4s ease-in-out;
  position: relative;
  background: #fff;
  border: 1px solid #f0f1f3;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  overflow: hidden;
}
.inner_container .gallery img {
  transition: all 0.4s ease-in-out;
  width: 100%;
}
.inner_container .gallery i {
  transition: all 0.4s ease-in-out;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  font-size: 2.5rem;
  color: #fff;
  text-align: center;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1f4492;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  transition: all 0.4s ease-in-out;
}
@media (max-width: 480px) {
  .inner_container .gallery i {
    width: 25px;
    height: 25px;
    font-size: 1.8rem;
  }
}
.inner_container .gallery:hover img {
  opacity: 0.5;
}
.inner_container .line {
  width: 100%;
  border-bottom: 1px solid #11A5E5;
  margin-bottom: 30px;
}
.inner_container .line_2 {
  width: 100%;
  border-bottom: 1px solid #e2e1e1;
  display: none;
}
@media (max-width: 767px) {
  .inner_container .line_2 {
    display: block;
  }
}
.inner_container .choose_box {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  background: rgb(255, 255, 255);
  background: linear-gradient(82deg, rgb(255, 255, 255) 0%, rgb(153, 153, 153) 100%);
}
.inner_container .choose_box img {
  border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -ms-border-radius: 10px 10px 0px 0px;
  -o-border-radius: 10px 10px 0px 0px;
  width: 100%;
}
.inner_container .choose_box .content {
  border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  -ms-border-radius: 0px 0px 10px 10px;
  -o-border-radius: 0px 0px 10px 10px;
  padding: 15px;
  background: #fff;
}
.inner_container .choose_box .content h5 {
  font-size: 1rem;
  color: #000;
}
.inner_container .choose_box .content p {
  transition: all 0.4s ease-in-out;
  text-align: left;
  color: #545F71;
  display: -webkit-box;
  height: 50px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
  font-size: 0.875rem;
  margin-bottom: 0;
  margin-top: 0.5rem;
  height: 28px;
  -webkit-line-clamp: 1;
}
@media (max-width: 480px) {
  .inner_container .choose_box .content p {
    height: 48px;
    min-height: 40px;
  }
}
.inner_container .carousel-wrap {
  padding: 0px 0px 120px;
}
.inner_container .carousel-indicators [data-bs-target] {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  width: 100px;
  height: 80px;
  cursor: pointer;
  opacity: 1;
  margin: 0 10px;
}
.inner_container .carousel-item {
  position: relative;
}
.inner_container .carousel-item .plus {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: rgba(255, 255, 255, 0.6980392157);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
  width: 50px;
  height: 50px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.inner_container .carousel-item .plus i {
  font-size: 3rem;
  color: #0862AB;
}
.inner_container .carousel-item > img {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.inner_container .carousel-indicators {
  bottom: auto;
  top: 100%;
  margin: 10px 0 0;
}
.inner_container .carousel-control-next-icon {
  background-color: rgb(255, 255, 255);
  width: 25px;
  right: 10px;
  position: absolute;
}
.inner_container .carousel-control-prev-icon {
  background-color: rgb(255, 255, 255);
  left: 10px;
  position: absolute;
}
.inner_container .carousel-control-prev-icon::before {
  color: #000;
  font-family: bootstrap-icons !important;
  content: "\f284";
  position: absolute;
  left: 0;
  font-size: 1.5rem;
  padding: 3px;
}
.inner_container .carousel-control-next-icon::before {
  color: #000;
  font-family: bootstrap-icons !important;
  content: "\f285";
  position: absolute;
  left: 0;
  font-size: 1.5rem;
  padding: 3px;
}
.inner_container .carousel-control-next,
.inner_container .carousel-control-prev {
  width: 25px;
}
.inner_container .img-thumbnail img {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.5;
  transition: 0.3s ease;
  transform: scale(1);
}
.inner_container .img-thumbnail.active img {
  opacity: 1;
  transform: scale(1.1);
  position: relative;
  z-index: 2;
  outline: 1px solid white;
}
.inner_container .bold {
  font-weight: 700;
}
.inner_container .fullwidth_img {
  width: 100%;
  margin-bottom: 10px;
}
.inner_container .fullwidth_img img {
  width: 100%;
}

.office_location {
  background: #F7F9FB;
}
.office_location h2 {
  font-size: 1.875rem;
  font-weight: 700;
  color: #17191b;
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .office_location h2 {
    font-size: 1.6rem;
  }
}
@media (max-width: 767px) {
  .office_location h2 {
    font-size: 1.4rem;
    margin-bottom: 1.2rem;
  }
}
@media (max-width: 480px) {
  .office_location h2 {
    font-size: 1.2rem;
  }
}
.office_location .locations {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 20px;
  margin-bottom: 20px;
}
.office_location .locations h3 {
  font-size: 1rem;
  font-weight: 700;
}
.office_location .locations .email {
  color: #D80000 !important;
}
.office_location .locations .email a {
  color: #D80000 !important;
}
.office_location .locations .email i {
  padding-right: 5px;
  color: #11A5E5;
}
.office_location .map {
  width: 100%;
  height: 100%;
  background: #545F71;
}

.join-now {
  padding: 0;
  background: url(../images/join-us-img.jpg) no-repeat center;
  padding: 100px 0px;
  background-size: cover;
}
@media (max-width: 480px) {
  .join-now {
    padding: 50px 0px;
  }
}
.join-now .join {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.join-now .join h3 {
  text-align: center;
  color: #fff;
}

.whychoose {
  width: 100%;
  padding: 40px 0px;
  background: #f2f7fb;
}
@media (max-width: 1200px) {
  .whychoose {
    padding: 20px 0px;
  }
}
@media (max-width: 767px) {
  .whychoose {
    padding: 20px 15px;
  }
}
.whychoose h2 {
  font-size: 1.875rem;
  font-weight: 700;
  color: #17191b;
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .whychoose h2 {
    font-size: 1.6rem;
  }
}
@media (max-width: 767px) {
  .whychoose h2 {
    font-size: 1.4rem;
    margin-bottom: 1.2rem;
  }
}
@media (max-width: 480px) {
  .whychoose h2 {
    font-size: 1.2rem;
  }
}
.whychoose .choose_box {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}
.whychoose .choose_box img {
  border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -ms-border-radius: 10px 10px 0px 0px;
  -o-border-radius: 10px 10px 0px 0px;
  width: 100%;
}
.whychoose .choose_box .content {
  padding: 15px;
}
.whychoose .choose_box .content h5 {
  font-size: 1rem;
  color: #000;
  margin-bottom: 10px;
  font-weight: 700;
}
.whychoose .choose_box .content p {
  transition: all 0.4s ease-in-out;
  text-align: left;
  color: #545F71;
  display: -webkit-box;
  height: 50px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
  font-size: 0.875rem;
  margin-bottom: 0;
}
@media (max-width: 480px) {
  .whychoose .choose_box .content p {
    height: 48px;
    min-height: 40px;
  }
}

.inner-sub {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin-bottom: 40px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
.inner-sub .btn_2 {
  color: #11A5E5 !important;
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .inner-sub {
    flex-direction: column;
  }
}
.inner-sub .left {
  width: 50%;
  padding: 0 5rem;
}
@media (max-width: 992px) {
  .inner-sub .left {
    padding: 2rem;
  }
}
@media (max-width: 767px) {
  .inner-sub .left {
    width: 100%;
  }
}
.inner-sub .right {
  width: 50%;
}
.inner-sub .right img {
  width: 100%;
}
@media (max-width: 767px) {
  .inner-sub .right {
    width: 100%;
  }
}

.offering {
  width: 100%;
  background: #e8f6fd;
}
.offering h3 {
  color: #000;
  font-weight: 700;
}
.offering .choose_box {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  background: rgb(255, 255, 255);
  background: linear-gradient(82deg, rgb(255, 255, 255) 0%, rgb(153, 153, 153) 100%);
}
.offering .choose_box img {
  border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -ms-border-radius: 10px 10px 0px 0px;
  -o-border-radius: 10px 10px 0px 0px;
  width: 100%;
}
.offering .choose_box .content {
  border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  -ms-border-radius: 0px 0px 10px 10px;
  -o-border-radius: 0px 0px 10px 10px;
  padding: 15px;
  background: #fff;
}
.offering .choose_box .content h5 {
  font-size: 1rem;
  color: #000;
}
.offering .choose_box .content p {
  transition: all 0.4s ease-in-out;
  text-align: left;
  color: #545F71;
  display: -webkit-box;
  height: 50px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
  font-size: 0.875rem;
  margin-bottom: 0;
  margin-top: 0.5rem;
  height: 70px;
  -webkit-line-clamp: 3;
}
@media (max-width: 480px) {
  .offering .choose_box .content p {
    height: 48px;
    min-height: 40px;
  }
}
@media (max-width: 480px) {
  .offering .choose_box .content p {
    height: 70px;
    -webkit-line-clamp: 3;
  }
}

.additional-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.login-register {
  width: 100%;
}
.login-register h2 {
  font-size: 1.875rem;
  font-weight: 700;
  color: #17191b;
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .login-register .inner_container h2 {
    font-size: 1.6rem;
  }
}
@media (max-width: 767px) {
  .login-register .inner_container h2 {
    font-size: 1.4rem;
    margin-bottom: 1.2rem;
  }
}
@media (max-width: 480px) {
  .login-register .inner_container h2 {
    font-size: 1.2rem;
  }
}
.login-register ul {
  padding-left: 13px;
}
.login-register ul li {
  color: #545F71;
  font-size: 0.875rem;
  padding: 5px 0px;
}
.login-register .full_boxes {
  padding: 30px;
  background: #fff;
  box-shadow: rgba(209, 209, 209, 0.63) 0px 0px 10px;
}
.login-register .full_boxes .icons {
  position: relative;
}
.login-register .full_boxes .icons input {
  padding: 0 10px 0 35px;
}
.login-register .full_boxes .icons i {
  position: absolute;
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.54);
  left: 10px;
  bottom: 7px;
}
.login-register .full_boxes h3 span {
  color: #11A5E5;
}
.login-register .full_boxes .float-end {
  font-size: 0.815rem;
}
.login-register .newsletter_boxes {
  padding: 30px;
  background: #fff;
  box-shadow: rgba(209, 209, 209, 0.63) 0px 0px 10px;
}
.login-register .newsletter_boxes h3 {
  margin-bottom: 20px;
}
.login-register .newsletter_boxes h3 span {
  color: #11A5E5;
}
.login-register .newsletter_boxes .check_boxes {
  width: 100%;
}
.login-register .newsletter_boxes .check_boxes ul {
  display: flex;
  flex-wrap: wrap;
}
.login-register .newsletter_boxes .check_boxes ul li {
  padding: 5px 10px;
  list-style: none;
  width: 33.3%;
}
.login-register .newsletter_boxes .btn_1 {
  width: 100%;
}
.login-register .login_box {
  padding: 30px;
  background: #fff;
  box-shadow: rgba(209, 209, 209, 0.63) 0px 0px 10px;
}
.login-register .login_box input {
  padding: 0 10px 0 35px;
}
.login-register .login_box .icons {
  position: relative;
}
.login-register .login_box .icons i {
  position: absolute;
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.54);
  left: 10px;
  bottom: 7px;
}
.login-register .login_box h3 span {
  color: #11A5E5;
}
.login-register .login_box .float-end {
  font-size: 0.815rem;
}

.modal .modal-header {
  padding: 0;
  border-bottom: 0;
}
.modal .modal-header .btn-close {
  position: absolute;
  background: #11A5E5;
  right: 20px;
  top: -10px;
  opacity: 1;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
  font-size: 1.3rem;
  color: #fff;
}
.modal .modal-body {
  padding: 0;
}
.modal .modal-body .full_boxes {
  padding: 30px;
  background: #fff;
  border: 5px solid #fff;
  box-shadow: rgba(150, 141, 141, 0.24) 0px 0px 10px;
}
.modal .modal-body .full_boxes input {
  padding: 0 10px 0 35px;
}
.modal .modal-body .full_boxes input:disabled::-moz-placeholder {
  color: #000;
}
.modal .modal-body .full_boxes input:disabled::placeholder {
  color: #000;
}
.modal .modal-body .full_boxes .field input {
  padding: 7px 12px !important;
}
.modal .modal-body .full_boxes .icons {
  position: relative;
}
.modal .modal-body .full_boxes .icons i {
  position: absolute;
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.54);
  left: 10px;
  bottom: 7px;
}
.modal .modal-body .full_boxes h3 span {
  color: #11A5E5;
}
.modal .modal-body .full_boxes .float-end {
  float: right !important;
  font-size: 0.815rem;
}
.modal .modal-body .input_new input {
  padding: 0 10px !important;
}

.pagination {
  --bs-pagination-border-color: none !important;
  border: none;
  --bs-pagination-hover-bg: none;
  --bs-pagination-border-radius: none;
  --bs-pagination-active-border-color: none;
  --bs-pagination-focus-bg: none;
}
.pagination .page-link:focus {
  box-shadow: none;
}
.pagination a {
  color: #333 !important;
}
.pagination li {
  padding-left: 0 !important;
}
.pagination li::before {
  display: none;
}

.active > .page-link,
.page-link.active {
  z-index: 3;
  color: #fff !important;
  background-color: #11A5E5;
  border-color: var(--bs-pagination-active-border-color);
}

.page-item:first-child .page-link {
  border-radius: 5px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  padding: 0 10px;
  list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li::before {
  display: none;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid #d8d8d8 1px;
  outline: 0;
}

.form-group input:focus,
.form-group textarea:focus,
.form-group .form-select:focus,
.form-group select:focus,
.form-floating input:focus,
.form-floating textarea:focus,
.form-floating .form-select:focus,
.form-floating select:focus {
  color: #5a5a59;
  outline: 0;
  box-shadow: none;
  border-color: #11A5E5;
  transition: all 0.6s ease-in-out;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: 35px;
}

.search_header {
  --bs-offcanvas-height: 22vh;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .search_header {
    --bs-offcanvas-height: 26vh;
  }
}
.search_header .offcanvas-header {
  justify-content: flex-end !important;
}
@media (max-width: 1200px) {
  .search_header .offcanvas-header {
    padding-bottom: 0;
  }
}
.search_header .offcanvas-body .searchbox h5 {
  font-size: 1.5rem;
  margin-bottom: 10px;
  font-weight: 700;
}
@media (max-width: 1200px) {
  .search_header .offcanvas-body {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .search_header .offcanvas-body {
    padding: 0px 15px;
  }
}

.well {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #0061AB;
  padding: 15px 20px;
  z-index: 99999;
}
.well .popup_content {
  margin: 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: relative;
}
@media (max-width: 1200px) {
  .well .popup_content {
    flex-direction: column;
    align-items: flex-start;
  }
}
.well .popup_content .lefts {
  width: 70%;
}
@media (max-width: 1200px) {
  .well .popup_content .lefts {
    flex-direction: column;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .well .popup_content .lefts {
    width: 75%;
  }
}
@media (max-width: 767px) {
  .well .popup_content .lefts {
    width: 100%;
  }
}
.well .popup_content .lefts p {
  margin-bottom: 0;
  color: #fff;
  font-size: 0.875rem;
  color: #fff !important;
}
.well .popup_content .lefts p a {
  color: #bbd7f4 !important;
  font-size: 1rem;
}
@media (max-width: 480px) {
  .well .popup_content .lefts p {
    font-size: 0.813rem;
    text-align: center;
  }
  .well .popup_content .lefts p a {
    font-size: 0.813rem;
  }
}
.well .popup_content .btns {
  width: 30%;
  display: flex;
  justify-content: flex-start;
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .well .popup_content .btns {
    width: 75%;
  }
}
@media (max-width: 767px) {
  .well .popup_content .btns {
    width: 100%;
    justify-content: center;
    margin-top: 5px;
  }
}
.well .popup_content .btns .closebtn {
  transition: all 0.4s ease-in-out;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 6px 8px;
  margin-left: 5px;
  font-size: 0.875rem;
  border: none;
  background: #fff;
  color: #000 !important;
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .well .popup_content .btns .closebtn {
    font-size: 0.813rem;
  }
}
@media (max-width: 480px) {
  .well .popup_content .btns .closebtn {
    font-size: 0.813rem;
  }
}
.well .popup_content .btns .closebtn:hover {
  letter-spacing: 0;
}
.well .popup_content .btns .eu-cookie {
  border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  -ms-border-radius: 5px 5px 0px 0px;
  -o-border-radius: 5px 5px 0px 0px;
  position: absolute;
  top: 0;
  background: #0061AB;
  padding: 5px 15px;
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  transform: translate(-50%, -100%);
  left: 50%;
}
@media (max-width: 480px) {
  .well .popup_content .btns .eu-cookie {
    font-size: 0.875rem;
  }
}
.well .eu-cookie {
  border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  -ms-border-radius: 5px 5px 0px 0px;
  -o-border-radius: 5px 5px 0px 0px;
  position: absolute;
  top: 0;
  background: #0061AB;
  padding: 5px 15px;
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  transform: translate(-50%, -100%);
  left: 50%;
}
@media (max-width: 480px) {
  .well .eu-cookie {
    font-size: 0.875rem;
  }
}

.my_account {
  padding: 50px 0px;
}
.my_account .left_section { /* For Safari */
  position: sticky;
  top: 100px;
}
@media (max-width: 992px) {
  .my_account .left_section {
    top: 70px;
  }
}
.my_account .left_section .user_section {
  text-align: center;
  padding: 10px;
  display: flex;
  align-items: center;
  background: #0061AB;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.my_account .left_section .user_section .avatar {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 50px;
  border: 2px solid #fff;
  margin-right: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .my_account .left_section .user_section .avatar {
    width: 35px;
  }
}
.my_account .left_section .user_section h4 {
  margin-top: 10px;
  color: #fff;
  font-size: 1.2rem;
  text-align: left;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .my_account .left_section .user_section h4 {
    font-size: 1rem;
  }
}
.my_account .left_section .my_account_list {
  border-radius: 8px;
}
.my_account .left_section .my_account_list ul {
  box-shadow: 1px 3px 8px 1px #ededed;
}
.my_account .left_section .my_account_list ul li {
  line-height: 35px;
  padding: 12px 15px;
  border-bottom: 0;
  position: relative;
  transition: all 0.4s ease-in-out;
  list-style: none;
  color: #000;
  font-size: 1rem;
  border-top: 1px solid #ededed;
}
.my_account .left_section .my_account_list ul li a {
  color: #000 !important;
}
.my_account .left_section .my_account_list ul li:after {
  content: "\f135";
  font-family: bootstrap-icons !important;
  font-size: 23px;
  position: absolute;
  transition: all 0.4s ease-in-out;
  right: 31px;
  font-weight: 100;
  color: #e2e2e2;
}
.my_account .left_section .my_account_list ul li:hover {
  color: #11A5E5;
  background-color: rgba(63, 81, 181, 0.0784313725);
}
.my_account .left_section .my_account_list ul li:hover:after {
  right: 21px;
  color: #11A5E5;
}
.my_account .left_section .my_account_list ul .my_account_list_active {
  color: #11A5E5 !important;
  background-color: rgba(63, 81, 181, 0.031372549);
}
.my_account .left_section .my_account_list ul .my_account_list_active a {
  color: #11A5E5 !important;
}
.my_account .left_section .my_account_list ul .my_account_list_active:after {
  color: #11A5E5 !important;
}
.my_account h3 {
  margin-bottom: 5px;
}

.btn-whatsapp-pulse i {
  color: #fff;
}

.btn-whatsapp-pulse {
  background: #25d366;
  color: white;
  position: fixed;
  left: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 88px;
  z-index: 99;
  width: 50px;
  height: 50px;
  padding: 5px;
  text-decoration: none;
  border-radius: 50%;
  animation-name: pulse;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}
.btn-whatsapp-pulse i {
  font-size: 1.8rem;
}

.btn-whatsapp-pulse:hover {
  color: white;
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
  }
  80% {
    box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
  }
}
.btn-whatsapp-pulse-border {
  bottom: 120px;
  right: 20px;
  animation-play-state: paused;
}

.btn-whatsapp-pulse-border::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  padding: 25px;
  border: 5px solid #25d366;
  color: #fff !important;
  opacity: 0.75;
  animation-name: pulse-border;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}
@keyframes pulse-border {
  0% {
    padding: 25px;
    opacity: 0.75;
  }
  75% {
    padding: 50px;
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.swiper-slide {
  position: relative;
}
.swiper-slide .plus {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: rgba(255, 255, 255, 0.6980392157);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
  width: 50px;
  height: 50px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.swiper-slide .plus i {
  font-size: 3rem;
  color: #0862AB;
}

.swiper-slide img {
  display: block;
  width: 100%;
  /* height: 100%;
  object-fit: cover; */
}

.swiper {
  width: 100%;
}

.swiper_thumb .swiper-slide {
  opacity: 0.7;
}

.swiper_thumb .swiper-slide:hover {
  opacity: 1;
}

.swiper_thumb .swiper-slide-thumb-active {
  opacity: 1;
  border: 2px solid #11A5E5;
}

.swiper-slide img {
  display: block;
  width: 100%;
  /* height: 100%;
  object-fit: cover; */
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.swiper-button-next,
.swiper-button-prev {
  color: #11A5E5;
  background: rgba(255, 255, 255, 0.8);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  z-index: 9;
}

.swiper-button-next,
.swiper-button-prev::after {
  font-size: 1.5rem;
  font-weight: 600;
}

.swiper-button-prev,
.swiper-button-next::after {
  font-size: 1.5rem;
  font-weight: 600;
}

.swiper-button-next {
  right: 5px;
}

.swiper-button-prev {
  left: 5px;
}

.swiper-button-next:hover {
  color: #fff;
  background: #11A5E5;
}

.swiper-button-prev:hover {
  color: #fff;
  background: #11A5E5;
}

.small-prev, .small-next {
  color: #11A5E5;
  background: rgba(255, 255, 255, 0.8);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  z-index: 9;
}

.small-next::after, .small-prev::after {
  font-size: 1rem !important;
}

.small-next {
  right: 5px;
  top: 60%;
}

.small-prev {
  left: 5px;
  top: 60%;
}

.btn_1 {
  transition: all 0.4s ease-in-out;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 10px 20px;
  background: #11A5E5;
  font-size: 1rem;
  font-weight: 400;
  cursor: pointer;
  border: none;
  display: inline-block;
  color: #fff !important;
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  .btn_1 {
    font-size: 0.875rem;
  }
}
@media (max-width: 767px) {
  .btn_1 {
    padding: 6px 15px;
  }
}
@media (max-width: 480px) {
  .btn_1 {
    font-size: 0.813rem;
  }
}
.btn_1:hover {
  background: #0061AB;
  letter-spacing: 1px;
}
@media (max-width: 767px) {
  .btn_1:hover {
    letter-spacing: 0;
  }
}

.btn_2 {
  transition: all 0.4s ease-in-out;
  font-size: 0.813rem;
  font-size: #fff;
  font-weight: 400;
  color: #fff !important;
}
.btn_2:hover {
  letter-spacing: 1px;
}
@media (max-width: 767px) {
  .btn_2:hover {
    letter-spacing: 0;
  }
}

.btn_3 {
  transition: all 0.4s ease-in-out;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  padding: 10px 0px;
  color: #0061AB;
  font-size: 1rem;
  border: none;
}
@media (max-width: 480px) {
  .btn_3 {
    font-size: 0.813rem;
  }
}
.btn_3:hover {
  color: #0061AB !important;
  letter-spacing: 1px;
}
@media (max-width: 767px) {
  .btn_3:hover {
    letter-spacing: 0;
  }
}

.btn_4 {
  transition: all 0.4s ease-in-out;
  background: none;
  padding: 10px 0px;
  color: #11A5E5 !important;
  font-size: 0.813rem;
  border: none;
}
.btn_4 i {
  transition: all 0.4s ease-in-out;
  padding-left: 1rem;
}
.btn_4:hover {
  color: #0061AB !important;
}
@media (max-width: 767px) {
  .btn_4:hover {
    letter-spacing: 0;
  }
}
.btn_4:hover i {
  padding-left: 1.5rem;
}

.btn_5 {
  transition: all 0.4s ease-in-out;
  padding: 10px 0px;
  color: #11A5E5;
  font-size: 1rem;
  background: none;
  border: none;
}

.btn_6 {
  transition: all 0.4s ease-in-out;
  padding: 10px 0px;
  color: #11A5E5;
  font-size: 1rem;
  background: none;
  border: none;
}
.btn_6:hover {
  letter-spacing: 0.1rem;
}
@media (max-width: 767px) {
  .btn_6:hover {
    letter-spacing: 0;
  }
}

.btn_7 {
  transition: all 0.4s ease-in-out;
  padding: 4px 0px;
  font-size: 1rem;
  cursor: pointer;
  background: none;
  color: #545F71 !important;
  font-weight: 500;
  border-bottom: 3px solid #11A5E5;
}
@media (max-width: 767px) {
  .btn_7 {
    font-size: 1rem;
  }
}
.btn_7 a {
  color: #545F71 !important;
}
.btn_7:hover {
  letter-spacing: 0.1em;
}
@media (max-width: 767px) {
  .btn_7:hover {
    letter-spacing: 0;
  }
}

/*owl theme start */
.carousel-control-prev {
  left: 0;
  font-size: 0px;
}

.carousel-control-next {
  right: 0;
  font-size: 0px;
}

.owl-item {
  display: flex;
  height: auto !important;
}

.owl-carousel {
  position: relative;
  width: 100%;
  float: left;
  margin: 30px 0 0;
}
.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-item {
  float: left;
  padding: 0;
  transform: translate3d(0, 0, 0);
}

.owl-controls {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.owl-controls .owl-buttons div {
  cursor: pointer;
  display: none;
}
.owl-controls .owl-page {
  cursor: pointer;
  display: none;
}

.owl-theme .owl-controls {
  margin-top: 35px;
  text-align: center;
  margin: 0 0 0;
  width: 100%;
  float: left;
}
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
}
.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 15px;
  height: 15px;
  margin: 5px 2px;
  background: #d4d2d2;
  border: #fff 1px solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #fff;
  padding: 2px 10px;
  font-size: 12px;
  border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}
.owl-theme .owl-controls .owl-page.active span {
  background: #959597;
  border: #959597 1px solid;
}
.owl-theme .owl-controls.clickable .owl-page:hover span {
  background: #959597;
  border: #959597 1px solid;
}
.owl-theme .owl-page.active span {
  background: #a4a1a1;
  border: #a4a1a1 1px solid;
}

.owl-goDown-out {
  animation: scaleToFade 0.7s ease both;
}

.owl-goDown-in {
  transition: all 0.4s ease-in-out;
  animation: goDown 0.6s ease both;
}

.owl-fade-out {
  z-index: 10;
  transition: all 0.4s ease-in-out;
  animation: fadeOut 0.7s both ease;
}

.owl-fade-in {
  transition: all 0.4s ease-in-out;
  animation: fadeIn 0.7s both ease;
}
@keyframes empty {
  0% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scaleToFade {
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}
@keyframes goDown {
  from {
    transform: translateY(-100%);
  }
}
.wsmenu * {
  box-sizing: border-box;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
}

.wsmain html, .wsmain body, .wsmain iframe, .wsmain h1, .wsmain h2, .wsmain h3, .wsmain h4, .wsmain h5, .wsmain h6 {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font: inherit;
  vertical-align: baseline;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: antialiased;
  font-smooth: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: subpixel-antialiased !important;
  font-smoothing: subpixel-antialiased !important;
  font-smooth: subpixel-antialiased;
}

.wsmain .cl {
  clear: both;
}

.wsmain img, object, embed, video {
  border: 0 none;
  max-width: 100%;
}

.wsmain a:focus {
  outline: none !important;
}

.wsmain:before, .wsmain:after {
  content: "";
  display: table;
}

.wsmain:after {
  clear: both;
}

/*--------------------------------------------------------------------------
|  02 Desktop CSS
--------------------------------------------------------------------------*/
.wsmobileheader {
  display: none;
}

#overlapblackbg {
  display: none;
}

.smllogo {
  margin: 0;
  float: left;
  width: 8%;
}

.smllogo a {
  display: block;
  float: left;
  padding: 0px 0px 0px 0px;
}

.logo_poweron {
  background: url(../images/logo.svg);
  background-repeat: no-repeat;
  width: 100px;
  height: 80px;
  transition: all 0.15s ease-in-out;
}

.topmenusearch {
  float: right;
  width: 100%;
  position: relative;
}

.topmenusearch .searchicon {
  transition: all 0.7s ease 0s;
}

.topmenusearch input {
  width: 100%;
  position: relative;
  float: right;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  text-indent: 15px;
  font-size: 12px;
  height: 42px;
  z-index: 2;
  outline: none;
  color: #7d7d7d;
  background-color: #e9ebef;
  transition: all 0.7s ease 0s;
  border-radius: 2px;
}

.topmenusearch input:focus {
  color: #000;
}

.topmenusearch input:focus ~ .btnstyle {
  background-color: #EEF1F4;
  color: #000;
  opacity: 0.9;
}

.topmenusearch input:focus ~ .btnstyle .bi {
  color: #000;
}

.topmenusearch input:focus ~ .searchicon {
  opacity: 1;
  z-index: 3;
  color: #000;
}

.topmenusearch .btnstyle {
  top: 0px;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 49px;
  line-height: 30px;
  z-index: 1;
  cursor: pointer;
  color: #000;
  z-index: 1000;
  background-color: #EEF1F4;
  border: solid 0px;
  transition: all 0.7s ease 0s;
  border-radius: 0px 2px 2px 0px;
}

.topmenusearch .btnstyle .bi {
  line-height: 38px;
  margin: 0;
  padding: 0;
  text-align: center;
}

.wsmain {
  width: 100%;
  margin: 0 auto;
  padding: 0px 0px;
  max-width: 1350px;
  display: flex;
  align-items: center;
}

.wsmenu {
  position: relative;
  font-size: 1rem;
  padding: 0px 0px 0px 15px;
  margin: 0px auto;
  width: 92%;
  float: left;
}
@media (max-width: 992px) {
  .wsmenu {
    padding: 0px;
  }
}

.wsmenu-list {
  text-align: left;
  margin: 0 auto 0 auto;
  width: 100%;
  display: block;
  padding: 0px;
}

.wsmenu-list > li {
  text-align: center;
  display: block;
  margin: 0px;
  padding: 0px;
  float: left;
}

.wsmenu-list > li .register_login {
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.13);
  flex-wrap: wrap;
}
.wsmenu-list > li .register_login .lists {
  padding: 0px 10px;
  padding: 8px 12px 8px 12px;
  font-size: 14px;
  color: #000 !important;
  font-weight: 700;
}
.wsmenu-list > li .register_login .lists a {
  color: #000 !important;
}
.wsmenu-list > li .register_login .line {
  color: rgba(0, 0, 0, 0.13);
}

.wsmenu-list .slider__mob {
  display: none !important;
}
@media (max-width: 992px) {
  .wsmenu-list .slider__mob {
    display: block !important;
  }
}

.wsmenu-list .slider__desk {
  display: block !important;
}
@media (max-width: 992px) {
  .wsmenu-list .slider__desk {
    display: none !important;
  }
}

.wsmenu-list > .wscarticon > a .fa.fa-shopping-basket {
  display: inline-block;
  font-size: 16px;
  line-height: inherit;
  margin-right: 5px;
  color: #7b7b7b;
}

.wsmenu-list > .wsshopmenu > a .fa.fa-angle-down {
  display: inline-block;
  font-size: 13px;
  line-height: inherit;
  margin-left: 11px;
  color: #7b7b7b;
}

.wsmenu-list li ul li a .fa.fa-angle-double-right {
  font-size: 12px;
  margin: 0 3px 0 -4px;
}

.wsmenu-list > li > a {
  display: block;
  color: #000 !important;
  font-size: 1rem;
  padding: 0 4px 0 4px;
  font-weight: 700;
  text-decoration: none;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .wsmenu-list > li > a {
    font-size: 0.875rem;
  }
}

.wsmenu-list > li:hover > a {
  color: #000;
}

.wsmenu-list > li > a i {
  padding: 0px 3px 0px 5px;
}

@media (max-width: 992px) {
  .wsmenu-list > li > a i {
    display: none;
  }
}
.wsmenu-list > li > .navtext {
  font-weight: 700;
  text-align: right;
  padding: 45px 12px;
  margin: 0 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .wsmenu-list > li > .navtext {
    margin: 0 2px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .wsmenu-list > li > .navtext {
    margin: 0px;
    padding: 35px 0px;
  }
}

.wsmenu-list > li > .navtext > span + span:after {
  color: #9e9e9e;
  content: "\f107";
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 14px;
  font-weight: 100;
  line-height: 10px;
  margin-left: 1px;
  position: relative;
  right: -8px;
  text-align: right;
  top: 1px;
}

.wsmenu-list > li > .navtext > span {
  display: block;
  font-size: 11px;
  text-align: left;
  white-space: nowrap;
  width: 100%;
  line-height: 16px;
  color: #9e9e9e;
}

.wsmenu-list > li > .navtext > span + span {
  white-space: nowrap;
  font-size: 12px;
  font-weight: bold;
  color: #555555;
}

.wsmenu-list li a:hover .arrow:after {
  border-top-color: #b3b3b3;
}

.wsmenu-list li a.active .arrow:after {
  border-top-color: #b3b3b3;
}

.wsmenu-list li:hover > a .arrow:after {
  border-top-color: #b3b3b3;
}

.megamenu iframe {
  width: 100%;
  margin-top: 10px;
  min-height: 200px;
}

.megamenu video {
  width: 100%;
  margin-top: 10px;
  min-height: 200px;
}

.wsmenu-list > li.socialicon {
  float: left;
}

.wsmenu-list > li.socialicon a {
  width: 38px;
  padding: 0px 10px;
}

.wsmenu-list > li.socialicon a .fa {
  font-size: 15px;
  color: #898d91;
  text-align: center;
}

.wsmenu-list > li.wsshopmyaccount {
  float: right;
}

.wsmenu-list > .wsshopmyaccount > a .fa.fa-angle-down {
  display: inline-block;
  font-size: 13px;
  line-height: inherit;
  margin-left: 8px;
  color: #7b7b7b;
}

.wsmenu-list > .searching {
  padding: 45px 6px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .wsmenu-list > .searching {
    padding: 35px 0px;
  }
}
@media (max-width: 992px) {
  .wsmenu-list > .searching {
    padding: 0px;
  }
}

.wsmenu-list > .wsshopmyaccount > a .fa.fa-align-justify {
  display: inline-block;
  font-size: 16px;
  line-height: inherit;
  margin-right: 11px;
  color: #7b7b7b;
}

.wsmenu-list > li.wssearchbar {
  width: 41%;
  float: left;
  padding-left: 15px;
}

.wsmenu-list > li.wscarticon {
  float: right;
  clear: right;
}

.wsmenu-list > li.wscarticon a {
  padding: 0px 27px 0px 22px;
  text-align: center;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.mobiletext {
  display: none;
}

.wsmenu-list > li.wscarticon a .fa {
  font-size: 15px;
}

.wsmenu-list > li.wscarticon em.roundpoint {
  position: absolute;
  top: 14px;
  right: 21px;
  width: 17px;
  height: 17px;
  background-color: #DA4B38;
  border-radius: 50%;
  font-size: 9px;
  text-align: center;
  font-style: normal;
  line-height: 16px !important;
  color: #fff;
}

.wsmenu-list li > .wsmenu-submenu {
  transform: translateY(35px);
  transition: all 0.3s ease;
  visibility: hidden;
}

.wsmenu-list li:hover > .wsmenu-submenu {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.wsmenu-submenu li > .wsmenu-submenu-sub {
  transform: translateY(35px);
  transition: all 0.3s ease;
  visibility: hidden;
}

.wsmenu-submenu li:hover > .wsmenu-submenu-sub {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.wsmenu-submenu-sub li > .wsmenu-submenu-sub-sub {
  transform: translateY(35px);
  transition: all 0.3s ease;
  visibility: hidden;
}

.wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.wsmenu-list li > .megamenu {
  transform: translateY(35px);
  transition: all 0.3s ease;
  visibility: hidden;
}

.wsmenu-list li:hover > .megamenu {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.megamenu .searchbox {
  margin: 8px 0px;
  position: relative;
}
.megamenu .searchbox .search_icon {
  height: 100%;
  position: absolute;
  right: 0;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  background: #EEF1F4;
}

.megamenu .searchbox input {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all 0.4s ease-in-out;
  height: 50px;
  padding: 10px 20px;
  width: 100%;
  font-size: 1rem;
  color: #5a5a59;
  background-color: #EEF1F4;
  border: none;
}

.megamenu .searchbox input:focus {
  box-shadow: none;
  border: none !important;
  transition: all 0.6s ease-in-out;
}

.wsmenu-submenu {
  position: absolute;
  min-width: 120px;
  top: 114px;
  z-index: 1000;
  margin: 0px;
  padding: 0px;
  border: solid 1px #eeeeee;
  background-color: #fff;
  opacity: 0;
  -o-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
  -o-transition: -o-transform 0.3s, opacity 0.3s;
  -ms-transition: -ms-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .wsmenu-submenu {
    top: 95px;
  }
}
.right_sides {
  right: 0 !important;
}

.wsmenu-submenu li a {
  background-image: none !important;
  color: #000 !important;
  border-right: 0 none !important;
  text-align: left;
  display: block;
  line-height: 22px;
  padding: 8px 12px;
  text-transform: none;
  font-size: 0.875rem;
  letter-spacing: normal;
  border-right: 0px solid;
  border-bottom: 1px solid #f5f5f5;
}

.wsmenu-submenu li {
  position: relative;
  margin: 0px;
  padding: 0px;
}

.wsmenuexpandermain {
  display: none;
}

.wsmenu-list li:hover .wsmenu-submenu {
  display: block;
}

.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub {
  min-width: 220px;
  position: absolute;
  left: 100%;
  top: 0;
  margin: 0px;
  padding: 0px;
  opacity: 0;
  -o-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
  -o-transition: -o-transform 0.4s, opacity 0.4s;
  -ms-transition: -ms-transform 0.4s, opacity 0.4s;
  -moz-transition: -moz-transform 0.4s, opacity 0.4s;
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
}

.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub {
  opacity: 1;
  list-style: none;
  padding: 0px;
  border: solid 1px #eeeeee;
  background-color: #fff;
}

.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub {
  display: block;
}

.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub .wsmenu-submenu-sub-sub {
  min-width: 220px;
  position: absolute;
  left: 100%;
  top: 0;
  margin: 0px;
  padding: 0px;
  opacity: 0;
  -o-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
  -o-transition: -o-transform 0.4s, opacity 0.4s;
  -ms-transition: -ms-transform 0.4s, opacity 0.4s;
  -moz-transition: -moz-transform 0.4s, opacity 0.4s;
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
}

.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub {
  opacity: 1;
  list-style: none;
  padding: 0px;
  border: solid 1px #eeeeee;
  background-color: #fff;
}

.wsmenu-submenu li {
  position: relative;
  padding: 0px;
  margin: 0px;
  display: block;
  border-left: 3px solid #fff;
}

.wsmenu-submenu li:hover {
  background-color: #eeeeee !important;
  color: #555555;
  border-left: 3px solid #11A5E5 !important;
}

.wsmenu-click {
  display: none;
}

.wsmenu-click02 {
  display: none;
}

.wsmenu-submenu .fa {
  margin-right: 11px;
  font-size: 15px;
}

.carousel-control i.fa {
  top: 48%;
  position: absolute;
  font-size: 33px;
  margin-left: -5px;
}

.carousel-inner .carousel-caption h3 {
  font-size: 18px;
  font-weight: bold;
}

.wsshopmenu span {
  font-weight: bold;
}

.wsmenu-list > .wsshopmenu > a .fa.fa-shopping-basket {
  display: inline-block;
  font-size: 13px;
  line-height: inherit;
  margin-right: 8px;
  color: #7b7b7b;
}

.wtsdepartmentmenu {
  background: #fff;
  border-bottom: solid 1px #d1d3d4;
}

.wtsbrandmenu {
  background: #ffffff;
  border-bottom: solid 1px #d1d3d4;
}

.wsmenu-list li:hover .megamenu {
  opacity: 1;
}

.megamenu {
  width: 100%;
  left: 0px;
  position: absolute;
  top: 114px;
  color: #000;
  z-index: 1000;
  margin: 0px;
  text-align: left;
  padding: 8px;
  font-size: 15px;
  border: solid 1px #eeeeee;
  background-color: #fff;
  opacity: 0;
  -o-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
  -o-transition: -o-transform 0.3s, opacity 0.3s;
  -ms-transition: -ms-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
}

.megamenu .title {
  border-bottom: 1px solid #CCC;
  font-size: 14px;
  padding: 9px 5px 9px 0px;
  font-size: 17px;
  color: #424242;
  margin: 0px 0px 7px 0px;
  text-align: left;
  height: 39px;
  margin: 0px 0px 10px 0px;
}

.halfmenu {
  width: 40%;
  right: auto !important;
  left: auto !important;
}

.halfmenu .megacollink {
  width: 48%;
  float: left;
  margin: 0% 1%;
}

.halfdiv {
  width: 30%;
  right: auto;
  left: auto;
}

.halfdiv03 {
  width: 25%;
  right: auto;
  left: auto;
}

.wsshoptabing {
  width: 100%;
  text-align: left;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 114px;
  background-color: #f8f8f8;
  left: 0;
  border-bottom: solid 2px #376cb7;
  border: solid 1px #f1f1f1;
  border-top: solid 0px;
  visibility: hidden;
  opacity: 0;
  z-index: 101;
  transform: translateY(35px);
  transition: all 0.3s ease;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .wsshoptabing {
    top: 95px;
  }
}
.btnlearn {
  font-size: 15px;
  text-align: center;
  line-height: 44px;
  height: 44px;
  display: block;
  float: left;
  padding: 0px 15px;
  background-color: #0056b9;
  border-radius: 4px;
  color: #fff;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;
  margin-top: 5px;
}

.btnlearn:hover {
  color: #fff;
  text-decoration: none;
}

.wstitemright {
  /*min-height:100%;*/
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: #eeeeee;
  color: #000;
  display: block;
  float: left;
  padding: 20px 8px 8px 20px;
  width: 77%;
  min-height: 400px;
}
.wstitemright h3 {
  font-size: 0.875rem;
  font-weight: 700;
  color: #000;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .wstitemright h3 {
    font-size: 0.875rem;
  }
}
@media (max-width: 992px) {
  .wstitemright h3 {
    font-size: 0.813rem;
  }
}

.wstabitem {
  display: block;
  margin: 0px;
  padding: 0px;
  font-size: 12px;
}

.wstabitem > li {
  width: 100%;
  list-style: none;
}

.wstbootslider {
  width: 276px;
  float: right;
  margin-top: 8px;
}

.wstmegamenucolr {
  width: 276px;
  display: block;
  float: right;
  margin-top: 8px;
}

.wstabitem li:before, .wstabitem li:after {
  content: "";
  display: table;
}

.wstabitem li:after {
  clear: both;
}

/*.wsmenu-list > li:hover > .wsshoptabing > .wstabitem li.wsshoplink-active .wstitemright{opacity: 1; visibility: visible;}*/
.wsmenu-list > li:hover > .wsshoptabing .wsshopwp > .wstabitem li.wsshoplink-active .wstitemright {
  opacity: 1;
  visibility: visible;
}

.wsshoptabing > .wsshopwp {
  width: 100%;
  display: block;
  position: relative;
}

.wstabitem > li > a {
  display: block;
  padding: 15px 11px;
  font-size: 0.875rem;
  color: #000 !important;
  border-bottom: solid 1px #e5e5e5;
  width: 23%;
  font-weight: 700;
  float: left;
  position: relative;
  border-left: 3px solid #fff;
  background-color: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .wstabitem > li > a {
    font-size: 0.875rem;
  }
}

.wstabitem > li:hover a {
  text-decoration: none;
}

.wstabitem .wsshoplink-active a {
  text-decoration: none;
}

.wstabitem > li:hover > a {
  text-decoration: none;
}

.wstabitem > li > a .fa {
  color: #848484;
  margin-right: 5px;
  text-align: center;
  width: 25px;
  font-size: 16px;
}

.wstheading {
  width: 100%;
  display: block;
  padding: 10px 0px 6px 0px;
  font-size: 0.875rem;
  font-weight: 700;
  color: #000;
  border-bottom: solid 1px #d9d9d9;
  margin-bottom: 12px;
}

.wstliststy01 {
  padding: 0px 0px 8px 0px;
  margin: 0px;
}

.wstliststy01 li {
  width: 33.33%;
  float: left;
  line-height: 23px;
  font-size: 14px;
  list-style: none;
  padding: 0px 0px 0px 0px;
  margin: 0px;
}

.wstliststy01 li a {
  color: #6e6e6e;
  font-size: 12px;
}

.wstliststy01 li a:hover {
  color: #000;
  text-decoration: none;
}

.wstinnerwp {
  height: auto;
  position: relative;
  width: 100%;
}

.wstinnerwp:before, .wstinnerwp:after {
  content: "";
  display: table;
}

.wstinnerwp:after {
  clear: both;
}

.wstliststy02 {
  padding: 5px 0px 10px 0px;
  margin: 0px;
  text-align: left;
}

.wstliststy02 li {
  width: 100%;
  list-style: none;
  line-height: 25px;
  padding: 5px 10px;
}

.wstliststy02 li:hover {
  background: #d7d7d7;
}

.wstliststy02 li a {
  color: #000 !important;
  font-size: 0.875rem;
}

.wstliststy02 li a:hover {
  color: #000;
  text-decoration: none;
}

.wstliststy02 li.wstheading {
  line-height: normal;
  padding-left: 0px;
  margin-top: 0px;
}

.wstliststy02 li.wstheading:hover {
  background: #fff;
}

.wstheading_2 {
  width: 100%;
  display: block;
  padding: 10px 0px 6px 0px;
  font-size: 0.875rem;
  font-weight: 700;
  color: #000;
  border-bottom: solid 1px #d9d9d9;
  margin-bottom: 12px;
}

.wstliststy02 li.wstheading_2 {
  line-height: normal;
  padding-left: 0px;
  margin-top: 0px;
}

.wstliststy02 li.wstheading_2:hover {
  background: #eeeeee;
}

.wstliststy02 li a .wstcount {
  font-size: 10px;
  color: #adadad;
}

.wstliststy06 li.wstheading {
  line-height: normal;
  padding-left: 0px;
}

.wstliststy06 {
  padding: 0px 0px 0px 0px;
  margin: 0px;
}

.wstliststy06 li {
  width: 100%;
  list-style: none;
  line-height: 24px;
}

.wstliststy06 li a {
  color: #6e6e6e;
  font-size: 12px;
}

.wstliststy06 li a:hover {
  color: #000;
  text-decoration: none;
}

.wstliststy06 li.wstheading {
  line-height: normal;
}

.wstliststy06 li a .wstcount {
  font-size: 10px;
  color: #adadad;
}

.wstliststy03 {
  width: 100%;
  padding: 0px 0px 8px 0px;
  margin: 0px;
}

.wstliststy03 li {
  width: 33.33%;
  float: left;
  line-height: 23px;
  font-size: 14px;
  list-style: none;
  padding: 0px 0px 0px 0px;
  margin: 0px;
}

.wstliststy03 li a {
  color: #6e6e6e;
  font-size: 12px;
}

.wstliststy03 li a:hover {
  color: #000;
  text-decoration: none;
}

.wstliststy04 {
  padding: 14px 0px 0px 0px;
  margin: 0px;
}

.wstliststy04 li {
  width: 100%;
  list-style: none;
  line-height: 22px;
}

.wstliststy04 li a {
  color: #6e6e6e;
  font-size: 12px;
}

.wstliststy04 li a:hover {
  color: #000;
  text-decoration: none;
}

.wstliststy04 li.wstheading {
  line-height: normal;
  text-align: center;
  padding: 12px 0px;
  font-size: 13px;
  margin-bottom: 12px;
}

.wstliststy04 li a .wstcount {
  font-size: 10px;
  color: #adadad;
}

.wstliststy05 {
  padding: 10px 0px 0px 0px;
  margin: 0px;
}

.wstmegamenucolr03 {
  padding-top: 10px;
  padding-left: 20px;
}

.wstliststy05 li {
  width: 100%;
  list-style: none;
  line-height: 25px;
}

.wstliststy05 li a {
  color: #6e6e6e;
  font-size: 12px;
}

.wstliststy05 li a:hover {
  color: #000;
  text-decoration: none;
}

.wstliststy05 li.wstheading {
  line-height: normal;
}

.wstliststy05 li a .wstcount {
  font-size: 10px;
  color: #adadad;
}

.wstmorebtn {
  border-radius: 2px;
  color: #9b9b9b;
  display: inline-block;
  float: right;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 0;
  padding: 1px 7px;
  text-align: right;
  text-transform: none;
}

.wstmenutag {
  height: 18px;
  line-height: 18px;
  text-align: center;
  font-size: 11px;
  color: #fff;
  border-radius: 2px;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  padding: 1px 6px 1px 6px;
  margin-left: 6px;
  text-transform: none;
  letter-spacing: 0px;
}

.wstmenutag:after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  -o-border-image: none;
     border-image: none;
  border-style: solid;
  border-width: 3px;
  content: "";
  left: -6px;
  margin-top: 0px;
  position: absolute;
  top: 4px;
  z-index: 1;
}

.wstmenutag.redtag {
  background-color: #fe7b8f;
}

.wstmenutag.redtag:after {
  border-color: transparent #fe7b8f transparent transparent;
}

.wstmenutag.greentag {
  background-color: #00c853;
}

.wstmenutag.greentag:after {
  border-color: transparent #00c853 transparent transparent;
}

.wstmenutag.bluetag {
  background-color: #4fc3f7;
}

.wstmenutag.bluetag:after {
  border-color: transparent #4fc3f7 transparent transparent;
}

.wstmenutag.orangetag {
  background-color: #FE7000;
}

.wstmenutag.orangetag:after {
  border-color: transparent #FE7000 transparent transparent;
}

.kitchenmenuimg {
  background-image: url(../images/kitchen-menu-img.png);
  background-position: bottom right;
  background-repeat: no-repeat;
}

.computermenubg {
  background-image: url(../images/computer-menu-img.png);
  background-position: bottom right;
  background-repeat: no-repeat;
}

.wstpngsml {
  padding-left: 18px;
}

.wstfullwtag {
  width: 100%;
  display: block;
  border-bottom: solid 1px #e5e5e5;
  background-color: #f5f5f5;
}

.wstbrandbottom {
  width: 100%;
  background-color: #fff;
  display: block;
  opacity: 0;
  position: absolute;
  right: 0;
  visibility: hidden;
  padding: 9px 6px;
}

.wsmenu-list > li:hover > .wtsbrandmenu > .wsshoptabingwp > .wstabitem02 > li.wsshoplink-active > .wstbrandbottom {
  opacity: 1;
  visibility: visible;
}

.wstabitem02 {
  width: 100%;
  padding: 0px;
  margin: 0px 0px;
  list-style: none;
  display: table;
}

.wstabitem02 > li {
  display: table-cell;
  list-style: outside none none;
  text-align: center;
}

.wstabitem02 > li > a {
  display: block;
  padding: 14px 0px;
  font-size: 13px;
  color: #606060;
  background-color: #f4f4f4;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}

.wstabitem02 > li:hover a {
  text-decoration: none;
  border-radius: 4px 0px 0px 4px;
}

.wstabitem02 > .wsshoplink-active a {
  text-decoration: none;
  border-radius: 4px 0px 0px 4px;
}

.wstabitem02 > li:hover a {
  text-decoration: none;
  border-radius: 4px 0px 0px 4px;
}

.wstabitem02 > li > a .fa {
  /*color: #848484;*/
  margin-right: 5px;
  text-align: center;
  width: 25px;
  font-size: 17px;
}

.brandcolor01 {
  color: #424242;
}

.brandcolor02 {
  color: #00bcf2;
}

.brandcolor03 {
  color: #00aff0;
}

.brandcolor04 {
  color: #003087;
}

.brandcolor05 {
  color: #a82400;
}

.brandcolor06 {
  color: #ff3300;
}

.brandcolor07 {
  color: #7ac142;
}

.brandcolor08 {
  color: #ef4056;
}

/*--------------------------------------------------------------------------
|  03 Tab CSS
--------------------------------------------------------------------------*/
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
  .kitchenmenuimg {
    background-image: none;
  }
  .computermenubg {
    background-image: none;
  }
  .wsmenu-list li a .arrow:after {
    display: none !important;
  }
  .wsmenu-list > li > a {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .wsmain {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
  }
  .menu_form input[type=submit] {
    width: 40% !important;
  }
  .menu_form input[type=button] {
    width: 40% !important;
  }
  .wsshoptabingwp {
    width: 96%;
    margin: 0% 2%;
  }
  .wstliststy01 li {
    width: 50%;
  }
  .wstadsize01 {
    margin-top: 10px;
  }
  .wstadsize02 {
    margin-top: 10px;
  }
  .wstadsize01 img {
    width: 100%;
  }
  .wstadsize02 img {
    width: 100%;
  }
  .wstliststy02 > li > img {
    display: none;
  }
  .wstliststy03 li {
    width: 50%;
  }
  .wstliststy04 > li > img {
    width: 100%;
  }
  .wssearchbar {
    width: 31% !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1023px) {
  .wstliststy06 {
    width: 100%;
    margin: 0px;
  }
  .wsmenu-list li a .arrow:after {
    display: none;
  }
  .wsmenu-list > li > a {
    white-space: nowrap !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .wsmain {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
  }
  .wsmenu-list > li.socialicon {
    display: none !important;
  }
  .megacollink {
    width: 48%;
    margin: 1% 1%;
  }
  .typographylinks {
    width: 48%;
    margin: 1% 1%;
  }
  .menu_form input[type=submit] {
    width: 40% !important;
  }
  .menu_form input[type=button] {
    width: 40% !important;
  }
  .wsmenu-list > li > a .fa {
    display: none;
  }
  .wsmenu-list > li > a .fa.fa-home {
    display: block !important;
  }
  .halfmenu .megacollink {
    width: 100%;
    margin: 0px;
  }
  .wsshoptabingwp {
    width: 96%;
    margin: 0% 2%;
  }
  .wstliststy01 li {
    width: 100%;
  }
  .wstadsize01 img {
    width: 100%;
  }
  .wstadsize02 img {
    width: 100%;
  }
  .wstliststy02 > li > img {
    display: none;
  }
  .wstliststy03 li {
    width: 50%;
  }
  .wstliststy04 > li > img {
    width: 100%;
  }
  .wstmegamenucolr03 {
    display: none;
  }
  .wssearchbar {
    width: 20% !important;
  }
  .kitchenmenuimg {
    background-image: none;
  }
  .computermenubg {
    background-image: none;
  }
  .wstabitem li a .fa {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .wsmenu-list li:hover > .wsmenu-submenu {
    display: block !important;
  }
  .wsmenu-submenu li:hover > .wsmenu-submenu-sub {
    display: block !important;
  }
  .wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub {
    display: block !important;
  }
  .wsmenu-list li:hover > .megamenu {
    display: block !important;
  }
  .wsmenu-list > li:hover .wsshoptabing {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
  .wstabitem > li.wsshoplink-active > a {
    background-color: #eeeeee;
    color: #555555;
    border-left: 3px solid #11A5E5;
  }
  .wstabitem > li.wsshoplink-active > a > .fa {
    color: #555555;
  }
  .wstabitem02 > .wsshoplink-active > a:after {
    position: absolute;
    content: "";
    top: 42px;
    right: 50%;
    width: 13px;
    height: 13px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    z-index: 100;
    background-color: #ffffff;
  }
}
/*--------------------------------------------------------------------------
|  04 Mobile CSS
--------------------------------------------------------------------------*/
@media only screen and (max-width: 991px) {
  .wstbootslider {
    width: 239px;
  }
  .wstabitem > li {
    position: relative;
  }
  .wstabitem > li > a {
    width: 100%;
    margin: 0px;
    float: none;
    font-size: 0.875rem;
    padding: 14px 11px 14px 11px;
    font-weight: bold;
  }
  .wstheading {
    font-weight: normal;
    padding-left: 0px;
    padding-right: 0px;
  }
  .wstitemright {
    width: 100%;
    position: static;
    top: 0px;
    min-height: inherit;
    padding: 10px 0px;
    opacity: 1;
    visibility: visible;
    display: none;
  }
  .wstliststy01 li {
    width: 100%;
    padding: 0px;
    margin: 0px;
  }
  .wstliststy02 {
    width: 100%;
    padding: 0px;
    margin: 0px 0px 15px 0px;
  }
  .wstliststy03 li {
    width: 100%;
  }
  .wstliststy05 {
    width: 100%;
    padding: 0px;
    margin-bottom: 10px;
  }
  .kitchenmenuimg {
    background-image: none;
  }
  .computermenubg {
    background-image: none;
  }
  .wstbrandbottom {
    width: 100%;
    position: static;
    top: 0px;
    min-height: inherit;
    padding: 10px 5px 15px 5px;
    opacity: 1;
    visibility: visible;
    display: none;
  }
  .wstabitem02 li {
    position: relative;
  }
  .wstabitem02 > li > a {
    padding: 13px 11px;
  }
  .megamenu li.wstheading {
    padding-left: 0px;
  }
  .wsmenu-list > li > .navtext {
    margin: 0px !important;
  }
  .wsmenu-list > li.wssearchbar {
    padding-left: 0px;
    display: table-header-group !important;
  }
  .wstabitem02 {
    display: block;
  }
  .wstabitem02 li {
    text-align: left;
    display: block;
  }
  .wsshoptabingwp {
    background-color: #fff;
    padding-left: 0px;
    padding-right: 0px;
  }
  .wsshopmyaccount > a > .fa-angle-down {
    display: none !important;
  }
  .wsmenu {
    margin-top: 0px;
  }
  .smllogo {
    display: none !important;
  }
  .wsmain {
    margin: 0px;
    background-color: transparent;
  }
  .topmenusearch {
    margin: 0px 0 0;
    width: 100%;
  }
  .topmenusearch input:focus {
    width: 100%;
    background-color: #fff;
    color: #000;
    border: none;
  }
  .topmenusearch input:hover {
    width: 100%;
    background-color: #fff;
    color: #000;
  }
  .topmenusearch input {
    border-radius: 0px !important;
    height: 44px;
    background-color: #f1f1f1;
  }
  .smllogo {
    width: 100%;
    display: none !important;
    margin: 0 auto;
    text-align: center;
    background-color: #2B3A40;
  }
  .smllogo a {
    margin: 0 auto;
    text-align: center;
    float: none;
  }
  .topmenusearch .btnstyle {
    height: 44px;
    color: #424242;
    border-radius: 0px;
  }
  .wsmenu-list .wsshoptabing {
    background-color: #ffffff;
    color: #0e0e0e;
    display: none;
    position: relative !important;
    top: 0px;
    padding: 0px;
    border: solid 0px;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .wstabitem {
    width: 100% !important;
    background-color: #fff;
  }
  .wstabitem li a:after {
    border: none !important;
  }
  .megamenuleftp {
    width: 100%;
    display: block;
    padding: 0px;
    margin: 0px;
  }
  .megamenurightp {
    width: 100%;
    display: block;
    padding: 0px;
    margin: 0px;
  }
  .wstabitem li a:after {
    position: absolute;
    content: "";
    top: 50%;
    margin-top: -6px;
    right: 23px;
    display: inline-block;
    border-top: 6px solid #3f464c;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 6px solid transparent;
  }
  .wstabitem li a .fa {
    display: none;
  }
  .wsmenu-list li > .wsshoptabing {
    -o-transition: -o-transform 0.6s, opacity 0.6s;
    -ms-transition: -ms-transform 0.6s, opacity 0.6s;
    -moz-transition: -moz-transform 0.6s, opacity 0.6s;
    -webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .wsmenucontainer {
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    transition: all 0.4s ease-in-out;
  }
  #overlapblackbg {
    left: 0;
    z-index: 102;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    display: none;
    background-color: rgba(0, 0, 0, 0.45);
    cursor: pointer;
  }
  .wsmenucontainer.wsoffcanvasopener {
    display: block;
    margin-left: 270px;
  }
  .wsmobileheader {
    display: block !important;
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    transition: all 0.4s ease-in-out;
    position: fixed;
    z-index: 99;
  }
  .callusicon {
    color: #969696;
    font-size: 25px;
    height: 25px;
    position: fixed;
    right: 15px;
    top: 10px;
    transition: all 0.4s ease-in-out 0s;
    width: 25px;
    z-index: 102;
    transition: all 0.4s ease-in-out;
  }
  .callusicon:focus, callusicon:hover {
    color: #fff !important;
  }
  .wsoffcanvasopener .callusicon {
    display: none !important;
  }
  .smallogo {
    transition: all 0.4s ease-in-out;
    width: 100%;
    display: block;
    text-align: center;
    position: fixed;
    z-index: 101;
    width: 100%;
    height: 52px;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
    top: -10px;
  }
  .smallogo .logo_poweron {
    border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -ms-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    /* width: 100%; */
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 15px;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
    background: url(../images/logo_mob.svg);
    background-repeat: no-repeat;
    width: 90px;
    height: 75px;
    transition: all 0.15s ease-in-out;
  }
  .wsmenu-list > li:hover > a {
    background-color: rgba(0, 0, 0, 0.08) !important;
    text-decoration: none;
  }
  .mobiletext {
    display: inline-block !important;
  }
  .wsoffcanvasopener #overlapblackbg {
    display: block !important;
  }
  .wsoffcanvasopener .wsmain {
    left: 0px;
    transition: all 0.4s ease-in-out;
  }
  .wstmegamenucolr {
    max-width: 240px;
  }
  .wstmegamenucolr03 {
    display: none;
  }
  .wsmain {
    width: 270px;
    left: -270px;
    height: 100%;
    position: fixed;
    top: 0;
    margin: 0;
    float: none;
    background-color: #fff;
    border-radius: 0px;
    z-index: 103;
    transition: all 0.4s ease-in-out;
    border: none !important;
    background-color: #fff !important;
  }
  .wsmenu {
    border-left: none;
    float: none;
    width: 100%;
    display: block !important;
    height: 100%;
    overflow-y: auto;
    display: block !important;
  }
  .wstabitem02 li .wsmenu-click02 {
    border-left: 1px solid #e9e9e9;
  }
  .wstabitem02 li .wsmenu-click02 {
    background-color: #fff;
  }
  .wsmenu-click {
    border-left: 1px solid #e0e0e0;
    cursor: pointer;
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 49px;
    z-index: 10;
  }
  .wsmenu-click i {
    display: block;
    height: 23px;
    width: 25px;
    margin-top: 15px;
    margin-right: 13px;
    background-size: 25px;
    font-size: 21px;
    color: rgba(0, 0, 0, 0.56);
    float: right;
    text-align: center;
  }
  .wsmenu-click02 {
    border-left: 1px solid #f3f3f3;
    cursor: pointer;
    display: block;
    height: 52px;
    position: absolute;
    right: 0;
    top: 0;
    width: 49px;
    z-index: 10;
    background-color: #f3f3f3;
  }
  .wsmenu-click02 i {
    display: block;
    height: 23px;
    width: 34px;
    margin-top: 11px;
    margin-right: 8px;
    background-size: 25px;
    font-size: 21px;
    color: rgba(0, 0, 0, 0.25);
    float: right;
    text-align: center;
  }
  .ws-activearrow > i {
    transform: rotate(180deg);
  }
  .wsmenu-rotate {
    transform: rotate(180deg);
  }
  .animated-arrow {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 102;
    transition: all 0.4s ease-in-out;
  }
  .wsoffcanvasopener .animated-arrow {
    left: 270px;
  }
  .animated-arrow {
    cursor: pointer;
    padding: 13px 35px 16px 0px;
    margin: 10px 0 0 15px;
  }
  .animated-arrow span, .animated-arrow span:before, .animated-arrow span:after {
    cursor: pointer;
    height: 2px;
    width: 23px;
    background: #424242;
    position: absolute;
    display: block;
    content: "";
  }
  .animated-arrow span:before {
    top: -7px;
  }
  .animated-arrow span:after {
    bottom: -7px;
  }
  .animated-arrow span, .animated-arrow span:before, .animated-arrow span:after {
    transition: all 500ms ease-in-out;
  }
  .wsoffcanvasopener .animated-arrow span {
    background-color: transparent;
  }
  .wsoffcanvasopener .animated-arrow span:before, .animated-arrow.active span:after {
    top: 7px;
  }
  .wsoffcanvasopener .animated-arrow span:before {
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    bottom: 0px;
  }
  .wsoffcanvasopener .animated-arrow span:after {
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  .megacollink {
    width: 96% !important;
    margin: 0% 2% !important;
  }
  .megacolimage {
    width: 90% !important;
    margin: 0% 5% !important;
  }
  .typographylinks {
    width: 98% !important;
    margin: 0% 1% !important;
  }
  .typographydiv {
    width: 86% !important;
    margin: 0% 7% !important;
  }
  .mainmapdiv {
    width: 90% !important;
    margin: 0% 5% !important;
  }
  .innerpnd {
    padding: 0px !important;
  }
  .typography-text {
    padding: 10px 0px;
  }
  .wsmenu-list .megamenu {
    background-color: #e7e7e7;
    color: #666666;
    display: none;
    position: relative !important;
    top: 0px;
    padding: 0px;
    border: solid 0px;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .wsmenu-list li:hover .megamenu {
    display: none;
    position: relative !important;
    top: 0px;
  }
  .megamenu .title {
    color: #666666;
    font-size: 15px !important;
    padding: 10px 8px 10px 0px;
  }
  .megamenu > ul {
    width: 100% !important;
    margin: 0px;
    padding: 0px;
    font-size: 13px !important;
    min-height: 189px;
  }
  .megamenu > ul > li > a {
    padding: 9px 14px !important;
    line-height: normal !important;
    background-color: #e7e7e7 !important;
    color: #666666;
  }
  .ad-style {
    width: 100% !important;
  }
  .megamenu ul li.title {
    line-height: 26px;
    color: #666666;
    margin: 0px;
    font-size: 15px;
    padding: 7px 13px !important;
    border-bottom: 1px solid #ccc;
    background-color: transparent !important;
  }
  .wsmenu-submenu > li:hover > a {
    background-color: #7b7b7b;
    color: #666666;
  }
  .wsmenu > .wsmenu-list > li > a.active {
    color: #666666;
    background-color: rgba(0, 0, 0, 0.08);
  }
  .wsmenu > .wsmenu-list > li > a:hover {
    color: #666666;
    background-color: rgba(0, 0, 0, 0.08);
  }
  .wsmenu-list li:hover .wsmenu-submenu {
    display: none;
  }
  .wsmenu-list li:hover .wsmenu-submenu .wsmenu-submenu-sub {
    display: none;
  }
  .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub {
    display: none;
    list-style: none;
    padding: 2px;
    border: solid 1px #eeeeee;
    background-color: #fff;
  }
  .wsmenu-list li:first-child a {
    border-radius: 0px 0px 0px 0px;
  }
  .wsmenu-list li:last-child a {
    border-radius: 0px 0px 0px 0px;
    border-right: 0px solid;
  }
  .wsmenu-submenu-sub {
    width: 100% !important;
    position: static !important;
    left: 100% !important;
    top: 0 !important;
    display: none;
    margin: 0px !important;
    padding: 0px !important;
    border: solid 0px !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .wsmenu-submenu-sub li {
    margin: 0px 0px 0px 0px !important;
    padding: 0px;
    position: relative;
  }
  .wsmenu-submenu-sub a {
    display: block;
    padding: 10px 25px 10px 25px;
    border-bottom: solid 1px #ccc;
    font-weight: normal;
  }
  .wsmenu-submenu-sub li a.active {
    color: #000 !important;
  }
  .wsmenu-submenu-sub li:hover > a {
    background-color: #333333 !important;
    color: #fff;
  }
  .wsmenu > .wsmenu-list > li > a > .fa {
    font-size: 16px;
    color: #bfbfbf;
    margin-right: 11px;
    text-align: center;
    width: 19px;
  }
  .wsmenu-submenu-sub-sub {
    width: 100% !important;
    position: static !important;
    left: 100% !important;
    top: 0 !important;
    display: none;
    margin: 0px !important;
    padding: 0px !important;
    border: solid 0px !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .wsmenu-submenu-sub-sub li {
    margin: 0px 0px 0px 0px !important;
  }
  .wsmenu-submenu-sub-sub a {
    display: block;
    color: #000;
    padding: 10px 25px;
    background: #000 !important;
    border-bottom: solid 1px #ccc;
    font-weight: normal;
  }
  .wsmenu-submenu-sub-sub li a.active {
    color: #000 !important;
  }
  .wsmenu-submenu-sub-sub li:hover > a {
    background-color: #606060 !important;
    color: #fff;
  }
  .wsmenu .wsmenu-list {
    display: table !important;
  }
  .wsmenu .wsmenu-list > li {
    clear: left;
    width: 100%;
    display: block;
    float: none;
    border-right: none;
    background-color: transparent;
    position: relative;
    white-space: inherit;
  }
  .wsmenu > .wsmenu-list > li > a {
    padding: 13px 32px 13px 12px;
    font-size: 14px;
    text-align: left;
    border-right: solid 0px;
    background-color: transparent;
    color: #666666;
    line-height: 25px;
    border-bottom: 1px solid;
    border-bottom-color: rgba(0, 0, 0, 0.13);
    position: static;
  }
  .wsmenu > .wsmenu-list > li > a.wtxaccountlink {
    padding-bottom: 16px;
    padding-top: 16px;
  }
  .wsmenu .wsmenu-list li a .arrow:after {
    display: none !important;
  }
  .wsmenu .wsmenu-list li ul li a .fa.fa-caret-right {
    font-size: 12px !important;
    color: #8E8E8E;
  }
  .mobile-sub .wsmenu-submenu {
    transform: none !important;
    opacity: 1 !important;
    display: none;
    position: relative !important;
    top: 0px;
    background-color: #fff;
    border: solid 1px #ccc;
    padding: 0px;
    visibility: visible !important;
  }
  .mobile-sub .wsmenu-submenu li a {
    line-height: 20px;
    height: auto;
    font-size: 0.875rem !important;
    padding: 11px 0px 11px 14px;
    color: #8E8E8E;
    text-decoration: none !important;
  }
  .mobile-sub .wsmenu-submenu li a:hover {
    background-color: #e7e7e7 !important;
    color: #666666;
    text-decoration: underline;
  }
  .mobile-sub .wsmenu-submenu li:hover > a {
    background-color: #e7e7e7 !important;
    color: #666666;
  }
  .mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li a {
    line-height: 20px;
    height: 36px;
    background-color: #e7e7e7 !important;
    border-bottom: none;
    padding-left: 28px;
  }
  .mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li .wsmenu-submenu-sub-sub li a {
    line-height: 20px;
    height: 36px;
    background-color: #e7e7e7 !important;
    border-bottom: none !important;
    padding-left: 38px;
    color: #8e8e8e;
  }
  .wsmenu-list > li.socialicon a {
    width: 100%;
  }
  .wsmenu-list > li.wscarticon em.roundpoint {
    display: none;
  }
  .halfdiv .title {
    padding-left: 15px;
  }
  .halfdiv {
    width: 100%;
    display: block;
  }
  .halfdiv03 .title {
    padding-left: 15px;
  }
  .halfdiv03 {
    width: 100%;
  }
  .halfmenu {
    width: 100%;
    display: block;
  }
  .menu_form {
    padding: 10px 10px 63px 10px;
    background-color: #e7e7e7;
  }
  .menu_form input[type=button] {
    width: 46%;
  }
  .menu_form input[type=submit] {
    width: 46%;
  }
  .menu_form textarea {
    min-height: 100px;
  }
  .wsmenu-list li > .wsmenu-submenu {
    -o-transition: -o-transform 0.6s, opacity 0.6s;
    -ms-transition: -ms-transform 0.6s, opacity 0.6s;
    -moz-transition: -moz-transform 0.6s, opacity 0.6s;
    -webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
    visibility: visible !important;
  }
  .wsmenu-list li:hover > .wsmenu-submenu {
    visibility: visible !important;
  }
  .wsmenu-submenu li > .wsmenu-submenu-sub {
    -o-transition: -o-transform 0.6s, opacity 0.6s;
    -ms-transition: -ms-transform 0.6s, opacity 0.6s;
    -moz-transition: -moz-transform 0.6s, opacity 0.6s;
    -webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
    visibility: visible !important;
  }
  .wsmenu-submenu li:hover > .wsmenu-submenu-sub {
    visibility: visible !important;
    opacity: 1 !important;
  }
  .wsmenu-submenu-sub li > .wsmenu-submenu-sub-sub {
    -o-transition: -o-transform 0.6s, opacity 0.6s;
    -ms-transition: -ms-transform 0.6s, opacity 0.6s;
    -moz-transition: -moz-transform 0.6s, opacity 0.6s;
    -webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub {
    visibility: visible !important;
    opacity: 1 !important;
  }
  .wsmenu-list li > .megamenu {
    -o-transition: -o-transform 0.6s, opacity 0.6s;
    -ms-transition: -ms-transform 0.6s, opacity 0.6s;
    -moz-transition: -moz-transform 0.6s, opacity 0.6s;
    -webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .wsmenu-list li:hover > .megamenu {
    visibility: visible !important;
    opacity: 1 !important;
  }
}
/*--------------------------------------------------------------------------
|  05 Additional Themes (Optionnal)
--------------------------------------------------------------------------*/
.gry {
  background-color: #424242 !important;
  color: #fff;
}

.red {
  background-color: #DA4B38 !important;
  color: #fff;
}

.orange {
  background-color: #ff9334 !important;
  color: #fff;
}

.blue {
  background-color: #31a8e6 !important;
  color: #fff;
}

.green {
  background-color: #27ae60 !important;
  color: #fff;
}

.yellow {
  background-color: #F6BB42 !important;
  color: #fff;
}

.purple {
  background-color: #967ADC !important;
  color: #fff;
}

.pink {
  background-color: #ff3366 !important;
  color: #fff;
}

.gry > .wsmain > .wsmenu > .wsmenu-list > li > .navtext > span {
  color: #fff !important;
}

.gry > .wsmain > .wsmenu > .wsmenu-list > li > .navtext > span + span:after {
  color: #fff !important;
}

.gry > .wsmain > .wsmenu > .wsmenu-list > li > a {
  color: #fff !important;
}

.gry > .wsmain > .wsmenu > .wsmenu-list li .wsmenu-click {
  border-color: rgba(0, 0, 0, 0.18) !important;
}

.red > .wsmain > .wsmenu > .wsmenu-list > li > .navtext > span {
  color: #fff !important;
}

.red > .wsmain > .wsmenu > .wsmenu-list > li > .navtext > span + span:after {
  color: #fff !important;
}

.red > .wsmain > .wsmenu > .wsmenu-list > li > a {
  color: #fff !important;
}

.red > .wsmain > .wsmenu > .wsmenu-list > li > a .fa {
  color: #fff;
}

.red > .wsmain > .wsmenu > .wsmenu-list > li.wscarticon em.roundpoint {
  background-color: #424242 !important;
}

.red > .wsmain > .wsmenu > .wsmenu-list li .wsmenu-click {
  border-color: rgba(0, 0, 0, 0.18) !important;
}

.orange > .wsmain > .wsmenu > .wsmenu-list > li > .navtext > span {
  color: #fff !important;
}

.orange > .wsmain > .wsmenu > .wsmenu-list > li > .navtext > span + span:after {
  color: #fff !important;
}

.orange > .wsmain > .wsmenu > .wsmenu-list > li > a {
  color: #fff !important;
}

.orange > .wsmain > .wsmenu > .wsmenu-list > li > a .fa {
  color: #fff;
}

.orange > .wsmain > .wsmenu > .wsmenu-list > li.wscarticon em.roundpoint {
  background-color: #424242 !important;
}

.orange > .wsmain > .wsmenu > .wsmenu-list li .wsmenu-click {
  border-color: rgba(0, 0, 0, 0.18) !important;
}

.blue > .wsmain > .wsmenu > .wsmenu-list > li > .navtext > span {
  color: #fff !important;
}

.blue > .wsmain > .wsmenu > .wsmenu-list > li > .navtext > span + span:after {
  color: #fff !important;
}

.blue > .wsmain > .wsmenu > .wsmenu-list > li > a {
  color: #fff !important;
}

.blue > .wsmain > .wsmenu > .wsmenu-list > li > a .fa {
  color: #fff;
}

.blue > .wsmain > .wsmenu > .wsmenu-list > li.wscarticon em.roundpoint {
  background-color: #424242 !important;
}

.blue > .wsmain > .wsmenu > .wsmenu-list li .wsmenu-click {
  border-color: rgba(0, 0, 0, 0.18) !important;
}

.green > .wsmain > .wsmenu > .wsmenu-list > li > .navtext > span {
  color: #fff !important;
}

.green > .wsmain > .wsmenu > .wsmenu-list > li > .navtext > span + span:after {
  color: #fff !important;
}

.green > .wsmain > .wsmenu > .wsmenu-list > li > a {
  color: #fff !important;
}

.green > .wsmain > .wsmenu > .wsmenu-list > li > a .fa {
  color: #fff;
}

.green > .wsmain > .wsmenu > .wsmenu-list > li.wscarticon em.roundpoint {
  background-color: #424242 !important;
}

.green > .wsmain > .wsmenu > .wsmenu-list li .wsmenu-click {
  border-color: rgba(0, 0, 0, 0.18) !important;
}

.yellow > .wsmain > .wsmenu > .wsmenu-list > li > .navtext > span {
  color: #454545 !important;
}

.yellow > .wsmain > .wsmenu > .wsmenu-list > li > .navtext > span + span:after {
  color: #454545 !important;
}

.yellow > .wsmain > .wsmenu > .wsmenu-list > li > a {
  color: #454545 !important;
}

.yellow > .wsmain > .wsmenu > .wsmenu-list > li > a .fa {
  color: #454545;
}

.yellow > .wsmain > .wsmenu > .wsmenu-list li .wsmenu-click {
  border-color: rgba(0, 0, 0, 0.18) !important;
}

.purple > .wsmain > .wsmenu > .wsmenu-list > li > .navtext > span {
  color: #fff !important;
}

.purple > .wsmain > .wsmenu > .wsmenu-list li .wsmenu-click {
  border-color: rgba(0, 0, 0, 0.18) !important;
}

.purple > .wsmain > .wsmenu > .wsmenu-list > li > .navtext > span + span:after {
  color: #fff !important;
}

.purple > .wsmain > .wsmenu > .wsmenu-list > li > a {
  color: #fff !important;
}

.purple > .wsmain > .wsmenu > .wsmenu-list > li > a .fa {
  color: #fff;
}

.purple > .wsmain > .wsmenu > .wsmenu-list > li.wscarticon em.roundpoint {
  background-color: #424242 !important;
}

.pink > .wsmain > .wsmenu > .wsmenu-list > li > .navtext > span {
  color: #fff !important;
}

.pink > .wsmain > .wsmenu > .wsmenu-list > li > .navtext > span + span:after {
  color: #fff !important;
}

.pink > .wsmain > .wsmenu > .wsmenu-list > li > a {
  color: #fff !important;
}

.pink > .wsmain > .wsmenu > .wsmenu-list > li > a .fa {
  color: #fff;
}

.pink > .wsmain > .wsmenu > .wsmenu-list > li.wscarticon em.roundpoint {
  background-color: #424242 !important;
}

.pink > .wsmain > .wsmenu > .wsmenu-list li .wsmenu-click {
  border-color: rgba(0, 0, 0, 0.18) !important;
}

.tranbg {
  background-color: transparent !important;
}

.whitebg {
  background-color: #fff !important;
}

.whitebg:hover {
  color: #000 !important;
}

.pm_buttoncolor .wsmenu-list > li > a .fa {
  color: #fff !important;
}

.pm_buttoncolor03 .wsmenu-list > li:hover > a .fa {
  color: #fff !important;
}

.pm_buttoncolor .wsmenu-list li a .arrow:after {
  border-top-color: #fff;
}

.blue-grdt {
  background: #5999ee;
  background: -ms-linear-gradient(top, #5999ee 0%, #4a89dc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#5999ee", endColorstr="#4a89dc", GradientType=0);
  color: #fff;
}

.gry-grdt {
  background: #565656;
  background: -ms-linear-gradient(top, #565656 0%, #424242 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#565656", endColorstr="#424242", GradientType=0);
  color: #fff;
}

.green-grdt {
  background: #86ba3d;
  background: -ms-linear-gradient(top, #86ba3d 0%, #74a52e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#86ba3d", endColorstr="#74a52e", GradientType=0);
  color: #fff;
}

.red-grdt {
  background: #f05c48;
  background: -ms-linear-gradient(top, #f05c48 0%, #da4b38 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f05c48", endColorstr="#da4b38", GradientType=0);
  color: #fff;
}

.orange-grdt {
  background: #fc7d33;
  background: -ms-linear-gradient(top, #fc7d33 0%, #ff670f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fc7d33", endColorstr="#ff670f", GradientType=0);
  color: #fff;
}

.yellow-grdt {
  background: #ffcd67;
  background: -ms-linear-gradient(top, #ffcd67 0%, #f6bb42 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffcd67", endColorstr="#f6bb42", GradientType=0);
  color: #fff;
}

.purple-grdt {
  background: #a98ded;
  background: -ms-linear-gradient(top, #a98ded 0%, #967adc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#a98ded", endColorstr="#967adc", GradientType=0);
  color: #fff;
}

.pink-grdt {
  background: #fb3ea4;
  background: -ms-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fb3ea4", endColorstr="#f21b8f", GradientType=0);
  color: #fff;
}

.tranbg {
  background-color: transparent !important;
  box-shadow: none !important;
}

.red-grdt > .wsmain > .wsmenu > .wsmenu-list > li > .navtext > span {
  color: #fff !important;
}

.red-grdt > .wsmain > .wsmenu > .wsmenu-list > li > .navtext > span + span:after {
  color: #fff !important;
}

.red-grdt > .wsmain > .wsmenu > .wsmenu-list > li > a {
  color: #fff !important;
}

.red-grdt > .wsmain > .wsmenu > .wsmenu-list li .wsmenu-click {
  border-color: rgba(0, 0, 0, 0.18) !important;
}

.gry-grdt > .wsmain > .wsmenu > .wsmenu-list > li > .navtext > span {
  color: #fff !important;
}

.gry-grdt > .wsmain > .wsmenu > .wsmenu-list > li > .navtext > span + span:after {
  color: #fff !important;
}

.gry-grdt > .wsmain > .wsmenu > .wsmenu-list > li > a {
  color: #fff !important;
}

.gry-grdt > .wsmain > .wsmenu > .wsmenu-list li .wsmenu-click {
  border-color: rgba(0, 0, 0, 0.18) !important;
}

.blue-grdt > .wsmain > .wsmenu > .wsmenu-list > li > .navtext > span {
  color: #fff !important;
}

.blue-grdt > .wsmain > .wsmenu > .wsmenu-list > li > .navtext > span + span:after {
  color: #fff !important;
}

.blue-grdt > .wsmain > .wsmenu > .wsmenu-list > li > a {
  color: #fff !important;
}

.blue-grdt > .wsmain > .wsmenu > .wsmenu-list li .wsmenu-click {
  border-color: rgba(0, 0, 0, 0.18) !important;
}

.green-grdt > .wsmain > .wsmenu > .wsmenu-list > li > .navtext > span {
  color: #fff !important;
}

.green-grdt > .wsmain > .wsmenu > .wsmenu-list > li > .navtext > span + span:after {
  color: #fff !important;
}

.green-grdt > .wsmain > .wsmenu > .wsmenu-list > li > a {
  color: #fff !important;
}

.green-grdt > .wsmain > .wsmenu > .wsmenu-list li .wsmenu-click {
  border-color: rgba(0, 0, 0, 0.18) !important;
}

.orange-grdt > .wsmain > .wsmenu > .wsmenu-list > li > .navtext > span {
  color: #fff !important;
}

.orange-grdt > .wsmain > .wsmenu > .wsmenu-list > li > .navtext > span + span:after {
  color: #fff !important;
}

.orange-grdt > .wsmain > .wsmenu > .wsmenu-list > li > a {
  color: #fff !important;
}

.orange-grdt > .wsmain > .wsmenu > .wsmenu-list li .wsmenu-click {
  border-color: rgba(0, 0, 0, 0.18) !important;
}

.yellow-grdt > .wsmain > .wsmenu > .wsmenu-list > li > .navtext > span {
  color: #fff !important;
}

.yellow-grdt > .wsmain > .wsmenu > .wsmenu-list > li > .navtext > span + span:after {
  color: #fff !important;
}

.yellow-grdt > .wsmain > .wsmenu > .wsmenu-list > li > a {
  color: #fff !important;
}

.yellow-grdt > .wsmain > .wsmenu > .wsmenu-list li .wsmenu-click {
  border-color: rgba(0, 0, 0, 0.18) !important;
}

.purple-grdt > .wsmain > .wsmenu > .wsmenu-list > li > .navtext > span {
  color: #fff !important;
}

.purple-grdt > .wsmain > .wsmenu > .wsmenu-list > li > .navtext > span + span:after {
  color: #fff !important;
}

.purple-grdt > .wsmain > .wsmenu > .wsmenu-list > li > a {
  color: #fff !important;
}

.purple-grdt > .wsmain > .wsmenu > .wsmenu-list li .wsmenu-click {
  border-color: rgba(0, 0, 0, 0.18) !important;
}

.pink-grdt > .wsmain > .wsmenu > .wsmenu-list > li > .navtext > span {
  color: #fff !important;
}

.pink-grdt > .wsmain > .wsmenu > .wsmenu-list > li > .navtext > span + span:after {
  color: #fff !important;
}

.pink-grdt > .wsmain > .wsmenu > .wsmenu-list > li > a {
  color: #fff !important;
}

.pink-grdt > .wsmain > .wsmenu > .wsmenu-list li .wsmenu-click {
  border-color: rgba(0, 0, 0, 0.18) !important;
}

@media only screen and (max-width: 992px) {
  .tranbg {
    background-color: #fff !important;
  }
  .red-grdt > .wsmenu > .wsmenu-list > li > a > .fa {
    color: #fff !important;
  }
  .blue-grdt > .wsmenu > .wsmenu-list > li > a > .fa {
    color: #fff !important;
  }
  .orange-grdt > .wsmenu > .wsmenu-list > li > a > .fa {
    color: #fff !important;
  }
  .green-grdt > .wsmenu > .wsmenu-list > li > a > .fa {
    color: #fff !important;
  }
  .purple-grdt > .wsmenu > .wsmenu-list > li > a > .fa {
    color: #fff !important;
  }
  .pink-grdt > .wsmenu > .wsmenu-list > li > a > .fa {
    color: #fff !important;
  }
  .pm_buttoncolor > .wsmain > .wsmenu > .wsmenu-list > li > a {
    color: #fff;
  }
  .blue-grdt .wsmain {
    background: #5999ee;
    background: -ms-linear-gradient(top, #5999ee 0%, #4a89dc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#5999ee", endColorstr="#4a89dc", GradientType=0);
    color: #fff;
  }
  .gry-grdt .wsmain {
    background: #565656;
    background: -ms-linear-gradient(top, #565656 0%, #424242 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#565656", endColorstr="#424242", GradientType=0);
    color: #fff;
  }
  .green-grdt .wsmain {
    background: #86ba3d;
    background: -ms-linear-gradient(top, #86ba3d 0%, #74a52e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#86ba3d", endColorstr="#74a52e", GradientType=0);
    color: #fff;
  }
  .red-grdt .wsmain {
    background: #f05c48;
    background: -ms-linear-gradient(top, #f05c48 0%, #da4b38 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f05c48", endColorstr="#da4b38", GradientType=0);
    color: #fff;
  }
  .orange-grdt .wsmain {
    background: #fc7d33;
    background: -ms-linear-gradient(top, #fc7d33 0%, #ff670f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fc7d33", endColorstr="#ff670f", GradientType=0);
    color: #fff;
  }
  .yellow-grdt .wsmain {
    background: #ffcd67;
    background: -ms-linear-gradient(top, #ffcd67 0%, #f6bb42 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffcd67", endColorstr="#f6bb42", GradientType=0);
    color: #fff;
  }
  .purple-grdt .wsmain {
    background: #a98ded;
    background: -ms-linear-gradient(top, #a98ded 0%, #967adc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#a98ded", endColorstr="#967adc", GradientType=0);
    color: #fff;
  }
  .pink-grdt .wsmain {
    background: #fb3ea4;
    background: -ms-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fb3ea4", endColorstr="#f21b8f", GradientType=0);
    color: #fff;
  }
  .gry .wsmain {
    background-color: #424242 !important;
    color: #fff;
  }
  .red .wsmain {
    background-color: #DA4B38 !important;
    color: #fff;
  }
  .orange .wsmain {
    background-color: #ff9334 !important;
    color: #fff;
  }
  .blue .wsmain {
    background-color: #31a8e6 !important;
    color: #fff;
  }
  .green .wsmain {
    background-color: #27ae60 !important;
    color: #fff;
  }
  .yellow .wsmain {
    background-color: #F6BB42 !important;
    color: #fff;
  }
  .purple .wsmain {
    background-color: #967ADC !important;
    color: #fff;
  }
  .pink .wsmain {
    background-color: #ff3366 !important;
    color: #fff;
  }
}
.wrapper {
  max-width: 1550px;
  margin: 0 auto;
  padding: 0;
  min-width: 320px;
}

.header {
  width: 100%;
  display: block;
  min-height: 214px;
  padding-top: 0;
}

.headerwp {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0;
}

.headerfull {
  width: 100%;
  background-color: #fff;
  position: relative;
}

.posrlt {
  position: relative;
}

.headtoppart {
  display: block;
  width: 100%;
  background-color: #f8f8f8;
  height: 39px;
  margin: 0 auto;
  padding: 0;
  min-width: 320px;
}

.headertopleft {
  float: right;
}

.headertopright {
  float: left;
  text-align: left;
}

.headertopright a {
  line-height: 39px;
  color: #5f5f5f;
  font-size: 14px;
  padding: 0 12px;
  display: inline-block;
  float: left;
}

.headertopright a:hover {
  background-color: #272B37;
  transition: all 0.3s ease-in-out;
}

.norlt {
  position: static;
}

.menuwrapper {
  position: relative;
}

.show-grid {
  background-color: #fff;
}

.btn-border {
  border: 2px solid;
  border-radius: 40px;
  display: inline-block;
  font-size: 13px;
  text-transform: uppercase;
  -moz-user-select: none;
  background-image: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  color: #fff;
  padding: 15px 40px;
}

.btn-border:hover {
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
}

.btn-border:focus {
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
}

.moreoption {
  width: 100%;
  display: block;
  margin-top: 290px;
}

.moreoption .boxheader {
  border: solid 0;
  padding-top: 25px;
  padding-bottom: 10px;
  font-size: 16px;
  color: #717171;
}

.mobiletext02 {
  display: none;
}

.buttoncolor {
  color: #fff;
  display: block;
  font-size: 13px;
  padding: 10px 15px;
  text-decoration: none;
  transition: background 0.3s linear 0s;
  width: 12.5%;
  height: 30px;
  float: left;
  text-align: center;
  margin: 0px 0px;
}

.buttoncolor:hover {
  color: #fff;
  text-decoration: none;
}

.buttoncolor:focus {
  color: #fff;
  text-decoration: none;
}

.buttoncolor03 {
  color: #fff;
  display: block;
  font-size: 13px;
  padding: 10px 15px;
  text-decoration: none;
  transition: background 0.3s linear 0s;
  width: 12.5%;
  height: 30px;
  float: left;
  text-align: center;
  margin: 0px 0px;
}

.buttoncolor03:hover {
  color: #fff;
  text-decoration: none;
}

.buttoncolor03:focus {
  color: #fff;
  text-decoration: none;
}

.headertlt {
  width: 100%;
  padding: 40px 0px 15px 0px;
  letter-spacing: -0.5px;
  font-size: 22px;
  font-family: "archivo_narrowregular";
  color: #424242;
}

.colorlink01 {
  width: 40%;
  float: left;
  margin: 0% 0% 0% 2%;
}

.colorlink02 {
  width: 40%;
  float: left;
  margin: 0% 0% 0% 2%;
}

.colorlink03 {
  width: 14%;
  float: left;
  margin: 0% 0% 0% 2%;
}

.buttoncolor02 {
  color: #424242;
  display: block;
  font-size: 15px;
  border-radius: 2px;
  height: 30px;
  padding: 10px 15px;
  text-decoration: none;
  transition: background 0.3s linear 0s;
  width: 100%;
  border-right: solid 5px #fff;
  float: left;
  text-align: center;
  margin: 0% 0% 0% 0%;
  background-color: #f2f2f2;
  border: solid 1px #D9D9D9;
  cursor: pointer;
  text-align: center !important;
  text-decoration: none !important;
  width: 50%;
  float: left;
}

.buttoncolor02:hover {
  background-color: #424242;
  color: #000;
}

.buttoncolor02.active {
  background-color: #424242;
  color: #fff;
}

.main-content {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

@media only screen and (min-width: 230px) and (max-width: 991px) {
  .wrapper {
    width: 100%;
    margin: 0% 0%;
  }
  .header {
    min-height: 75px;
  }
  .logo {
    display: none !important;
  }
  .header {
    box-shadow: none !important;
    background-image: none !important;
  }
  .colorlink01 {
    width: 92% !important;
    margin: 0% 4%;
  }
  .colorlink02 {
    width: 92% !important;
    margin: 0% 4%;
  }
  .colorlink03 {
    width: 92% !important;
    margin: 0% 4%;
  }
  .buttoncolor02 {
    width: 100% !important;
    margin-bottom: 2%;
  }
  .buttoncolor {
    width: 25%;
  }
  .buttoncolor03 {
    width: 25%;
  }
  .moreoption {
    width: 100%;
    margin: 85px 0 0 0;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }
  .headtoppart {
    margin-top: 52px;
    height: auto;
    background-color: rgba(0, 0, 0, 0.2);
  }
  .topmenusearch {
    margin: 0px 0 0;
    width: 100%;
  }
  .topmenusearch input:focus {
    width: 100%;
  }
  .posrlt {
    width: 240px;
    float: none;
  }
  .headerright {
    width: 100%;
    float: none;
  }
  .headertopleft {
    float: none;
    width: 96%;
    margin: 0% 2%;
  }
  .headertopright {
    float: none;
    width: 96%;
    margin: 0% 2%;
  }
  .address.clearfix:before, .address.clearfix:after {
    content: "";
    display: table;
  }
  .address.clearfix:after {
    clear: both;
  }
  .address.clearfix {
    zoom: 1;
  }
  .headertopleft {
    display: none;
  }
  .headerfull {
    height: auto;
  }
  .headertopright a {
    width: 24%;
    text-align: center;
  }
}
@media only screen and (min-width: 920px) and (max-width: 1064px) {
  .wrapper {
    width: 96%;
    margin: 0% 2%;
  }
  .colorlink01 {
    width: 100% !important;
    margin: 0%;
  }
  .colorlink02 {
    width: 100% !important;
    margin: 0%;
  }
  .colorlink03 {
    width: 100% !important;
    margin: 0%;
  }
  .buttoncolor02 {
    width: 50% !important;
    margin-bottom: 1%;
  }
  .logo {
    float: none !important;
    margin: 0 auto !important;
    width: 100% !important;
    text-align: center;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .wrapper {
    width: 96%;
    margin: 0% 2%;
  }
  .colorlink01 {
    width: 100% !important;
    margin: 0%;
  }
  .colorlink02 {
    width: 100% !important;
    margin: 0%;
  }
  .colorlink03 {
    width: 100% !important;
    margin: 0%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 780px) {
  .mobiletext02 {
    display: inline-block;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .headertopright a .fa {
    margin-right: 0px;
  }
}/*# sourceMappingURL=main.css.map */