


.logo {
  text-align: center;
  margin: 5px 0;
}

.logo img {
  width: 60%
}

nav {
  background: #FEF6EF !important;
}

.nav>li {
  margin: 5px 0
}

.nav>li>a {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #000 !important;padding: 10px 8px;
}

.sign {
  float: right;
  margin: 10px 0;
}

.sign li {
  list-style: none;
  float: left;
  padding: 10px 15px;
}

.sign li a {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #000;
}

.sign>li.active>a {
  background: #132C50;
  color: #fff;
  border-radius: 30px;
  padding: 10px 15px;
}


.slider {
  margin: 80px 0 0 0
}

.slider-inner .item {
  /*  height: 100vh;*/
  position: relative;
}

.slider-inner .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 25px
}

.slider-inner .item .cover {
  padding: 20px 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /*background: rgba(0, 0, 0, 0.6);*/
  /*display: flex;
  align-items: center;*/
}

.slider-inner .item .cover-inner {
  left: 60px;
  position: relative;
}

.slider-inner .owl-item.active h1 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
  color: #132C50;
  font-size: 35px;
  font-weight: 600;
}

.slider-inner .owl-item h2 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
  font-size: 16px;

}

.slider-inner .owl-item h4 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.3s;
  color: #132C50;
  font-size: 20px;
  font-weight: 600;
  margin-top: 60px;
  margin-bottom: 30px
}

.slider-inner .owl-item a {
  background: #132C50;
  color: #fff;
  border-radius: 15px;
  padding: 10px 20px;
}

.slider-inner .owl-item a:hover {
  text-decoration: none;
}

.slider-inner .owl-nav .owl-prev {
  position: absolute;
  left: 15px;
  top: 43%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  background: rgba(0, 0, 0, 0.5) !important;
  width: 40px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000;
  border-radius: 0;
}

.slider-inner .owl-nav .owl-prev span {
  font-size: 1.6875rem;
  color: #fff;
}

.slider-inner .owl-nav .owl-prev:focus {
  outline: 0;
}

.slider-inner .owl-nav .owl-prev:hover {
  background: #000 !important;
}

.slider-inner .owl-nav .owl-next {
  position: absolute;
  right: 15px;
  top: 43%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  background: rgba(0, 0, 0, 0.5) !important;
  width: 40px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000;
  border-radius: 0;
}

.slider-inner .owl-nav .owl-next span {
  font-size: 1.6875rem;
  color: #fff;
}

.slider-inner .owl-nav .owl-next:focus {
  outline: 0;
}

.slider-inner .owl-nav .owl-next:hover {
  background: #000 !important;
}

.slider-inner:hover .owl-prev {
  left: 0px;
  opacity: 1;
}

.slider-inner:hover .owl-next {
  right: 0px;
  opacity: 1;
}


.ecommerce-website-inner h2 {
  font-family: "Montserrat", sans-serif;
  color: #132C50;
  font-size: 50px;
  font-weight: 600;
  text-align: center;
  margin: 50px 0;
}

.ecommerce-website-box {

  position: relative;
  overflow: hidden;
  border-radius: 25px
}

.ecommerce-website-box-overly {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 100px 0;
  backdrop-filter: blur(10px);
}

.ecommerce-website-box-overly h3 {
  text-align: center;
  color: #fff;
  cursor: pointer;
  font-size: 40px
}

.ecommerce-website-box-overly h3:hover {
  transform: scale(1.1);
}

.ecommerce-website-box-one {

  position: relative;
  overflow: hidden;
  border-radius: 25px;
  height: 527px
}

.ecommerce-website-box-one-overly {
  position: absolute;
  padding: 50px 0;
  backdrop-filter: blur(8px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 80%;
  border-radius: 25px;
  text-align: center;
}

.ecommerce-website-box-one-overly h3 {
  text-align: center;
  color: #fff;
  cursor: pointer;
  font-size: 40px;
  line-height: 60px;
  font-style: italic;
  font-weight: 600;
  padding-bottom: 40px
}

.ecommerce-website-box-one-overly h3:hover {}

.ecommerce-website-box-one-overly a {
  background: #132C50;
  color: #fff;
  padding: 10px 15px;
  border-radius: 10px;
  text-transform: capitalize;
  font-style: italic;
  font-size: 20px;
}


.tabs {
  margin: 50px 0
}

.tabs h6 {
  text-align: center;
  text-transform: uppercase;
  color: #132C50;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 40px
}


.tabs .nav-tabs {
  border: none;
  text-align: center;
}

.tabs-nav {
  margin: 50px 0
}

.nav-tabs a {
  color: #fff;
  background: #E3AA72;
  border-radius: 25px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  padding: 10px 30px;
  margin: 0 30px 0 0;
}

.nav-tabs a:hover {
  text-decoration: none;
}

.nav-tabs a.active {
  background: #000;
  text-decoration: none;
}

/*.nav-tabs a:hover{ background: #000; text-decoration: none; }
*/

.what-can-inner-bt{ text-align: center;margin: 50px 0; }
.what-can-inner-bt a{ background: #E3AA72; color: #fff; padding: 10px 25px; border-radius: 20px; margin-right: 30px }
.img1{ margin-bottom: 20px }


.template {
  background-color: #FEF6EF;
  padding: 50px 0
}

.template h4 {
  text-align: center;
  color: #132C50;
  font-size: 40px
}

.template p {
  text-align: center;
  color: #132C50;
  padding-bottom: 40px; font-weight: bold;
}

.template-bt {
  text-align: center;
  margin: 50px 0 0 0;
}

.template-bt a {
  background: #132C50;
  color: #fff;
  border-radius: 9px;
  padding: 10px 15px;
  text-align: center;
}

.template .item img {
  height: 100%;
  object-fit: cover;
}

.template .owl-nav button {
  position: absolute;
  top: 50%;
  background-color: #000;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
}

.owl-nav button.owl-prev {
  left: 0;
}

.owl-nav button.owl-next {
  right: 0;
}

.template .owl-dots {
  text-align: center;
  padding-top: 15px;
}

.template .owl-dots button.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background: #E3AA72 !important;
  margin: 0 3px;
}

.template .owl-dots button.owl-dot.active {
  background-color: #132C50 !important;
}

.owl-dots button.owl-dot:focus {
  outline: none;
}

.template .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.38) !important;
}


.owl-nav button:focus {
  outline: none;
}

.template .owl-item {
  height: 300px !important;
  /* Adjust this value as needed */
  display: flex;
}

.template .item {
  width: 100%;
}

.why-work {
  margin: 50px 0 0 0
}

.why-work h4 {
  text-align: center;
  color: #132C50;
  font-size: 40px
}

.why-work p {
  text-align: center;
  color: #132C50;
  padding-bottom: 40px; font-weight: bold;
}

.why-work1 img {
  width: 100%
}

.why-work1 {
  margin-bottom: 20px
}

.why-work2 img {
  width: 100%
}

.why-go {
  background: #FEF6EF;
  padding: 50px 0;
  margin: 50px 0 0 0;
}
.why-go-img{ text-align: center;margin: 80px 0; }
.why-go-img img{ width: 75% }
.why-go-inner {
  padding: 100px 0;
}

.why-go-inner h4 {
  color: #132C50;
  font-size: 40px;

  line-height: 50px;
  text-align: left;
}

.why-go-inner p {
  color: #132C50;

  text-align: left;
  font-size: 22px;
}

.footer-big {
  padding: 50px 0;
  width: 100%;

}

.why-go-inner a {
  background: #132C50;
  color: #fff;
  padding: 10px 15px;
  border-radius: 10px;
  margin-top: 20px;
  float: left;
}

.footer-widget {
  margin-top: 50px
}

.footer-area {
  background-image: url(../img/footer.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%
}

.footer-menu {}

.footer-menu ul li a {
  font-size: 15px;
  line-height: 32px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.footer-menu ul li a:hover {
  color: #5867dd
}

.footer-menu--1 {
  width: 100%
}

.footer-widget-title {
  margin-bottom: 10px;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
}

.mini-footer {
  background: #192027;
  text-align: center;
  padding: 32px 0
}

.mini-footer p {
  margin: 0;
  line-height: 26px;
  font-size: 15px;
  color: #999
}

.footer-contact p {
  color: #fff;
  font-size: 15px;
  line-height: 30px;
  padding: 0 150px 0 0;
}

.footer-menu ul {
  padding: 0
}

.footer-menu ul li {
  list-style: none;
}

.footer-menu ul li a {
  color: #fff;
  font-size: 15px;
  line-height: 30px;
}

.find {
  float: left;
  width: 100%;
}

.find h4 {
  color: #fff;
  text-transform: capitalize;
  font-weight: bold;
  font-size: 20px;
}

.find li {
  float: left;
  margin-right: 10px;
}

.find li a {}

.payment {
  float: left;
  width: 100%;
}

.payment li {
  float: left;
  margin-right: 10px;
}

.payment li a {}

.payment img {
  width: 40px
}

.mini-footer p a {
  color: #5867dd
}

.mini-footer p a:hover {
  color: #34bfa3
}

.widget-about {
  text-align: center;
}

.widget-about img {
  width: 40%;
  margin: 20px 0;
}

.widget-about p {
  font-weight: 400;
  color: #fff;
  padding: 0 50px;
  font-size: 16px
}


.footer-bottom {
  text-align: center;
  margin: 50px 0 0 0;
}

.footer-bottom h4 {
  font-weight: bold;
  padding-bottom: 10px;
  color: #fff
}

.footer-bottom p {
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  padding-top: 10px;
}
body{ }

.privacy-inner{ margin: 100px 0 }
.privacy-inner h2{ font-size: 20px;
  font-weight: bold;}






.nav-desk{ display: block; }
.nav-ph{ display: none }
 @media only screen and (min-width: 240px) and (max-width: 600px) {
     
    .nav-desk{ display: none }
    .nav-ph{ display: block }

   
    .nav-ph .logo img{ width: 30% }
    .nav-ph .navbar{ float: right; margin-bottom: 0 }
      .nav-ph .navbar-toggle {
    margin-top: 10px;
    background: #132C50;
    border: none;
    color: #fff;
  }
     .navbar-toggle .icon-bar{ background-color: #fff  !important}
    .nav-ph .sign{ float: left;padding: 0 }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: #E3AA72 }
    .cover-inner{ left: 0 !important}
    .slider-inner .owl-item.active h1{ font-size: 13px }
    .slider-inner .owl-item h2{ font-size: 10px }
    .slider-inner .owl-item h4{ margin-top: 6px; font-size: 8px; margin-bottom: 8px }
    .slider-inner .owl-item a {padding: 8px 10px;font-size: 10px;}
    .ecommerce-website-inner h2{ font-size: 20px; margin: 20px 0 }
    .ecommerce-website-box-overly{ padding: 20px 0 }
    .ecommerce-website-box-overly h3{font-size: 15px;line-height: 25px;}
    .ecommerce-website-box{ margin-bottom: 20px }
    .ecommerce-website-box-one{ height: 400px }
    .ecommerce-website-box-one-overly h3{ font-size: 20px; line-height: 25px }
    .tabs{ margin: 10px 0 }
    .tabs h6{ font-size: 16px }
      .what-can-inner-bt {
    margin: 0px 0;
    float: left;
  }
    .what-can-inner-bt a {margin-right: 5px;
  width: 48%;
  float: left;
  margin-bottom: 10px;}
  
  .template h4{ font-size: 25px }
  .template p {
  padding-bottom: 0;
  font-weight: normal;
  font-size: 11px;
}
.why-work {
  margin: 10px 0 0 0;
}
.why-work h4{ font-size: 25px }
.why-work p {
  padding-bottom: 0;
  font-weight: normal;
  font-size: 10px;
}

.why-work1 img, .why-work2 img{ margin-bottom: 20px }
.why-go{ margin: 0px }
.why-go-img{ margin: 0px }
.why-go-img img{ width: 100% }
.why-go-inner{ padding:0px; text-align: center;}
.why-go-inner h4 {
  font-size: 28px;
  line-height: 30px;
  text-align: center;
}
.why-go-inner p {
  text-align: center;
  font-size: 18px; margin-bottom: 30px

}

.why-go-inner a{ float: none; }


.footer-widget{ text-align: center; }
.footer-bottom {
  text-align: center;
  margin: 20px 0 0 0;
  float: left;
}
.footer-contact p{ padding: 0px }

.find, .payment{ padding: 0 15px !important }
.payment li{ margin: 0 10px }

.privacy-inner{ margin: 50px 0 }












}