/*
Theme Name: Movers
Theme URI: 
Version: 5.1
Author: 
Author URI: 
Description: JORDINA.
*/




html {
  scroll-behavior: smooth;
}

.home-body {
  background-image: url(../../img/line-for-contact-us.png);
  background-origin: border-box;
  background-size: auto;
  background-position: top;
  background-repeat: repeat;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: #363636;
  overflow-x: hidden;

}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto', sans-serif;
  color: #25283a;
  font-size: 20px;
  font-weight: 500;
}

h1 {
  font-weight: 600 !important;
}

p {
  color: #4e4e4e;
  line-height: 1.8;
  font-size: 14px;
}

a {
  color: #25283a;
  display: inline-block;
}

a:hover {
  text-decoration: none;
  color: crimson;
}

button:focus {
  box-shadow: none;
  outline: none;
}

/*-------------General css--------------
---------------------------------------*/

section {
  padding: 60px 0 30px;
}

/* Show it is fixed to the top */
/* navigation */

/* top navigation */
.top-line {
  padding: 10px 0;
  background: #666;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  overflow: hidden;
}

.top-line p,
.top-line a {
  color: #ffffff;
  margin: 0;
}

.top-line p span {
  margin-right: 20px;
}

.top-line p span i {
  font-size: 13px;
  color: #fff;
  margin-right: 10px;
}

.top-line ul.social-icons {
  margin: 0;
  padding: 0;
  text-align: right;
}

.top-line ul.social-icons li {
  display: inline-block;
  margin-left: 9px;
}

.top-line ul.social-icons li a {
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  font-size: 14px;
  color: #ffffff;
}

.top-line ul.social-icons li a:hover {
  color: #ffba00;
}

header.active .top-line {
  height: 0;
  padding: 0;
}

/* top nav end */
.social-top {
  text-align: right;
  margin-bottom: 0 !important;
}

.social-top a i {
  color: #293895;
}

.social-top a {
  font-size: 14px;
}

.tophe {
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #ebebeb;
}

.content-pa-top {
  padding-bottom: 0 !important;
}

.lan-chang:hover {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
}

@media screen and (max-width: 560px) {
  .tophe {
    display: none;
  }

  .carousel-btn-left {
    width: 41px;
    height: 64px;
    top: 50%;
  }

  .carousel-btn-right {
    width: 41px;
    height: 64px;
    top: 50%;
  }
}

.navbar-brand {
  width: 8%;
}

.navbar-dark .navbar-nav .nav-link {
  color: #1D1D1D;
  font-size: 16px;
}

.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show>.nav-link {
  color: #293895;
  font-weight: 700;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: #293895;
}

.navbar-brand img {
  width: 100%;
}

.fixed-top {
  box-shadow: 0px 5px 12px #d4d4d4;
  background-color: #fff;
}

.navbar-nav {
  margin: 0 auto;
}

.navbar-expand-md .navbar-nav .nav-link {
  padding-right: 1.5rem;
}

.navbar-toggler {
  display: block;
  margin-left: -9px;
}

.navbar-toggler i {
  color: #293895;
}

.mo-nav {
  display: block;
  border: solid 1px #293895;
  border-radius: 50px;
  color: #293895;
  padding: 10px 15px;
  width: 42px;
  height: 42px;
  margin-right: 1.8rem;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lan-chang {
  padding: 7px 20px;
  border-radius: 50px;
  border: solid 1px #293895;
  color: #293895;
}

@media screen and (max-width: 768px) {
  .map-style {
    margin-bottom: 50px;
  }

  .navbar-brand {
    margin-right: 0rem;
  }

  .navbar-dark .navbar-nav .nav-link {
    font-size: 13px;
    padding-right: 1.2rem !important;
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem !important;
  }

  .mo-nav {
    padding: 8px 11px;
    width: 40px;
    height: 40px;
    margin-right: 1rem;
  }

  .lan-chang {
    padding: 7px 20px;
  }

  .navbar-brand {
    width: 13%;
  }
}

.carousel-caption p {
  width: 33%;
}

@media screen and (max-width: 560px) {
  .navbar-brand {
    width: 27% !important;
    margin: 0 auto;
  }

  .mo-nav {
    padding: 8px 12px;
    width: 40px;
    height: 40px;
    margin-right: 0;
  }
}

/* banner */
.carousel-btn-left {
  width: 50px;
  height: 100px;
  top: 44%;
  color: #293895;
  box-shadow: 0px 0px 26px #d2d2d2;
  border-top-right-radius: 100px;
  background: #fff;
  border-bottom-right-radius: 100px;
}

.carousel-btn-right {
  width: 50px;
  height: 100px;
  top: 44%;
  color: #293895;
  box-shadow: 0px 0px 26px #d2d2d2;
  border-top-left-radius: 100px;
  background: #fff;
  border-bottom-left-radius: 100px;
}

.banner-1 {
  background-image: url(../../img/shutterstock_477436588.jpeg);
  background-origin: border-box;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.banner-2 {
  background-image: url(../../img/shutterstock_446558737.jpg);
  background-origin: border-box;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.banner-3 {
  background-image: url(../../img/shutterstock_1027239565.jpg);
  background-origin: border-box;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (max-width: 575px) {
  .carousel-item {
    background-size: cover;
  }
}

.carousel-control-prev-icon {
  background-image: url(../../img/contact-svg/arrow.svg);
}

.carousel-control-next-icon {
  background-image: url(../../img/contact-svg/arrownext.svg);
}

/* animation section */
.banner-form-wrapper {
  background: #ffffff;
  padding: 1.5rem 1.5rem;
  box-shadow: 0px 0px 25px 12px rgb(198 198 198 / 34%);
  width: 100%;
  position: relative;
  z-index: 9;
  margin: -130px auto 0;
}

.desktop-hide {
  display: none;
}

.carousel-item {
  height: 60vh;
}

.carousel-se img {
  margin-top: 11%;
}

.content-ani-main figure img {
  width: 100%;
  margin-right: 10px;
  max-width: 60px;
  min-width: 60px;
}

.figure-ani {
  margin-right: 15px;
  width: 30%;
  margin-bottom: 0;
}

.content-ani h2 {
  color: #293895;
  font-size: 18px;
  font-weight: 500;
}

.content-ani p {
  color: #1D1D1D;
  line-height: 19px;
  font-size: 14px;
  margin-bottom: 0;
}

.content-ani-main {
  align-items: center;
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.12);
  padding: 15px;
  height: 100%;
}

@-webkit-keyframes bounce {
  0% {
    transform: scale(1);
  }

  33% {
    transform: scale(0.9);
  }

  66% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes bounce {
  0% {
    transform: scale(1);
  }

  33% {
    transform: scale(0.9);
  }

  66% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

/* Component Styles - Steps */
.steps {
  display: flex;
  width: 100%;
  margin: 0;
  padding: 0 0 1rem 0;
  list-style: none;
}

.step {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex: 1;
  position: relative;
  pointer-events: all;
  cursor: pointer;
}

.step--active,
.step--complete {
  cursor: pointer;
  pointer-events: all;
}

.step:not(:last-child):before,
.step:not(:last-child):after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 0.25rem;
  content: "";
  transform: translateY(-50%);
  will-change: width;
  z-index: -1;
}

.step:before {
  width: 100%;
  background-color: transparent;
  border-top: dashed 2px #c4c4c4;
}

.step:after {
  width: 0;
  background-color: transparent;
  border-top: dashed 2px #293895;
}

.step--complete:after {
  width: 100% !important;
  opacity: 1;
  transition: width 0.6s ease-in-out, opacity 0.6s ease-in-out;
}

.heading-h1 {
  margin-bottom: 0.5rem;
  color: #293895;
}

.step__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 2.2rem;
  height: 2.2rem;
  background-color: #fff;
  border: 1px solid #293895;
  border-radius: 50%;
  color: #293895;
  font-size: 14px;
}

.step__icon:before {
  display: block;
  color: #fff;
}

.step--complete.step--active .step__icon {
  color: #fff;
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.step--incomplete.step--active .step__icon {
  border: none;
  transition-delay: 0.5s;
  background-color: #293895;
  color: #fff;
}

.step--complete .step__icon {
  animation: bounce 0.5s ease-in-out;
  background-color: #293895;
  border-color: transparent;
  color: #fff;
}

.step__label {
  position: absolute;
  bottom: -2rem;
  left: 50%;
  margin-top: 1rem;
  font-size: 0.8rem;
  text-transform: uppercase;
  transform: translateX(-50%);
}

.step--incomplete.step--inactive .step__label {
  color: #e6e7e8;
}

.step--incomplete.step--active .step__label {
  color: #fff;
}

.step--active .step__label {
  transition: color 0.3s ease-in-out;
  transition-delay: 0.5s;
}

/*cake-section */
.floting-quate-main {
  width: 37px;
  right: 50%;
  top: 50%;
  transform: translate(754%, -520%);
  height: auto;
  position: absolute;
}

.floting-quate-main img {
  opacity: .5;
}

.section-sec .featurette p {
  position: relative;
}

.floting {
  width: 54px;
  height: auto;
  position: absolute;
}

.floting img {
  width: 100%;
}

.floting-main {
  position: relative;
}

.floting1 {
  top: -3%;
  left: 30%;
}

.floting2 {
  right: 5%;
  transform: rotate(114deg);
  width: 4%;
}

.floting3 {
  bottom: -15px;
  left: 5%;
  width: 4%;
}

.floting4 {
  top: 16%;
  right: 5%;
}

.floting5 {
  bottom: -15px;
  right: 44%;
  width: 4%;
}

.floting6 {
  bottom: 6%;
  width: 2%;
  right: 43%;
}

.floting7 {
  bottom: 18%;
  right: 26%;
}

.floting4c {
  bottom: -4%;
  right: -2%;
}

.floting8 {
  top: -4%;
  left: 34%;
  width: 2%;
}

.floting9 {
  bottom: -15px;
  left: 5%;
}

.floting4-mo {
  display: none;
}

.floting2-mo {
  display: none;
}

.floting4-ice-mo {
  display: none;
}

.floting2-ice-mo {
  top: 35%;
  right: 6%;
  transform: rotate(131deg);
}

.floting7-freez-mo {
  display: none;
}

.section-sec {
  padding: 5rem 0 1rem 0;
}

.section-sec .featurette h1 {
  font-size: 28px;
  color: #293895;
  margin-bottom: 1.5rem;
}

.section-sec .featurette p {
  font-size: 16px;
  color: #1D1D1D;
  width: 78%;
}

.ba-btn-sec {
  border: solid 1px #293895;
  color: #293895;
  background: transparent;
  padding: 12px 22px;
  border-radius: 50px;
  margin-top: 0.2rem;
  font-size: 14px;
}

.product-img img {
  margin-top: -85px;
  height: 30rem;
}

.sec-bg {
  background-image: url(../../img/bg/shutterstock_542221108.jpg);
  background-origin: border-box;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 3rem 0;
}

.featurette {
  height: 300px;
}

/*bakery-section */
.sec-bg1 {
  background-image: url(../../img/bg/shutterstock_542221109.jpg);
  background-origin: border-box;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 3rem 0;
}

/*chips-section */
.sec-bg2 {
  background-image: url(../../img/bg/shutterstock_1027239565.jpg);
  background-origin: border-box;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 3rem 0;
}

/*ice cream-section */
.sec-bg3 {
  background-image: url(../../img/bg/shutterstock_1086036710.jpg);
  background-origin: border-box;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 3rem 0;
}

/*freezers-section */
.sec-bg4 {
  background-image: url(../../img/bg/shutterstock_727189366.jpg);
  background-origin: border-box;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 3rem 0;
}

/* background-image: url(../../img/banner-slider/shutterstock_355931174.jpeg); */

/* bottom banner */
.banner-4 {
  background-image: linear-gradient(rgba(41, 56, 149, .1), rgba(41, 56, 149, .3)), url("../../img/banner-slider/shutterstock_355931175.jpg");
  background-origin: border-box;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.banner-5 {
  background-image: linear-gradient(rgba(41, 56, 149, .1), rgba(41, 56, 149, .3)), url("../../img/banner-slider/shutterstock_355931174.jpg");
  background-origin: border-box;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.banner-4 img {
  width: 85%;
}

.banner-5 img {
  width: 85%;
}

.headding-slider h1 {
  font-size: 40px;
  width: 100%;
  text-align: right;
  position: relative;
}

.headding-slider h1 span {
  font-size: 33px;
  color: #ffffff;
  text-align: left !important;
  margin-right: 9.4rem;
}

.headding-slider {
  margin-top: 20%;
}

.floting-quate-banner {
  transform: translate(584%, -30%);
}

.desktop-hide {
  display: none;
}

/* contact page */
.contant {
  background-image: url(../../img/line-for-contact-us.png);
  background-origin: border-box;
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  background-color: #fff;
  background-position-y: -115%;
}

.contact-add span {
  width: 54%;
  display: block;
}

.contact-add {
  padding: 2.8rem 1.8rem 2.8rem;
  width: 60% !important;
  position: absolute;
  right: 50%;
  /* width: 20%; */
  transform: translate(86%, -100%);
  top: 50%;
  background: #f2f3f9;
  background-image: url(../../img/product/pro-bg.png);
  background-origin: border-box;
  background-size: contain;
  background-position: right;
  background-repeat: no-repeat;
}

.contact-add h1 {
  color: #293895;
  font-size: 18px;
  font-weight: 600;
}

.contact-add p {
  font-size: 16px;
  margin-bottom: 0;
}

.contact {
  padding: 1.8rem;
  background: #ffffff;
  box-shadow: 0px 0px 16px 4px rgb(165 165 165 / 34%);
  height: 100%;

}

.contact h1 {
  color: #293895;
  font-size: 22px;
  font-weight: 600;
}

.contact p {
  font-size: 16px;
  margin: 0 0 10px;
}

.flex-rev input {
  width: 100%;
  border: solid 1px #a1a6c3;
  padding: 10px;
  border-radius: 30px;
  margin-bottom: 10px;
  color: #b6b6b6;
}

.flex-rev textarea {
  width: 100%;
  border: solid 1px #a1a6c3;
  padding: 10px;
  border-radius: 6px;
  margin-bottom: 10px;
  color: #b6b6b6;
  height: 120px;
}

form button {
  border: solid 1px #293895;
  color: #293895;
  background: transparent;
  padding: 10px 40px;
  border-radius: 50px;
  margin-top: 0px;
  font-size: 16px;
  transition: all 0.2s;
}

.form button:hover {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
}

.main-conte {
  position: relative;
}

.cont-content {
  width: 27%;
  position: absolute;
}

.cont-content h2 {
  font-size: 22px;
  color: #293895;
}

.cont-content p {
  font-size: 14px;
  color: #1D1D1D;
  line-height: 21px;
}

.cont-content span {
  padding: 20px;
  width: 70px;
  height: 70px;
  background: #293895;
  border-radius: 50px;
  margin: 0 auto;
  margin-bottom: 20px;
  display: block;
  box-shadow: 0px 0px 16px #7381d6;
}

.multi-item-carousel.bottom-slider .container {
  max-width: 1100px;
}

.cont-1 {
  left: 50%;
  top: 50%;
  transform: translate(-153%, -70%);
}

.section-sec.contant {
  padding-top: 50px;
}

.cont-2 {
  left: 50%;
  top: 50%;
  transform: translate(-82%, 112%);
}

.cont-3 {
  right: 50%;
  top: 50%;
  transform: translate(146%, 67%);
}

/* news sliter */
.news-main {
  width: 100%;
  position: relative;
  z-index: 9;
  margin: 0 auto -161px;
}

.news-sliter {
  padding: 13rem 0 2rem;
  background-color: #ffffff;
}

.news-sliter h1 {
  font-size: 22px;
  color: #293895;
  font-weight: 300;
}

.news-sliter p {
  font-size: 14px;
  color: #1D1D1D;
}

input[type="radio"] {
  display: none;
}

input[type="radio"]+label:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  padding: 4px;
  margin-right: 3px;
  margin-right: 10px;
  background-clip: content-box;
  border: 2px solid #1D1D1D;
  background-color: transparent;
  border-radius: 50%;
}

/* appearance for checked radiobutton */
input[type="radio"]:checked+label:before {
  background-color: #1D1D1D;
}

.radio-main {
  margin-bottom: 20px;
}

/* optional styles, I'm using this for centering radiobuttons */
label {
  display: flex;
  align-items: center;
  margin-right: 0.6rem;
  font-size: 14px;
}

.newssletter label {
  font-size: 15px;
  margin-bottom: 4px;
}

.news-main {
  padding: 2rem;
  box-shadow: 0px 5px 22px #dcdcdc;
  background: #fff;
}

.font-co {
  color: #F42626;
  margin-left: 5px;
}

.sub-text {
  line-height: 0.5rem;
  padding: 0.9rem 1rem;
  color: #b6b6b6;
  border-radius: 5px;
  font-size: 14px;
}

.sub-btn {
  padding: 0.3rem 1.5rem;
  color: #293895;
  background: transparent;
  margin-top: 30px;
  width: 100%;
  border-color: #293895;
  font-size: 16px;
}

.floting-con {
  width: 6%;
  top: -17px;
  left: -19px;
}

/* footer  */
/* social media */
footer {
  background-color: #f1f1f1;
  padding-top: 10rem;
}

.social-media a {
  margin-left: 6px;
  margin-right: 6px;
}

.social-media a span {
  width: 40px;
  text-align: center;
  height: 40px;
  background: #293895;
  border-radius: 50px;
  margin: 0 auto;
  margin-bottom: 20px;
  display: block;
  box-shadow: 0px 0px 16px #7381d6;
  display: flex;
  justify-content: center;
  align-items: center;
}

.social-media a span i {
  font-size: 1rem;
  color: #fff;
}

.social-media {
  margin-bottom: 0.6rem;
}

.footer-menu {
  margin-bottom: 2.6rem;
}

.footer-menu ul {
  text-align: center;
  padding: 0;
}

.footer-menu ul li {
  display: inline-block;
  margin-left: 20px;
  margin-right: 20px;
}

.footer-menu ul li a:hover {
  color: #293895 !important;
  text-decoration: underline !important;
  opacity: 9;
}

.footer-menu ul li a {
  font-size: 16px;
  color: #1D1D1D;
  cursor: pointer;
  opacity: 0.5;
}

.contact-pa {
  padding-bottom: 1.6rem;
}

.contact-pa span i,
.contact-pa a i {
  color: #1D1D1D;
  margin-right: 11px;
}

.contact-pa span,
.contact-pa a {
  font-size: 14px;
  color: #1D1D1D;
  opacity: 0.5;
  text-decoration: none;
}

.copyright-area {
  background-color: #293895;
  padding: 0.4rem;
}

.copyright-area span {
  color: #ffffff;
  text-align: center;
  width: 100%;
  display: block;
  font-size: smaller;
}



/* who-are-we */
.banner-6 {
  background-image: url(../../img/shutterstock_1088118239.jpg);
  background-size: 100%;
  background-position-y: 16%;
  background-repeat: no-repeat;
  width: 100%;
  height: 500px;
}

.list-group-item {
  border: none;
}

.list-group-item img {
  width: 40px;
  height: 40px;
}

/* general information */
.content-inner h1 {
  font-size: 24px;
  color: #293895;
  margin-bottom: 1rem;
}

.content-inner h2 {
  font-size: 18px;
  color: #000000;
  margin-bottom: 0.5rem;
}

.content-inner p {
  font-size: 16px;
  color: #727272;
  font-weight: 300;
  margin-bottom: 0;
}

.inn-gra {
  width: 60%;
  display: block;
  margin: 0 auto;
}


/* the facts */
.featurette-inn {
  text-align: center;
}

.featurette-inn h1 {
  font-size: 28px;
  font-weight: 400;
  color: #293895;
  margin-bottom: 0.7rem;
}

.featurette-inn h2::after {
  content: '';
  border-bottom: 4px solid #293895;
  width: 86px;
  display: block;
  margin: 0 auto;
  margin-top: 12px;
  margin-bottom: 12px;
}

.featurette-inn h2 {
  font-size: 20px;
  color: #000000;
  margin-bottom: 0.5rem;
}

.featurette-inn p {
  font-size: 16px;
  color: #727272;
  font-weight: 300;
}

.fact-com {
  display: block;
  width: 90px;
  height: 90px;
  margin: 0 auto;
  border-radius: 50%;
  padding: 14px;
}

.fact-com img {
  width: 90%;
  display: block;
  margin: 0 auto;
}

.com-1 {
  background-color: #293895;
  box-shadow: 0px 4px 18px #9399c0;
}

.com-2 {
  background-color: #9772FE;
  box-shadow: 0px 4px 18px #c1abff;
}

.com-3 {
  background-color: #4DDFFE;
  box-shadow: 0px 4px 18px #92ecff;
}

.fact-content {
  margin-top: 2rem;
  border: solid 1px #c6c6c6;
  text-align: center;
  padding: 20px 20px 0px 20px;
  background: #ffffff;
  min-height: inherit !important;
  height: 100% !important;
  transition: all .2s;
  display: inline-table;
}

.fact-content:hover {
  box-shadow: 0px 1px 26px #d1d7f9;
  cursor: pointer;
}

.fact-content h2 {
  color: #293895;
}

.fact-content p {
  margin-bottom: 0;
}

.whoarewe {
  background-color: #ffffff;
  padding-bottom: 2rem;
  padding-top: 1rem;
}

.thefact {
  background-color: #ffffff;
  padding-bottom: 15px;
  padding-top: 1rem;
}

.side {
  margin-left: 0;
  font-size: 14px;
  margin-bottom: 46px;
}

.com-company {
  background: #eaecf8;
  padding: 2rem 0 7rem 0;
}

.cardwid {
  /* padding: 5px 10px; */
  text-align: center;
  box-shadow: 0px 0px 16px #d3d3d3;
  min-height: inherit !important;
  height: 100%;
}

.container-fluid.comapany-main.ps-5.pe-5 .row {
  height: 100%;
}

.comapany-main {
  margin-top: -5%;
}

.imgs-growth {
  padding: 2rem 0 6rem 0;
  background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../../img/shutterstock_542221108.jpeg);
  background-size: 100%;
  background-position-y: 45%;
  background-repeat: no-repeat;
  width: 100%;
}

.imgs-growth h1 {
  font-size: 28px;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 0.7rem;
}

.imgs-growth p {
  font-size: 16px;
  color: #ffffff;
  font-weight: 300;
}

.growth-con {
  margin-top: -6rem;
}

.card-growth {
  padding: 0.5rem;
  text-align: center;
  box-shadow: 0px 0px 16px #d3d3d3;
  border: none;
}

.growth-text p {
  color: #000000;
  font-size: 16px;
  line-height: 1;
}

.growth-text h3 {
  color: #293895;
  font-size: 28px;
}

.sec-img.list-group-item.d-flex.gap-2 {
  padding-top: 0px;
  padding-bottom: 0px;
}

/* manu */
.manu-inner {
  padding: 1rem 1rem;
  text-align: center;
  box-shadow: 0px 0px 16px #d3d3d3;
  background-color: #ffffff;
}

.manu {
  margin-top: 2rem;
}

.manu-inner h2 {
  font-size: 22px;
  color: #000000;
  margin-bottom: 0.5rem;
  margin-top: 10px;
}

.manu-inner h3 {
  font-size: 20px;
  color: #293895;
  margin-bottom: 0.5rem;
}

.manu-inner h4 {
  font-size: 18px;
  color: #000000;
  margin-bottom: 0.5rem;
}

.manu-inner p {
  font-size: 18px;
  color: #707070;
}

.manu-inner h2::after {
  content: '';
  border-bottom: 4px solid #293895;
  width: 86px;
  display: block;
  margin: 0 auto;
  margin-top: 12px;
  margin-bottom: 12px;
}

.tt {
  color: #293895;
  opacity: 0.6;
  align-items: center;
  display: flex;
  text-align: left;
  /* text-decoration: underline; */
}

.tt:hover {
  color: #293895;
  opacity: 9;
  text-decoration: underline;
}

.sec-img a img {
  width: 21%;
  margin-right: 17px !important;
}

.floting9-f {
  bottom: 5%;
  left: 3%;
  width: 3%;
}



.do {
  width: 357px;
}

.card1 {
  width: 205px;
}

.dob {
  /* background: #ffffff; */
  padding: 1.5rem 1.5rem;
  /* box-shadow: 0px 0px 16px 4px rgb(165 165 165 / 34%); */
  width: 100rem;
  position: relative;
  z-index: 9;
  margin: -201px auto 0;
}

.top {
  margin-top: 100px;
}



.weimgs {
  height: 300px;
  background-image: url("");
}

.apper {
  background: #ffffff;
  padding: 1.5rem 1.5rem;
  box-shadow: 0px 0px 16px 4px rgb(165 165 165 / 34%);
  width: 100%;
  position: relative;
  z-index: 9;
  margin: -201px auto 0;
}

.dob2 {
  padding: 1.5rem 1.5rem;

  width: 100rem;
  position: relative;
  z-index: 9;
  margin: -100px auto 0;
}

.pp {
  color: #293895;
}

.whatwe {
  margin-top: 15px;
  width: 65px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}



.whatwe2 {
  width: 70px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 9px;
}

.num {
  font-size: 28px;
  color: #293895;
}



.xyz {
  padding: 0 0 5rem 0;
}

.cap {
  padding-top: 90px;
  color: blue;
}

.cap2 {
  color: white;
}

.caps {
  padding-top: 40px;
  color: #293895;
}

.cent {
  margin-left: 150px;
}

.cod {
  font-size: 14px;
}

.con p {
  font-size: 13px;
}

.cardBanner {
  background: #ffffff;
  padding: 1.5rem 1.5rem;
  box-shadow: 0px 0px 16px 4px rgb(165 165 165 / 34%);
  width: 100%;
  position: relative;
  z-index: 9;
}

.who-news {
  padding: 2rem 0 2rem !important;
}

/* carrier page */
/* banndr part */
.banner-7 {
  background-image: url(../../img/shutterstock_1535614019.jpg);
  background-size: 100%;
  background-position-y: 25%;
  background-repeat: no-repeat;
  width: 100%;
  height: 500px;
}

.flag-drop img {
  width: 29px;
}

/* application */
.application {
  padding: 1rem 0 2rem;
}

.drop-btn {
  background-color: #293895;
  width: 111px;
}

.form-c {
  background-color: #f2f2f2 !important;
}

.form-cc {
  background-color: #f2f2f2 !important;
  height: 37px;
}

.upload-btn {
  border-radius: 50px;
  padding: 11px 40px;
  border: none;
  margin-left: 6px;
  font-size: 12px;
  background-color: #45B0E1;
}

.submit-btn {
  padding: 15px 61px;
  font-size: 14px;
  margin-top: 17px;
}

/* contactus */
.banner-8 {
  background-image: url(../../img/shutterstock_1265941057.jpg);
  background-size: 100%;
  background-position-y: 25%;
  background-repeat: no-repeat;
  width: 100%;
  height: 500px;
}


.drop-btn-contact {
  /* padding: 1rem 1rem; */
  color: #ffffff;
  width: 100%;
  border-radius: 5px;
  background-color: #293895;
}

.con-he {
  font-size: 18px !important;
  margin-bottom: 15px;
}

.con-addd span {
  font-size: 16px;
  display: block;
  margin: 10px 0;
  position: relative;
  padding-left: 50px;
  padding-top: 8px;
  padding-bottom: 10px;
}

.con-addd span small {
  border: solid 1px #000;
  padding: 10px 10px;
  display: inline-block;
  width: 40px;
  text-align: center;
  height: 40px;
  margin-right: 10px;
  border-radius: 50px;
  position: absolute;
  left: 0px;
  top: 0px;
}

.con-addd span small i {
  font-size: 20px;
}

.form-c1 {
  margin-top: 10px;
}

/* news */
.banner-9 {
  background-image: url(../../img/shutterstock_1745541494.jpg);
  background-size: 100%;
  background-position-y: 58%;
  background-repeat: no-repeat;
  width: 100%;
  height: 500px;
}

.news-slitter-img {
  width: 83%;
}

.news-icon {
  width: 1.7rem;
}

.contener-news h1 {
  font-size: 22px;
  color: #1D1D1D;
  margin-bottom: 1.3rem;
}

.contener-news h2 {
  font-size: 18px;
  color: #7c7c7c;
  margin-bottom: 1.5rem;
}

.distribu {
  padding-top: 3rem;
}

.contener-news p {
  font-size: 14px;
  color: #828282;
  margin-bottom: 1.5rem;
}

.shadow-de {
  box-shadow: 0px 5px 22px #dcdcdc;
  background: #fff;
  border-radius: 5px 5px 5px 5px;
  overflow: overlay;
}

.content-inner {
  padding: 0 12px;
}

.content-inner-new-con {
  padding: 0rem 2rem
}

.content-inner-news {
  padding: 0;
  text-align: center;

}

.content-inner-news h1 {
  font-size: 20px;
  color: #293895;
  margin-bottom: 1.3rem;
}

.content-inner-news h2 {
  font-size: 15px;
  color: #000000;
  margin-bottom: 0.5rem;
}

.album {
  background-color: #eceef6;
  position: relative;
}

.card-redious {
  border-radius: 5px;
}

.main-album {
  margin-top: -40px;
  display: inline-flex;
}

.ba-btn-sec-news {
  border: solid 1px #293895;
  color: #293895;
  background: transparent;
  padding: 10px 27px;
  border-radius: 50px;
  margin: 0 auto;
  display: table;
  text-align: center;
  margin-top: 1.2rem;
  font-size: 12px;
}

.floting8-news {
  right: -1%;
  top: 26%;
}

.floting8-news1 {
  right: 7%;
  bottom: 38%;
  transform: rotate(254deg);
}

.floting8-news2 {
  left: 8%;
  bottom: 27%;
}

.floting10-news {
  right: 5%;
  top: -2%;
  transform: rotate(104deg);
}

.floting4-news {
  left: 5%;
  top: 5%;
  transform: rotate(355deg);
}

.floting2-news {
  left: -1%;
  top: 40%;
}

.distributors-main h6 {
  color: #fff;
}

.distributors-main p {
  color: #fff;
  font-size: 18px;
}

.distributors-main {
  background-color: #293895;
  padding: 2rem;
  color: #fff;
  height: 100%;
}

.con-addd1 div {
  font-size: 16px;
  display: inline-block;
  margin: 10px 0;
  color: #fff;
  align-items: center;
}

.con-addd1 div small {
  border: solid 1px #fff;
  padding: 10px 10px;
  display: inline-block;
  width: 40px;
  text-align: center;
  height: 40px;
  margin-right: 10px;
  border-radius: 50px;
  color: #fff;
}


/* distributors */
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: #fff;
  background-color: #293895;
  box-shadow: 0px 0px 14px #97a1de;
}

.nav-pills .nav-link {
  background: 0 0;
  border: 0;
  border-radius: 0.25rem;
  border: solid 1px #293895;
  margin-right: 26px;
  padding: 10px 2rem;
  font-size: 16px;
}

.distributer .banner-form-wrapper {
  overflow: hidden;
  margin-bottom: 30px;
  border-radius: 5px;
}

/* tab */
.tab-dis {
  padding: 0 19px;
  list-style: none;
  display: flex;
  margin-top: 22px;
  margin-bottom: 0px;
}

.tab-dis li {
  padding: 5px;
  background-color: #e7e7e7;
  margin-right: 12px;
  height: fit-content;
  width: 85px;
  display: block;
  border-radius: 5px;
  font-size: 16px;
  color: #293895;
  height: 85px;
  text-align: center;
}

.tab-dis li img {
  width: 50%;
  border-radius: 50%;
  display: block;
  margin: 5px auto;
}

.nav-item {
  display: inline-block;
}

/* product page */
.product-img-detal {
  padding: 2rem;
  position: relative;
  height: auto;
  float: right;
  margin-right: -38px;
  width: 60%;
  box-shadow: 0px 0px 25px 12px rgb(198 198 198 / 34%);
  background-color: #F9F9F9;
  margin-top: 20px;
}

.product-img-detal img {
  width: 90%;
  position: relative;
  z-index: 2;
}

.section-sec.pro-bg .product-img-detal {
  margin-top: 0px;
}

.sec-bg-de {
  background-image: linear-gradient(rgb(255 255 255 / 60%), rgb(255 255 255 / 60%)), url(../../img/pro.jpg);
  background-origin: border-box;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 2rem 0;
}

.pro-para {
  padding-left: 6rem;
  padding-top: 3rem;
  padding-right: 7rem;
}

.product-img-detal1 {
  padding: 2rem;
  position: relative;
  height: auto;
  float: left;
  margin-left: -38px;
  width: 58%;
  box-shadow: 0px 0px 25px 12px rgb(198 198 198 / 34%);
  background-color: #F9F9F9;
}

.product-img-detal1 img {
  width: 86%;
}

.sec-bg-de1 {
  background-image: linear-gradient(rgb(255 255 255 / 60%), rgb(255 255 255 / 60%)), url(../../img/pro1.jpg);
  background-origin: border-box;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 2rem 0;
}

.pro-bg {
  background-color: #ffffff;
  /*padding: 1rem 0 1rem 0;*/
}

.pro-para1 {
  padding-right: 7rem;
  padding-top: 3rem;
  padding-left: 7rem;
  position: relative;
}

.pro-para1 p {
  width: 100% !important;
}

.pro-para1 h1 {
  font-size: 28px;
  color: #293895;
  margin-bottom: 1.0rem;
}

.pro-para1 h3 {
  font-size: 28px;
  color: #1D1D1D;
  margin-bottom: 1.0rem;
}



.pro-para h1 {
  font-size: 28px;
  color: #293895;
  margin-bottom: 1.0rem;
}

.pro-para h3 {
  font-size: 28px;
  color: #1D1D1D;
  margin-bottom: 1.0rem;
}

.floting-quate-main-pro {
  width: 31px;
  right: 10%;
  top: 29%;
  height: auto;
  position: absolute;
}

.floting-pro {
  width: 54px;
  height: auto;
  position: absolute;
  z-index: 1;

}

.floting1-pro {
  top: 4%;
  left: 4%;
  width: 8%;
}

.floting2-pro {
  bottom: 7%;
  left: 41%;
  width: 11%;
  transform: rotate(132deg);
}

.floting3-pro {
  top: 53%;
  left: 78%;
  width: 17%;
}

.floting4-pro {
  top: 15%;
  left: 59%;
  width: 11%;
}

.floting2-news-pro {
  right: 15%;
  top: 40%;
}

.floting4-pro1 {
  top: 15%;
  left: 59%;
  width: 11%;
}

.featurette-inn1 {
  text-align: center;
  margin-top: 2rem;
  position: relative;
}

.featurette-inn1 h1 {
  font-size: 28px;
  font-weight: 400;
  color: #293895;
  margin-top: 160px;
  margin-bottom: 0rem;
}

.featurette-inn1 p {
  font-size: 16px;
  color: #727272;
  font-weight: 300;
}

.featurette-inn1 h2 {
  font-size: 24px;
  color: #000000;
  margin-bottom: 0.5rem;
}

.featurette-inn1 h2::before {
  content: '';
  border-bottom: 4px solid #293895;
  width: 86px;
  display: block;
  margin: 0 auto;
  margin-top: 12px;
  margin-bottom: 12px;
}

.pro-section {
  padding: 0rem 0 2rem;
  background-image: url(../../img/inner-product-page/top-pro.png);
  background-color: #ffffff;
  background-origin: border-box;
  background-size: inherit;
  background-position: top;
  background-repeat: no-repeat;
  margin-top: 5rem;
}

.floting-pro-sec {
  width: 54px;
  height: auto;
  position: absolute;

}

.floting-pro-sec img {
  width: 40px;
}

.floting1-pro-sec {
  top: 53%;
  left: 19%;
  width: 8%;
  transform: rotate(151deg);
}

.floting2-pro-sec {
  bottom: 42%;
  right: 9%;
  width: 11%;
  transform: rotate(132deg);
}

.floting4-pro-sec {
  top: 15%;
  left: 11%;
  width: 11%;
}

.floting2-news-pro-sec {
  right: 15%;
  top: 40%;
}

.floting4-pro1-sec {
  top: 15%;
  left: 59%;
  width: 11%;
}

.shadow-pro {
  border: none;
  box-shadow: 7px 9px 7px #efefef;
}

.bd-placeholder-img1 {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 66%;
  margin: 0 auto;
  padding: 1rem 1rem 0 1rem;
  object-fit: contain;
}

.news-sliter-pro {
  padding: 0rem 0 2rem;
  background-color: #ffffff;
}

.banner-inner-pro {
  background-image: url(../../img/inner-pro.jpg);
  background-origin: border-box;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 500px;
}

.container.productdtls-frame {
  max-width: 1100px;
}

/* for search */

.card7 {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  /* background-color: #fff; */
  background-clip: border-box;
  /* border: 1px solid rgba(0, 0, 0, 0.125); */
  border-radius: 0.25rem;
  margin-top: -160px;
}

.cap {
  padding-top: 90px;
  color: #293895;
}

.banner-inner-serarch {
  background-image: url(../../img/inner-pro.jpg);
  background-origin: border-box;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0rem 0 6rem 0px;
}

.banner-inner-serarch h1 {
  font-size: 2rem;
  color: #293895;
}

.banner-search {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 51%;
  margin: 0 auto;
}

.btn-ser {
  background-color: #293895;
  border-color: #293895;
}

.content-inner-se h1 {
  font-size: 19px;
  color: #293895;
  margin-bottom: 1.3rem;
}

.se-img img {
  width: 51%;
  margin: 0 auto;
  display: block;
}

.mo-nav-close {
  display: flex;
  border: solid 1px #293895;
  border-radius: 50px;
  background-color: #293895;
  width: 42px;
  height: 42px;
  margin-right: 1.8rem;
  justify-content: center;
  align-items: center;
}

.mo-nav-close a {
  color: #ffffff;
}

/*.newsbanner-inner {
  background-image: url(../../img/download.jpeg);
  background-origin: border-box;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 350px;

}

 .innernews-social {

  background: #ffffff;
  padding: 1.5rem 1.5rem;
  box-shadow: 0px 0px 16px 4px rgb(165 165 165 / 34%);
  width: 100%;
  position: relative;
  border-radius: 70px;

} */

.small-img {
  width: 80%;
}

/* product inner details styles */
.productinner-photo {
  background-image: url(../../img/shutterstock_1091098262.jpeg);
  background-size: 100%;
  background-position-y: bottom;
  background-repeat: no-repeat;
  width: 100%;
  height: 500px;
}

.content-shadow {
  align-items: center;

  box-shadow: 1px 1px 2px black, 0 0 25px rgb(235, 235, 238), 0 0 5px rgb(220, 220, 233);
  border-radius: 15px;
}

.icon-card-wrap {
  padding: 5px;
}

.icon-card-half {
  /* background-color: red; */
  -webkit-box-shadow: 0px 0px 2px 1px rgba(186, 186, 186, 0.15);
  -moz-box-shadow: 0px 0px 2px 1px rgba(186, 186, 186, 0.15);
  box-shadow: 0px 0px 2px 1px rgba(186, 186, 186, 0.15);
  border-radius: 5px;
  /* min-height: 100px; */
  display: flex;
  padding: 5px;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
}

.icon-card-half img {
  width: 50px;
  height: 50px;
  padding: 6px;
  -webkit-box-shadow: 0px 0px 5px 2px rgba(186, 186, 186, 0.15);
  -moz-box-shadow: 0px 0px 5px 2px rgba(186, 186, 186, 0.15);
  box-shadow: 0px 0px 5px 2px rgba(186, 186, 186, 0.15);
  border-radius: 50%;
}

.icon-card-half .icon-card-text {
  margin-left: 15px;
  padding-top: 5%;
}

.icon-card-half .icon-card-text h6 {
  margin: 0;
  line-height: 1;
  color: #293895;
  font-size: 16px;
  text-align: left;
}

.icon-card-half .icon-card-text p {
  color: #828282;
  font-weight: normal;
  line-height: 1;
  font-size: 12px;
  margin-top: 5px;
  text-align: left;
}

.icon-card-bottom-wrap {
  -webkit-box-shadow: 0px 0px 2px 1px rgba(186, 186, 186, 0.15);
  -moz-box-shadow: 0px 0px 2px 1px rgba(186, 186, 186, 0.15);
  box-shadow: 0px 0px 2px 1px rgba(186, 186, 186, 0.15);
  border-radius: 5px;
  min-height: 100px;
  display: flex;
  padding: 8px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.icon-card-left {}

.icon-card-left h6 {
  line-height: 1;
  color: #293895;
  font-size: 16px;
}

.icon-card-left p {
  color: #828282;
  font-weight: normal;
  line-height: 1;
  font-size: 12px;
  margin-top: 5px;
}

.icon-card-right img {
  width: 100px;
  height: 100px;
  object-fit: contain;
}

.icon-card-social-icons {
  flex-direction: row;
}

.icon-card-social-icons img {
  width: 32px;
  height: 32px;
  margin: 0 5px;
}

/* news and news inner styles */

.newsbanner-inner {
  background-image: url(../../img/download.jpeg);
  background-origin: border-box;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 500px;
}

.news-inner-carousel {
  margin-top: 2%;
}

.news-inner-carousel .carousel-item {
  height: 56vh;
}

.news-inner-carousel .carousel-item img {
  object-fit: cover;
}

.innernews-social {

  background: #ffffff;
  padding: 1.0rem 1.0rem;
  box-shadow: 0px 0px 16px 4px rgb(165 165 165 / 34%);
  width: 70px;
  position: relative;
  height: max-content;
  border-radius: 70px;
}

.carousel-inner {
  border-radius: 5px;
}

.news_inner_card {
  margin-top: -200px
}

.small-img {
  width: 80%;
}

.newsinnerbanner-btn-left {
  width: 50px;
  height: 100px;
  top: 35%;
  color: #293895;
  box-shadow: 0px 0px 26px #d2d2d2;
  border-top-right-radius: 100px;
  background: #fff;
  border-bottom-right-radius: 100px;
}

.newsinnerbanner-btn-right {
  width: 50px;
  height: 100px;
  top: 35%;
  color: #293895;
  box-shadow: 0px 0px 26px #d2d2d2;
  border-top-left-radius: 100px;
  background: #fff;
  border-bottom-left-radius: 100px;
}

.text-see {
  display: none;
}

.inner::after {
  content: '';
  border-bottom: 1px solid #c1c1c5;
  width: 100%;
  display: block;
  margin: 0 auto;
  margin-top: 12px;
  margin-bottom: 12px;
}

@media screen and (max-width: 1024px) {
  .innernews-social {
    display: none;
  }

  .fact-content {
    height: 200px;
  }
}

.hide {
  display: none;
}

.para-lg {
  font-size: 16px !important;
}

.donut_img {
  width: 65%;
  display: block;
  margin: 0 auto;
}

.h1-lg {
  font-size: 25px;
  margin-top: 20px;
}

.para-dense {
  line-height: 1;
}

.para-dense-2 {
  line-height: 1;
  margin-left: -30px;
}

.para-icon-inline {
  display: block;
  float: left;
}

.search-content {
  transition: ease-in-out all 0.7s;
}

.search-content:hover {
  margin-top: -15px;
  transform: scale(1.02);
}

.map-style {
  height: 400px;
  width: 100%;
}

.map-style-sm {
  height: 173px;
  width: 100%;
  padding: 20px;
}

.map-tab {
  cursor: pointer;
  padding: 5px;
  transition: ease-in-out all 0.8s;
}

.map-tab a {
  text-decoration: none !important;
  font-size: 14px;
}

.map-tab:hover {
  margin-top: -1px;
  transform: scale(1.01);
  border: solid 1px blue;
}

.img-drop {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #e5e5e5;
  padding: 10px;
  width: 16rem;
}

.img-drop img {
  width: 32px;
  height: 32px;
  margin-left: 10px;
}

.img-drop span {
  font-size: 16px;
  margin-left: 20px;
}









/*=========================== Maastrix ===========================*/

.whoarewe .contener-re-inner .col-lg-4 {
  position: relative;
}

.whoarewe .contener-re-inner .col-lg-4:first-child::after {
  position: absolute;
  content: '';
  border-top: 2px dashed #bcbcbc;
  width: 75%;
  top: 50px;
  height: 40px;
  left: 63%;
  z-index: 0;
}

.whoarewe .contener-re-inner .col-lg-4:nth-child(2)::after {
  position: absolute;
  content: '';
  border-top: 2px dashed #bcbcbc;
  width: 75%;
  top: 50px;
  height: 40px;
  left: 63%;
  z-index: 0;
}

.whoarewe .contener-re-inner .col-lg-4:first-child::before {
  position: absolute;
  content: '';
  top: 40px;
  height: 20px;
  right: 35%;
  background-color: #293895;
  border-radius: 50%;
  width: 20px;
  z-index: 2;
}

.whoarewe .contener-re-inner .col-lg-4:nth-child(2)::before {
  position: absolute;
  content: '';
  top: 40px;
  height: 20px;
  left: 35%;
  background-color: #9772fe;
  border-radius: 50%;
  width: 20px;
  z-index: 2;
}

.whoarewe .contener-re-inner .col-lg-4:nth-child(3)::after {
  position: absolute;
  content: '';
  top: 40px;
  height: 20px;
  left: 35%;
  background-color: #4ddffe;
  border-radius: 50%;
  width: 20px;
  z-index: 2;
}

.whoarewe .contener-re-inner .col-lg-4:nth-child(3)::before {
  position: absolute;
  content: '';
  top: 40px;
  height: 20px;
  left: -39%;
  background-color: #9772fe;
  border-radius: 50%;
  width: 20px;
  z-index: 1;
}

.com-1.fact-com:after {}

.fact-com {
  z-index: 1;
  position: relative;
}

.axgmap {
  width: 100%;
  height: 1200px;
  border: solid 1px #ccc;
}

.gm-style-iw.gm-style-iw-c {
  max-width: 400px !important;
  max-height: 700px !important;
  border-radius: 0px !important;
  border: none !important;
  padding: 30px 30px 10px 30px !important;
}

.axgmap h5 {
  color: #00263E;
  font-size: 24px;
  margin: 0px 0px 5px 0px;
}

.axgmap p {
  color: #434343;
  font-size: 16px;
  line-height: 30px;
  margin: 0px;
}

.axgmap ul {
  margin-top: 10px;
  margin-bottom: 30px;
}

.axgmap li {
  position: relative;
  font-size: 16px;
  color: #00263E;
  padding: 5px 0px 0px 46px;
  margin: 0px 0px 20px 0px;
}

.axgmap li i {
  position: absolute;
  left: 0px;
  top: -4px;
  background-color: #003876;
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  color: #fff;
  text-align: center;
  border-radius: 50%;
}

.axgmap li.telp a {
  text-decoration: none;
}

.axgmap li.telp a:hover {
  text-decoration: underline;
}

.axgmap li a {
  text-decoration: underline;
}

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

.axgmap li:last-child {
  margin-bottom: 0px;
}

.banner-inner-serarch {
  background-image: url(../../img/inner-pro.jpg);
  background-size: 100%;
  background-position-y: 25%;
  background-repeat: no-repeat;
  width: 100%;
  height: 480px;
  /* margin-top: 12%; */
  padding-top: 10%;
}



@media only screen and (min-width:1401px) and (max-width:1500px) {}

@media only screen and (min-width:1301px) and (max-width:1400px) {
  .whoarewe .contener-re-inner .col-lg-4:first-child::after {
    width: 68%;
    height: 40px;
    left: 64%;
  }

  .whoarewe .contener-re-inner .col-lg-4:nth-child(2)::after {
    width: 68%;
    height: 40px;
    left: 64%;
  }

  .whoarewe .contener-re-inner .col-lg-4:first-child::before {
    top: 40px;
    right: 32%;
  }

  .whoarewe .contener-re-inner .col-lg-4:nth-child(2)::before {
    top: 40px;
    left: 32%;
  }

  .whoarewe .contener-re-inner .col-lg-4:nth-child(3)::after {
    top: 40px;
    left: 32%;
  }

  .whoarewe .contener-re-inner .col-lg-4:nth-child(3)::before {
    top: 40px;
    left: -36%;
  }
}

@media only screen and (min-width:1200px) and (max-width:1300px) {
  .whoarewe .contener-re-inner .col-lg-4:first-child::after {
    width: 62%;
    height: 40px;
    left: 68%;
  }

  .whoarewe .contener-re-inner .col-lg-4:nth-child(2)::after {
    width: 65%;
    height: 40px;
    left: 64%;
  }

  .whoarewe .contener-re-inner .col-lg-4:first-child::before {
    top: 40px;
    right: 29%;
  }

  .whoarewe .contener-re-inner .col-lg-4:nth-child(2)::before {
    top: 40px;
    left: 29%;
  }

  .whoarewe .contener-re-inner .col-lg-4:nth-child(3)::after {
    top: 40px;
    left: 29%;
  }

  .whoarewe .contener-re-inner .col-lg-4:nth-child(3)::before {
    top: 40px;
    left: -36%;
  }



}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .whoarewe .contener-re-inner .col-lg-4:first-child::after {
    width: 62%;
    height: 40px;
    left: 68%;
  }

  .whoarewe .contener-re-inner .col-lg-4:nth-child(2)::after {
    width: 65%;
    height: 40px;
    left: 64%;
  }

  .whoarewe .contener-re-inner .col-lg-4:first-child::before {
    top: 40px;
    right: 29%;
  }

  .whoarewe .contener-re-inner .col-lg-4:nth-child(2)::before {
    top: 40px;
    left: 29%;
  }

  .whoarewe .contener-re-inner .col-lg-4:nth-child(3)::after {
    top: 40px;
    left: 29%;
  }

  .whoarewe .contener-re-inner .col-lg-4:nth-child(3)::before {
    top: 40px;
    left: -36%;
  }

}

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

  .whoarewe .contener-re-inner .col-lg-4::after,
  .contener-re-inner .col-lg-4::before {
    display: none !important;
  }
}

@media only screen and (max-width:767px) {
  .banner-inner-serarch {
    padding-top: 25% !important;
    height: 480px;

  }

  .productinner-photo {
    height: 280px;
    background-size: cover;
  }

  .whoarewe .contener-re-inner .col-lg-4::after,
  .contener-re-inner .col-lg-4::before {
    display: none !important;
  }
}

.copyright-bottom-fixed {
  position: fixed;
  width: 100%;
  bottom: 0;
}

.center-item {
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}

.vcenter-item {
  justify-content: center;
  display: flex;
  flex-direction: column;
}

.contact-heights {
  height: 40px;
}

.buttom-height {
  height: 40px;
}

.carousel-caption {
  position: inherit;
  padding-top: 6.25rem;
}

.mapInfo {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.mapImage {
  width: 191px;
  height: 191px;
}

.mapImage img {
  width: 191px;
  height: 191px;
  object-fit: cover;
}

.mapText {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 10px 20px;
}

.mapText h1 {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
}

.mapText span {
  margin: 5px 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  max-width: 85%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  color: #000;
}

.mapText span i {
  margin-right: 10px;
  border: 1px solid gray;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-content: center;
  line-height: 24px;
  flex: 0 0 24px;
}

.mapinfobtn {
  width: 100%;
  max-width: 200px;
  margin-top: 10px;
}

.gm-style-iw-c {
  min-width: 600px !important;
  min-height: 190px !important;
}

.gm-style .gm-style-iw-d {
  overflow: initial !important;
}

.gm-style-iw.gm-style-iw-c {
  /* padding: 0 !important; */
}

.gm-style-iw-d {
  max-height: 210px;
}

.thumbcrimages {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}

.carousel-thumbs {
  display: flex;
  margin-top: 20px;
}

.carousel-thumbs .thumb {
  margin-right: 20px;
  width: 200px;
  height: 150px;
  background: #000;
  border-radius: 5px;
}


.carousel-thumbs .thumb:last-child {
  margin-right: 0;
}


.carousel-thumbs .thumb:hover {
  cursor: pointer;
}


.carousel-thumbs .thumb img {
  opacity: 0.5;
}


.carousel-thumbs .thumb img:hover {
  opacity: 1;
}


.carousel-thumbs .thumb.active img {
  opacity: 1;
  border: 0px solid #808080;
}

.ba-btn {
  border: solid 1px #293895;
  color: #293895;
  background: transparent;
  font-size: 12px !important;
  padding: 10px 27px;
  border-radius: 30px;
}

.news-inner-card {
  width: 100%;
  height: 200px;
}

.contact-se-pa {
  padding: 1rem 0;
}







.howwe-work-mobile img {
  max-width: 100px;
}

.how-work-mobile {
  text-align: center;
}

.how-work-mobile .carousel-item,
.homeindexform .carousel-item {
  height: auto;
}

.how-work-mobile {
  display: none;
}

.how-work-mobile .carousel,
.carousel.slide.display-mobile.homeindexform {
  margin-top: 10px !important;
}


.display-desktp {
  display: block;
}

.display-mobile {
  display: none;
}

.homeindexform .carousel-inner {
  padding-top: 15px;
}



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

  .mob-d-none {
    display: none;
  }

  .how-work-mobile {
    display: block;
  }

  .display-desktp {
    display: none;
  }

  .display-mobile {
    display: block;
  }

  .icon-card-social-icons img {
    margin: 5px;
  }

  .navbar-brand {
    margin: 0 auto;
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    right: 0;
  }

  .main-navigation.fixed-top .d-flex {
    margin-left: auto;
  }

  .mo-nav-close {
    margin-right: 0 !important;
  }

  .banner-inner-serarch h1 {
    font-size: 20px;
  }

  .fact-content {
    height: auto !important;
  }

  .contact-heights {
    height: auto !important;
  }

  .form-outline {
    margin-bottom: 10px;
  }

  .contact .row.mb-4 {
    margin-bottom: 0px !important;
  }

  .contact {
    height: auto;
  }

  .col-md-12.con-addd {
    margin-top: 20px;
  }

  .section-sec.contact-se-pa {
    margin: 0px !important;
    padding: 0px !important;
  }

  .section-sec.contact-se-pa .contact.cont-page {
    margin-top: 0px !important;
  }

  .fact-content {
    height: auto;
    margin-bottom: 30px;
    padding-bottom: 20px;
  }

  .content-inner-new-con {
    padding: 1rem 1rem
  }

  .carousel.slide.multi-item-carousel.bottom-slider.mobile-hide-with {
    margin-top: 0px !important;
  }

  .section-sec .featurette h1 {
    margin-top: 0rem !important;
  }

  .featurette {
    padding-bottom: 20px;
  }

  .carousel.slide.multi-item-carousel.bottom-slider.mobile-hide-with .carousel-btn-left {
    top: 45%;
  }

  .carousel.slide.multi-item-carousel.bottom-slider.mobile-hide-with .carousel-btn-right {
    top: 45%;
  }

  div#myCarousel1 {
    margin-bottom: 30px;
  }

  .section-sec.cake {
    padding-top: 0px !important;
    margin-top: 20px;
  }

  .ba-btn-sec {
    margin: 20px 0px;
  }

  .section-sec {
    padding: 2rem 0 !important;
  }


}

.section-sec.contant {
  padding-bottom: 50px;
}

.product-banner {
  padding-top: 100px;
  display: grid;
}

.card-img-top-alt {
  width: 80%;
  display: block;
  margin: 0 auto;
}

.card-img-top-alt-sm {
  width: 50%;
  display: block;
  margin: 0 auto;
}

.content-inner-news h1 {
  margin-bottom: 0.5rem;
}

.card-body {
  padding: 0.5rem;
}

/*.ice-cream {
  padding: 0rem 0 1rem 0;
}*/

.newsinner-section {
  display: flex;
  padding: 0;
}

.carousel-control-next {
  right: -10px;
}

.carousel-control-prev {
  left: -10px;
}

.carousel-item.banner-4 {
  height: auto !important;
}

.carousel-caption.headding-slider {
  margin: 0;
  padding: 0;
}

.multi-item-carousel.bottom-slider.mobile-hide-with .carousel-se img {
  margin-top: 11%;
  margin-bottom: 11%;
}

.multi-item-carousel.bottom-slider.mobile-hide-with .carousel-item {
  height: auto !important;
}

.col-xl-6.col-lg-6.col-sm-12.pro-para.aos-init.aos-animate {
  padding-top: 0px;
}

.noafterbefore::after,
.noafterbefore::before {
  display: none !important;
}

.newsinner-section img {
  height: 100% !important;
}

.banner-inner-pro .carousel-item.active {
  height: auto;
}

.banner-inner-pro .carousel-caption {
  padding-top: 6.65rem;
}