body {
  font-family: "Roboto", sans-serif;
}

/* ===============font poppins====================== */

/* =============================fonts end====================================== */
/* =============================fonts end====================================== */
a:hover {
  box-shadow: none;
  text-decoration: none;
}

input:focus {
  box-shadow: none !important;
}

.nav-wrapper-one a {
  font-size: 14px;
}

.banner {
  background-image: url(../images/banner.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;

  display: flex;
  height: 415px;
  align-items: center;
  justify-content: center;
}

#navbarSupportedContent {
  justify-content: end;
}

.btn__order {
  border-radius: 50px;
  font-size: 14px;
  color: #ffffff;
  font-weight: 700;
  font-family: "Roboto-Regular";
  text-transform: uppercase;
  background-color: #b75f26;
  padding: 8px 30px;
}

.carousel-caption h1 {
  margin-top: 0px !important;
}

.nav-wrapper-one a:hover {
  background-color: transparent;
  color: #058791;
  text-decoration-line: 2px;
  text-decoration-thickness: 2px;
  text-underline-position: under;
  text-decoration-skip: ink;
  transition: all 0.3s ease-in-out;
}

.nav-wrapper-one a {
  border-bottom: 2px solid #000;
  border-width: 0px;
}

.nav-wrapper-one a:hover {
  border-width: 100% !important;
}

.top_Wrapper {
  padding-top: 5px;
}

.btn-warning {
  background-color: #e0a464 !important;
  border: solid 1px #e0a464 !important;
  line-height: 25px;
  text-decoration: none !important;
  color: #fff !important;
}

.top_Wrapper a {
  margin-top: 0px !important;
}

.btn-warning:hover {
  background-color: #fff !important;
  border: solid 1px #e0a464 !important;
  line-height: 25px;
  text-decoration: none;
  color: #e0a464 !important;
}

.nav-wrapper-one a {
  color: #000;
  padding: 6px 21px 15px !important;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
}

.nav-wrapper-one li:last-child a {
  padding-right: 0 !important;
}

.navbar-brand {
  text-transform: uppercase;
  color: #000;
  padding: 0;
  margin: 0;
}

.navbar-brand:focus {
  outline: 0;
  box-shadow: none;
}

.bg-header {
  background-color: #fff;
}

.about-us {
  min-height: 500px;
  width: 100%;
  background-image: url(../images/about_us_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.about2 {
  min-height: 500px;
  width: 100%;
}

.about-left {
  width: 50%;
  float: left;
  overflow: hidden;
}

.about-left video {
  width: 100%;
  height: 400px;
}

.mission-vision {
  min-height: 500px;
  background-image: url("../images/banner3.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% 100%;
}

.slider-content h2 {
  font-size: 74px;
  color: #ffffff;
  font-weight: 700;
}

.slider-content p {
  font-size: 18px;
  color: #ffffff;
  font-weight: 400;
}

.slider-content p a {
  font-size: 18px;
  color: #f58f19;
  font-weight: 400;
}

.carousel {
  min-height: 524px;
}

.carousel-caption .right_img .hero_around {
  margin-top: -49px;
}

.slider-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 679px;
}

.carousel-indicators li.active {
  background-color: #008e96;
}

.hero_around {
  border-radius: 100%;
}

.hero_around img {
  border-radius: 100%;
}

.about_banner {
  width: 100%;
  background-image: url(../images/about_banner.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
}

.about-us {
  padding: 90px 0px 50px;
}

.about-content {
  display: flex;

  justify-content: space-between;
}

.textwidget a,
.textwidget {
  color: #fff;
}

.widget-title {
  font-weight: normal;
  font-size: 1.4em;
  margin-top: 2em;
  margin-bottom: 0.8em;
  color: #fff;
}

.flex-footer {
  display: flex;
  justify-content: center;
}

.about-content .main-heading {
  text-align: left;
}

#demo121 .carousel-inner {
  height: 100%;
  overflow: inherit !important;
}

#demo121 .carousel-inner .carousel-item {
  overflow: inherit !important;
  height: 100%;
}

#demo121 .carousel-inner img {
  width: 100%;
  height: 100%;
}

#demo121 .carousel-inner .carousel-caption {
  top: 50%;
}

#demo121 .carousel-inner .carousel-caption h3 {
  font-size: 60px;
}

.Slider-Bottom .main-heading {
  margin-bottom: 50px;
}

.main-heading {
  font-size: 30px;
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-style: normal;
  color: #000;
  transition: color 0.2s ease-in-out;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-align: center;
  position: relative;
}

.main-heading::before {
  background: #b75f26 none repeat scroll 0 0;
  content: "";
  height: 2px;
  position: absolute;
  width: 100px;
  z-index: 1;
  bottom: -6px;
  left: 46.6%;
}

.about-us .main-heading::before {
  left: 27px;
}

.gallery_inner {
  width: 100%;
  display: inline-block;
  padding: 50px 0px 30px;
}

.gallery_banner {
  width: 100%;
  display: inline-block;
  background-image: url(../images/gallery_banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gallery_banner .main-heading::before {
  display: none;
}

.gallery_banner .main-heading {
  color: #fff;
}

.gallery {
  height: 400px;
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
  overflow: hidden;
}

.gallery img {
  max-width: 100%;
  height: auto;
}

.about2 .main-heading::before {
  left: 46.6%;
}

.about2 .about-content {
  align-items: center;
}

.feature {
  padding: 80px 109px;
}

.feature .main-heading {
  margin-bottom: 70px;
}

.about-content h6 {
  font-size: 18px;
  color: #f59019;
  font-weight: 700;
  margin-bottom: 15px;
}

.contact_us {
  width: 100%;
  display: inline-block;
  background-color: #fff;
  padding: 70px 0px;
}

.contact_banner {
  width: 100%;
  display: inline-block;
  background-image: url(../images/contact_banner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 400px;
}

.contact_banner .main-heading,
.about_banner .main-heading {
  color: #fff;
}

.contact_banner .main-heading::before,
.about_banner .main-heading::before {
  display: none;
}

.contact-box {
  width: 100%;
  display: inline-block;
  padding: 30px;
  background-color: #fff;
}

.contact_us_banner h1 {
  margin-bottom: 40px;
}

.box-inner {
  width: 100%;
  display: inline-block;
  padding: 20px 15px;
  text-align: center;
  position: relative;
  background-color: #b35a25;
  border-radius: 7px;
  /* box-shadow: 0 0 6px; */
}

.text-addre a,
.label--five a {
  color: #fff;
  text-decoration: none;
}

.get-now {
  font-size: 25px;
  text-align: center;
  margin: 30px 0px 74px;
  color: #fff;
}

.box-circle {
  width: 65px;
  height: 65px;
  border-radius: 50px;
  background-color: #fff;
  position: absolute;
  top: -29px;
  left: 40%;
  box-shadow: 0 0 8px;
  text-align: center;
}

.box-circle span i {
  font-size: 30px;
  padding: 15px;
}

.icon-heding {
  font-size: 20px;
  text-align: center;
  margin: 30px 0px 0px;
  color: #fff;
}

.text-addre {
  font-size: 15px;
  text-align: center;
  padding: 15px 0px;
  color: #fff;
}

/* .contct-hediing {
  width: 100%;
  display: inline-block;
  text-align: center;
} */
.Slider-Bottom .owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  left: -73px;
  top: 40%;
  background-color: #b75f26;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  box-shadow: 0 2px 10px rgb(54 54 54 / 15%);
}

.Slider-Bottom .owl-carousel .owl-nav button.owl-prev:before {
  content: "\f053";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.Slider-Bottom .owl-carousel .owl-nav button.owl-next {
  position: absolute;
  right: -69px;
  top: 40%;
  background-color: #b75f26;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  padding-left: 5px !important;
  box-shadow: 0 2px 10px rgb(54 54 54 / 15%);
}

.Slider-Bottom .owl-carousel .owl-nav button.owl-next:before {
  content: "\f054";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.Slider-Bottom .owl-theme .owl-dots span {
  display: none;
}

.Slider-Bottom .owl-carousel .owl-nav button.owl-next span,
.Slider-Bottom .owl-carousel .owl-nav button.owl-prev span,
.Slider-Bottom .owl-theme .owl-dots .owl-dot span {
  display: none;
}

.serv-img {
  height: 526px;
}

.Slider-img {
  height: 466px;
  padding: 0px 10px;
}

.Slider-Bottom .owl-item img {
  height: 100%;
}

.map-section iframe {
  width: 100%;
  height: 350px;
}

.Slider-Bottom {
  width: 100%;
  display: inline-block;
  padding: 50px 90px;
}

.item-caption {
  width: 100%;
  text-align: center;
  padding: 15px 0px;
  height: 40px;
}

.item-caption h2 {
  font-size: 11px;
  font-weight: 400;
  font-style: normal;
  color: #000;
  transition: color 0.2s ease-in-out;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.feature .owl-theme .owl-dots {
  display: none;
}

.SectionFooter {
  margin: 80px 0;
  text-align: center;
}

.hero_section .carousel-indicators {
  left: auto;
}

.hero_section .carousel-control-prev,
.hero_section .carousel-control-next {
  display: none;
}

.Button--primary {
  color: #fff;
  border-color: #000;
  background-color: #000;
  text-align: center;
  font-size: 11px;
  padding: 14px 28px;
  outline: none;
  border: 1px solid #000;
}

.Link-Button {
  color: #000;
  border-color: #fff;
  background-color: #fff;
  text-align: center;
  font-size: 11px;
  padding: 14px 28px;
  outline: none;
  border: 1px solid transparent;
}

.Link-Button:hover {
  color: #fff;
  background-color: #000;
  border: 1px solid #000;
}

.serv-img1 {
  height: 500px;
}

.SectionHeader {
  display: flex;
  flex-direction: column;
}

.paddda {
  position: absolute;
  padding: 0px 50px;
  bottom: 20%;
  text-align: center;
  width: 100%;
}

.paddda h2 {
  font-size: 21px;
  color: #fff;
  margin-bottom: 84px;
}

.serv-img1 img {
  height: 100%;
}

.Button--primary:hover {
  color: #000;
  background-color: transparent;
  border: 1px solid #000;
}

.serv-img1 {
  background-image: url(../images/a8.jpg);
}

.serv-img2 {
  background-image: url(../images/a2.jpg);
}

.serv-img4 {
  background-image: url(../images/a3.jpg);
}

.serv-img5 {
  background-image: url(../images/a9.jpg);
}

.serv-img6 {
  background-image: url(../images/g19.jpg);
}

.serv-img3 {
  background-image: url(../images/a6.jpg);
}

.serv-img22 {
  width: 100%;
  height: 500px;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  overflow: hidden;
  margin: 10px 0px;
}

.about-content h5 {
  font-size: 20px;
  color: #000;
  font-weight: 700;
  margin-bottom: 15px;
  line-height: 36px;
}

.about-content p {
  font-size: 15px;
  color: #fff;
  font-weight: 400;
  line-height: 30px;
}

.about2 .about-content p {
  color: #000;
  text-align: justify;
}

.about2 .about-content {
  padding: 50px;
}

.about-content {
  padding: 0px 50px;
}

.about-content-text {
  padding-left: 2rem;
  width: 57%;
  padding-right: 50px;
}

.about-us .main-heading {
  margin-bottom: 70px;
  color: #fff;
}

.mission-text {
  background: #fff;
  padding: 50px;
}

.mission-text h5 {
  font-size: 36px;
  color: #2f3b4c;
  font-weight: 700;
}

.mission-text p {
  font-size: 14px;
  color: #515e70;
  font-weight: 400;
  line-height: 30px;
}

.mission-text {
  width: 62%;
}

.mission-text p a {
  font-size: 14px;
  color: #f58f19;
  font-weight: 400;
}

.mission-content {
  display: flex;
  align-items: center;
}

.mission-figure img {
  width: 100%;
}

.mission-vision {
  display: flex;
  align-items: center;
}

.navbar {
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 6px !important;
}

.container {
  padding: 0px !important;
}

.about-content img {
  border-radius: 5px !important;
}

.about_line {
  width: 25px !important;
  height: 2px !important;
}

.top_Wrapper {
  width: 100%;
  display: inline-block;
  background-color: #000;
}

.top_Wrapper .top-right-anchor {
  font-weight: 700;
  font-style: normal;
  transition: color 0.2s ease-in-out;
  letter-spacing: 0.06em;
  font-size: 14px;
  margin: 0 10px;
  /* margin-top: 10px; */
  float: right;
  line-height: 30px;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  font-size: 13px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 700;
  font-family: "Roboto";
  list-style: none;
  display: flex;
}

.top_Wrapper .top-right-anchor li a {
  color: #fff;
  margin: 0px 20px;
  padding-bottom: 10px;
  font-size: 14px;
}

.top_Wrapper .top-right-anchor li a:hover {
  color: #058791;
}

.top_Wrapper .top-right-anchor li a:last-child {
  margin-right: 0px !important;
}

.top_Wrapper a:hover {
  color: #058791;
}

.top-social img {
  /* justify-content: start; */
  display: inline-block;
  width: 25px !important;
}

.top-social i {
  color: #fff !important;
  margin-top: 5px;
  font-size: 25px;
  /* line-height: 30px; */
}

.top-social .list__icons li a img {
  width: 40px;
}

.top-social .list__icons li a {
  padding: 0;
  margin: 0;
}

.top_btn {
  width: 100px;
  border-radius: 30px;
  text-align: center !important;
  height: 40px;
}

/*Zoom Out*/
/***** Bubba *****/
/*---------------*/
.serv-img22 {
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

.fadeout:hover .serv-img22 {
  opacity: 0.5;
}

.paddda::before,
.paddda::after {
  position: absolute;
  top: 30px;
  right: 49px;
  bottom: 30px;
  left: 19px;
  content: "";
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}

.paddda::before {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}

.paddda::after {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
}

.paddda h2 {
  padding-top: 30%;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -30px, 0);
}

.paddda a {
  padding: 20px 2.5em;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}

.serv-img22:hover .paddda::before,
.serv-img22:hover .paddda::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.serv-img22:hover h2,
.serv-img22:hover .paddda a {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@media (min-width: 768px) and (max-width: 991px) {
  .slider-content h2 {
    font-size: 36px;
  }

  .video_wrapper {
    height: auto !important;
  }

  .box-circle {
    left: 36%;
  }

  .mrg_top_res {
    margin-top: 20px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .navbar-toggler {
    background-color: #fff;
    border: none !important;
    outline: none !important;
  }

  .carousel {
    min-height: auto !important;
  }

  .hero_section {
    min-height: auto !important;
  }

  .nav-wrapper-one a {
    color: #fff;
    padding: 0.5rem 1.5rem !important;
    border-bottom: solid 1px #333;
    padding-left: 5px !important;
    font-weight: bold;
    position: relative;
  }

  .navbar-nav {
    background-color: #000;
    width: 100%;
    z-index: 999999;
  }

  .slider-content h2 {
    font-size: 36px;
  }

  .video_wrapper {
    height: auto !important;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .navbar-toggler {
    background-color: #fff;
    border: none !important;
    outline: none !important;
  }

  .nav-wrapper-one a {
    color: #fff;
    padding: 0.5rem 1.5rem !important;
    border-bottom: solid 1px #333;
    padding-left: 5px !important;
  }

  .navbar-nav {
    background-color: #000;
    width: 100%;
    z-index: 999999;
  }

  .logo {
    width: 66px;
    height: 50px;
  }

  .slider-content h2 {
    font-size: 36px;
  }

  .video_wrapper {
    height: auto !important;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media only screen and (max-width: 991px) {

  .slider-content,
  .about-content,
  .mission-content {
    flex-wrap: wrap;
  }

  .slider-figure img {
    width: 100%;
  }

  .slider-figure {
    margin-top: 20px;
  }

  .about-content img {
    width: 100%;
  }

  .about-content {
    padding: 0;
    flex-direction: column-reverse;
  }

  .about-us {
    background-size: cover;
  }

  .about-content-text {
    padding: 20px 0px;
  }

  .mission-content {
    padding: 20px 0px;
    justify-content: center;
  }

  .mission-text {
    width: 100%;
  }
}

/*  */
.bg--gray {
  background-color: #5f5f5f;
  padding-bottom: 50px;
}

.heading__four {
  font-size: 36px;
  font-family: "OpenSans-Bold";
  color: #ffffff;
  text-transform: uppercase;
  padding: 50px 0px;
}

.crd_title-cutm {
  color: #2f3b4c;
  font-size: 24px;
  font-family: "OpenSans-Bold";
  text-align: center;
}

.crd__text-wrapper {
  font-size: 14px;
  text-align: center;
  color: #2f3b4c;
  font-family: "OpenSans-Regular";
}

.crd-body--wrapper {
  padding: 25px 10px;
}

.crd__wrapper--inner {
  border: none !important;
  /* filter: drop-shadow(0 0 9px rgba(182,196,223,0.75)); */
  background-color: #ffffff;
  /* border-radius: 0px !important; */
}

.list__icons {
  display: flex;
  padding: 0px;
  justify-content: center;
  align-items: center;
  align-self: center;
  list-style-type: none;
  /* margin: 20px 0px; */
  margin-bottom: 0px !important;
}

.list__icons li {
  margin-right: 20px;
}

.bg__footer {
  /* background-image: url(../images/footerbanner.png); */
  background-color: rgba(0 0 0.1);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 3rem 0;
}

.flex--inner-content {
  display: flex;
  align-items: center;
  align-self: center;
  justify-content: center;
  background-color: #fff;
  padding: 14px;
  padding-top: 25px;
  padding-bottom: 25px;
}

.flex__green {
  /* background-color: #43b484; */
  background-color: #b75f26;
}

.label-white {
  color: #fff;
}

.icon--wrapper {
  margin-right: 10px;
}

.icon--wrapper i {
  font-size: 30px;
  color: #43b484;
}

.label__two {
  font-size: 24px;
  text-transform: capitalize;
  margin-bottom: 0px;
}

.label--five {
  font-size: 15px;
  color: #7a7a7a;
  margin: 0px;
}

.top_Wrapper p a {
  color: #fff;
}

.label--five a {
  text-decoration: none;
  color: #fff;
}

.footer-txt-wrapper {
  font-size: 14px;

  color: #fff;
  margin-top: 20px;
}

.footer__links-wrappr {
  font-size: 24px;

  color: #fff;
}

.footer__nav {
  padding: 0px;
  list-style-type: none;
  margin-top: 20px;
}

.footer__nav li {
  margin-bottom: 10px;
}

.footer__nav li a {
  display: block;
  font-size: 14px;
  line-height: 36px;
  color: #ffffff;
  font-weight: 400;
  width: 100%;
  color: #fff;
}

.footer__nav li a:hover {
  color: #000;
}

.mt-top-20 {
  margin-top: 30px;
  /* align-items: baseline; */
}

.margin-wrapper-top {
  margin-top: 40px;
}

.footer-sub-heading {
  font-size: 14px;

  color: #fff;
  margin-top: 20px;
}

.footer-wrapper {
  padding: 15px 0;
  background-color: #2a1303;
}

.footer-wrapper p {
  font-size: 14px;

  color: #fff;
}

.footer-wrapper a {
  color: #fff;
}

.btn__submit {
  border-radius: 0px;
  font-size: 16px;
  padding: 10px 25px;
  color: #ffffff;
  font-weight: 700;

  background-color: #f59119;
}

.input__email {
  border-radius: 0px;
  height: 46px;
}

.input__email::placeholder {
  font-size: 14px;
}

.footer--flex-content {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  margin-top: 30px;
}

.top-social {
  display: flex;
}

.top-social .widget_media_image {
  margin-right: 20px;
}

.top-social figure {
  margin-bottom: 0;
}

.top-social .list__icons li {
  display: inline-block;
  padding-right: 0px !important;
  margin-right: 0px !important;
}

.top-social .list__icons li a {
  padding-right: 0px !important;
  margin-right: 0px !important;
  font-size: 18px;
}

.social__banner {
  /* background-image: url('../images/social-banner.jpg'); */
  background-color: #e7e7e7;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 35px 0px;
}

.heading__wrapper {
  color: #fff;
  font-size: 36px;
  line-height: 48px;
}

.heading__wrapper-label {
  color: #fff;
  font-size: 14px;
  line-height: 30px;
}

.bg__wrapper2 {
  background-image: url("../images/banner4.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 4rem 0;
}

.video_wrapper {
  width: 100%;
  margin: 0 auto;
  position: relative;
  background-color: #000;
  height: 430px;
}

.video_wrapper_full {
  padding-top: 315px;
}

.videoIframe {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.videoPoster {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: url(../images/bg-video.png);
  background-size: 100%;
  border: none;
  text-indent: -999em;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: opacity 800ms, height 0s;
  -moz-transition: opacity 800ms, height 0s;
  transition: opacity 800ms, height 0s;
  -webkit-transition-delay: 0s, 0s;
  -moz-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
}

.videoPoster:hover {
  cursor: pointer;
}

.videoPoster:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
  border: 5px solid #f59119;
  border-radius: 100%;
  -webkit-transition: border-color 300ms;
  -moz-transition: border-color 300ms;
  transition: border-color 300ms;
}

.ml-wrapper-two {
  margin-left: 20px;
}

.align__center {
  justify-content: center;
  align-items: center;
}

@media (max-width: 1199px) {
  .video_wrapper {
    max-width: 420px;
  }

  #demo121 .carousel-inner {
    height: 500px;
    overflow: hidden;
  }

  .about-left,
  .about-content-text {
    width: 100%;
    text-align: left !important;
    padding: 40px;
  }
}

@media (max-width: 767px) {
  .navbar-toggler {
    background-color: #fff;
    border: none !important;
    outline: none !important;
  }

  .nav-wrapper-one a {
    color: #fff;
    padding: 0.5rem 1.5rem !important;
    border-bottom: solid 1px #333;
    padding-left: 5px !important;
    width: 100%;
    border-radius: 0px;
  }

  .navbar-nav {
    background-color: #000;
    width: 100%;
    z-index: 999999;
  }

  .nav-wrapper-one a:hover {
    background-color: #fff;
    border-bottom: 1px solid #d69c54;
    text-decoration: none;
  }

  .box-inner {
    margin-bottom: 50px;
  }

  .main-heading::before {
    display: none;
  }

  .main-heading {
    font-size: 28px;
  }

  .about-us {
    padding: 50px 0px 50px;
  }

  .about-us .main-heading {
    margin-bottom: 30px;
  }

  .get-now {
    font-size: 20px;
  }

  .contact_us {
    padding: 40px 0px 0px;
  }

  .bg__footer {
    padding: 40px 0px 40px;
  }

  .margin-wrapper-top {
    margin-top: 30px;
    text-align: center;
  }

  .nav-wrapper-one a {
    text-align: center;
  }

  .text__center-main {
    text-align: center !important;
  }

  .ml-wrapper-two {
    margin-top: 40px;
  }

  #demo121 .carousel-inner .carousel-caption {
    top: 15%;
  }

  #demo121 .carousel-inner .carousel-caption h3 {
    font-size: 40px;
  }

  .serv-img22 {
    height: 300px;
  }

  .about-left,
  .about-content-text {
    width: 100%;
    text-align: left !important;
    padding: 30px;
  }
}

@media (max-width: 575px) {

  .feature .main-heading,
  .Slider-Bottom .main-heading {
    margin-bottom: 25px;
  }

  .feature,
  .about-us,
  .Slider-Bottom {
    padding: 15px;
  }

  .about-left,
  .about-content-text {
    padding: 0;
  }

  .mt-top-20 {
    margin-top: 0;
  }

  /* .list__icons{
    flex-direction: column;
    flex-wrap: wrap;
  } */
  .video_wrapper {
    max-width: 285px;
  }

  .ml-wrapper-two {
    margin-top: 40px;
  }

  .heading__four {
    font-size: 25px;
  }

  .crd__wrapper--inner {
    margin-bottom: 30px;
  }

  .list__icons li {
    max-width: 40px;
  }

  .flex--inner-content {
    margin-bottom: 30px;
  }

  .mt-top-20 img {
    max-width: 300px;
    margin: auto;
  }

  .text__center-main {
    text-align: center !important;
  }
}

/* hero section styling start  */
.hero_section {
  height: 200px;
}

.hero {
  height: 100%;
}
.carousel-item img {
  height: 100%;
}
.carousel-caption {
  top: 10% !important;
  left: 7% !important;
  text-align: left !important;
  right: 7% !important;
}

.carousel-caption .right_img .hero_around {
  width: 100%;
  height: 150px;
  border: 10px solid #058791;
  border-radius: 0%;
}
.carousel-caption .right_img .hero_around img{
  border-radius:0%;
}

.carousel-caption h1 {
  margin-top: 0px;
  text-align: left !important;
  font-size: 30px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
}

.carousel-caption p {
  font-size: 16px;
  font-weight: 300;
  font-family: "Roboto", sans-serif;
}

.carousel-caption #shop_now_btn {
  border-radius: 30px;
  height: 45px;
  width: 210px;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  background-color: #058791 !important;
  border: none !important;
  display: flex;
  align-items: center !important;
  justify-content: center;
  font-family: "Roboto", sans-serif;
}

.carousel-caption #shop_now_btn:hover {
  background-color: #fff !important;
  color: #058791;
}

.carousel-indicators {
  left: 0 !important;
  margin-top: 500px !important;
}

.hero_color_heading {
  color: #d69c54;
}

/* About section styling  */

#about {
  padding: 50px 0px;
  background-color: #e1f5f8;
}

#about img {
  border: 10px solid #d69c54;
  border-radius: 10px;
}

.heading_color {
  color: #01889d;
  font-weight: lighter;
}

#about p {
  text-align: justify;
  font-size: 16px;
  color: #636363;
  font-family: "Roboto", sans-serif;
  margin-top: 20px;
}

/* our tag section styling  start   */

#our_tag {
  padding: 25px 0px;
  font-family: Roboto, sans-serif;
}

#our_tag h2 {
  font-size: 36px;
  text-transform: uppercase;
  color: #000000;
}

#our_tag .content {
  text-align: center;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #000;
  font-size: 14px;
  padding-bottom: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  height: 100%;
}

#our_tag .content p {
  color: #636363;
  display: none;
}

#our_tag .our-tag-parent  {
 padding: 0px 20px;
}

#our_tag .content img {
  margin-bottom: 10px;
}

#our_tag .content h3 {
  font-size: 24px;
  font-weight: bold;
  font-family: Roboto, sans-serif;
}

#our_tag .content .btn {
  border-radius: 20px;
  background-color: #058791;
  border: none;
  font-size: 14px;
  padding: 10px;
  padding-left: 30px;
  padding-right: 30px;
  font-family: "Roboto", sans-serif;
  border: solid 1px #058791; 
  margin-top: 25px;
}

#our_tag .content .btn:hover {
  border-radius: 20px;
  background-color: #fff;
  color: #058791;
  font-family: "Roboto", sans-serif;
  border: solid 1px #058791;
}

/* packages styling start here  */
#packages {
  padding: 50px 0px;
  background-image: url("../images/bg_section_3.jpg");
}

#packages .content {
  background-color: #fff;
  height: 100%;
}

#packages .content .header {
  padding: 10px;
  background-color: #d69c54;
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
}

#packages .content .inner_content {
  padding: 10px;
  height: 100%;
}

#packages .content .inner_content ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 20px;
}

#packages .content .inner_content ul li {
  margin: 10px 0px;
  font-weight: bold;
}

#packages .content .inner_content ul li a {
  margin: 10px 0px;
  font-weight: bold;
  font-weight: 600;
  color: #636363;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
}

#packages .content .inner_content ul li a:hover {
  color: #41a7b8;
}

#packages .content .inner_content .list {
  display: flex;
  align-items: center;
}

#packages .content .inner_content ul li i {
  background-color: #41a7b8;
  border-radius: 50%;
  margin-right: 5px;
  color: #fff;
  font-size: 18px;
}

#packages .content .inner_content .list i {
  padding: 5px;
  background-color: #40739e;
  border-radius: 30px;
  margin-right: 10px;
  color: #fff;
}

#packages .content .inner_content .list p {
  margin-top: 15px;
  /* font-weight: bold; */
  font-size: 16px;
}

/* what_we_do styling start  */
#what_we_do {
  padding: 50px 0px;
  background-image: url("../images/what-do-bg.png");
  border-bottom: 3px solid #01889d;
  background-size: cover;
}

#what_we_do .right_image {
  border: 10px solid #11959d;
  width: 100%;
  border-radius: 10px;
  height: 370px !important;
}

#what_we_do h3 {
  font-size: 36px;
}

#what_we_do .heading_color {
  color: #11959d;
}

#what_we_do p {
  font-family: "Roboto", sans-serif;
}

.what_do_color {
  color: #d69c54 !important;
}

.social_images {
  text-align: center;
  padding: 25px 0px;
}

/* Footer styling Start  */

footer {
  background-image: url("../images/footer_bg.jpg");
  padding: 50px 0px 30px 0px;
  color: #fff;
}

footer .footer_logo {
  width: 80%;
}

footer p {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  color: #fff;
}

footer a {
  color: #fff;
}

footer h3 {
  color: #d69c54;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  margin: 0 !important;
  padding: 0 !important;
}

footer .content p {
  font-size: 13px;
}

footer .footer_menu {
  padding-left: 60px;
}

footer .footer_menu .menu {
  display: flex;
  flex-direction: column;
  font-family: "Roboto", sans-serif;
}

footer .footer_menu .menu a {
  text-decoration: none;
  color: #fff;
  margin-bottom: 20px;
  font-size: 13px;
  font-family: "Roboto", sans-serif;
}

footer .footer_menu .menu a:hover {
  color: #058791;
}

footer .footer_menu .menu a b {
  font-family: "Roboto", sans-serif;
}

.copy_right {
  background-color: #000;
  color: #fff;
  margin: 0;
  font-family: "Roboto", sans-serif;
}

.copy_right p {
  margin-top: 20px;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
}

/* Footer styling End  */

.search_btn i {
  font-size: 30px;
  margin-top: 5px;
  font-weight: bold;
}

.search_btn_slide {
  background-color: #058791 !important;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* The overlay effect with black background */
.overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0,
      0,
      0,
      0.9);
  /* Black with a little bit see-through */
}

/* The content */
.overlay-content {
  position: relative;
  top: 46%;
  width: 80%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
}

/* Close button */
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  cursor: pointer;
  color: white;
}

.overlay .closebtn:hover {
  color: #ccc;
}

/* Style the search field */
.overlay input[type="text"] {
  padding: 15px;
  font-size: 17px;
  border: none;
  float: left;
  width: 80%;
  background: white;
}

.overlay input[type="text"]:hover {
  background: #f1f1f1;
}

/* Style the submit button */
.overlay button {
  float: left;
  width: 20%;
  padding: 15px;
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.overlay button:hover {
  background: #bbb;
}

.hero_section {
  background-image: url("../images/slider_bandder.jpg");
  background-size: 95% 100%;
  min-height: 200px !important;
  overflow: hidden;
  /* background-size: cover; */
}

@media (min-width: 992px) and (max-width: 1199px) {
  .nav-wrapper-one a {
    color: #000;
    padding: 6px 10px 10px !important;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
  }

  #packages .content .header {
    font-size: 20px;
  }

  .carousel-caption h1 {
    margin-top: 0px;

    font-size: 50px;
  }

  .carousel-caption p {
    font-size: 20px;
  }

  .carousel-caption #shop_now_btn {
    width: 220px;
  }

  .carousel-caption .right_img .hero_around {
    width: 100% !important;
 
  }

  #packages .content .inner_content ul li a {
    font-size: 14px;
  }

  footer .footer_menu {
    padding: 0px 20px;
  }

  .top_btn {
    width: 87px;
    border-radius: 30px;
    text-align: center !important;
    height: 30px;
    line-height: 18px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .nav-wrapper-one a {
    color: #000;
    padding: 6px 5px 10px !important;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
    font-family: "Roboto", sans-serif;
  }

  .carousel-caption h1 {
    margin-top: 0px;

    font-size: 20px;
  }

  .carousel-caption p {
    font-size: 15px;
  }


    .carousel-caption #shop_now_btn {
      border-radius: 30px;
      height: 38px;
      width: 210px;
      font-size: 17px;
      text-transform: uppercase;
      font-weight: bold;
      background-color: #058791 !important;
      border: none !important;
      display: flex;
      align-items: center !important;
      justify-content: center;
      font-family: "Roboto", sans-serif;
    }

  .carousel-caption #shop_now_btn {
    width: 196px;
  }

  .carousel-caption .right_img .hero_around {
    width: 350px;
    height: 350px;
  }

  .col-md-4.col-sm-6.right_img {
    position: absolute;
    right: 0;
    top: 12%;
  }

  #packages .content .inner_content ul li a {
    /*font-size: 11px;*/
  }

  footer .footer_menu {
    padding: 0px 20px;
  }

  .top_btn {
    width: 62px;
    border-radius: 30px;
    text-align: center !important;
    height: 30px;
    line-height: 18px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .slider_banded_img {
    width: 100%;
    height: 400px;
  }

  .carousel-caption h1 {
    margin-top: 20px;
    font-size: 20px;
  }

  .hero_section .carousel-caption h1 {
    font-size: 16px;
  }

  .hero_section .carousel-indicators {
    bottom: -22px !important;
  }

  .hero_section {
    height: 180px;
    min-height: 180px !important;
  }

  .carousel-caption p {
    font-size: 13px;
  }

  .carousel-caption #shop_now_btn {
    width: 165px;
    font-size: 20px;
  }

  .carousel-caption .right_img .hero_around {
    width: 100%;
    height: 100%;
    border: 10px solid #058791;
    border-radius: 0%;
  }

  .carousel-caption {
    top: 0% !important;
    left: 2% !important;
    text-align: left !important;
    right: 2% !important;
  }

  .carousel-caption .right_img .hero_around {
    /*    width: 250px;
    margin: auto;*/
    /*    height: 250px;
    border: 10px solid #fff;
    border-radius: 50%;
    margin-top: 10px;
    text-align: center;
    float: inherit !important;*/
    margin-top: -35px;
  }

  #demo121 .carousel-inner {
    height: 357px;
    overflow: hidden;
  }

  .mrg_top_res {
    margin-top: 20px !important;
  }

  #our_tag .content {
    margin-bottom: 20px;
  }

  footer .footer_menu {
    padding: 0px 0px;
  }

  .copy_right p {
    margin-top: 0px;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
  }

  .top_Wrapper a {
    line-height: normal;
  }

  #navbarSupportedContent {
    margin-top: 20px;
  }

  .search_btn {
    text-align: center;
  }

  .top_Wrapper {
    padding-top: 10px;
  }
}

@media (min-width: 320px) and (max-width: 575px) {
  .order-resp1 {
    order: 1;
  }

  .hero_section {
    height: auto;
    min-height: auto !important;
  }

  .carousel-caption .right_img .hero_around {
    margin-top: 46px !important;
    margin-bottom: 41px !important;
  }

  .carousel-caption #shop_now_btn {
    width: 160px;
    font-size: 18px;
  }

  .order-resp2 {
    order: 2;
  }

  .top_Wrapper {
    padding-top: 10px;
  }

  .search_btn {
    display: block;
    text-align: center;
  }

  .slider_banded_img {
    width: 100%;
    height: 400px;
  }

  #navbarSupportedContent {
    margin-top: 20px;
  }

  .top_Wrapper a {
    line-height: 15px;
  }

  .copy_right p {
    margin-top: 0px;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
  }

  .top_Wrapper {
    padding-bottom: 10px;
  }

  footer .footer_menu {
    padding: 0px 0px;
  }

  .mrg_top_res {
    margin-top: 20px !important;
  }

  #our_tag .content {
    margin-bottom: 20px;
  }

  .carousel-caption h1 {
    margin-top: 20px;
    font-size: 15px;
  }

  .carousel-caption p {
    font-size: 13px;
  }

  .carousel-caption .right_img .hero_around {
    width: 100%;
    height: 100%;
    border: 10px solid #fff;
    border-radius: 50%;
  }

  .carousel-caption {
    top: 0% !important;
    left: 2% !important;
    text-align: left !important;
    right: 2% !important;
  }

  .carousel-caption .right_img .hero_around {
    width: 100%;
    margin: auto;
    height: 250px;
    border: 10px solid #058791;
    border-radius: 0%;
    margin-top: 10px;
    text-align: center;
    float: inherit !important;
  }

  #demo121 .carousel-inner {
    height: 554px;
    overflow: hidden;
  }

  .nav-wrapper-one a {
    width: 100%;
    border-radius: 0px;
  }

  #about p {
    text-align: left;
  }
}

.hero_section .carousel-indicators li {
  width: 20px;
  height: 7px !important;
  background-clip: unset;
  border-radius: 10px !important;
  border-bottom: 0px !important;
  margin-top: 10px !important;
  border-top: 0px !important;
  margin-bottom: 170px;
}

.nav-wrapper-one a {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  position: relative;
}

.nav-wrapper-one a::before {
  content: "";
  position: absolute;
  width: 0px;
  height: 2px;
  left: 0;
  bottom: 0px;
  background-color: #008097;
  transition: 0.5s linear all;
}

.nav-wrapper-one a:hover::before {
  width: 100%;
}

.nav-wrapper-one .nav-link::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 0px;
  background-color: #008097;
  transition: 0.5s linear all;
}

.nav-wrapper-one .nav-link:hover::before {
  width: 100%;
}

/* .nav-wrapper-one .current-menu-item a {
  color: #008097;
} */

.nav-wrapper-one .current-menu-item a::before {
  width: 100%;
}

html {
  font-family: "Roboto", sans-serif;
}

body {
  font-family: "Roboto", sans-serif;
}

.footer_logo img {
  height: auto;
  width: 160px;
  text-align: center;
  margin-bottom: 16px;

}

.top_menu_container {
  display: flex;
  justify-content: space-between;
  height: 35px;
}

.top_menu_container .top-right-anchor li {
  list-style: none !important;
}

/* about page style start  */

.about_bread_crumb {
  background-color: #f7eb61;
  width: 100%;
  min-height: 86px !important;
  /* min-height: 167px; */
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  font-weight: bolder;
  background-size: cover;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 10px 0px;
}

.about_bread_crumb h2 {
  font-family: "Roboto", sans-serif !important;
  font-size: 30px;
  line-height: 40px;
  color: #000000;
  font-weight: bold !important;
}
.about_bread_crumb p {
  margin-bottom: 0;
}

.about_bread_crumb .social-dist-text {
  font-size: 26px;
}
.breadcrumb_light {
  font-weight: 500;
}

.about a {
  width: 137px;
  height: 51px !important;
  border-radius: 25px;
  background-color: #007f97;
  line-height: 35px;
  outline: none;
  border: none;
}

.about a:hover {
  background: transparent;
  border: 2px solid #007f97;
  color: #007f97;
}

.about {
  background-color: #e3edf1 !important;
  padding: 50px 0px;
}

.about img {
  border: 10px solid #d59b54;
  width: 100%;
  border-radius: 10px;
  height: 350px;
  background-size: cover;
}

.about h2 {
  font-size: 36px;
  /* line-height: 77px; */
  color: #000000;
  font-weight: 900;
  font-family: "Roboto";
  text-transform: uppercase;
  /* margin-bottom: 1000px !important; */
}

.about h2 .color_change {
  color: #11959d;
  font-weight: 700 !important;
}

.about p {
  font-size: 16px;
  color: #292929;
  font-weight: 400;
  font-family: "Roboto";
  margin-top: 20px;
}

.about .second_para {
  margin-top: 30px;
  margin-bottom: 40px;
}

.about_what_we_do {
  padding: 50px 0px;
  border-bottom: 2px solid #11959d;
  background-color: #fff;
  background-size: cover;
  height: 100%;
  margin-top: 20px;
}

.about_what_we_do img {
  border: 10px solid #11959d;
  width: 100%;
  border-radius: 10px;
  height: 350px;
  background-size: cover;
}

.about_what_we_do h3 {
  font-size: 36px;
  /* line-height: 77px; */
  color: #000000;
  font-weight: 900;
  font-family: "Roboto";
}

/* about page style End  */

/* Software search section */

.Software_search_section {
  padding: 40px 0px;
    padding-bottom: 0px;
}

.Software_search_section .btns_left .left_btn {
  width: 195px !important;
  height: 49px !important;
  border-radius: 24px !important;
  background-color: #008097 !important;
  line-height: 35px;
  outline: none !important;
  border: none !important;
  font-size: 18px;
  /* line-height: 72px; */
  color: #ffffff;
  font-weight: 700;
  font-family: "Roboto";
  transition: 0.5s linear all;
}

.Software_search_section .btns_left .left_btn:hover {
  background-color: rgba(0, 128, 151, 0) !important;
  border: 2px solid #008097 !important;
  color: #008097;
}

.Software_search_section .btns_left .right_btn {
  width: 295px;
  height: 48px;
  border-radius: 24px;
  background-color: rgba(0, 128, 151, 0);
  border: 2px solid #008097;
  font-size: 18px;
  line-height: 35px;
  color: #008097;
  font-weight: 700;
  font-family: "Roboto";
  text-transform: uppercase;
  transition: 0.5s linear all;
}

.Software_search_section .btns_left .right_btn:hover {
  border-radius: 24px !important;
  background-color: #008097 !important;
  color: #ffffff;
}

.Software_search_section {
  position: relative;
}

.Software_search_section .search_right input {
  border-radius: 30px;
  outline: none;
  border: 1px solid grey;
  height: 30px;
  padding: 0px 10px;
}

.Software_search_section .search_right i {
  position: absolute;
  right: 5%;
  top: 20%;
  font-size: 20px;
}

.logo_section .content {
  padding: 20px 0px;
  text-align: center;
  border: 1px solid grey;
  height: 100%;
  box-shadow: 1px 1px 1px grey, -1px -1px 1px gray;
}

.logo_section .content img {
  height: 100px;
  width: 190px;
}

.logo_section .parent_content {
  margin-bottom: 30px;
}

.parent_content .content .img_responsive {
  padding: 0px !important;
}

.our-tag-parent .content .img_responsive {
  padding: 0px 18px !important;
}

.top_Wrapper .top-right-anchor li a:hover {
  border-bottom: 3px solid #f7eb61 !important;
  color: #ffff;
}
.top-right-anchor .current-menu-item a
{
  border-bottom: 3px solid #f7eb61 !important;
}

.logo_section .content h5 {
  font-size: 16px;
  /* line-height: 23px; */
  color: #008097;
  font-weight: 700;
  font-family: "Roboto";
  text-align: center;
  text-transform: uppercase;
  margin-top: 30px;
}

.logo_section .two_line_para_box h5 {
  margin-top: 10px;
}

.logo_section .content p {
  margin: 0px;
  padding: 0px;
}

.logo_section .view_btn {
  width: 195px;
  height: 49px;
  line-height: 35px;
  border-radius: 24px;
  background-color: #008097;
  outline: none !important;
  border: none !important;
  transition: 0.5s linear all;
}

.logo_section .view_btn:hover {
  background: transparent !important;
  border: 2px solid #008097 !important;
  color: #008097;
}

/* contact us page styling   start*/

.contact_us_section .left_sight_contact {
  width: 100%;
  background-image: url("../images/contact_bg.png");
  background-size: 100% 100%;
}

.contact_us_section .left_sight_contact .content {
  padding: 50px 0px;
  padding-left: 10px;
}

.contact_us_section .left_sight_contact .content h2 {
  font-size: 18px;
  /* line-height: 31px; */
  color: #d69c54;
  font-weight: 700;
  font-family: "Roboto";
  text-transform: uppercase;
}

.contact_us_section .left_sight_contact .content p {
  font-size: 14px;
  color: #ffffff;
}

.contact_us_section .contact_form {
  background-color: #eaeaeb;
}

.contact_us_section .contact_form input {
  width: 100%;
  border: none;
  outline: none;
  border-bottom: 2px solid #070707;
  padding: 10px 0px;
  background: transparent;
}

.contact_us_section .contact_form .content {
  padding: 50px 0px;
  padding-left: 20px;
  padding-right: 20px;
}

.contact_us_section .contact_form .content h2 {
  text-align: center;
  font-size: 36px;
  /* line-height: 77px; */
  color: #000000;
  font-weight: 900;
  font-family: "Roboto";
  margin-bottom: 40px;
}

.contact_us_section .contact_form .content h2 .color_change {
  color: #008e96;
}

.contact_us_section .contact_form .content button {
  width: 137px;
  height: 51px;
  border-radius: 25px;
  background-color: #007f97 !important;
  border: none;
  outline: none;
  font-size: 15px;
  /* line-height: 72px; */
  color: #ffffff !important;
  font-weight: 700;
  font-family: "Roboto";
  margin-top: 30px;
  transition: 0.5s linear all;
}

.contact_us_section .contact_form .content button:hover {
  background: transparent !important;
  border: 2px solid #007f97 !important;
  color: #007f97 !important;
}

.contact_us_map {
  padding: 30px 0px;
  background-color: #008097;
}

.contact_us_map iframe {
  border-radius: 20px;
}

/* contact us page styling   End*/
.support_content .content {
  width: 266px;
height: 78px;
background-color: #008097;
display: flex;
align-items: center;
justify-content: center;
}
.support_content .bar_trader{
  width: 460px;
}
.support_content .main_box {
  width: 321px;
}
.support_content .support_bottom_login .support_search_bottom {
  width: 530px ;
}
@media (max-width:600px) {

  .support_content .bar_trader {
      width:90% !important;
      max-width: 90% !important;
    }
        .support_content .support_bottom_login .support_search_bottom {
          width: 100%  !important;
        }
}

.support_content .content p{
  font-size: 14px;
/* line-height: 27px; */
color: #ffffff;
font-weight: 500;
font-family: "Roboto";
text-align: center;
}
.support_content .third_content p{
  font-size: 11px;
  line-height: 15px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Roboto";
  text-align: center;
}

.support_content .second_row{
  margin-top: 50px;
  display: flex;
  justify-content: center;
}
.support_content .second_row .fifth_box{
  display: flex;
  justify-content: center;
}
.support_content .first_box{
  /* display: flex;
  flex-direction: column; */
  /* align-items: center; */
}
.support_content .second_box{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.support_content   .main_box{
  width: 321px;
}
.support_content .third_box  {
  display: flex;
  justify-content: end;
}
.support_content h5{
  /* margin-bottom: 30px; */
  font-size: 20px;
/* line-height: 27px; */
color: #ffffff;
font-weight: 500;
font-family: "Roboto";
}
.support_content .support_bottom_login{
  margin-top: 40px;
}
.support_content .support_bottom_login h3{
  font-size: 25px;
/* line-height: 27px; */
color: #000000;
font-weight: 500;
font-family: "Roboto";
text-align: center;
}

.support_content .support_bottom_login p{
  font-size: 16px;
}

.support_content .content{
  width: 100%;
}
.support_content .content a{
    display: block;
      width: 100%;
      height: 100%;
}
.support_content .content h2{
line-height: 77px;
}

.support_content .support_bottom_login .support_search_bottom{
  margin: 20px 0px 30px 0px;
  display: flex;
  justify-content: center;
  /* align-items: center; */
  background-color: #008097;
  padding: 2px;
  border-radius: 30px;
  /* width: 84%; */
  margin: 0px auto;
  margin-bottom: 20px;
}
.support_content .support_bottom_login .support_search_bottom input{
  width: 80%;
  border-radius: 30px ;
  outline: none;
  border: none;
  height: 50px;
  padding: 0px 15px;
  /* margin-left: 0px; */
}
.support_content .support_bottom_login .support_search_bottom button{
  width: 30%;
  font-size: 23px;
color: #ffffff;
font-weight: 500;
font-family: "Roboto";
margin-top: 5px;
background: transparent !important;
border: none !important;
outline: none;

}

.support_search_section {
  margin: 20px 0px;
}

.support_search_section .search_right {
  position: relative;
}

.support_search_section i {
  position: absolute;
  right: 0.8%;
  top: 30%;
}

.support_search_section input {
  border-radius: 30px;
  outline: non;
  border: none;
  border: 1px solid grey;
  padding-left: 10px;
}

.support_privacy {
  padding: 45px 0px;
  background-color: #008097;
  margin-top: 25px;
  color: #fff;
}
.support_privacy ol li {
  margin: 10px 0px;
  padding-left: 10px;
  font-size: 14px;
}

.support_privacy .order_list li{
  margin: 0px;
}
.support_privacy .content {
  width: 64%;
}

.support_privacy .check_content {
  display: flex;
}

.support_privacy  p{
  font-size: 14px;
  color: #ffffff;
  font-family: "Roboto";
  margin: 0px;
}
.bottom_ol p{
  font-size: 12px;
}
.bottom_ol p sup {
  top: -0.3em;
    font-size: 12px;
}

.support_privacy .check_content i {
  margin-right: 10px;
  margin-top: 5px;
}
.support_privacy .check_content b{
  margin-right: 10px;
}
.support_privacy h4 ,h2{
  font-size: 16px;
/* line-height: 27px; */
color: #ffffff;
font-weight: 500;
font-family: "Roboto";
margin-bottom: 0px;
}

/* Support page styling  start  */

/* Support page styling  End  */
/* software-affiliates page styel start here  */
.software-affiliates-banner .software-affiliates-hed {
  color: #000;
}
.software-affiliates-banner {
  color: #000;
  background-color: #ebec9d;
  background-image: none !important;
}
.software-affiliates-content {
  width: 100%;
  display: inline-block;
}
.affilates-tabs-links {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
.affilates-tabs-links li {
  display: inline-block;
  margin-right: 13px;
}
.affilates-tabs-links li a {
  background-color: #fff;
  border:2px solid #008097;
  text-align: center;
  color: #008097;
  transition: all 0.3s;
  padding: 13px 23px;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 40px;
}
.affilates-tabs-links li .active {
  background-color: #008097;
  border:2px solid #008097;
  color: #fff;
}
.affilates-tabs-links li:first-child a {
  width: 195px;
  height: 50px;
  display: inline-block;
}
.affilitates-srch {
  height: 33px;
}
.affiliates-logoes-main {
  width: 100%;
  display: inline-block;
  padding-top: 40px;
}
.affilit-log-inner-box {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-direction: column;
  padding: 20px 15px 10px;
  min-height: 155px;
  width: 100%;
  background-color: #fff;
  height: 155px;
  filter: drop-shadow(0 0 8px rgba(0,0,0,0.13));
  background-color: #ffffff;
  border: 1px solid #d0d0d0;
  margin-bottom: 25px;
}
.affilit-log-inner-box img {
  height: 75px;
}
.affilit-log-inner-box a {
  /* margin-top: 22px; */
  font-size: 16px;
  line-height: 23px;
  color: #008097;
  font-weight: 700;
  text-align: center;
  display: block;
  margin-bottom: 5px;
  padding-top: 4px;
}
.affilit-log-inner-box p{
  font-size: 14px;
  line-height: 23px;
  color: #000000;
  text-align: center;
  margin-bottom: 0;
}
.affilit-log-inner-box p:nth-child(2){
  text-transform: uppercase;
}
/* search tag  */
.software-affilitaes-main .jewelry_search {
  position: relative;
}
.software-affilitaes-main .jewelry_search input {
  width: 220px;
  border-radius: 30px;
  border: 1px solid #d9d9d9;
  padding: 5px 15px;
}
.software-affilitaes-main .jewelry_search i {
  position: absolute;
  right: 4%;
  top: 25%;
}
.software-affilitaes-main .jewelry_search input:focus {
  border: 1px solid #11959d !important;
  outline: none !important;
}
.affiliate-view-more {
  width: 195px;
  height: 49px;
  border-radius: 24px;
  background-color: #008097;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  margin-top: 10px;
  text-transform: uppercase;
  font-size: 18px;
  line-height:49px;
  font-weight: 700;
  transition: all 0.3s;
  border: 2px solid #008097;
}
.affiliate-view-more:hover {
  background-color: #fff;
  color: #008097;
}
.software-affilitaes-main {
  padding-bottom: 38px;
}
@media (max-width: 770px) and (min-width:768px){  .Software_search_section .search_right i {
    position: absolute;
    right: 17%;
    top: 60%;
    font-size: 20px;
  }  
}
/* software-affiliates page styel end here  */
/* Media Query  */

/* .jewelry_list  page styling start  */
.jewelry_list {
  background-color:#dedada;
  padding: 30px 0;
}

.jewelry_list .content {
  padding: 10px;
  background-color: #fff;
}

.jewelry_list .text_content {
  padding-left: 30px;
  text-transform: uppercase;
}

.jewelry_list p {
  font-size: 12px;
  color: #2f2f2f;
  font-weight: 900;
  font-family: "Roboto";
  /* background-color: #007f97; */
  margin-bottom: 0px;
}

.jewelry_list .qty {
  margin: 20px 0px 10px 0px;
}

.jewelry_list .qty input {
  width: 40px;
  height: 30px;
  border-color: #bebebe;
  outline: none;
  border: none;
  border: 2px solid #bebebe;
  margin-left: 85px;
}

.jewelry_list .qty span {
  font-weight: 900;
}

.jewelry_list .bottom_section {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.jewelry_list .img_content img {
  /* height: 100%; */
  height: 177px;
  width: 265px;
}

.jewelry_list .bottom_section .btn {
  width: 137px;
  height: 51px;
  border-radius: 25px;
  background-color: #007f97;
  border: none;
  outline: none;
  line-height: 40px;
}

.jewelry_list .bottom_section .btn:hover {
  background: transparent;
  border: 2px solid #007f97;
  color: #007f97;
}

.jewelry_list .bottom_section {
  font-size: 20px;
  font-weight: 900;
  font-family: "Roboto";
}

.jewelry_list .bottom_section .color_change {
  color: #0a8f97;
  font-size: 20px;
  font-weight: 900;
  font-family: "Roboto";
}

.jewelry_list_pagination .page-item {
  margin: 0px 10px;
}

.jewelry_list_pagination .page-link {
  background: transparent;
  border: none;
  color: #758190;
  outline: none;
}

.jewelry_list_pagination .page-link:hover {
  background-color: #008097;
  color: #fff;
  border-radius: 5px;
}

.jewelry_list_pagination .page-link.active {
  background-color: #008097;
  color: #fff;
  border-radius: 5px;
}

.jewelry_list .page-item:first-child .page-link {
  margin-left: 0px;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  padding-top: 5px;
}

.jewelry_list .page-item:last-child .page-link {
  margin-left: 0px;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  padding-top: 5px;
}

/* .jewelry_list  page styling end  */

/* cart_items styling start  */

.online_shopping_search i {
  position: absolute;
  right: 5.8%;
  top: 30%;
}

.cart_items .qty {
  display: flex;
}

.cart_items .qty input {
  width: 40px;
  border: none;
  border-color: grey;
  outline: none;
  height: 40px;
  border: 1px solid rgb(199, 196, 196);
  text-align: center;
  color: grey;
}

.cart_items .qty button {
  width: 40px;
  border: none;
  border-color: grey;
  outline: none;
  height: 40px;
  background: transparent;
  color: grey;
}

.cart_items .qty .plus {
  border-top: 1px solid rgb(199, 196, 196);
  border-right: 1px solid rgb(199, 196, 196);
  border-bottom: 1px solid rgb(199, 196, 196);
}

.cart_items .qty .minus {
  border-top: 1px solid rgb(199, 196, 196);
  border-left: 1px solid rgb(199, 196, 196);
  border-bottom: 1px solid rgb(199, 196, 196);
}

.cart_items .bx-x-circle {
  color: grey;
  font-size: 20px;
}

.cart_items .price {
  font-size: 16px;
  /* line-height: 77px; */
  color: #105965;
  font-weight: 600;
  font-family: "Roboto";
  text-align: center;
}

.product_price_total {
  font-size: 16px !important;
  /* line-height: 77px; */
  color: #105965 !important;
  font-weight: 600;
  font-family: "Roboto";
}

.cart_items table th {
  font-size: 16px;
  /* line-height: 77px; */
  color: #000000;
  font-weight: 500;
  font-family: "Roboto";
  text-transform: uppercase;
}

.cart_items table td {
  font-size: 16px;
  /* line-height: 26px; */
  color: #000000;
  font-weight: 400;
  font-family: "Roboto";
}

.cart_items .description {
  font-size: 16px;
  /* line-height: 26px; */
  color: #000000;
  font-weight: 400;
  font-family: "Roboto";
}

.update_cart_btn {
  width: 137px;
  height: 38px;
  border-radius: 19px;
  background-color: #008097;
  outline: none !important;
  border: none;
  text-align: center;
  transition: 0.5s linear all;
  font-size: 14px;
  /* line-height: 55px; */
  color: #ffffff;
  font-weight: 700;
  font-family: "Roboto";
}

.update_cart_btn:hover {
  background: transparent;
  border: 2px solid #008097;
  color: #008097;
}

.total_cart .header {
  background-color: #f7f7f7;
  padding: 10px 0px;
}

.total_cart .header h3 {
  font-size: 16px !important;
  /* line-height: 72px; */
  color: #000000;
  font-weight: 500;
  font-family: "Roboto";
  text-transform: uppercase;
  /* line-height: 30px; */
  margin-bottom: 0px;
}

.total_cart .order_total {
  display: flex;
  width: 52%;
  /* background-color: #007f97; */
  justify-content: space-between;
  padding: 10px 30px;
  /* border-bottom: 1px solid grey; */
}

.total_cart .order_total .total_cart_price {
  color: #008097;
}

.total_cart .total_weight {
  display: flex;
  padding: 10px 30px;
}

.total_cart .total_cart_btn .btn {
  width: 237px;
  height: 38px;
  border-radius: 19px;
  background-color: #008097;
  outline: none;
  border: none;
  transition: 0.5s linear all;
  font-size: 16px;
  /* line-height: 55px; */
  color: #ffffff;
  font-weight: 700;
  font-family: "Roboto";
}

.total_cart .total_cart_btn {
  padding: 10px 30px;
}

.total_cart .total_cart_btn .btn:hover {
  background: transparent;
  border: 2px solid #008097;
  color: #008097;
}

.online_shopping_search .parent {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.shopping_cart_head {
  text-transform: uppercase;
  font-size: 24px;
  color: #000000;
  font-weight: 900;
  font-family: "Roboto";
}

.shopping_cart_head .color_change {
  color: #008097;
}

.proceed_btn {
  margin-left: 30px;
}

/* cart_items styling End  */
.line_parent{
  width: 100%;
  margin: 25px 0px 24px 0px;
}
.horizental_line_support{
  height: 1px;
  background-color: #fff;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 20px;
  min-width: 300px;
  width: 680px;
  text-align: center;
  margin: 0px auto;
}

@media (max-width: 1326px) and (min-width: 991px) {
  .about p {
    font-size: 14px;
    color: #292929;
    font-weight: 400;
    font-family: "Roboto";
    margin-top: 20px;
  }

  .about .second_para {
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .Software_search_section .search_right i {
    position: absolute;
    right: 5%;
    top: 15%;
    font-size: 20px;
  }

  .support_content .content p {
    font-size: 14px;
    /* line-height: 27px; */
    color: #ffffff;
    font-weight: 500;
    font-family: "Roboto";
    text-align: center;
}

.support_content .content {
  width: auto;
  height: 74px;
  background-color: #008097;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.support_content .third_content p {
  font-size: 12px !important;
}
  .jewelry_list .img_content img {
    height: 100%;
    width: 237px;
  }

  .jewelry_list p {
    font-size: 13px;
    color: #2f2f2f;
    font-weight: 900;
    font-family: "Roboto";
    /* background-color: #007f97; */
    margin-bottom: 0px;
  }

  .jewelry_list .qty span {
    font-weight: 900;
    font-size: 15px;
  }

  .jewelry_list b,
  strong {
    font-weight: bolder;
    font-size: 15px;
  }

  .total_cart .total_cart_btn .btn {
    width: 186px;
    height: 33px;
    border-radius: 19px;
    background-color: #008097;
    outline: none;
    border: none;
    transition: 0.5s linear all;
    font-size: 13px;
    /* line-height: 55px; */
    color: #ffffff;
    font-weight: 700;
    font-family: "Roboto";
  }

  .proceed_btn {
    margin-left: 20px;
  }
}

@media (max-width: 1158px) {
  .jewelry_list .img_content img {
    height: 100%;
    width: 197px;
  }
}

@media (max-width: 990px) and (min-width: 769px) {
  .about p {
    font-size: 13px;
    color: #292929;
    font-weight: 400;
    font-family: "Roboto";
    margin-top: 20px;
  }

  .about .second_para {
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .Software_search_section .search_right i {
    position: absolute;
    right: 7%;
    top: 15%;
    font-size: 20px;
  }

  .Software_search_section .btns_left .right_btn {
    width: 195px;
    height: 48px;
    border-radius: 24px;
    background-color: rgba(0, 128, 151, 0);
    border: 2px solid #008097;
    font-size: 12px;
    line-height: 35px;
    color: #008097;
    font-weight: 700;
    font-family: "Roboto";
    text-transform: uppercase;
    transition: 0.5s linear all;
  }

  .Software_search_section .btns_left .left_btn {
    width: 150px !important;
    height: 49px !important;
    border-radius: 24px !important;
    background-color: #008097 !important;
    line-height: 35px;
    outline: none !important;
    border: none !important;
    font-size: 12px;
    /* line-height: 72px; */
    color: #ffffff;
    font-weight: 700;
    font-family: "Roboto";
    transition: 0.5s linear all;
  }

  .support_content .content p {
    font-size: 14px;
    /* line-height: 27px; */
    color: #ffffff;
    font-weight: 500;
    font-family: "Roboto";
    text-align: center;
}

.support_content .content {
  width: auto;
  height: 74px;
  background-color: #008097;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.support_content .content h2{
  font-size: 16px;
}
.support_content .third_content p {
  font-size: 10px !important;
}

  .jewelry_list .img_content img {
    height: 100%;
    width: 260px;
  }

  .cart_items .description {
    font-size: 12px;
    /* line-height: 26px; */
    color: #000000;
    font-weight: 400;
    font-family: "Roboto";
  }

  .cart_items table td {
    font-size: 12px;
    /* line-height: 26px; */
    color: #000000;
    font-weight: 400;
    font-family: "Roboto";
  }

  .cart_items .bx-x-circle {
    color: grey;
    font-size: 15px;
  }

  .product_price_total {
    font-size: 13px !important;
    /* line-height: 77px; */
    color: #105965 !important;
    font-weight: bold !important;
    font-family: "Roboto";
  }

  .cart_items .qty button {
    width: 30px;
    border: none;
    border-color: grey;
    outline: none;
    height: 30px;
    background: transparent;
    color: grey;
  }

  .cart_items .qty input {
    width: 30px;
    border: none;
    border-color: grey;
    outline: none;
    height: 30px;
    border: 1px solid rgb(199, 196, 196);
    text-align: center;
    color: grey;
  }

  .cart_items .price {
    font-size: 12px;
    /* line-height: 77px; */
    color: #105965;
    font-weight: 600;
    font-family: "Roboto";
    text-align: center;
  }

  .cart_items table th {
    font-size: 12px;
    /* line-height: 77px; */
    color: #000000;
    font-weight: 500;
    font-family: "Roboto";
    text-transform: uppercase;
    padding: 5px;
  }
}

@media (max-width: 767px) {
 
  .about p {
    font-size: 13px;
    color: #292929;
    font-weight: 400;
    font-family: "Roboto";
    margin-top: 20px;
  }

  .about .second_para {
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .about h2 {
    font-size: 25px;
    /* line-height: 77px; */
    color: #000000;
    font-weight: 900;
    font-family: "Roboto";
    text-transform: uppercase;
    margin-top: 30px;
    /* margin-bottom: 1000px !important; */
  }

  .Software_search_section .search_right {
    text-align: center !important;
    margin-top: 30px;
    /* margin: 0px auto !important; */
  }

  .Software_search_section .search_right i {
    position: absolute;
    right: 35%;
    top: 60%;
    font-size: 20px;
  }

  .Software_search_section .btns_left {
    text-align: center;
  }

  .Software_search_section .btns_left .right_btn {
    width: 195px;
    height: 48px;
    border-radius: 24px;
    background-color: rgba(0, 128, 151, 0);
    border: 2px solid #008097;
    font-size: 12px;
    line-height: 35px;
    color: #008097;
    font-weight: 700;
    font-family: "Roboto";
    text-transform: uppercase;
    transition: 0.5s linear all;
  }

  .Software_search_section .btns_left .left_btn {
    width: 150px !important;
    height: 49px !important;
    border-radius: 24px !important;
    background-color: #008097 !important;
    line-height: 35px;
    outline: none !important;
    border: none !important;
    font-size: 12px;
    /* line-height: 72px; */
    color: #ffffff;
    font-weight: 700;
    font-family: "Roboto";
    transition: 0.5s linear all;
  }

  .support_content .main_box {
    width: 321px;
    justify-content: center;
    margin: 0px auto;
}
.support_content .content {
  width: 100%;
  height: 74px;
  background-color: #008097;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
}
.support_content .main_box {
  width: 100%;
  justify-content: center;
  margin: 0px auto;
}
.support_content .fourth_box{
  margin-left: 0px !important;
}

.support_content h5 {
  margin: 20px;
}

.support_content .second_row {
  margin-top: 0px;
  display: flex;
  justify-content: center;
}


  .jewelry_list .bottom_section .btn {
    width: 119px;
    height: 41px;
    border-radius: 25px;
    background-color: #007f97;
    border: none;
    outline: none;
    line-height: 32px;
  }

  .cart_items table th {
    font-size: 10px;
    /* line-height: 77px; */
    color: #000000;
    font-weight: 500;
    font-family: "Roboto";
    text-transform: uppercase;
  }

  .cart_items .bx-x-circle {
    color: grey;
    font-size: 13px;
  }

  .cart_items table td {
    font-size: 12px;
    /* line-height: 26px; */
    color: #000000;
    font-weight: 400;
    font-family: "Roboto";
  }

  .total_cart .total_cart_btn .btn {
    width: 172px;
    height: 31px;
    border-radius: 19px;
    background-color: #008097;
    outline: none;
    border: none;
    transition: 0.5s linear all;
    font-size: 13px;
    /* line-height: 55px; */
    color: #ffffff;
    font-weight: 700;
    font-family: "Roboto";
  }

  .cart_items .description {
    font-size: 11px;
    /* line-height: 26px; */
    color: #000000;
    font-weight: 400;
    font-family: "Roboto";
  }

  .product_price_total {
    font-size: 13px !important;
    /* line-height: 77px; */
    color: #105965 !important;
    font-weight: bold !important;
    font-family: "Roboto";
  }

  .cart_items .qty button {
    width: 23px;
    border: none;
    border-color: grey;
    outline: none;
    height: 23px;
    background: transparent;
    color: grey;
  }

  .cart_items .qty input {
    width: 23px;
    border: none;
    border-color: grey;
    outline: none;
    height: 23px;
    border: 1px solid rgb(199, 196, 196);
    text-align: center;
    color: grey;
  }

  .cart_items .price {
    font-size: 13px;
    /* line-height: 77px; */
    color: #105965;
    font-weight: 600;
    font-family: "Roboto";
    text-align: center;
  }

  .total_cart .order_total {
    display: flex;
    width: 100%;
    /* background-color: #007f97; */
    justify-content: space-between;
    padding: 10px 30px;
    /* border-bottom: 1px solid grey; */
  }

  .total_cart {
    margin-top: 22px;
  }

  .total_cart .total_cart_btn .btn {
    width: 160px;
    height: 28px;
    border-radius: 18px;
    background-color: #008097;
    outline: none;
    border: none;
    transition: 0.5s linear all;
    font-size: 11px;
    /* line-height: 55px; */
    color: #ffffff;
    font-weight: 700;
    font-family: "Roboto";
  }

  .online_shopping_search .parent {
    display: flex;
    align-items: center;
    flex-direction: column;
    /* justify-content: space-between; */
    justify-content: center;
  }

  .support_privacy .content {
    width: 100%;
  }
}

@media (max-width: 437px) {
  .proceed_btn {
    margin-left: 0px;
    margin-top: 15px;
  }
}

@media (max-width: 400px) {
  .Software_search_section .search_right i {
    position: absolute;
    right: 30%;
    top: 60%;
    font-size: 20px;
  }

  .Software_search_section .btns_left .right_btn {
    width: 160px;
    height: 30px;
    border-radius: 24px;
    background-color: rgba(0, 128, 151, 0);
    border: 2px solid #008097;
    font-size: 10px;
    line-height: 15px;
    color: #008097;
    font-weight: 700;
    font-family: "Roboto";
    text-transform: uppercase;
    transition: 0.5s linear all;
  }

  .Software_search_section .btns_left .left_btn {
    width: 100px !important;
    height: 30px !important;
    border-radius: 24px !important;
    background-color: #008097 !important;
    line-height: 20px;
    outline: none !important;
    border: none !important;
    font-size: 10px;
    /* line-height: 72px; */
    color: #ffffff;
    font-weight: 700;
    font-family: "Roboto";
    transition: 0.5s linear all;
  }

  .page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    padding: 5px;
  }

  .jewelry_list_pagination .page-item {
    margin: 0px 1px;
  }
}

@media (max-width: 990px) {
  .nav-wrapper-one a {
    font-size: 11px;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
  }
}

@media (max-width: 900px) {
  .footer_menu {
    margin-left: 0 !important;
  }
}

@media (max-width: 800px) {
  .nav-wrapper-one a {
    font-size: 10px;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
  }
}

@media (min-width: 576px) and (max-width: 1400px) {
  .container {
    width: 96%;
    max-width: 96%;
  }

  .carousel-caption {
    top: 3% !important;
    left: 0% !important;
    text-align: left !important;
    right: 0% !important;
  }
}

@media (max-width: 760px) {
  .hero_section {
    /*height: 500px;*/
  }

  .top-social {
    display: inline-block;
    width: 100%;
    text-align: center;
  }

  .top-right-anchor {
    font-size: 9px !important;
  }

  .copy_right p {
    text-align: center !important;
    margin-bottom: 2px;
  }

  .logo {
    width: auto;
    height: auto;
  }

  .margin_secreen {
    margin-right: 30px !important;
    /* text-align: center !important; */
  }

  .hero_around {
    height: auto !important;
    width: auto !important;
  }

  .carousel-caption .right_img .hero_around {
    margin-top: -18px;
  }

  #shop_now_btn {
    height: 50px !important;
  }

  .hero_section .carousel-indicators li {
    width: 36px;
    height: 10px !important;
    background-clip: unset;
    border-radius: 10px !important;
    border-bottom: 0px !important;
    margin-top: 10px !important;
    border-top: 0px !important;
    margin-bottom: 20px !important;
  }

  #our_tag .parent_content {
    margin-bottom: 20px !important;
  }

  #our_tag h2 {
    font-size: 30px;
  }
}

@media (max-width: 380px) {
  .top-right-anchor {
    font-size: 8px !important;
  }

  .top_Wrapper .top-right-anchor {
    margin: 0 5px;
  }

  /*.hero_section {
    height: 550px;
  }
*/
  .hero_section .carousel-indicators li {
    width: 36px;
    height: 10px !important;
    background-clip: unset;
    border-radius: 10px !important;
    border-bottom: 0px !important;
    margin-top: 10px !important;
    border-top: 0px !important;
    margin-bottom: 20px !important;
  }
}

@media (min-width: 740px) and (max-width: 990px) {
  .hero_section {
    height: 180px !important;
    min-height: 180px !important;
  }

 

  .hero_section .carousel-indicators li {
    width: 36px;
    height: 10px !important;
    background-clip: unset;
    border-radius: 10px !important;
    border-bottom: 0px !important;
    margin-top: 10px !important;
    border-top: 0px !important;
    /* margin-bottom: -20px !important; */
  }

  .hero_around {
    height: auto !important;
    width: auto !important;
  }

  #our_tag h3 {
    font-size: 17px !important;
  }
}

@media (max-width: 320px) {
  #our_tag h2 {
    font-size: 25px;
    margin-bottom: 20px !important;
  }

  #our_tag {
    padding: 30px 0px;
  }
}

@media (min-width: 600px) and (max-width: 730px) {
  .hero_section {
    /*height: 300px;*/
  }
}

@media (min-width: 300px) and (max-width: 370px) {
  /*.hero_section {
    height: 500px;
  }*/
}

@media (min-width: 990px) and (max-width: 1205px) {
  .hero_section {
    height: 180px;
    min-height: 180px !important;
  }

 

  .hero_section h1 {
    font-size: 25px;
  }

  .hero_section .hero_around {
    height: auto !important;
    width: auto !important;
  }
}

@media (max-width: 764px) {
  .footer_logo {
    text-align: left !important;
  }
}

@media (max-width: 762px) {
  /*  .hero_section .hero_around {
    height: 240px !important;
    width: 240px !important;
  }*/
}

@media (min-width: 578px) and (max-width: 598px) {
  .hero_section {
    height: 165px;
  }
}

@media (max-width: 576px) {
  .jewelry_list .text_content {
    padding-left: 15px;
    text-transform: uppercase;
  }
}

@media (min-width: 768px) and (max-width: 770px) {
  .hero_section .carousel-indicators {
    bottom: 195px;
  }
}

@media (min-width: 760px) and (max-width: 770px) {
  .hero_section .carousel-indicators li {
    width: 36px;
    height: 10px !important;
    background-clip: unset;
    border-radius: 10px !important;
    border-bottom: 0px !important;
    /* margin-top: 990px !important; */
    /* border-top: 0px !important; */
    margin-bottom: 15px !important;
  }

  .hero_section .hero_around {
    /*    height: 240px !important;
    width: 240px !important;*/
  }

  #shop_now_btn {
    height: 30px;
  }
}

@media (max-width: 316px) {
  .hero_section {
    height: 760px !important;
  }

  .hero_section .hero_around {
    height: 240px !important;
    width: 240px !important;
    margin-top: 30px !important;
  }
}

@media (max-width: 320px) {

  /* .hero_section {
    height: 800px !important;
  }*/
  .hero_section .hero_around {
    height: 240px !important;
    width: 240px !important;
    margin-top: 30px !important;
  }
}

@media (min-width: 1921px) and (max-width: 5000px) {
  .top-social i {
    color: #fff !important;
    margin-top: 5px;
    font-size: 40px;
    /* line-height: 30px; */
  }

  .top_Wrapper .top-right-anchor {
    font-weight: 700;
    font-style: normal;
    transition: color 0.2s ease-in-out;
    letter-spacing: 0.06em;
    font-size: 14px;
    margin: 0 10px;
    margin-top: 10px;
    float: right;
    line-height: 30px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 700;
    margin-top: 10px !important;
    font-family: "Roboto";
  }

  .nav-wrapper-one a {
    font-size: 17px;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
  }

  .about_bread_crumb h2 {
    font-size: 40px;
    /* line-height: 72px; */
    color: #000000;
    font-weight: 900;
    font-family: "Roboto";
  }

  .support_search_section input {
    border-radius: 30px;
    outline: non;
    border: none;
    border: 2px solid grey;
  }

.support_content h5 {
  margin-bottom: 30px;
  font-size: 25px;
}

.support_content .content {
  width: 321px;
  height: 150px;
  background-color: #008097;
  display: flex;
  justify-content: center;
  align-items: center;
}
.support_content .third_content p {
  font-size: 18px;
  /* line-height: 20px; */
  color: #ffffff;
  font-weight: 500;
  font-family: "Roboto";
  /* text-align: center; */
  margin-top: 10px;
}

.support_content .content p {
  font-size: 23px;
  /* line-height: 27px; */
  color: #ffffff;
  font-weight: 500;
  font-family: "Roboto";
  text-align: center;
}

.support_content .support_bottom_login h3 {
  font-size: 35px;
  /* line-height: 27px; */
  color: #000000;
  font-weight: 500;
  font-family: "Roboto";
  text-align: center;
}

.support_content .support_bottom_login p {
  font-size: 22px;
}

  .support_privacy h4,
  h2 {
    font-size: 30px;
    /* line-height: 27px; */
    color: #ffffff;
    font-weight: 500;
    font-family: "Roboto";
  }

  .support_privacy p {
    font-size: 20px;
    line-height: 27px;
    color: #ffffff;
    /* font-weight: 500; */
    font-family: "Roboto";
  }

  .support_privacy .check_content i {
    margin-right: 10px;
    margin-top: 5px;
    font-size: 25px;
  }

  .support_privacy .check_content b {
    margin-right: 10px;
    font-size: 25px;
  }

  .about_what_we_do h3 {
    font-size: 40px;
    /* line-height: 77px; */
    color: #000000;
    font-weight: 900;
    font-family: "Roboto";
  }

  .about_what_we_do p {
    font-size: 22px;
  }

  .about p {
    font-size: 24px;
    color: #292929;
    font-weight: 400;
    font-family: "Roboto";
    margin-top: 25px;
  }

  .about a {
    width: 137px;
    height: 51px !important;
    border-radius: 25px;
    background-color: #007f97;
    line-height: 35px;
    outline: none;
    border: none;
    font-size: 22px;
  }

  .about img {
    border: 10px solid #d59b54;
    width: 100%;
    border-radius: 10px;
    height: 400px;
    background-size: cover;
  }

  footer p {
    font-size: 20px;
    font-family: "Roboto", sans-serif;
    color: #fff;
  }

  footer .content p {
    font-size: 18px;
  }

  footer .footer_menu .menu a {
    text-decoration: none;
    color: #fff;
    margin-bottom: 20px;
    font-size: 20px;
    font-family: "Roboto", sans-serif;
  }

  .copy_right p {
    margin-top: 12px;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
  }

  .contact_us_section .left_sight_contact .content h2 {
    font-size: 28px;
    /* line-height: 31px; */
    color: #d69c54;
    font-weight: 700;
    font-family: "Roboto";
    text-transform: uppercase;
  }

  .contact_us_section .left_sight_contact .content p {
    font-size: 25px;
    color: #ffffff;
  }

  .contact_us_section .contact_form .content h2 {
    text-align: center;
    font-size: 53px;
    /* line-height: 77px; */
    color: #000000;
    font-weight: 900;
    font-family: "Roboto";
    margin-bottom: 40px;
  }

  .contact_us_section .contact_form input {
    width: 100%;
    border: none;
    outline: none;
    border-bottom: 2px solid #070707;
    padding: 10px 0px;
    background: transparent;
    font-size: 26px;
  }

  .contact_us_section .contact_form .content button {
    width: 160px;
    height: 65px;
    border-radius: 25px;
    background-color: #007f97;
    border: none;
    outline: none;
    font-size: 27px;
    /* line-height: 72px; */
    color: #ffffff;
    font-weight: 700;
    font-family: "Roboto";
    margin-top: 30px;
    transition: 0.5s linear all;
  }

  #our_tag .content p {
    color: #636363;
    font-size: 22px;
  }

  #our_tag .content .btn {
    border-radius: 20px;
    background-color: #058791;
    border: none;
    font-size: 25px;
    padding: 10px;
    padding-left: 30px;
    padding-right: 30px;
    font-family: "Roboto", sans-serif;
    border: solid 1px #058791;
  }

  #packages .content .inner_content ul li a {
    margin: 10px 0px;
    font-weight: bold;
    font-weight: 600;
    color: #636363;
    font-family: "Roboto", sans-serif;
    font-size: 17px;
  }

  #what_we_do h3 {
    font-size: 40px;
  }

  #what_we_do p {
    font-family: "Roboto", sans-serif;
    font-size: 22px;
  }

  .Software_search_section .btns_left .left_btn {
    width: 195px !important;
    height: 49px !important;
    border-radius: 24px !important;
    background-color: #008097 !important;
    line-height: 35px;
    outline: none !important;
    border: none !important;
    font-size: 26px;
    /* line-height: 72px; */
    color: #ffffff;
    font-weight: 700;
    font-family: "Roboto";
    transition: 0.5s linear all;
  }

  .Software_search_section .btns_left .right_btn {
    width: 295px;
    height: 48px;
    border-radius: 24px;
    background-color: rgba(0, 128, 151, 0);
    border: 2px solid #008097;
    font-size: 20px;
    line-height: 35px;
    color: #008097;
    font-weight: 700;
    font-family: "Roboto";
    text-transform: uppercase;
    transition: 0.5s linear all;
  }

  .logo_section .content h5 {
    font-size: 19px;
    /* line-height: 23px; */
    color: #008097;
    font-weight: 700;
    font-family: "Roboto";
    text-align: center;
    text-transform: uppercase;
    margin-top: 30px;
  }

  .logo_section .content p {
    margin: 0px;
    padding: 0px;
    font-size: 19px;
  }

  .logo_section .view_btn {
    width: 195px;
    height: 49px;
    line-height: 35px;
    border-radius: 24px;
    background-color: #008097;
    outline: none !important;
    border: none !important;
    transition: 0.5s linear all;
    font-size: 27px;
  }

  .cart_items table th {
    font-size: 22px;
    /* line-height: 77px; */
    color: #000000;
    font-weight: 500;
    font-family: "Roboto";
    text-transform: uppercase;
  }

  .cart_items .description {
    font-size: 19px;
    /* line-height: 26px; */
    color: #000000;
    font-weight: 400;
    font-family: "Roboto";
  }

  .cart_items table td {
    font-size: 20px;
    /* line-height: 26px; */
    color: #000000;
    font-weight: 400;
    font-family: "Roboto";
  }

  .product_price_total {
    font-size: 22px !important;
    /* line-height: 77px; */
    color: #105965 !important;
    font-weight: 600;
    font-family: "Roboto";
  }

  .cart_items .qty input {
    width: 50px;
    border: none;
    border-color: grey;
    outline: none;
    height: 50px;
    border: 1px solid rgb(199, 196, 196);
    text-align: center;
    color: grey;
  }

  .cart_items .qty button {
    width: 50px;
    border: none;
    border-color: grey;
    outline: none;
    height: 50px;
    background: transparent;
    color: grey;
  }

  .cart_items .price {
    font-size: 23px;
    /* line-height: 77px; */
    color: #105965;
    font-weight: 600;
    font-family: "Roboto";
    text-align: center;
  }

  .update_cart_btn {
    width: 129px;
    height: 38px;
    border-radius: 19px;
    background-color: #008097;
    outline: none !important;
    border: none;
    text-align: center;
    transition: 0.5s linear all;
    font-size: 16px;
    /* line-height: 55px; */
    color: #ffffff;
    font-weight: 700;
    font-family: "Roboto";
  }

  .total_cart .header h3 {
    font-size: 23px !important;
    /* line-height: 72px; */
    color: #000000;
    font-weight: 500;
    font-family: "Roboto";
    text-transform: uppercase;
    /* line-height: 30px; */
    margin-bottom: 0px;
  }

  .order_total p {
    font-size: 22px;
  }

  .order_total .total_cart_price {
    font-size: 22px;
  }

  .total_cart .total_weight p {
    font-size: 22px !important;
  }

  .total_cart .total_cart_btn .btn {
    width: 227px;
    height: 45px;
    border-radius: 19px;
    background-color: #008097;
    outline: none;
    border: none;
    transition: 0.5s linear all;
    font-size: 17px;
    /* line-height: 55px; */
    color: #ffffff;
    font-weight: 700;
    font-family: "Roboto";
    line-height: 30px;
  }
}

@media (max-width: 1920px) and (min-width: 1400px) {
  .total_cart .total_cart_btn .btn {
    width: 228px;
    height: 47px;
    border-radius: 19px;
    background-color: #008097;
    outline: none;
    border: none;
    transition: 0.5s linear all;
    font-size: 18px;
    line-height: 36px;
    color: #ffffff;
    font-weight: 700;
    font-family: "Roboto";
  }

  .cart_items table th {
    font-size: 22px;
    /* line-height: 77px; */
    color: #000000;
    font-weight: 500;
    font-family: "Roboto";
    text-transform: uppercase;
  }

  .cart_items .description {
    font-size: 19px;
    /* line-height: 26px; */
    color: #000000;
    font-weight: 400;
    font-family: "Roboto";
  }

  .cart_items table td {
    font-size: 20px;
    /* line-height: 26px; */
    color: #000000;
    font-weight: 400;
    font-family: "Roboto";
  }

  .product_price_total {
    font-size: 22px !important;
    /* line-height: 77px; */
    color: #105965 !important;
    font-weight: 600;
    font-family: "Roboto";
  }

  .cart_items .qty input {
    width: 50px;
    border: none;
    border-color: grey;
    outline: none;
    height: 50px;
    border: 1px solid rgb(199, 196, 196);
    text-align: center;
    color: grey;
  }

  .cart_items .qty button {
    width: 50px;
    border: none;
    border-color: grey;
    outline: none;
    height: 50px;
    background: transparent;
    color: grey;
  }

  .cart_items .price {
    font-size: 23px;
    /* line-height: 77px; */
    color: #105965;
    font-weight: 600;
    font-family: "Roboto";
    text-align: center;
  }

  .update_cart_btn {
    width: 129px;
    height: 38px;
    border-radius: 19px;
    background-color: #008097;
    outline: none !important;
    border: none;
    text-align: center;
    transition: 0.5s linear all;
    font-size: 16px;
    /* line-height: 55px; */
    color: #ffffff;
    font-weight: 700;
    font-family: "Roboto";
  }

  .total_cart .header h3 {
    font-size: 23px !important;
    /* line-height: 72px; */
    color: #000000;
    font-weight: 500;
    font-family: "Roboto";
    text-transform: uppercase;
    /* line-height: 30px; */
    margin-bottom: 0px;
  }

  .order_total p {
    font-size: 22px;
  }

  .order_total .total_cart_price {
    font-size: 22px;
  }

  .total_cart .total_weight p {
    font-size: 22px !important;
  }
    .support_content .content {
    width: auto !important;
  }
}


@media screen and (max-width: 767px) {

  /* .wpforms-field-row-block {
    width: 100%;
  }
  .wpforms-field-row.wpforms-field-medium {
    flex-wrap: wrap;
  } */
  .top_menu_container {
    flex-wrap: wrap;
    justify-content: center;
  }

  .top_Wrapper .top-right-anchor {
    margin: 0;
    padding: 0;
    float: none;
    text-align: center;
    width: 100%;
    justify-content: center;
  }

  .nav-wrapper-one a,
  .nav-wrapper-one li:last-child a {
    display: inline-block;
    padding: 0.5rem 1rem !important;
  }
}

.social_images .widget_media_image {
  display: inline-block;
  margin: 0px 15px;
}
.social_images .widget_media_image .wp-block-image img{
  vertical-align: middle;
}

.widget-title.heading-size-3,
.widget-content h2 {
  color: #d69c54;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1.75rem;
  list-style: none;
  padding-left: 0;
}

footer .footer_menu .menu {
  list-style: none;
}

footer .content p {
  margin-top: 5px;
  margin-bottom: 0px;
}

footer .footer_menu .menu {
  margin-top: 1rem;
}

footer .footer_menu .menu {
  padding-left: 0;
}

footer .footer_menu .menu a {
  display: block;
}

/*404 page style start*/
.error-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: montserrat, sans-serif;
  background-color: #ededed;
  padding-bottom: 50px;
}

.big-text {
  font-size: 200px;
  font-weight: 900;
  font-family: sans-serif;
  background: url(https://cdn.pixabay.com/photo/2018/05/30/15/39/thunderstorm-3441687_960_720.jpg) no-repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

.small-text {
  font-size: 33px;
  text-transform: uppercase;
  color: #000000;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Roboto";
  margin: 20px 0px;
}

.error-container p {
  color: #292929;
  font-weight: 400;
  font-family: "Roboto";
}

.error-container .form-group {
  display: flex;
}

.search-input {
  overflow: hidden;
  background: #fff;
  border: 1px #53a0e4 solid;
  border-right: none;
  border-radius: 25px 0px 0px 25px;
  font-size: 1rem;
  height: 48px;
}

.search-input:focus {
  border-color: #61b045;
  box-shadow: none;
}

/* Style the submit button */
form .search-btn {
  all: unset;
  width: 15%;
  padding: 10px;
  background: #1e50e2;
  color: white;
  font-size: 17px;
  border: 1px #1e50e2 solid;
  border-left: none;
  /* Prevent double borders */
  border: 1px #53a0e4 solid;
  border-radius: 0px 25px 25px 0px;
  cursor: pointer;
}

form .search-btn:hover {
  background: #0b7dda;
}

.GOTO-home {
  color: #fff;
  padding: 12px 36px;
  font-weight: 600;
  border: none;
  position: relative;
  font-family: "Raleway", sans-serif;
  display: inline-block;
  text-transform: uppercase;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  border-radius: 90px;
  margin: 2px;
  margin-top: 2px;
  background-image: linear-gradient(to right,
      #09b3ef 0%,
      #1e50e2 51%,
      #09b3ef 100%);
  background-size: 200% auto;
  flex: 1 1 auto;
  text-decoration: none;
}

.GOTO-home.button:hover,
.GOTO-home.button:focus {
  color: #ffffff;
  background-position: right center;
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .big-text {
    font-size: 150px;
  }
}

@media screen and (max-width: 575px) {
  .searchform #searchsubmit {
    width: 20%;
  }

  .big-text {
    font-size: 105px;
    font-weight: 900;
    font-family: sans-serif;
    background: url(https://cdn.pixabay.com/photo/2018/05/30/15/39/thunderstorm-3441687_960_720.jpg) no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: cover;
    background-position: center;
    overflow: hidden;
  }
}

/*404 page style end*/
/*search form start*/
.searchform #s {
  overflow: hidden;
  background: #fff;
  border: 1px #53a0e4 solid;
  border-right: none;
  border-radius: 25px 0px 0px 25px;
  font-size: 1rem;
  height: 48px;
  width: 58%;
  padding: 0px 15px;
}

.searchform #s:focus {
  box-shadow: none;
  outline: 0;
}

.searchform .screen-reader-text {
  display: none;
}

#searchsubmit {
  position: relative;
}

#searchsubmit::after {
  content: "\f002";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 5px;
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  z-index: 999;
}

.searchform #searchsubmit {
  all: unset;
  width: 15%;
  padding: 10px;
  background: #1e50e2;
  color: white;
  font-size: 17px;
  border: 1px #1e50e2 solid;
  border-left: none;
  border: 1px #53a0e4 solid;
  border-radius: 0px 25px 25px 0px;
  cursor: pointer;
  margin-left: -3px;
}

/*search form end*/

@media screen and (max-width: 380px) {
  .top_Wrapper .top-right-anchor li a {
    margin: 0px 12px;
  }
}

.carousel_bottom li {
  display: none;
}

.carousel_parent {
  min-height: 382px !important;
}

.scroll_div {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  background-color: #11959d;
  text-align: center;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  visibility: hidden;
  cursor: pointer;
}

.img_responsive {
  width: 100%;
  height: 220px;
  display: inline-block;
  padding: 0px 18px;
  margin-bottom: 10px;
}

.img_responsive img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#our_tag .img_responsive {
  height: 211px;
}

@media screen and (max-width:1024px) {
  #our_tag .img_responsive {
    height: 178px;
  }

}

@media screen and (max-width:768px) {
  #our_tag .img_responsive {
    height: 127.34px;
  }
   .horizental_line_support{
    width: auto;
  }

}

@media screen and (max-width:575px) {
  #our_tag .img_responsive {
    height: 220px;
  }

}

/*Contact form bottom padding 15/4/2022*/
.contact_us_section .contact_form .content {
    padding: 50px 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
}
/*Home page editing 15/4/2022*/
@media (min-width: 576px) and (max-width: 767px){
.top_Wrapper {
    padding-top: 10px;
    height: 70px;
  }
}
@media screen and (max-width: 767px){

.top_Wrapper .top-right-anchor {
    margin-top: 2px;
    padding: 0;
    text-align: center;
    width: 100%;
  }
  .top-social .widget-content {
    margin-bottom: 31px;
  }
  .social_images {
    text-align: center;
    padding: 25px 0px;
    display: flex;
    justify-content: center;
  }
  #packages .content .header {
    padding: 10px;
    background-color: #d69c54;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
  }
}
@media screen and (max-width: 760px) {
  .top_Wrapper .top-right-anchor {
      margin-top: -30px;
      padding: 0;
      text-align: center;
      width: 100%;
    }
}
@media (min-width: 320px) and (max-width: 575px){
.top_Wrapper {
    padding-bottom: 10px;
    height: 89px;
  }
}

  .Software_search_section .btns_left .btn_active  {
    background-color: #008097 !important;
    color: #fff !important;
  }
  
  .Software_search_section .btns_left .btn_inactive {
    background-color: transparent !important;
    border: 2px solid #008097 !important;
    color: #008097;
  }
  
 .jewelry_list .content {
   padding: 10px;
   background-color: #fff;
 }
 .jewelry_list .content::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px #007f97;
   background-color: #F5F5F5;
 }

 .jewelry_list .content::-webkit-scrollbar {
   width: 6px;
   background-color: #F5F5F5;
 }

 .jewelry_list .content::-webkit-scrollbar-thumb {
   background-color: #007f97;
 }

 .single_add_to_cart_button.button {
   width: 137px;
   height: 40px;
   border-radius: 25px;
   background-color: #007f97;
   border: none;
   outline: none;
   line-height: 40px;
   color: #f7f6f7;
   position: absolute;
   right: 20px;
   bottom: -5px;
 }

 @media(max-width:1015px) and (min-width:991px){
  .nav-wrapper-one a {
    font-size: 15px;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    position: relative;
}
 }
 .search_btn_icon{
  border: none;
  padding: 0;
 }

@media (max-width:991px){

  .support_search_section i {
      position: absolute;
      right: 1.8%;
      top: 30%;
    }
}
@media (max-width:1110px){

.jewelry_search i {
    position: absolute;
    right: 5%;
    top: 25%;
  }
    .Software_search_section .search_right i {
      position: absolute;
      right: 7%;
      top: 21%;
      font-size: 20px;
    }
}
@media (max-width:991px){

.jewelry_search i {
    position: absolute;
    right: 6%;
    top: 25%;
  }
    .Software_search_section .search_right i {
      position: absolute;
      right: 9%;
      top: 21%;
      font-size: 20px;
    }
}
@media (max-width:767px){

.jewelry_search i {
    position: absolute;
    right: 8%;
    top: 25%;
  }
    .Software_search_section .search_right i {
      position: absolute;
      right: 38%;
      top: 62%;
      font-size: 20px;
    }
}

@media (max-width: 550px){ .support_search_section i {
  position: absolute;
  right: 3.8%;
  top: 30%;
}

.support_content .support_bottom_login .support_search_bottom button {
  width: 30%;
  font-size: 17px;
  color: #ffffff;
  font-weight: 500;
  font-family: "Roboto";
  margin-top: 5px;
  background: transparent !important;
  border: none !important;
  outline: none;
}
}

@media (max-width: 1326px) and (min-width: 991px){ .Software_search_section .search_right i {
  position: absolute;
  right: 6%;
  top: 21%;
  font-size: 20px;
}
}

@media (max-width:660px){


  .Software_search_section .search_right i {
      position: absolute;
      right: 36%;
      top: 61%;
      font-size: 20px;
    }
}


@media (max-width: 520px){ .Software_search_section .search_right i {
  position: absolute;
  right: 30%;
  top: 61%;
  font-size: 20px;
}
}

@media (max-width: 420px) {.Software_search_section .search_right i {
  position: absolute;
  right: 30%;
  top: 61%;
  font-size: 20px;
}
}

@media (max-width: 350px){ .Software_search_section .search_right i {
  position: absolute;
  right: 26%;
  top: 61%;
  font-size: 20px;
}
}
.carousel-control-next-icon, .carousel-control-prev-icon {

  display: none !important;
}
@media (max-width:768px) and (min-width:768px){
  .Software_search_section .btns_left .left_btn {
     
      margin-bottom: 10px;
    }
}

/* new jewelry_list page style  */
/* .jewelry_listjewelry_list_new .img_content {
    height: 136px;
      width: 100%;
      max-width: 136px;
      min-width: 136px;
      padding: 10px;
      background: #dedada;
      border-radius: 5px;
      text-align: center;
} */
.jewelry_listjewelry_list_new .img_content {
  height: auto;
  width: auto;
  padding: 10px;
  /* background: #dedada; */
  border-radius: 5px;
  text-align: center;
}
.jewelry_listjewelry_list_new .btn_section .space_img{
  width:155px;
  display: none;
}
.jewelry_listjewelry_list_new .img_content img {
    /* height: 115px; */
    height: auto;
    width: auto;
}
.jewelry_listjewelry_list_new  .content .main_content{
  padding:20px;
}
.jewelry_listjewelry_list_new  .content .main_content h2{
    font-size: 18px;
    color: #2f2f2f !important;
    font-weight: 900;
    font-family: "Roboto";
  
}
.jewelry_listjewelry_list_new  .content .main_content{
  width:50%;
}
.jewelry_listjewelry_list_new  .content .main_content p{
  /* width: 719px; */
  /* height: 209px; */
  font-size: 15px;
  line-height: 20px;
  color: #6c757d;
  font-weight: 400;
  font-family: "Roboto";
  
}
.jewelry_listjewelry_list_new  .content .main_content p .text-mute{
color: #000 !important; 
}
.jewelry_listjewelry_list_new  .top_content {
  display: flex;

}

.jewelry_listjewelry_list_new .content .filter_section{
  width:25%;
  /* background: green; */
}
.jewelry_listjewelry_list_new .content .filter_section label{
  width:90px;
  text-align:right;
  font-size: 15px;
line-height: 36px;
color: #2c2c2c;
font-weight: 700;
font-family: 'Roboto', sans-serif;
text-align: right;
padding-right: 5px ;
}
.jewelry_listjewelry_list_new .content .filter_section  .form_group input{

  width:145px;
  border:none;
  border-top:1px solid #058c99;
  border-bottom:1px solid #058c99;
  border-left:2px solid #058c99;
  border-right:2px solid #058c99;
  
}
.filter_section  .form_group{
  display: flex;
  align-items: center;
}

/* .jewelry_listjewelry_list_new .content .filter_section a{
 
  text-align:right;
  font-size: 12px;
line-height: 36px;
color: #fff;
font-weight: 700;
font-family: 'Roboto', sans-serif;
text-align: right;
padding-left: 5px;
    padding-top: 15px;
      padding-bottom: 15px;
      padding-left: 30px;
      padding-right: 33px;
   
} */
.jewelry_listjewelry_list_new .content .filter_section .reset_variations{
  display :none !important;
}
/* .jewelry_listjewelry_list_new .content .filter_section a.single_zero{
  display:block !important;
  border-radius: 25px;
    background-color: #007f97;
    border: none;
    outline: none;
    line-height: 45px;
    color: #f7f6f7;
    margin-right: 70px;
    text-align: center;
    margin-bottom: 20px;
    bottom: inherit !important;
    padding-right: 30px !important;
    font-weight:normal !important;
    font-size: 16px;
    padding-left: 30px;
} */
.jewelry_listjewelry_list_new .content .filter_section  .form_group input.qty{

  width:45px !important;
  margin:0px;
  margin-left:5px;
}

.jewelry_listjewelry_list_new .content .filter_section  .form_group p{
  margin-left:10px;
}




.jewelry_listjewelry_list_new .content .filter_section  .form_group ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #cbcbcb;
  font-size:12px;
  opacity: 1; /* Firefox */
}

.jewelry_listjewelry_list_new .content .filter_section  .form_group :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #cbcbcb;
  font-size:12px;
}

.jewelry_listjewelry_list_new .content .filter_section  .form_group ::-ms-input-placeholder { /* Microsoft Edge */
  color: #cbcbcb;
  font-size:12px;
}
.jewelry_listjewelry_list_new .content .filter_section  .form_group p{
  color:#000;
}
.jewelry_listjewelry_list_new .content .filter_section  .form_group span{
  color: #000;
}

.btn_section{
  /* display:flex;
  justify-content: flex-end; */
  float: right;
  margin-top: 35px;
}

.btn_section .btn{
  display: flex;
  justify-content: center;
  align-items: center;
  width:145px;
  height:45px;
  font-weight: 500 !important;
  border-radius: 30px !important;
  color: #fff;
  background-color: #008097 !important;
  border-color: #008097 !important;
}
.btn_section .btn:hover {
  background-color: transparent !important;
  color: #008097;
}
.large_secreen{
  display: none;
}
@media (max-width:767px) {
  .jewelry_listjewelry_list_new .top_content {
    flex-direction: column;
  }
  
  .jewelry_listjewelry_list_new .content .filter_section {
    width: 100% !important;
  }
  /* .jewelry_listjewelry_list_new .content .filter_section label {
    width: 22% !important;
  } */
  .jewelry_listjewelry_list_new .content .filter_section .form_group input {
    width: 60% !important;
  }
  .jewelry_listjewelry_list_new .btn_section .space_img {
    display: none;
  }
  .btn_section .btn {
   
    margin: auto;
}
.jewelry_listjewelry_list_new .content .main_content {
  width: 100%;
}
.btn_section {
  display: flex;
  justify-content: flex-start;
  margin-top: 20px;
}
}
@media (min-width: 576px) and (max-width: 760px) {
  .top_Wrapper {
    padding-top: 10px;
    height: 87px;
  }
}

@media (min-width: 1920px){
  .top-right-anchor{
    margin-top: 0px !important;
  }
}

/* footer slider image */
.footer_slider_img
{
  height: 370px;
  width: 100%;
}
.carousel-control-prev , .carousel-control-next{
  display: none !important;
}

.header-logo img{

      height: auto;
}
@media (max-width: 575px) {
  .hero_section {
    height: 350px;
  }
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 43px;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
}
@media (min-width: 320px) and (max-width: 575px) {
.carousel-caption .right_img .hero_around 
{
  margin-top: 17px !important;
  margin-bottom: 0px !important;
}
.hero_around {
  height: auto !important;
  width: auto !important;
}


}
@media (max-width: 320px) {
.hero_section .hero_around {
  height: auto !important;
  width: auto !important;
  margin-top: 30px !important;
}
}

@media (max-width:991px)and  (min-width:768px){

.header-logo img {
    height: 114px;
  }
}
@media (max-width:1080px)and  (min-width:991px){

.nav-wrapper-one a {
    font-size: 12px;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    position: relative;
  }
}
@media (max-width:767px){

.header-logo img {
    height: auto;
  }
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 100px !important;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

@media(max-width:400px){

  .carousel-indicators {
      position: absolute;
      right: 0;
      bottom: 75px !important;
      left: 0;
      z-index: 15;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      padding-left: 0;
      margin-right: 15%;
      margin-left: 15%;
      list-style: none;
    }
}

.hero_section .carousel-indicators {
  left: auto;
  display: none;
}

.slider_right {
  position: absolute;
  right: 0;
  top: 12%;
}

@media(max-width:575px){

  .slider_right {
    position: absolute;
    right: 0;
    top: 23%;
}
.hero_around {
  width:100% !important;
}
}
.wpforms-field-large{
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid #000 !important;
}
@media(min-width:1400px) {


  .carousel-caption {
    top: 3% !important;
    left: 7% !important;
    text-align: left !important;
    right: 7% !important;
  }


  .carousel-caption h1 {
    margin-top: 0px;
    text-align: left !important;
    font-size: 28px;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
  }

  .carousel-caption p {
    font-size: 14px;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
  }
}
div.wpforms-container-full .wpforms-form textarea {
  padding: 6px 1px !important;
}
.left_sight_contact p{
  margin-bottom: 1px;
}

@media(min-width:1100px){

  .jewelry_listjewelry_list_new .img_content {
      height: auto;
      width: 100%;
      /* max-width: 350px !important; */
      /* min-width: 350px !important; */
      padding: 10px;
      border-radius: 5px;
      text-align: center;
    }
  
    .jewelry_listjewelry_list_new .img_content img {
     height: auto;
     width: auto;   
    }
}


#menu-item-57 a{
  color:red !important;
}


@media(max-width:550px){

  .top_Wrapper .top-right-anchor li a {
    color: #fff;
    margin: 0px 20px;
    padding-bottom: 10px;
    font-size: 11px;
}
}

@media (max-width: 440px){
  .top_Wrapper .top-right-anchor li a {
    color: #fff;
    margin: 0px 8px;
    padding-bottom: 10px;
    font-size: 10px;
}
}

@media (max-width: 350px){
.top_Wrapper .top-right-anchor li a {
    color: #fff;
    margin: 0px 20px;
    padding-bottom: 10px;
    font-size: 6px;
}
}

@media(max-width: 1200px){
.carousel-caption {
    top: 4% !important;
    left: 0% !important;
    text-align: left !important;
    right: 0% !important;
}
}

@media (max-width: 767px){
.carousel-caption {
    top: 6% !important;
    left: 0% !important;
    text-align: left !important;
    right: 0% !important;
}
}

@media(max-width:1100px) and (min-width:1080px){
  .nav-wrapper-one a {
    font-size: 12px !important;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    position: relative;
}
}


@media(min-width:1400px){

  .nav-wrapper-one a {
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    position: relative;
}
}

.zero_product{
  display: flex;
    justify-content: center;
    float: none !important;
}

.zero_product a{
  font-size: 12px;
  line-height: 17px !important;
    color: #fff;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    text-align: right;
    padding-left: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 38px !important;
    margin-right: 0px !important;
}

@media(max-width:991px){

  .about img {
    border: 10px solid #d59b54;
    width: 100%;
    border-radius: 10px;
    height: auto;
    background-size: cover;
}
}

@media (max-width: 360px){
.top_Wrapper{
  height: 112px;
}

.top_Wrapper .top-right-anchor li a {
  color: #fff;
  margin: 0px 20px;
  padding-bottom: 10px;
  font-size: 10px;
}

.top_Wrapper .top-right-anchor {
  margin-top: -30px;
  padding: 0;
  text-align: center;
  flex-wrap: wrap;
  width: 100%;
}
}

.col_width{
  min-width:19%;
}



@media (max-width: 400px){
  .hero_section {
    height: 305px !important;
}

  
}
@media (max-width: 991px){
 
element.style {
}
#what_we_do .right_image {
    border: 10px solid #11959d;
    width: 100%;
    border-radius: 10px;
    height: auto;
    max-height: 300px;
}

.footer_slider_img {
  height: auto !important;
  width: 100%;
  max-height: 300px;
}
}

@media (max-width: 350px){
.slider_right {
    position: absolute;
    right: 0;
    top: 26%;
}
}
@media (max-width: 1170px){
  #our_tag .content h3 {
    font-size: 20px;
    font-weight: bold;
    font-family: Roboto, sans-serif;
}
#our_tag .our-tag-parent {
  padding: 0px 15px;
}
}

@media(max-width:1200px) and (min-width:992px){
  .jewelry_listjewelry_list_new .content .filter_section {

    width: 32%;

  }
}
@media(max-width:991px) and (min-width:768px){
  .jewelry_listjewelry_list_new .img_content{
    width:220px;
  }
  .jewelry_listjewelry_list_new .img_content  img{
    width: 100%;
    object-fit: contain;
  }
  .jewelry_listjewelry_list_new .content .filter_section {
    width: 36%;
  }
  .jewelry_list .content {
    padding: 10px;
    background-color: #fff;
    height: 123%;
    padding-bottom: 25px !important;
}
}


@media(max-width:767px){
  .about_bread_crumb .social-dist-text {
    font-size: 15px;
    margin-bottom: 14px;
}
  
.about_bread_crumb p {
  margin-bottom: 0;
  font-size: 12px;
  text-align: center;
}
.small_screen{
  display: none !important;
}
#search_btn .bx-search-alt-2{
      margin-left: 5px !important;
          margin-top: 22px;
}
.large_secreen{
  display: block;
}
}
@media (max-width:340px) {

  .btn_tog {

    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
  }
    #search_btn .bx-search-alt-2 {
      margin-left: 5px !important;
      margin-top: 0px;
    }
}


@media(max-width:410px){
  .jewelry_listjewelry_list_new .img_content img {
    height: 100% !important;
    width: 220px !important;
  }
  .about_bread_crumb h2{
    font-size: 18px;
  }
  
}


@media (max-width: 2560px) and (min-width: 1900px){
.top_menu_container {
    display: flex;
    justify-content: space-between;
    height: 50px;
    align-items: center;
	margin-top:7px;
}
.top-social {
  align-items: center;
}
.top-social p{
  margin-bottom: 0px !important;
}
}
.gjs-row input[type="submit"]{    
    background-color: #058791 !important;
    color: #fff;
	border-radius: 20px !important;
 text-transform: uppercase !important;
    font-weight: bold !important;
justify-content: center !important;
}
.gjs-row input[type="submit"]:hover
{
    background-color: #fff !important;
    color: #058791;
}
/*#billing_phone_field label
{
	position:relative;
	margin-left:95px;

}
#billing_phone_field label:before
{
	content:"Company";
	position: absolute;
	left:-95px;
	top:0;

}*/