/*
Theme Name: Miltabe
Text Domain: miltabe
Version: 77.8.158
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

.home-main-sec {
  position: relative;
  color: #000000;
  background-color: #ffffff;
  z-index: 1;
}

.home-main-sec .hero-box {
  position: relative;
  padding: 120px 0px 120px 100px;
  z-index: 1;
}

.home-main-sec .hero-box::before {
  content: "";
  position: absolute;
  background-image: linear-gradient(114deg, #CCDAF9, #F6E3F1, #FAF5EE);
  border-radius: 30px 30px 30px 140px;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}

.home-main-sec .hero-box .pos-img .hero-girl-img {
  position: absolute;
  top: 9%;
  z-index: -1;
  width: 35%;
  right: 7%;
}

.home-main-sec .hero-box .pos-img .sim-one {
  position: absolute;
  top: 12%;
  right: 33%;
  animation: zoom-in-zoom-out 4s ease-out infinite;
}

.home-main-sec .hero-box .pos-img .sim-two {
  position: absolute;
  top: 4%;
  right: 20%;
  animation: zoom-in-zoom-out 5s ease-out infinite;
}

.home-main-sec .hero-box .pos-img .sim-three {
  position: absolute;
  right: 1%;
  top: 29%;
  animation: zoom-in-zoom-out 3s ease-out infinite;
}

.home-main-sec .hero-box .pos-img .sim-four {
  position: absolute;
  top: 50%;
  right: 28%;
  animation: zoom-in-zoom-out 2s ease-out infinite;
}

.home-main-sec .hero-box .pos-img .sim-five {
  position: absolute;
  right: 37%;
  top: 33%;
  animation: zoom-in-zoom-out 6s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(1.3, 1.3);
  }

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

.home-main-sec .content-box ul {
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.home-main-sec .content-box ul li a {
  color: #722B8A;
}

.home-main-sec .content-box ul li a img {
  margin-left: 4px;
}

.home-provider-sec {
  padding: 120px 0px;
  background-color: #ffffff;
  position: relative;
  color: #000000;
}

.home-provider-sec .marquee {
  height: 60px;
  position: relative;
  width: 100%;
  display: grid;
  place-items: center;
  overflow: hidden;
}

.home-provider-sec .marquee .marquee-content {
  width: 3000px;
  display: flex;
  -moz-column-gap: 80px;
  column-gap: 80px;
  animation: marquee 20s linear infinite;
  justify-content: space-between;
}

.home-milta-sec {
  position: relative;
  background-color: #ffffff;
}

.home-milta-sec .gray-box {
  padding: 80px;
  background: linear-gradient(304deg, #CCDAF9, #F6E3F1, #FAF5EE);
  border-radius: 50px;
  color: #000000;
}

.home-milta-sec .gray-box a {
  color: #000000;
}

.home-milta-sec .gray-box a .milta-box {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0px 3px 99px rgba(0, 0, 0, 0.031372549);
}

.home-milta-sec .gray-box a .milta-box .milta-img {
  transition: transform 0.5s ease-in-out;
}

.home-milta-sec .gray-box a .milta-box .white-box {
  padding: 50px 40px 40px 40px;
  background-color: #F4EEFA;
  border: 1px solid #ffffff;
  position: relative;
  z-index: 1;
}

.home-milta-sec .gray-box a .milta-box .white-box p img {
  margin-left: 8px;
}

.home-milta-sec .gray-box a .milta-box:hover .milta-img {
  transform: scale(1.1);
}

.home-milta-sec .gray-box a .milta-box:hover .white-box {
  background-color: #ffffff;
}

.home-milta-sec .gray-box a .milta-box:hover .arrow-btn img {
  animation: arrow 1s ease-in-out infinite;
}

.home-solutions-sec {
  padding: 150px 0px;
  background-color: #ffffff;
  position: relative;
  color: #000000;
}

.home-solutions-sec .solutions-box {
  border-radius: 20px;
  padding: 60px 40px 90px 40px;
  height: 100%;
  background-image: linear-gradient(329deg, #CCDAF9, #F6E3F1, #FAF5EE);
  position: relative;
}

.home-solutions-sec .solutions-box .btn-link {
  position: absolute;
  bottom: 40px;
  left: 50px;
}

.home-solutions-sec .solutions-box .img-pos {
  position: absolute;
  right: 50px;
  bottom: 23px;
}

.home-solutions-sec .box-two {
  background-image: linear-gradient(34deg, #CCDAF9, #F6E3F1, #FAF5EE);
}

.home-solutions-sec .box-three {
  background-image: linear-gradient(233deg, #CCDAF9, #F6E3F1, #FAF5EE);
  padding: 30px 0px 40px;
}

.home-solutions-sec .box-three .content {
  padding: 18px 40px 40px;
}

.home-solutions-sec .box-four {
  background-image: linear-gradient(158deg, #CCDAF9, #F6E3F1, #FAF5EE);
}

.home-partner-sec {
  padding: 0px 0px 150px;
  position: relative;
  background-color: #ffffff;
  color: #000000;
}

.home-partner-sec .img-box {
  border-radius: 0px 20px 80px 0px;
}

.home-faq-sec {
  background: linear-gradient(294deg, #CCDAF9, #F6E3F1, #FAF5EE);
  padding: 120px 0px;
  position: relative;
  border-radius: 50px;
  color: #000000;
}

.home-faq-sec .faq-img {
  border-radius: 30px;
  overflow: hidden;
}

.home-faq-sec .accordion .accordion-item {
  padding: 0px;
  border-radius: 15px;
  border: none;
}

.home-faq-sec .accordion .accordion-item .accordion-header .accordion-button {
  padding: 30px 30px 0px 30px;
  color: #000000;
  font-weight: 600;
  border-radius: 15px;
  font-size: 20px;
  line-height: 26px;
}

.home-faq-sec .accordion .accordion-item .accordion-header .accordion-button:focus {
  box-shadow: none;
  border: none;
  outline: none;
}

.home-faq-sec .accordion .accordion-item .accordion-header .accordion-button::after {
  background-size: contain;
  width: 15px;
  height: 15px;
}

.home-faq-sec .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  background-color: #ffffff;
  box-shadow: none;
}

.home-faq-sec .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  filter: brightness(0) invert(0);
  background-size: contain;
  width: 15px;
  height: 15px;
}

.home-faq-sec .accordion .accordion-item .accordion-body {
  padding: 15px 30px 30px 30px;
  color: #000000;
  font-size: 16px;
  line-height: 24px;
}

.home-faq-sec .accordion .accordion-button.collapsed {
  background-color: #F6F7FF;
  padding-bottom: 30px !important;
}

.home-app-sec {
  padding: 0px 0px 0px;
  position: relative;
  background-color: #ffffff;
  color: #000000;
}

.home-app-sec .app-box {
  padding: 44px 80px 0px 80px;
  border-radius: 50px;
  background-image: linear-gradient(290deg, #CCDAF9, #F6E3F1, #FAF5EE);
  overflow: hidden !important;
}

.home-app-sec .app-box ul {
  -moz-column-gap: 14px;
  column-gap: 14px;
}

.home-app-sec .app-box .msg-one {
  position: absolute;
  bottom: -30%;
  left: 15%;
  width: 76px;
  height: 61px;
}

.home-app-sec .app-box .paper-plane-img {
  position: absolute;
  bottom: -15%;
  right: -5%;
}

.home-app-sec .app-box .msg-two {
  position: absolute;
  top: 10%;
  left: -20%;
}

.home-app-sec .app-box .andriod-img {
  position: absolute;
  bottom: 0%;
  left: -12%;
  animation: rocket 5s infinite;
}

.home-app-sec .app-box .apple-img {
  position: absolute;
  top: 17%;
  right: -2%;
  animation: rocket 3s infinite;
}

.home-blog-sec {
  padding: 120px 0px;
  position: relative;
  background-color: #ffffff;
  color: #000000;
}

.home-blog-sec .slider-box {
  width: 94%;
  height: 100%;
}

.home-blog-sec .blog-box {
  overflow: hidden;
  border-radius: 15px;
}

.home-blog-sec .blog-box .blog-img {
  transition: transform 0.5s ease-in-out;
}

.home-blog-sec .blog-box .content-box {
  background-color: #F5F5F7;
  padding: 25px 25px 30px;
  position: relative;
  color: #000000;
}

.home-blog-sec .blog-box .content-box p img {
  margin-left: 8px;
}

.home-blog-sec .blog-box .content-box .blue-color {
  display: flex;
  align-items: center;
}

.home-blog-sec .blog-box:hover .blog-img {
  transform: scale(1.1);
}

.home-blog-sec .blog-box:hover .arrow-btn img {
  animation: arrow 1s ease-in-out infinite;
}

.home-milta-partner-sec {
  position: relative;
  padding: 80px 0px;
  overflow: hidden;
  background: url(./assets/images/home/partner-banner.png) no-repeat;
  background-size: cover;
  background-color: #722B8A;
  color: #ffffff;
  text-align: center;
}

.home-milta-partner-sec ul {
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.home-milta-partner-sec ul li .btn-link {
  border-color: #ffffff;
  color: #ffffff;
}

.home-milta-partner-sec ul li .btn-link:hover {
  border-color: #ffffff;
  color: #722B8A;
  background-color: #ffffff;
}

.home-milta-partner-sec .paper-plane-img {
  position: absolute;
  right: -50%;
  top: 0%;
}

.about-main-sec {
  position: relative;
  color: #000000;
}

.about-main-sec .main-one {
  position: relative;
  z-index: 1;
  padding: 140px 0px;
  color: #000000;
}

.about-main-sec .main-one::before {
  content: "";
  position: absolute;
  background-image: linear-gradient(118deg, #CCDAF9, #F6E3F1, #FAF5EE);
  border-radius: 0px 30px 180px 0px;
  width: 59%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}

.about-main-sec .main-one::after {
  content: "";
  position: absolute;
  background: url(./assets/images/about/about-main.png) no-repeat;
  background-size: cover;
  border-radius: 150px 0px 0px 30px;
  width: 39%;
  height: 100%;
  right: 0;
  top: 0;
  z-index: -1;
}

.about-main-sec .main-one h6 {
  color: #722B8A;
}

.about-vision-sec {
  padding: 150px 0px 0px;
  position: relative;
  background-color: #ffffff;
  color: #000000;
}

.about-vision-sec .vision-box,
.about-vision-sec .mission-box {
  padding-top: 80px;
  position: sticky;
  top: 0;
}

.about-vision-sec .vision-box .gray-box,
.about-vision-sec .mission-box .gray-box {
  border-radius: 30px;
  overflow: hidden;
  background: linear-gradient(310deg, #CCDAF9, #F6E3F1, #FAF5EE);
  height: 100%;
}

.about-vision-sec .vision-box .gray-box img,
.about-vision-sec .mission-box .gray-box img {
  height: 510px;
  -o-object-fit: cover;
  object-fit: cover;
}

.about-vision-sec .vision-box .our-box,
.about-vision-sec .mission-box .our-box {
  padding: 60px;
}

.about-vision-sec .vision-box .our-box h3,
.about-vision-sec .mission-box .our-box h3 {
  margin-bottom: 220px;
}

.about-provider {
  padding: 150px 0px 0px;
}

.aboout-milta-sec {
  position: relative;
  background-color: #ffffff;
}

.aboout-milta-sec .milta-img {
  border-radius: 20px 20px 20px 80px;
  overflow: hidden;
}

.contact-main-sec {
  position: relative;
  background-color: #ffffff;
  padding: 108px 0px 120px 0px;
  color: #000000;
}

.contact-main-sec a {
  color: #000000;
}

.contact-main-sec .help-box {
  padding: 50px 20px;
  border-radius: 20px;
  background-color: #F5F5F7;
  height: 100%;
}

.contact-main-sec .help-box img {
  width: 100px;
  height: 80px;
}

.contact-form-sec {
  padding: 120px 0px;
  background: linear-gradient(292deg, #CCDAF9, #F6E3F1, #FAF5EE);
  position: relative;
  border-radius: 50px;
  color: #000000;
}

.contact-form-sec .text-box {
  position: sticky;
  top: 10%;
}

.contact-form-sec .sm-view {
  row-gap: 25px;
}

.contact-form-sec .white-box {
  padding: 50px;
  background-color: #ffffff;
  border-radius: 20px;
  border: 1px solid #DDDDDF;
}

.contact-form-sec .white-box form .form-grp .form-control {
  font-size: 16px;
  line-height: 24px;
  border: 1px solid #DDDDDF;
  border-radius: 4px;
  padding: 15px;
}

.contact-form-sec .white-box form .form-grp .form-control:focus {
  box-shadow: none;
}

.contact-form-sec .white-box form .form-grp label {
  font-size: 16px;
  line-height: 24px;
  color: #707070;
  margin-bottom: 10px;
}

.contact-form-sec .white-box form .form-grp .form-select {
  padding: 15px;
}

.contact-form-sec .white-box form .form-grp .form-select:focus {
  box-shadow: none;
  border: 1px solid #DDDDDF;
}

.contact-form-sec .white-box form textarea {
  padding: 15px 15px 70px 15px;
  resize: none;
  border: 1px solid #E2E2E2;
  width: 100%;
  border-radius: 4px;
}

.contact-form-sec .white-box form textarea:focus {
  outline: 0;
}

.contact-form-sec .white-box form .contact-number {
  position: relative;
}

.contact-form-sec .white-box form .contact-number .form-control {
  padding-left: 50px;
}

.contact-form-sec .white-box form .contact-number p {
  position: absolute;
  left: 22px;
  bottom: 17px;
  display: block;
}

.contact-form-sec .white-box form p a {
  color: #000000;
  font-weight: 600;
}

.contact-form-sec .white-box form .checkBox {
  width: 20px;
  height: 25px;
  border: 1px solid #DDDDDF;
  border-radius: 6px;
  accent-color: #722B8A;
}

.contact-form-sec .white-box form .error {
  font-size: 14px;
  line-height: 20px;
  margin-top: 8px;
  color: red;
}

.contact-form-sec .white-box form .error-box .form-control {
  border-color: red;
}

.contact-form-sec .white-box form .error-box .error {
  color: red;
  font-size: 14px;
  line-height: 20px;
  margin-top: 4px;
}

.contact-form-sec .white-box form input:-webkit-autofill,
.contact-form-sec .white-box form input:-webkit-autofill:hover,
.contact-form-sec .white-box form input:-webkit-autofill:focus,
.contact-form-sec .white-box form input:-webkit-autofill:active {
  -webkit-transition: background-color 9999s ease-in-out 0s;
  transition: background-color 9999s ease-in-out 0s;
  -webkit-text-fill-color: #000000;
}

.contact-map-sec {
  padding: 150px 0px;
  position: relative;
  background-color: #ffffff;
  color: #000000;
}

.contact-map-sec .gray-box {
  background: linear-gradient(314deg, #CCDAF9, #F6E3F1, #FAF5EE);
  border-radius: 20px;
  overflow: hidden;
  height: 100%;
}

.contact-map-sec .address-box {
  padding: 50px 40px;
}

.contact-map-sec .address-box a {
  color: #000000;
}

.contact-map-sec .map-box {
  padding: 180px 0px;
  position: relative;
  text-align: center;
  z-index: 1;
}

.contact-map-sec .map-box .map-img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.contact-map-sec .map-box .location-pin {
  animation: jump 5s infinite;
}

.contact-app-sec {
  padding: 0px 0px 120px;
}

.career-main-sec .main-one:after {
  background: url(./assets/images/career/careers-banner.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.career-culture {
  padding: 150px 0px;
}

.careers-form-sec form input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 1;
  display: block;
  background: url("./assets/images/icon/calendar-icon.png") no-repeat right;
  width: 20px;
  height: 20px;
}

.careers-form-sec form .file-upload {
  border: 1px dashed #A8A8B7;
  border-radius: 4px;
  padding: 35px;
  text-align: center;
  background-color: #FFFFFF;
  cursor: pointer;
}

.careers-form-sec form .file-upload P {
  color: #333333;
  margin-bottom: 4px;
}

.careers-form-sec form .file-upload P:nth-last-child(1) {
  color: #707070;
  font-size: 14px;
  line-height: 20px;
}

.careers-partners {
  padding: 200px 0px 0px;
}

.careers-partners img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.careers-partners .partner-box {
  width: 448px;
  height: 390px;
  padding: 60px 60px 50px 60px;
}

.careers-partners .partner-box h3 {
  font-size: 26px;
  line-height: 33px;
  margin-bottom: 80px;
}

.career-app-sec {
  padding: 100px 0px 120px;
}

.blog-main-sec {
  padding: 40px 0px;
  color: #000000;
}

.blog-main-sec a {
  color: #722B8A;
}

.blog-main-sec .gray-box {
  background-color: #F5F5F7;
  border-radius: 20px;
  overflow: hidden;
}

.blog-main-sec .gray-box .blog-main {
  -moz-column-gap: 80px;
  column-gap: 80px;
}

.blog-news-sec {
  position: relative;
  background-color: #ffffff;
  color: #000000;
  padding: 0px 0px 150px;
}

.blog-news-sec form ul {
  -moz-column-gap: 25px;
  column-gap: 25px;
}

.blog-news-sec form ul li {
  position: relative;
}

.blog-news-sec form ul li .search-icon {
  position: absolute;
  left: 20px;
  top: 15px;
}

.blog-news-sec form .form-control {
  padding: 15px 55px;
  border: 1px solid #DDDDDF;
  border-radius: 6px;
}

.blog-news-sec form .form-control:focus {
  box-shadow: none;
  border: 1px solid #DDDDDF;
}

.blog-news-sec .blog-collection-box .nav-tabs {
  border-bottom: 1px solid #DDDDDF;
  margin-bottom: 30px;
}

.blog-news-sec .blog-collection-box .nav-tabs .nav-item .nav-link {
  padding: 17px 45px;
  border: none;
  color: #000000;
  font-size: 18px;
  line-height: 24px;
}

.blog-news-sec .blog-collection-box .nav-tabs .nav-item .nav-link.active {
  border-bottom: 3px solid #722B8A;
  font-weight: 600;
}

.blog-news-sec .blog-collection-box .blog-box {
  overflow: hidden;
  border-radius: 15px;
  border: 1px solid #E4E4E4;
}

.blog-news-sec .blog-collection-box .blog-box .blog-img {
  transition: transform 0.5s ease-in-out;
}

.blog-news-sec .blog-collection-box .blog-box .content-box {
  background-color: #ffffff;
  padding: 25px 25px 30px;
  position: relative;
  color: #000000;
}

.blog-news-sec .blog-collection-box .blog-box .content-box .space--30 {
  margin-bottom: 20px;
}

.blog-news-sec .blog-collection-box .blog-box .content-box h4 {
  font-weight: 600;
}

.blog-news-sec .blog-collection-box .blog-box .content-box p img {
  margin-left: 8px;
}

.blog-news-sec .blog-collection-box .blog-box .content-box .blue-color {
  display: flex;
  align-items: center;
}

.blog-news-sec .blog-collection-box .blog-box:hover .blog-img {
  transform: scale(1.1);
}

.blog-news-sec .blog-collection-box .blog-box:hover .arrow-btn img {
  animation: arrow 1s ease-in-out infinite;
}

.blog-app-sec {
  padding: 0px 0px 120px;
}

.blog-details-main-sec {
  padding: 60px 0px 100px;
  background-color: #ffffff;
  position: relative;
  color: #000000;
}

.blog-details-main-sec .gray-box {
  background-color: #F5F5F7;
  padding: 30px;
  border-radius: 5px;
  border-left: 4px solid #722B8A;
}

.blog-details-main-sec .img-box {
  overflow: hidden;
  border-radius: 15px;
}

.blog-details-main-sec .social-ul {
  -moz-column-gap: 22px;
  column-gap: 22px;
  padding-bottom: 30px;
  border-bottom: 1px solid #E4E4E4;
}

.blog-details-main-sec .social-ul li a:hover svg path {
  fill: #722B8A;
}

.blog-details-main-sec .ads-box {
  background-image: linear-gradient(327deg, #CCDAF9, #F6E3F1, #FAF5EE);
  border-radius: 20px;
  overflow: hidden;
  position: sticky;
  top: 5%;
}

.blog-details-main-sec .ads-box .ads-contact {
  padding: 60px 40px 0px 40px;
  margin-bottom: 50px;
}

.blog-details-main-sec .ads-box .ads-contact ul {
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.blog-details-main-sec .ads-box .ads-img {
  padding: 0px 21px;
}

.blog-details-main-sec .ads-box .ads-img .android-img {
  position: absolute;
  animation: rocket 5s infinite;
  bottom: 5%;
  left: 0;
}

.blog-details-main-sec .ads-box .ads-img .apple-img {
  position: absolute;
  animation: rocket 3s infinite;
  top: 16%;
  right: 15%;
  width: 14%;
}

.blog-details-main-sec .slider-box {
  width: 94% !important;
  height: 100%;
}

.blog-details-main-sec .blog-box {
  overflow: hidden;
  border-radius: 15px;
}

.blog-details-main-sec .blog-box .blog-img {
  transition: transform 0.5s ease-in-out;
}

.blog-details-main-sec .blog-box .content-box {
  background-color: #F5F5F7;
  padding: 25px 25px 30px 25px;
  position: relative;
  color: #000000;
}

.blog-details-main-sec .blog-box .content-box p img {
  margin-left: 8px;
}

.blog-details-main-sec .blog-box .content-box .blue-color {
  display: flex;
  align-items: center;
}

.blog-details-main-sec .blog-box:hover .blog-img {
  transform: scale(1.1);
}

.blog-details-main-sec .blog-box:hover .arrow-btn img {
  animation: arrow 1s ease-in-out infinite;
}

.blog-details-blog-sec {
  padding-top: 0px;
}

.blog-details-blog-sec .blog-box {
  border-radius: 15px;
}

.blog-details-blog-sec .blog-box .content-box {
  background-color: #ffffff;
  border: 1px solid #E4E4E4;
  border-radius: 0px 0px 15px 15px;
}

.become-main-sec .main-one::after {
  background-image: url(./assets/images/become-a-retailer/milta-app.png);
}

.become-partner-sec {
  padding: 150px 0px;
}

.etill-main-sec .main-one::after {
  background-image: url(./assets/images/etill-terminal/etill-terminal-img.png);
}

.etill-terminal-sec {
  padding: 120px 0px 150px;
  background-color: #F5F5F7;
  position: relative;
  color: #000000;
}

.etill-terminal-sec .pos-box {
  overflow: hidden;
  border-radius: 20px;
  position: relative;
  height: 100%;
}

.etill-terminal-sec .pos-box img {
  position: absolute;
  left: 0;
  top: 0;
}

.etill-terminal-sec .linear-box {
  padding: 50px 40px;
  background-image: linear-gradient(320deg, #CCDAF9, #F6E3F1, #FAF5EE);
  color: #000000;
}

.etill-sticky-sec {
  padding: 50px 0px 150px;
  background-color: #ffffff;
  position: relative;
  color: #000000;
}

.etill-sticky-sec .sticky-box {
  position: sticky;
  padding-top: 80px;
  top: 0;
}

.etill-sticky-sec .sticky-box .white-box {
  background-color: #ffffff;
  padding: 108px 0px;
}

.etill-sticky-sec .sticky-box .img-box {
  border-radius: 20px;
  background-color: #ffffff;
  overflow: hidden;
  height: 100%;
}

.etill-pos-sec {
  padding: 0px 0px 150px;
  background-color: #ffffff;
  position: relative;
  color: #000000;
}

.etill-pos-sec .gray-box {
  background-color: #F5F5F7;
  text-align: center;
  border-radius: 20px;
  padding: 60px 30px;
  height: 100%;
}

.etill-app-sec {
  padding: 150px 0px;
}

.product-main-sec .main-one::after {
  background-image: url(./assets/images/product/product-banner.png);
}

.product-discover-sec {
  padding: 150px 0px;
  position: relative;
  background-color: #ffffff;
  color: #000000;
}

.product-discover-sec .discover-box {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  height: 600px;
}

.product-discover-sec .img-box img {
  width: 100%;
}

.product-discover-sec .first-box img {
  right: 0 !important;
}

.product-discover-sec .linear-box {
  background-image: linear-gradient(314deg, #CCDAF9, #F6E3F1, #FAF5EE);
  padding: 60px 0px 0px 60px;
}

.product-discover-sec .linear-box img {
  position: absolute;
  bottom: -30px;
  right: -30px;
  transition: all 0.3s ease-in-out;
}

.product-discover-sec .linear-box:hover img {
  bottom: 0;
  right: 0;
}

.product-discover-sec .sim-register-img img {
  bottom: 4px;
}

.product-discover-sec .gift-box {
  padding: 0;
}

.product-discover-sec .gift-box img {
  right: 0%;
}

.product-discover-sec .gift-box .gift-content {
  padding: 60px 60px 0px 60px;
}

.product-discover-sec .fit-box {
  height: 450px;
}

.product-app-sec {
  padding: 150px 0px 0px;
}

.faq-main-sec {
  padding: 68px 0px 120px;
  background-color: #ffffff;
  color: #000000;
  position: relative;
}

.faq-main-sec a {
  color: #000000;
}

.faq-main-sec .active {
  font-weight: 600;
  color: #000000;
}

.faq-main-sec .accordion .accordion-item {
  border-top: 1px solid #E4E4E4 !important;
  border-bottom: 1px solid #E4E4E4 !important;
  border: none;
  padding: 25px 0px;
}

.faq-main-sec .accordion .accordion-item .accordion-header .accordion-button {
  padding: 0;
  color: #000000;
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  align-items: start !important;
}

.faq-main-sec .accordion .accordion-item .accordion-header .accordion-button:after {
  background-image: url(./assets/images/icon/plus.svg);
  background-size: contain;
  width: 15px;
  height: 15px;
}

.faq-main-sec .accordion .accordion-item .accordion-header .accordion-button:focus {
  box-shadow: none;
}

.faq-main-sec .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  box-shadow: none;
  background-color: transparent;
  color: #722B8A;
  font-weight: 500;
}

.faq-main-sec .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed):after {
  background-image: url(./assets/images/icon/mainash.svg);
  background-size: contain;
  width: 15px;
  height: 15px;
}

.faq-main-sec .accordion .accordion-item .accordion-body {
  padding: 15px 0px 0px 0px;
  color: #000000;
}

.faq-main-sec .pt-100 {
  padding-top: 100px;
}

.faq-main-sec .navigation {
  position: sticky;
  color: #000000;
  top: 15%;
}

.faq-main-sec .navigation__link {
  display: block;
  color: #000000;
  text-decoration: none;
  padding: 20px 0px;
  font-weight: 400;
  border-bottom: 1px solid #E4E4E4;
  font-size: 18px;
  line-height: 26px;
}

.faq-main-sec .navigation__link:hover {
  color: #000000;
}

.faq-main-sec .navigation__link.active {
  color: #000000;
  font-weight: 500;
}

.terms-main-sec {
  padding-bottom: 150px;
}

.terms-main-sec .pt-60 {
  padding-top: 60px;
}

.terms-main-sec .pt-100 {
  padding-top: 30px;
}

.terms-main-sec .pt-90 {
  padding-top: 50px;
}

.terms-main-sec .navigation {
  position: sticky;
  color: #000000;
  top: 15%;
}

.terms-main-sec .navigation__link {
  display: block;
  color: #000000;
  text-decoration: none;
  padding: 20px 0px;
  font-weight: 400;
  border-bottom: 1px solid #E4E4E4;
}

.terms-main-sec .navigation__link:hover {
  color: #000000;
}

.terms-main-sec .navigation__link.active {
  color: #000000;
  font-weight: 600;
}

.error-main-sec {
  padding: 120px 0px;
  position: relative;
  background-color: #ffffff;
  color: #000000;
}

.error-main-sec img {
  margin-bottom: 30px;
}

.error-main-sec h1 {
  margin-bottom: 12px;
}

.error-main-sec p {
  margin-bottom: 30px;
}

.error-main-sec .btn-primary {
  padding: 12px 30px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
ol,
ul,
li,
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
}

body {
  font-family: "Inter", sans-serif;
  font-weight: 400;
}

.fw-300 {
  font-weight: 300;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

b {
  font-weight: 700;
}

.extra-b {
  font-weight: 800;
}

p,
a {
  font-size: 16px;
  line-height: 24px;
}

h1,
.font-54 {
  font-size: 54px;
  line-height: 60px;
}

h2,
.font-44 {
  font-size: 44px;
  line-height: 50px;
}

.font-14 {
  font-size: 14px;
  line-height: 20px;
}

.font-15 {
  font-size: 15px;
  line-height: 21px;
}

.font-18 {
  font-size: 18px;
  line-height: 24px;
}

.font-20 {
  font-size: 20px;
  line-height: 27px;
}

.font-22 {
  font-size: 22px;
  line-height: 28px;
}

.font-24 {
  font-size: 24px;
  line-height: 30px;
}

.font-26 {
  font-size: 26px;
  line-height: 32px;
}

.font-30 {
  font-size: 30px;
  line-height: 36px;
}

.font-36 {
  font-size: 36px;
  line-height: 40px;
}

.font-34 {
  font-size: 34px;
  line-height: 40px;
}

.font-38 {
  font-size: 38px;
  line-height: 44px;
}

.space--6 {
  margin-bottom: 6px;
}

.space--8 {
  margin-bottom: 8px;
}

.space--10 {
  margin-bottom: 10px;
}

.space--12 {
  margin-bottom: 12px;
}

.space--15 {
  margin-bottom: 15px;
}

.space--18 {
  margin-bottom: 18px;
}

.space--20 {
  margin-bottom: 20px;
}

.space--25 {
  margin-bottom: 25px;
}

.space--30 {
  margin-bottom: 30px;
}

.space--35 {
  margin-bottom: 35px;
}

.space--40 {
  margin-bottom: 40px;
}

.space--45 {
  margin-bottom: 45px;
}

.space--50 {
  margin-bottom: 50px;
}

.space--60 {
  margin-bottom: 60px;
}

.space--80 {
  margin-bottom: 80px;
}

.space--84 {
  margin-bottom: 84px;
}

.space--94 {
  margin-bottom: 94px;
}

.space--100 {
  margin-bottom: 100px;
}

.space--156 {
  margin-bottom: 156px;
}

.btn-primary {
  padding: 12px 30px;
  border-radius: 28px;
  background-color: #722B8A;
  border: 1px solid #722B8A !important;
}

.btn-primary:hover {
  background-color: transparent;
  border: 1px solid #722B8A !important;
  color: #722B8A;
}

.btn-primary:active {
  background-color: transparent;
  border: 1px solid #722B8A !important;
  color: #722B8A;
  outline: none;
  box-shadow: none;
}

.btn-primary:focus {
  box-shadow: none !important;
  background-color: #722B8A;
  border: 1px solid #722B8A !important;
  color: #ffffff;
  outline: none;
}

.btn-light {
  padding: 12px 30px;
  border-radius: 28px;
  background-color: #ffffff;
  color: #722B8A;
  border: 1px solid #ffffff;
}

.btn-light:hover {
  background-color: #722B8A;
  border: 1px solid #ffffff;
  color: #ffffff;
}

.btn-light:active {
  background-color: #722B8A;
  border: 1px solid #ffffff;
  color: #722B8A;
  outline: none;
  box-shadow: none;
}

.btn-light:focus {
  box-shadow: none !important;
  background-color: #722B8A;
  border: 1px solid #ffffff;
  color: #ffffff;
  outline: none;
}

.btn-link {
  padding: 12px 30px;
  border-radius: 28px;
  color: #722B8A;
  border: 1px solid #722B8A;
  text-decoration: none;
  background-color: transparent;
}

.btn-link:hover {
  background-color: #722B8A;
  color: #ffffff;
}

.btn-link:active {
  background-color: #722B8A;
  border: 1px solid #722B8A;
  color: #722B8A;
  outline: none;
  box-shadow: none;
}

.btn-link:focus {
  box-shadow: none;
  background-color: transparent;
  border: 1px solid #722B8A;
  outline: none;
}

.blue-color {
  color: #722B8A;
}

.pge-active {
  color: #722B8A !important;
}

.gp-20 {
  row-gap: 20px;
}

.gp-25 {
  row-gap: 25px;
}

.gp-30 {
  row-gap: 30px;
}

.gp-35 {
  row-gap: 35px;
}

.arrow-btn:hover img {
  animation: arrow 1s ease-in-out infinite;
}

@keyframes marquee {
  0% {
    transform: translateX(0px);
  }

  100% {
    transform: translateX(-1500px);
  }
}

@keyframes jump {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-20px);
  }
}

@keyframes arrow {
  0% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(10px, 0px);
  }
}

@keyframes rocket {
  50% {
    transform: translateY(-10%);
  }

  100% {
    ransform: translateY(0);
  }
}

.top-view {
  background-color: #722B8A;
  padding: 13px 0px;
  color: #ffffff;
  -moz-column-gap: 26px;
  column-gap: 26px;
}

.top-view ul {
  -moz-column-gap: 8px;
  column-gap: 8px;
}

header {
  background-color: #ffffff;
  transition: all 0.3s ease-in-out;
  position: sticky;
  top: 0px;
  z-index: 2;
}

header nav {
  padding: 20px 0px;
  transition: all 0.3s ease-in-out;
}

header nav a {
  color: #000000;
}

header nav .menu-lhs {
  -moz-column-gap: 100px;
  column-gap: 100px;
}

header nav .menu-lhs .menu-ul {
  -moz-column-gap: 30px;
  column-gap: 30px;
}

header nav .menu-lhs .menu-ul li {
  padding: 17px 0px;
}

header nav .menu-lhs .menu-ul li a {
  color: #000000;
  transition: all 0.3s ease-in-out;
}

header nav .menu-lhs .menu-ul li a .arrow-img {
  filter: brightness(0) invert(0);
}

header nav .menu-lhs .menu-ul li a:hover {
  color: #722B8A;
}

header nav .menu-lhs .menu-ul li .hover-class {
  color: #722B8A;
}

header nav .menu-lhs .menu-ul li .hover-class .arrow-img {
  transform: rotate(-180deg);
  filter: none;
}

header nav .menu-lhs .menu-ul .dropdown {
  position: relative;
  display: inline-block;
}

header nav .menu-lhs .menu-ul .dropdown .dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  border: 1px solid #E4E4E4;
  border-radius: 10px;
  width: 740px;
  height: 425px;
  top: 57px;
  min-width: 160px;
  box-shadow: 0px 0px 76px rgba(0, 0, 0, 0.1019607843);
  z-index: 2;
  left: 0;
}

header nav .menu-lhs .menu-ul .dropdown .dropdown-content .white-box {
  padding: 30px 20px;
  position: relative;
  z-index: 1;
}

header nav .menu-lhs .menu-ul .dropdown .dropdown-content .white-box::before {
  content: "";
  position: absolute;
  background-color: #ffffff;
  width: 16px;
  height: 16px;
  z-index: -1;
  left: 60px;
  top: -9px;
  border-top: 1px solid #E4E4E4;
  border-left: 1px solid #E4E4E4;
  transform: rotate(45deg);
}

header nav .menu-lhs .menu-ul .dropdown .dropdown-content .white-box h6 {
  font-size: 15px;
  line-height: 21px;
  margin-bottom: 5px;
  font-weight: 600;
}

header nav .menu-lhs .menu-ul .dropdown .dropdown-content .white-box p {
  color: #A8A8B7;
  font-size: 12px;
  line-height: 18px;
}

header nav .menu-lhs .menu-ul .dropdown .dropdown-content .white-box a .sub-menu {
  -moz-column-gap: 15px;
  column-gap: 15px;
  color: black;
  display: block;
  padding: 15px 10px;
  border-radius: 8px;
}

header nav .menu-lhs .menu-ul .dropdown .dropdown-content .white-box a .sub-menu .two {
  display: none;
}

header nav .menu-lhs .menu-ul .dropdown .dropdown-content .white-box a .sub-menu h6 {
  position: relative;
  z-index: 1;
}

header nav .menu-lhs .menu-ul .dropdown .dropdown-content .white-box a .sub-menu h6::before {
  content: "";
  position: absolute;
  background: url(./assets/images/icon/menu-icon/arrow-prev.svg) no-repeat;
  animation: arrow 1s ease-in-out infinite;
  width: 23px;
  height: 11px;
  background-size: contain;
  z-index: -1;
  top: 4px;
  right: 10px;
  display: none;
}

header nav .menu-lhs .menu-ul .dropdown .dropdown-content .white-box a .sub-menu:hover {
  background-color: #FBF1FF;
}

header nav .menu-lhs .menu-ul .dropdown .dropdown-content .white-box a .sub-menu:hover h6::before {
  display: block;
}

header nav .menu-lhs .menu-ul .dropdown .dropdown-content .white-box a .sub-menu:hover .two {
  display: block;
}

header nav .menu-lhs .menu-ul .dropdown .dropdown-content .white-box a .sub-menu:hover .one {
  display: none;
}

header nav .menu-lhs .menu-ul .dropdown .dropdown-content .gray-box {
  background-color: #F5F5F7;
  padding: 20px 40px 20px 30px;
  border-radius: 0px 0px 10px 10px;
}

header nav .menu-lhs .menu-ul .dropdown .dropdown-content .gray-box h6 {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #000000;
}

header nav .menu-lhs .menu-ul .dropdown .dropdown-content .gray-box p {
  font-size: 12px;
  line-height: 18px;
}

header nav .menu-lhs .menu-ul .dropdown .dropdown-content .gray-box .btn-primary {
  padding: 12px 30px;
}

header nav .menu-lhs .menu-ul .dropdown .dropdown-content .second-box::before {
  left: 115px;
}

header nav .menu-lhs .menu-ul .dropdown:hover .dropdown-content {
  display: block;
}

header nav .menu-lhs .menu-ul .dropdown:hover a .arrow-img {
  transform: rotate(-180deg);
  filter: none;
}

header nav .menu-rhs .btn-ul {
  -moz-column-gap: 20px;
  column-gap: 20px;
}

header nav .menu-rhs .btn-ul li .btn-primary {
  padding: 12px 30px;
}

header nav .menu-rhs .btn-ul li a:hover {
  color: #000000;
}

header nav .humbagur-menu {
  display: none;
  position: relative;
  z-index: 2;
}

header nav .humbagur-menu .bar {
  display: block;
  background-color: #000000;
  width: 30px;
  height: 2px;
  margin: 6px auto;
  transition: all 0.3s ease-in-out;
}

header nav .humbagur-menu .bar:nth-last-child(1) {
  width: 20px;
  margin-right: 0;
}

header nav .nav-menu {
  display: none;
  background-color: #722B8A;
  padding: 90px 60px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow-y: scroll;
  z-index: 1;
}

header nav .nav-menu a {
  color: #ffffff;
  font-size: 16px;
  line-height: 22px;
}

header nav .nav-menu .res-menu {
  margin-bottom: 150px;
}

header nav .nav-menu .res-menu li {
  border-bottom: 1px solid #BB6DD5;
  padding: 15px 0px;
}

header nav .nav-menu .res-menu li .accordion .accordion-item {
  border: none;
}

header nav .nav-menu .res-menu li .accordion .accordion-item .accordion-header .accordion-button {
  color: white;
  background-color: #722B8A;
  border-radius: 0;
  padding: 0;
  line-height: 0px;
}

header nav .nav-menu .res-menu li .accordion .accordion-item .accordion-header .accordion-button:focus {
  box-shadow: none;
}

header nav .nav-menu .res-menu li .accordion .accordion-item .accordion-header .accordion-button::after {
  filter: brightness(0) invert(1);
}

header nav .nav-menu .res-menu li .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  box-shadow: none;
}

header nav .nav-menu .res-menu li .accordion .accordion-item .accordion-collapse .accordion-body {
  background-color: #722B8A;
  padding: 25px 10px 10px 10px;
  border-radius: 0;
}

header nav .nav-menu .res-menu li .accordion .accordion-item .accordion-collapse .accordion-body .product-menu h6 {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: #ffffff;
}

header nav .nav-menu .res-menu li .accordion .accordion-item .accordion-collapse .accordion-body .product-menu p {
  color: #F0DBF9;
  font-size: 14px;
  line-height: 20px;
}

header nav .nav-menu .res-menu li .accordion .bord-bottom {
  border-bottom: 1px solid #BB6DD5;
  margin: 0px 0px 15px;
}

header nav .nav-menu .res-menu li .accordion .bord-bottom .accordion-button {
  padding: 0px 0px 15px !important;
}

header nav .nav-menu .btn-link {
  padding: 12px 25px;
  border: 1px solid #ffffff;
  color: white;
  margin-bottom: 30px;
}

header nav .nav-menu .social-menu {
  display: flex;
  align-items: center;
  -moz-column-gap: 25px;
  column-gap: 25px;
  padding-top: 25px;
  border-top: 1px solid #BB6DD5;
}

header nav .nav-menu .social-menu li p {
  color: #ffffff;
}

header nav .nav-menu .social-menu li a img {
  filter: brightness(0) invert(1);
}

.hidden {
  transform: translateY(-130%);
}

.headerSticky {
  position: sticky;
  top: 20px;
  z-index: 2;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}

.headerSticky nav {
  border: 1px solid #d7d7db;
  transition: all 0.3s ease-in-out;
  background-color: #ffffff;
  padding: 12px 24px;
  padding-right: 12px;
  border-radius: 9999px;
}

.headerSticky nav .menu-lhs .menu-ul li {
  padding: 10px 0px;
}

.headerSticky nav .menu-lhs .menu-ul li a {
  font-size: 14px;
  line-height: 20px;
}

.headerSticky nav .menu-lhs .menu-ul li .dropdown-content {
  left: -12px;
}

.headerSticky nav .menu-rhs .btn-ul li .btn-primary {
  padding: 10px 20px;
}

header.hide-header {
  transform: translateY(-100%);
}

footer {
  background-color: #FAFAFA;
  position: relative;
  padding: 80px 0px 30px;
  color: #000000;
}

footer .btn-link {
  border-radius: 5px;
  padding: 12px 20px;
  color: #722B8A;
  position: relative;
}

footer .btn-link::after {
  background-image: url(./assets/images/icon/arrow-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  width: 10px;
  height: 8px;
  position: relative;
  top: 3px;
}

footer .btn-link:hover {
  background-color: #722B8A;
}

footer .btn-link:hover::after {
  filter: brightness(0) invert(1);
}

footer .dropdown-menu {
  background-color: #F5F5F7;
  background: #ffffff;
  border-radius: 10px;
  border-bottom: 1px solid #E4E4E4;
  box-shadow: 0px 0px 76px rgba(0, 0, 0, 0.1019607843);
  padding: 8px;
  top: 12px !important;
}

footer .dropdown-menu li {
  margin: 0 !important;
  padding-bottom: 8px;
}

footer .dropdown-menu li:nth-child(1) {
  position: relative;
}

footer .dropdown-menu li:nth-child(1)::before {
  content: "";
  position: absolute;
  background-color: #ffffff;
  width: 10px;
  height: 10px;
  top: -14px;
  right: 57px;
  transform: rotate(45deg);
}

footer .dropdown-menu li:nth-last-child(1) {
  border: 0;
  padding: 0;
}

footer .dropdown-menu li .dropdown-item {
  color: #000000;
  font-size: 16px;
  line-height: 22px;
  padding: 8px;
  border-radius: 8px;
}

footer .dropdown-menu li .dropdown-item:active {
  background-color: #F5F5F7;
}

footer .dropdown-menu li .dropdown-item:hover {
  color: #722B8A;
  background-color: #FBF1FF;
}

footer .btn-link.show::after {
  transform: rotate(-180deg);
  top: 0px;
}

footer a {
  color: #000000;
}

footer a:hover {
  color: #722B8A;
}

footer .para {
  color: #61616E;
  font-size: 14px;
  line-height: 20px;
}

footer ul li {
  margin-bottom: 15px;
}

footer ul li:nth-child(1) {
  margin-bottom: 18px;
}

footer .partners-ul li {
  margin-bottom: 0 !important;
}

footer .social-ul {
  -moz-column-gap: 24px;
  column-gap: 24px;
}

footer .social-ul li {
  margin-bottom: 0 !important;
}

footer .social-ul li:hover a svg path {
  fill: #722B8A;
}

footer .copy-rgt {
  border-top: 1px solid #E7E7E7;
  padding-top: 20px;
}

footer .support-box {
  background-color: #F1E8F5;
  padding: 15px;
  border-radius: 10px;
}

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

  h1,
  .font-54 {
    font-size: 34px;
    line-height: 40px;
  }

  h2,
  .font-44 {
    font-size: 34px;
    line-height: 40px;
  }

  p,
  a {
    font-size: 14px;
    line-height: 20px;
  }

  .w100 {
    width: 100%;
  }

  .blog-box .content-box {
    padding: 20px !important;
  }

  .blog-box .content-box .space--25 {
    margin-bottom: 8px !important;
  }

  .blog-box .content-box h4 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 16px !important;
  }

  .top-view {
    margin-bottom: 0;
  }

  .top-view.hidden {
    display: none !important;
  }

  header nav .menu-lhs .menu-ul {
    display: none !important;
  }

  header nav .menu-rhs .btn-ul {
    display: none !important;
  }

  header nav .humbagur-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  header nav .humbagur-menu.active {
    padding: 30px 20px;
    background-color: #722B8A;
  }

  header nav .humbagur-menu.active .logo img {
    filter: brightness(0) invert(1);
  }

  header nav .humbagur-menu.active .bar:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
    background-color: #ffffff;
    width: 100%;
  }

  header nav .humbagur-menu.active .bar:nth-child(2) {
    opacity: 0;
  }

  header nav .humbagur-menu.active .bar:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
    background-color: #ffffff;
    width: 100%;
  }

  header nav .nav-menu.active {
    display: block;
  }

  header.view {
    transform: translateY(0%) !important;
    top: 0;
  }

  header.view nav {
    padding: 0px !important;
  }

  .home-main-sec {
    padding: 10px 0px 0px;
  }

  .home-main-sec .hero-box {
    padding: 100px 0px 100px 50px;
  }

  .home-main-sec .hero-box h1 {
    margin-bottom: 10px;
  }

  .home-main-sec .hero-box .font-20 {
    font-size: 16px;
    line-height: 22px;
  }

  .home-main-sec .hero-box .space--40 {
    margin-bottom: 20px;
  }

  .home-main-sec .hero-box::before {
    width: 100%;
    border-radius: 30px 30px 30px 90px;
  }

  .home-main-sec .hero-box ul {
    flex-wrap: wrap;
    -moz-column-gap: 8px;
    column-gap: 8px;
  }

  .home-main-sec .hero-box .btn-primary {
    margin-bottom: 20px;
  }

  .home-provider-sec {
    padding: 60px 0px;
  }

  .home-provider-sec .space--60 {
    margin-bottom: 50px;
  }

  .home-milta-sec h2 {
    margin-bottom: 20px;
  }

  .home-milta-sec .gray-box {
    padding: 40px;
    border-radius: 30px;
  }

  .home-milta-sec .gray-box a .milta-box .white-box {
    padding: 30px;
  }

  .home-milta-sec .gray-box a .milta-box .white-box .space--30 {
    margin-bottom: 20px;
  }

  .home-milta-sec .gray-box a .milta-box .white-box .space--40 {
    margin-bottom: 30px;
  }

  .home-milta-sec .gray-box a .milta-box .white-box h5 {
    font-size: 20px;
    line-height: 28px;
  }

  .home-solutions-sec {
    padding: 80px 0px;
  }

  .home-solutions-sec h3 {
    margin-bottom: 8px;
  }

  .home-solutions-sec .solutions-box {
    padding: 20px;
    height: 565px;
  }

  .home-solutions-sec .solutions-box .space--45 {
    margin-bottom: 24px;
  }

  .home-solutions-sec .solutions-box .space--15 {
    margin-bottom: 8px;
  }

  .home-solutions-sec .solutions-box .space--25 {
    margin-bottom: 12px;
  }

  .home-solutions-sec .solutions-box .btn-link {
    bottom: 20px;
    left: 20px;
  }

  .home-solutions-sec .solutions-box .img-pos {
    right: 20px;
    bottom: 70px;
  }

  .home-solutions-sec .solutions-box .img-pos img {
    width: 80%;
  }

  .home-solutions-sec .box-three {
    padding: 0px;
  }

  .home-solutions-sec .box-two .space--45 {
    margin-bottom: 45px;
  }

  .home-solutions-sec .box-four .img-pos {
    margin-bottom: 60px;
  }

  .home-partner-sec {
    padding: 0px;
  }

  .home-partner-sec .space--40 {
    margin-bottom: 20px;
  }

  .home-partner-sec .space--30 {
    margin-bottom: 12px;
  }

  .home-partner-sec .space--20 {
    margin-bottom: 8px;
  }

  .home-partner-sec h3 {
    font-size: 30px;
    line-height: 36px;
  }

  .home-faq-sec {
    padding: 80px 0px;
    border-radius: 30px;
  }

  .home-faq-sec .space--80 {
    margin-bottom: 30px;
  }

  .home-faq-sec .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 18px;
    line-height: 24px;
    padding: 20px;
  }

  .home-faq-sec .accordion .accordion-item .accordion-body {
    padding: 0px 20px 20px 20px;
  }

  .home-app-sec {
    padding: 80px 0px 0px;
  }

  .home-app-sec .app-box {
    padding: 25px 40px 0px 40px;
    border-radius: 30px;
  }

  .home-app-sec .app-box h3 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 8px;
  }

  .home-app-sec .app-box .paper-plane-img {
    bottom: -35%;
  }

  .home-app-sec .app-box .andriod-img {
    left: 0;
  }

  .home-app-sec .app-box .apple-img {
    right: 0;
  }

  .home-blog-sec {
    padding: 80px 0px;
  }

  .home-blog-sec h3 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 8px;
  }

  .home-blog-sec .space--60 {
    margin-bottom: 24px;
  }

  .home-milta-partner-sec {
    padding: 60px 0px;
  }

  .home-milta-partner-sec h3 {
    margin-bottom: 10px;
  }

  .home-milta-partner-sec p {
    margin-bottom: 20px;
  }

  footer .space--84 {
    margin-bottom: 40px;
  }

  footer .space--30 {
    margin-bottom: 16px;
  }

  footer .quick-ul {
    display: block !important;
  }

  footer .quick-ul .ul-one {
    margin-bottom: 15px;
  }

  footer .quick-ul .ul-two li:nth-child(1) {
    display: none;
  }

  footer ul li:nth-last-child(1) {
    margin-bottom: 0px;
  }

  .about-main-sec .main-one {
    padding: 100px 0px;
  }

  .about-main-sec .main-one h1 {
    margin-bottom: 16px;
  }

  .about-vision-sec {
    padding: 80px 0px 0px;
  }

  .about-vision-sec .vision-box .our-box,
  .about-vision-sec .mission-box .our-box {
    padding-top: 40px;
    padding: 30px;
  }

  .about-vision-sec .vision-box .our-box h3,
  .about-vision-sec .mission-box .our-box h3 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 150px;
  }

  .about-vision-sec .vision-box .our-box .font-24,
  .about-vision-sec .mission-box .our-box .font-24 {
    font-size: 20px;
    line-height: 26px;
  }

  .about-vision-sec .vision-box .gray-box img,
  .about-vision-sec .mission-box .gray-box img {
    height: 400px;
  }

  .contact-main-sec {
    padding: 80px 0px;
  }

  .contact-main-sec .help-box img {
    margin-bottom: 16px;
  }

  .contact-main-sec .help-box .font-20 {
    font-size: 18px;
    line-height: 24px;
  }

  .contact-form-sec {
    padding: 80px 0px;
  }

  .contact-form-sec .white-box {
    padding: 30px;
  }

  .contact-form-sec .white-box form .form-grp {
    margin-bottom: 10px;
  }

  .contact-form-sec .white-box form .form-grp .form-control {
    font-size: 14px;
    line-height: 22px;
  }

  .contact-form-sec .white-box form .contact-number .form-control {
    padding-left: 37px;
  }

  .contact-form-sec .white-box form textarea {
    font-size: 14px;
    line-height: 20px;
  }

  .contact-form-sec .white-box form select {
    font-size: 14px;
    line-height: 20px;
  }

  .contact-map-sec {
    padding: 80px 0px;
  }

  .contact-map-sec .map-box {
    padding: 120px 0px;
  }

  .contact-map-sec .address-box {
    padding: 40px 20px;
  }

  .contact-map-sec .address-box h3 {
    font-size: 30px;
    line-height: 38px;
  }

  .contact-app-sec {
    padding: 0px 0px 80px;
  }

  .product-discover-sec .linear-box {
    padding: 30px 0px 0px 30px;
  }

  .product-discover-sec .linear-box img {
    width: 70%;
  }

  .product-discover-sec .discover-box {
    height: 440px;
  }

  .product-discover-sec .discover-box h3 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 16px;
  }

  .product-discover-sec .img-box img {
    width: 100%;
  }

  .product-discover-sec .sim-register-img img {
    width: 100%;
    right: 0px;
  }

  .product-discover-sec .gift-box .gift-content {
    padding: 0px;
  }

  .product-discover-sec .gift-box img {
    width: 100%;
  }

  .product-discover-sec .fit-box {
    height: 360px;
  }

  .product-discover-sec .product-app-sec {
    padding: 80px 0px;
  }

  .product-discover-sec {
    padding: 80px 0px;
  }

  .become-partner-sec {
    padding: 80px 0px;
  }

  .blog-main-sec {
    padding: 60px 0px 80px;
  }

  .blog-main-sec .gray-box p {
    margin-bottom: 8px;
  }

  .blog-main-sec .gray-box h1 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 16px;
  }

  .blog-news-sec {
    padding: 0px 0px 80px;
  }

  .blog-news-sec .space--60 {
    margin-bottom: 20px;
  }

  .blog-app-sec {
    padding: 0px 0px 80px;
  }

  .blog-main-sec .ads-box {
    top: 10%;
  }

  .blog-main-sec .ads-box .ads-contact {
    padding: 20px 20px 0px 20px;
    margin-bottom: 24px;
  }

  .blog-main-sec .ads-box .ads-contact .space--30 {
    margin-bottom: 16px;
  }

  .blog-main-sec .ads-box .ads-contact ul {
    flex-wrap: wrap;
    row-gap: 12px;
  }

  .blog-main-sec .ads-box .ads-contact ul li img {
    width: 120px;
    height: 40px;
  }

  .blog-main-sec .ads-box .ads-contact h4 {
    font-size: 24px;
    line-height: 30px;
  }

  .blog-main-sec .ads-box .phone-img {
    width: 100%;
  }

  .blog-main-sec .ads-box .ads-img .apple-img {
    right: 4%;
  }

  .blog-main-sec .md-view {
    row-gap: 20px;
  }

  .blog-details-blog-sec {
    padding-top: 0px;
  }

  .etill-terminal-sec {
    padding: 80px 0px;
  }

  .etill-terminal-sec .space--156 {
    margin-bottom: 90px;
  }

  .etill-terminal-sec .linear-box {
    padding: 30px 20px;
  }

  .etill-terminal-sec .pos-box img {
    width: 100%;
  }

  .etill-pos-sec {
    padding: 80px 0px;
  }

  .etill-pos-sec .gray-box {
    padding: 30px 20px;
  }

  .etill-sticky-sec {
    padding: 20px 0px 80px;
  }

  .etill-sticky-sec .sticky-box {
    padding-top: 60px;
  }

  .etill-sticky-sec .sticky-box .white-box {
    padding: 40px 0px;
  }

  .etill-app-sec {
    padding: 0px 0px 80px;
  }

  .faq-main-sec {
    padding: 40px 0px 80px;
  }
	.terms-main-sec br{
		display: block !important;
	}
	.terms-main-sec p br{
		display: block !important;
	}

  .faq-main-sec br {
    display: none;
  }

  .faq-main-sec h1 {
    font-size: 30px;
    line-height: 36px;
  }

  .faq-main-sec .space--30 {
    margin-bottom: 16px;
  }

  .faq-main-sec .space--60 {
    margin-bottom: 30px;
  }

  .faq-main-sec .space--80 {
    margin-bottom: 30px;
  }

  .faq-main-sec .space--50 {
    margin-bottom: 30px;
  }

  .faq-main-sec .space--40 {
    margin-bottom: 20px;
  }

  .faq-main-sec .accordion .accordion-item {
    padding: 12px 0px;
  }

  .faq-main-sec .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 16px;
    line-height: 22px;
  }

  .faq-main-sec .accordion .accordion-item .accordion-body {
    font-size: 14px;
    line-height: 20px;
  }

  .faq-main-sec ul li a {
    padding: 12px 0px;
  }

  .faq-main-sec .pt-100 {
    padding-top: 80px;
  }

  .faq-main-sec .list-menu ul li a {
    padding: 14px 0px;
  }

  .terms-main-sec .space--100 {
    margin-bottom: 50px;
  }

  .error-main-sec {
    padding: 50px 0px;
  }

  .error-main-sec img,
  .error-main-sec p {
    margin-bottom: 16px;
  }

  .error-main-sec h1 {
    margin-bottom: 5px;
  }

  .career-culture {
    padding: 80px 0px;
  }

  .careers-form-sec h3 {
    font-size: 30px;
    line-height: 37px;
  }

  .careers-partners img {
    width: 260px;
  }

  .careers-partners .partner-box {
    width: 250px;
    height: 390px;
    padding: 40px 30px 30px;
  }

  .careers-partners .fit-width img {
    width: 260px;
  }

  .career-app-sec {
    padding: 80px 0px;
  }
}

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

  .btn-primary,
  .btn-light,
  .btn-link {
    padding: 12px 25px;
    font-size: 14px;
    line-height: 20px;
  }

  h1,
  .font-54 {
    font-size: 30px;
    line-height: 36px;
  }

  p,
  a {
    font-size: 14px;
    line-height: 20px;
  }

  .top-view {
    flex-wrap: wrap;
    padding: 15px 30px;
    row-gap: 8px;
    text-align: center;
  }

  .top-view p {
    font-size: 12px;
    line-height: 18px;
  }

  .headerSticky {
    position: static;
  }

  .home-main-sec .hero-box {
    padding: 30px 0px 30px 30px;
  }

  .home-main-sec .hero-box h1 {
    margin-bottom: 8px;
  }

  .home-main-sec .hero-box .font-20 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 8px;
  }

  .home-main-sec .hero-box .space--30 {
    margin-bottom: 20px;
  }

  .home-main-sec .hero-box::before {
    width: 100%;
    border-radius: 30px 30px 30px 40px;
  }

  .home-provider-sec {
    padding: 40px 0px;
  }

  .home-provider-sec .font-22 {
    font-size: 18px;
    line-height: 24px;
  }

  .home-provider-sec .marquee .marquee-content {
    -moz-column-gap: 50px;
    column-gap: 50px;
  }

  .home-milta-sec .gray-box a .milta-box .white-box {
    padding: 20px;
  }

  .home-milta-sec .gray-box a .milta-box .white-box h5 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 8px;
  }

  .home-milta-sec .gray-box a .milta-box .white-box .space--25 {
    margin-bottom: 12px;
  }

  .home-milta-sec .gray-box a .milta-box .white-box .space--30 {
    margin-bottom: 10px;
  }

  .home-milta-sec .gray-box a .milta-box .white-box .space--40 {
    margin-bottom: 16px;
  }

  .home-solutions-sec .md-view {
    flex-wrap: wrap;
    row-gap: 20px;
  }

  .home-solutions-sec .solutions-box {
    height: 493px !important;
  }

  .home-solutions-sec .solutions-box .img-pos {
    position: relative;
    bottom: inherit;
    right: inherit;
  }

  .home-solutions-sec .solutions-box .img-pos img {
    width: 70%;
  }

  .home-solutions-sec .box-three {
    height: 465px !important;
  }

  .home-solutions-sec .box-four {
    height: 465px !important;
  }

  .home-solutions-sec .box-two .space--25 {
    margin-bottom: 45px;
  }

  .home-partner-sec .md-view {
    justify-content: center !important;
    row-gap: 30px;
  }

  .home-faq-sec {
    border-radius: 0;
  }

  .home-faq-sec .md-view {
    justify-content: center !important;
    row-gap: 30px;
  }

  .home-faq-sec h3 {
    margin-bottom: 0 !important;
  }

  .home-app-sec .app-box {
    padding: 25px 25px 0px 25px;
    border-radius: 20px;
  }

  .home-app-sec .app-box h3 {
    font-size: 24px;
    line-height: 30px;
  }

  .home-app-sec .app-box ul li img {
    width: 100px;
    height: 34px;
  }

  .home-app-sec .app-box p {
    margin-bottom: 12px;
  }

  .home-app-sec .app-box .msg-one {
    width: 40px;
    height: 40px;
  }

  .home-app-sec .app-box .msg-two {
    top: 0;
  }

  .home-app-sec .app-box .paper-plane-img {
    width: 100px;
    height: 100px;
    bottom: 0%;
  }

  .home-app-sec .app-box .andriod-img {
    width: 70px;
    height: 70px;
    left: 0;
  }

  .home-app-sec .app-box .apple-img {
    width: 70px;
    height: 70px;
  }

  .home-blog-sec .md-view {
    row-gap: 30px;
  }

  .home-milta-partner-sec .paper-plane-img {
    right: -27%;
  }

  footer ul li {
    margin-bottom: 8px;
  }

  footer ul li:nth-child(1) {
    margin-bottom: 12px;
  }

  footer ul li a {
    font-size: 14px;
    line-height: 18px;
  }

  footer .copy-rgt .partners-ul {
    flex-wrap: wrap;
    justify-content: start !important;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 8px;
  }

  footer br {
    display: none;
  }

  footer .quick-ul h6 {
    font-size: 16px;
    line-height: 23px;
  }

  footer .quick-ul .ul-one {
    margin-bottom: 8px;
  }

  .about-main-sec .main-one {
    padding: 80px 0px;
  }

  .about-main-sec .main-one::before {
    border-radius: 0px 30px 120px 0px;
  }

  .about-main-sec .main-one::after {
    border-radius: 100px 0px 0px 30px;
  }

  .about-main-sec .main-one h1 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 8px;
  }

  .about-main-sec .main-one h6 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 6px;
  }

  .about-vision-sec .md-view {
    align-items: start !important;
  }

  .about-vision-sec .md-view h2 {
    font-size: 24px;
    line-height: 30px;
  }

  .about-vision-sec .vision-box,
  .about-vision-sec .mission-box {
    padding-top: 40px;
  }

  .about-vision-sec .vision-box .our-box h3,
  .about-vision-sec .mission-box .our-box h3 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 100px;
  }

  .about-vision-sec .vision-box .our-box .font-24,
  .about-vision-sec .mission-box .our-box .font-24 {
    font-size: 16px;
    line-height: 22px;
  }

  .about-vision-sec .vision-box .gray-box img,
  .about-vision-sec .mission-box .gray-box img {
    height: 290px;
  }

  .contact-main-sec .md-view {
    row-gap: 20px;
  }

  .contact-form-sec {
    padding: 50px 0px;
    border-radius: 0;
  }

  .contact-form-sec .white-box {
    padding: 30px;
  }

  .contact-form-sec .white-box .space--30 {
    margin-bottom: 20px;
  }

  .contact-form-sec .white-box .space--40 {
    margin-bottom: 24px;
  }

  .contact-form-sec .white-box form .form-grp .form-control,
  .contact-form-sec .white-box form .form-grp label {
    font-size: 14px;
    line-height: 20px;
  }

  .contact-form-sec .text-box h3 {
    font-size: 24px;
    line-height: 30px;
  }

  .contact-map-sec h3 {
    font-size: 24px;
    line-height: 30px;
  }

  .product-discover-sec h3 {
    font-size: 24px;
    line-height: 30px;
  }

  .product-discover-sec .discover-box {
    height: 350px;
    border-radius: 20px !important;
  }

  .product-discover-sec .discover-box h3 {
    font-size: 20px;
    line-height: 28px;
  }

  .product-discover-sec .linear-box img {
    width: 100%;
    position: relative;
    bottom: 0;
    right: 0;
  }

  .product-discover-sec .linear-box .sim-register-img {
    text-align: end;
  }

  .product-discover-sec .linear-box .sim-register-img img {
    width: 88%;
  }

  .product-discover-sec .space--80 {
    margin-bottom: 60px;
  }

  .product-discover-sec .gp-30 {
    row-gap: 10px;
  }

  .product-discover-sec .col-md-6 {
    padding-top: 10px;
  }

  .blog-main-sec {
    padding: 20px 0px 50px;
  }

  .blog-main-sec .gray-box .box-content {
    padding: 50px;
  }

  .blog-news-sec h2 {
    margin-bottom: 8px;
  }

  .blog-news-sec .space--40 {
    margin-bottom: 10px;
  }

  .blog-news-sec form .form-control {
    padding: 15px 50px;
  }

  .blog-details-main-sec .blog-box .content-box {
    padding: 20px;
  }

  .blog-details-main-sec .slick-dots {
    bottom: -40px;
  }

  .blog-details-main-sec .slick-dots li {
    margin: 0;
  }

  .blog-details-main-sec .slick-dots li button {
    border: 1px solid #722B8A;
    background-color: #ffffff;
    border-radius: 24px;
    width: 10px;
    height: 10px;
  }

  .blog-details-main-sec .slick-dots li button::before {
    content: "";
  }

  .blog-details-main-sec .slick-dots .slick-active button {
    background-color: #722B8A;
  }

  .blog-details-main-sec .ads-box {
    top: 5%;
  }

  .blog-details-main-sec .ads-box .ads-contact ul li img {
    width: 110px;
    height: 30px;
  }

  .blog-details-blog-sec .slick-dots {
    bottom: -40px;
  }

  .blog-details-blog-sec .slick-dots li {
    margin: 0;
  }

  .blog-details-blog-sec .slick-dots li button {
    border: 1px solid #722B8A;
    background-color: #ffffff;
    border-radius: 24px;
    width: 10px;
    height: 10px;
  }

  .blog-details-blog-sec .slick-dots li button::before {
    content: "";
  }

  .blog-details-blog-sec .slick-dots .slick-active button {
    background-color: #722B8A;
  }

  .blog-details-blog-sec h3 {
    margin-bottom: 25px !important;
  }

  .faq-main-sec .pt-100 {
    padding-top: 30px;
  }

  .faq-main-sec .space--80 {
    margin-bottom: 40px;
  }

  .faq-main-sec .space--60 {
    margin-bottom: 30px;
  }

  .faq-main-sec .space--30 {
    margin-bottom: 16px;
  }

  .faq-main-sec .space--40 {
    margin-bottom: 12px;
  }

  .faq-main-sec .accordion .accordion-item {
    padding: 16px 0px;
  }

  .faq-main-sec .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 16px;
    line-height: 22px;
  }

  .faq-main-sec .accordion .accordion-item .accordion-body {
    padding: 8px 0px 0px 0px;
    font-size: 14px;
    line-height: 20px;
  }

  .faq-main-sec ul li a {
    padding: 16px 0px;
  }

  .faq-main-sec .navigation {
    top: 7%;
  }

  .faq-main-sec .navigation__link {
    padding: 10px 0px;
    font-size: 16px;
    line-height: 24px;
  }

  .etill-terminal-sec .linear-box .font-26 {
    font-size: 20px;
    line-height: 26px;
  }

  .etill-terminal-sec .linear-box .space--156 {
    margin-bottom: 16px;
  }

  .etill-terminal-sec .pos-box img {
    top: inherit;
    left: 0px;
    bottom: 0px;
    width: 118%;
  }

  .etill-sticky-sec {
    padding: 30px 0px 0px;
  }

  .etill-sticky-sec img {
    width: 100%;
  }

  .etill-sticky-sec .font-36 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
  }

  .etill-sticky-sec .sticky-box {
    padding-top: 30px;
  }

  .etill-sticky-sec .sticky-box .white-box {
    padding: 0px;
  }

  .etill-sticky-sec .sticky-box .white-box h3 {
    font-size: 22px;
    line-height: 28px;
  }

  .etill-pos-sec {
    padding: 60px 0px;
  }

  .etill-pos-sec .md-view {
    row-gap: 25px;
  }

  .etill-pos-sec .gray-box {
    height: 100%;
  }

  .etill-app-sec {
    padding: 80px 0px;
  }

  .careers-partners {
    padding: 100px 0px 0px;
  }

  .careers-partners .d-flex {
    display: grid !important;
    grid-template-columns: auto auto;
  }

  .careers-partners img {
    width: 385px;
  }

  .careers-partners .partner-box {
    width: 385px;
    height: 314px;
  }

  .careers-partners .fit-width img {
    width: 385px;
  }

  .contact-form-sec .white-box form .contact-number .form-control {
    padding-left: 50px;
  }

  .contact-form-sec .white-box form .contact-number p {
    bottom: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .home-main-sec .hero-box {
    padding: 0;
  }

  .home-main-sec .hero-box::before {
    display: none;
  }

  .home-main-sec .sm-view {
    row-gap: 30px;
  }

  .home-provider-sec {
    padding: 50px 0px;
  }

  .home-milta-sec .gray-box .sm-view {
    row-gap: 20px;
  }

  .home-solutions-sec {
    padding: 50px 0px;
  }

  .home-solutions-sec .gp-35 {
    row-gap: 20px;
  }

  .home-solutions-sec .solutions-box {
    height: auto;
  }

  .home-solutions-sec .solutions-box .img-pos {
    margin-bottom: 30px;
  }

  .home-solutions-sec .solutions-box .img-pos img {
    width: 200px;
  }

  .home-solutions-sec .solutions-box .space--20 {
    margin-bottom: 12px;
  }

  .home-solutions-sec .solutions-box p {
    margin-bottom: 30px !important;
  }

  .home-solutions-sec .solutions-box .btn-link {
    position: relative;
    bottom: inherit;
    left: inherit;
  }

  .home-faq-sec {
    padding: 40px;
    border-radius: 0px;
  }

  .home-faq-sec h3 {
    margin-bottom: 30px !important;
  }

  .home-faq-sec .accordion .accordion-item {
    border-radius: 15px;
  }

  .home-faq-sec .accordion .accordion-item .accordion-body {
    font-size: 14px;
    line-height: 20px;
    padding-top: 12px;
  }

  .home-app-sec {
    padding: 50px 0px 0px;
  }

  .home-app-sec .app-box {
    padding: 30px 20px 0px 20px;
    border-radius: 20px;
  }

  .home-app-sec .app-box .pos-box h3 {
    margin-bottom: 16px;
    font-size: 26px;
    line-height: 32px;
  }

  .home-app-sec .app-box .pos-box p {
    margin-bottom: 20px;
  }

  .home-app-sec .app-box .sm-view {
    row-gap: 50px;
  }

  .home-app-sec .app-box .apple-img {
    width: 60px;
    height: 60px;
    top: 10%;
    right: 0%;
  }

  .home-app-sec .app-box .msg-two {
    top: inherit;
    left: inherit;
    top: -5%;
    left: 0%;
    width: 40px;
    height: 30px;
  }

  .home-app-sec .app-box .paper-plane-img {
    bottom: -35%;
    transform: rotate(-260deg);
    left: 27%;
    width: 70px;
    height: 70px;
  }

  .home-blog-sec {
    padding: 50px 0px;
  }

  .home-blog-sec .space--60 {
    margin-bottom: 20px;
  }

  .home-blog-sec .blog-box .content-box {
    padding: 20px;
  }

  .home-blog-sec .slick-dots {
    bottom: -40px;
  }

  .home-blog-sec .slick-dots li {
    margin: 0;
  }

  .home-blog-sec .slick-dots li button {
    border: 1px solid #722B8A;
    background-color: #ffffff;
    border-radius: 24px;
    width: 10px;
    height: 10px;
  }

  .home-blog-sec .slick-dots li button::before {
    content: "";
  }

  .home-blog-sec .slick-dots .slick-active button {
    background-color: #722B8A;
  }

  .home-milta-partner-sec {
    padding: 40px 0px;
  }

  .home-milta-partner-sec .paper-plane-img {
    display: none;
  }

  .home-milta-partner-sec h3 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 12px;
  }

  .home-milta-partner-sec p {
    margin-bottom: 20px;
  }

  footer {
    padding: 40px 20px 30px 20px;
  }

  footer .space--40 {
    margin-bottom: 30px;
  }

  footer .para {
    margin-bottom: 5px;
  }

  footer .bank-para {
    font-weight: 600;
    color: #000000;
    font-size: 16px;
    line-height: 22px;
  }

  footer .space--84 {
    margin-bottom: 40px;
  }

  footer .partner-row {
    row-gap: 30px;
    margin-bottom: 20px;
  }

  footer .partner-row .partners-ul {
    flex-wrap: wrap;
    justify-content: start !important;
    -moz-column-gap: 12px;
    column-gap: 12px;
    row-gap: 8px;
  }

  footer .partner-row .partners-ul li:nth-child(1) {
    width: 100%;
  }

  footer .partners-ul {
    flex-wrap: wrap;
    justify-content: start !important;
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 4px;
  }

  footer .partners-ul li img {
    width: 40px;
    height: 18px;
    -o-object-fit: contain;
    object-fit: contain;
  }

  footer .social-ul {
    justify-content: start !important;
    padding: 25px 0px;
  }

  footer .sm-view {
    row-gap: 30px;
  }

  footer .sm-view .quick-ul {
    justify-content: start !important;
    -moz-column-gap: 60px;
    column-gap: 60px;
    display: flex !important;
  }

  footer ul li {
    margin-bottom: 12px;
  }

  footer ul li:nth-child(1) {
    margin-bottom: 15px;
  }

  footer .quick-ul .ul-two li:nth-child(1) {
    display: block;
  }

  footer .copy-rgt .space--12 {
    margin-bottom: 0;
  }

  .about-main-sec .main-one {
    padding: 60px 0px 90px 20px;
  }

  .about-main-sec .main-one::before {
    width: 93%;
  }

  .about-main-sec .main-one::after {
    display: none;
  }

  .about-vision-sec {
    padding: 50px 0px 0px;
  }

  .about-vision-sec .vision-box,
  .about-vision-sec .mission-box {
    padding-top: 40px;
    position: relative;
    top: 0;
  }

  .about-vision-sec .vision-box .our-box,
  .about-vision-sec .mission-box .our-box {
    padding: 25px 20px;
  }

  .about-vision-sec .vision-box .our-box h3,
  .about-vision-sec .mission-box .our-box h3 {
    height: auto;
    margin-bottom: 82px;
  }

  .about-vision-sec .md-view,
  .about-vision-sec .sm-view {
    row-gap: 15px;
  }

  .contact-main-sec {
    padding: 50px 0px;
  }

  .contact-main-sec .space--50 {
    margin-bottom: 25px;
  }

  .contact-main-sec .help-box {
    padding: 25px 20px;
  }

  .contact-main-sec .help-box img {
    width: 47px;
    height: 47px;
  }

  .contact-form-sec {
    border-radius: 0;
    padding: 50px 0px;
  }

  .contact-form-sec .sm-view {
    row-gap: 30px;
  }

  .contact-form-sec .white-box form .space--50 {
    margin-bottom: 20px;
  }

  .contact-form-sec .white-box form .space--15 {
    margin-bottom: 10px;
  }

  .contact-form-sec .white-box form .error {
    font-size: 12px !important;
    line-height: 18px !important;
  }

  .contact-map-sec {
    padding: 50px 0px 0px;
  }

  .contact-map-sec .sm-view {
    row-gap: 25px;
  }

  .contact-map-sec .map-one {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  .contact-app-sec {
    padding-bottom: 50px;
  }

  .product-discover-sec {
    padding: 50px 0px;
  }

  .product-discover-sec .space--80 {
    margin-bottom: 40px;
  }

  .product-discover-sec .sm-view {
    row-gap: 25px;
  }

  .product-discover-sec .discover-box {
    height: 340px;
    border-radius: 15px !important;
  }

  .product-discover-sec .linear-box img {
    width: 100%;
    float: inline-end;
  }

  .product-discover-sec .linear-box .pos-img {
    width: 86% !important;
  }

  .product-discover-sec .linear-box .sim-register-img img {
    width: 100%;
  }

  .blog-main-sec .gray-box {
    padding: 0;
    border: none;
    border-radius: 15px;
  }

  .blog-main-sec .gray-box .box-content {
    padding: 30px 20px;
  }

  .blog-news-sec {
    padding-bottom: 0px;
  }

  .blog-news-sec .sm-view {
    row-gap: 15px;
  }

  .blog-news-sec .sm-view ul {
    justify-content: start !important;
  }

  .blog-details-main-sec .gray-box {
    padding: 25px 20px;
    border-left: 4px solid #722B8A;
    border-radius: 5px;
  }

  .blog-details-main-sec .sm-view {
    row-gap: 40px;
  }

  .blog-details-main-sec .slider-box {
    width: 94% !important;
    height: 100%;
  }

  .blog-details-main-sec .blog-box {
    overflow: hidden;
    border-radius: 15px;
  }

  .blog-details-main-sec .blog-box .blog-img {
    transition: transform 0.5s ease-in-out;
  }

  .blog-details-main-sec .blog-box .content-box {
    background-color: #F5F5F7;
    padding: 25px 25px 30px 25px;
    position: relative;
    color: #000000;
  }

  .blog-details-main-sec .blog-box .content-box p img {
    margin-left: 8px;
  }

  .blog-details-main-sec .blog-box .content-box .blue-color {
    display: flex;
    align-items: center;
  }

  .blog-details-main-sec .blog-box:hover .blog-img {
    transform: scale(1.1);
  }

  .blog-details-main-sec .blog-box:hover .arrow-btn img {
    animation: arrow 1s ease-in-out infinite;
  }

  .blog-details-blog-sec {
    padding-top: 0px !important;
  }

  .blog-details-blog-sec h3 {
    margin-bottom: 25px !important;
  }

  .etill-terminal-sec {
    padding: 50px 0px;
  }

  .etill-terminal-sec .linear-box .space--156 {
    margin-bottom: 120px;
  }

  .etill-terminal-sec .pos-box img {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }

  .etill-terminal-sec .space--80 {
    margin-bottom: 40px;
  }

  .etill-pos-sec {
    padding: 50px 0px;
  }

  .etill-pos-sec .gray-box {
    padding: 30px;
  }

  .etill-pos-sec .gray-box h3 {
    font-weight: 700 !important;
    font-size: 30px !important;
    line-height: 36px !important;
    margin-bottom: 15px;
  }

  .etill-sticky-sec {
    padding: 20px 20px 50px 20px;
  }

  .etill-sticky-sec .sticky-box {
    position: relative;
    padding-top: 40px;
  }

  .etill-sticky-sec .sticky-box .white-box {
    padding: 0px;
  }

  .etill-sticky-sec .sticky-box .sm-view {
    row-gap: 20px;
  }

  .etill-app-sec {
    padding: 50px 0px;
  }

  .faq-main-sec .sm-view {
    row-gap: 40px;
  }

  .faq-main-sec .list-menu ul li a {
    padding: 15px 0px;
  }

  .faq-main-sec .list-menu ul li a br {
    display: none;
  }

  .faq-main-sec .pt-100 {
    padding-top: 40px;
  }

  .faq-main-sec h4 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
  }

  .faq-main-sec .space--50 {
    margin-bottom: 18px;
  }

  .terms-main-sec .pt-90 {
    padding-top: 30px;
  }

  .career-culture {
    padding: 50px 0px;
  }

  .careers-partners .d-flex {
    display: flex !important;
    flex-wrap: wrap;
  }

  .careers-partners img {
    width: 333px;
  }

  .careers-partners .partner-box {
    width: 333px;
  }

  .careers-partners .fit-width img {
    width: 333px;
  }
}

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

  h1,
  .font-54,
  .font-44,
  h3 {
    font-size: 26px !important;
    line-height: 32px !important;
  }

  .btn-primary,
  .btn-light,
  .btn-link {
    padding: 12px 25px;
    font-size: 14px;
    line-height: 20px;
  }

  header {
    padding: 30px 20px;
  }

  header nav {
    padding: 0;
  }

  header nav .nav-menu {
    padding: 90px 35px 35px 35px;
  }

  header.view {
    padding: 0;
  }

  header.hidden {
    transform: translateY(0%) !important;
  }

  header.headerSticky {
    background-color: #ffffff;
    top: 0;
  }

  header.headerSticky nav {
    border: none;
    padding: 0;
  }

  .hidden .view.headerSticky {
    display: none;
  }

  .home-main-sec {
    padding: 15px 20px 0px 20px;
  }

  .home-main-sec h1 {
    margin-bottom: 10px !important;
  }

  .home-main-sec .font-20 {
    margin-bottom: 20px !important;
  }

  .home-main-sec ul {
    row-gap: 8px;
  }

  .home-provider-sec p {
    padding: 0px 20px;
  }

  .home-provider-sec .space--60 {
    margin-bottom: 24px;
  }

  .home-provider-sec .marquee .marquee-content {
    -moz-column-gap: 20px;
    column-gap: 20px;
    width: 300px;
  }

  .home-provider-sec .marquee .marquee-content .img-box img {
    width: 80px;
    height: 40px;
  }

  .home-milta-sec {
    background-color: #FCF5FF;
    padding: 40px 20px;
  }

  .home-milta-sec .gray-box {
    padding: 0;
    background: none;
  }

  .home-milta-sec .gray-box a .milta-box {
    box-shadow: none;
  }

  .home-milta-sec .gray-box a .milta-box .white-box h5 {
    font-size: 18px;
    line-height: 24px;
  }

  .home-solutions-sec {
    padding: 50px 20px;
  }

  .home-solutions-sec .space--35 {
    margin-bottom: 30px;
  }

  .home-partner-sec {
    padding: 0px 20px 50px 20px;
  }

  .home-partner-sec .font-20 {
    font-size: 16px;
    line-height: 22px;
  }

  .home-faq-sec {
    padding: 40px 20px;
  }

  .home-faq-sec .space--15 {
    margin-bottom: 12px;
  }

  .home-faq-sec .accordion .accordion-item {
    border-radius: 15px;
  }

  .home-faq-sec .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 16px;
    line-height: 22px;
    padding: 20px 20px 0px 20px;
  }

  .home-faq-sec .accordion .accordion-button.collapsed {
    padding-bottom: 20px !important;
  }

  .home-app-sec {
    padding: 0px 20px 0px 20px;
  }

  .home-app-sec .app-box .paper-plane-img {
    bottom: -28%;
  }

  .home-app-sec ul li img {
    width: 120px;
    line-height: 35px;
  }

  .home-blog-sec {
    padding: 50px 20px 50px 20px;
  }

  .home-milta-partner-sec {
    padding: 40px 20px;
  }

  footer .partners-ul li h6 {
    font-weight: 400;
  }

  .about-main-sec .main-one::before {
    border-radius: 0px 15px 100px 0px;
  }

  .about-vision-sec {
    padding: 50px 20px 0px 20px;
  }

  .about-vision-sec .vision-box,
  .about-vision-sec .mission-box {
    padding-top: 20px;
  }

  .about-vision-sec .vision-box .gray-box,
  .about-vision-sec .mission-box .gray-box {
    border-radius: 20px !important;
  }

  .aboout-milta-sec {
    padding: 0px 20px;
  }

  .aboout-milta-sec .milta-img {
    border-radius: 15px 15px 15px 50px;
  }

  .contact-main-sec {
    padding: 50px 20px;
  }

  .contact-main-sec .help-box {
    padding: 20px 10px;
  }

  .contact-main-sec .help-box .font-20 {
    font-size: 14px;
    line-height: 20px;
  }

  .contact-form-sec {
    padding: 50px 20px;
  }

  .contact-form-sec .white-box {
    padding: 30px 20px;
    border-radius: 15px;
  }

  .contact-form-sec .white-box form .contact-number p {
    bottom: 16px;
  }

  .contact-form-sec .white-box form .contact-number .form-control {
    padding-left: 48px;
  }

  .contact-map-sec {
    padding: 50px 20px 0px 20px;
  }

  .contact-map-sec .map-box .location-pin {
    width: 32px;
    height: 42px;
  }

  .contact-map-sec .address-box {
    padding: 30px 20px;
    border-radius: 15px;
  }

  .contact-map-sec .address-box .font-20 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 6px;
  }

  .contact-map-sec .address-box h3 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 8px;
  }

  .contact-map-sec .address-box .space--8 {
    margin-bottom: 6px;
  }

  .contact-map-sec .address-box .space--50 {
    margin-bottom: 25px;
  }

  .contact-map-sec .space--80 {
    margin-bottom: 30px;
  }

  .contact-app-sec {
    padding: 50px 20px;
  }

  .product-discover-sec {
    padding: 50px 20px;
  }

  .product-discover-sec .discover-box h3 {
    font-size: 18px !important;
    line-height: 24px !important;
    margin-bottom: 16px;
  }

  .product-discover-sec .fit-box {
    height: 260px;
  }

  .product-discover-sec .res-fit-box {
    height: 285px;
  }

  .product-app-sec {
    padding: 60px 20px 0px 20px;
  }

  .blog-main-sec {
    padding: 20px 20px 50px 20px;
  }

  .blog-main-sec h1 {
    font-size: 20px !important;
    line-height: 26px !important;
  }

  .blog-news-sec {
    padding: 0px 20px;
  }

  .blog-news-sec ul {
    flex-wrap: wrap;
    row-gap: 20px;
  }

  .blog-news-sec .blog-collection-box .nav-tabs {
    border: 1px solid #F5F5F7;
    border-radius: 6px;
    padding: 20px;
    display: block;
  }

  .blog-news-sec .blog-collection-box .nav-tabs .nav-item {
    padding: 0px 0px 12px 0px;
    margin-bottom: 12px;
    border-bottom: 1px solid #F5F5F7;
  }

  .blog-news-sec .blog-collection-box .nav-tabs .nav-item .nav-link {
    padding: 0;
  }

  .blog-news-sec .blog-collection-box .nav-tabs .nav-item .nav-link.active {
    border: none;
  }

  .blog-news-sec .blog-collection-box .nav-tabs .nav-item:nth-last-child(1) {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
  }

  .blog-app-sec {
    padding: 50px 20px;
  }

  .blog-details-main-sec .ads-box .ads-contact {
    padding: 20px 20px 0px 20px;
  }

  .blog-details-main-sec .ads-box .ads-contact ul li img {
    width: 100px;
    height: 35px;
    -o-object-fit: contain;
    object-fit: contain;
  }

  .blog-details-main-sec .space--40 {
    margin-bottom: 25px;
  }

  .blog-details-main-sec .space--50 {
    margin-bottom: 25px;
  }

  .blog-details-main-sec .space--60 {
    margin-bottom: 30px;
  }

  .become-partner-sec {
    padding-top: 50px;
  }

  .etill-terminal-sec {
    padding: 50px 20px;
  }

  .etill-pos-sec {
    padding: 0px 20px 50px;
  }

  .etill-app-sec {
    padding: 50px 20px;
  }

  .faq-main-sec {
    padding: 40px 20px;
  }

  .faq-main-sec .space--60 {
    margin-bottom: 20px;
  }

  .error-main-sec {
    padding: 90px 20px;
  }

  .terms-main-sec .list-menu ul li h5 {
    font-size: 16px;
    line-height: 22px;
  }

  .terms-main-sec .list-menu ul .space--20 {
    margin-bottom: 3px;
  }

  .careers-partners img {
    width: 375px;
  }

  .careers-partners .fit-width img {
    width: 375px;
  }

  .careers-partners .partner-box {
    width: 375px;
  }

  .career-app-sec {
    padding: 50px 20px;
  }

  .career-culture {
    padding: 50px 20px;
  }
}

@media (min-width: 1200px) and (max-width: 1400px) {

  h1,
  .font-54 {
    font-size: 36px;
    line-height: 42px;
  }

  h2,
  .font-44 {
    font-size: 36px;
    line-height: 42px;
  }

  .font-38 {
    font-size: 30px;
    line-height: 36px;
  }

  p,
  a {
    font-size: 14px;
    line-height: 20px;
  }

  .btn-primary,
  .btn-light,
  .btn-link {
    padding: 10px 22px;
  }

  header nav .menu-lhs .menu-ul .dropdown .dropdown-content {
    left: -10px;
  }

  .home-main-sec .hero-box {
    padding: 80px 0px 80px 100px;
  }

  .home-main-sec .hero-box .space--30 {
    margin-bottom: 16px;
  }

  .home-main-sec .hero-box .space--40 {
    margin-bottom: 20px;
  }

  .home-provider-sec {
    padding: 80px 0px;
  }

  .home-provider-sec .space--60 {
    margin-bottom: 40px;
  }

  .home-milta-sec .gray-box {
    padding: 80px 60px;
  }

  .home-partner-sec .space--40 {
    margin-bottom: 20px;
  }

  .home-partner-sec .space--30 {
    margin-bottom: 16px;
  }

  .home-partner-sec .font-20 {
    font-size: 16px;
    line-height: 22px;
  }

  .home-faq-sec .accordion .accordion-item {
    padding: 24px;
  }

  .home-faq-sec .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 16px;
    line-height: 22px;
  }

  .home-faq-sec .accordion .accordion-item .accordion-body {
    font-size: 14px;
    line-height: 20px;
  }

  .home-app-sec .app-box {
    padding: 25px 50px 0px 50px;
  }

  footer .partners-ul li .font-18 {
    font-size: 16px;
    line-height: 22px;
  }

  .product-discover-sec .linear-box {
    padding: 60px 0px 0px 40px;
    height: 400px;
  }

  .product-discover-sec .linear-box h3 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 12px;
  }

  .contact-main-sec {
    padding: 70px 0px 100px 0px;
  }

  .contact-main-sec .help-box {
    padding: 30px 20px;
  }

  .contact-main-sec .help-box img {
    margin-bottom: 14px;
  }

  .contact-main-sec .help-box .font-20 {
    font-size: 16px;
    line-height: 22px;
  }

  .contact-map-sec .address-box {
    padding: 40px 30px;
  }

  .contact-map-sec .map-box {
    padding: 130px 0px;
  }

  .blog-details-main-sec .ads-box .ads-contact {
    padding: 40px 40px 0px 40px;
  }

  .blog-details-main-sec .ads-box .ads-contact ul li img {
    width: 120px;
    height: 40px;
  }

  .about-main-sec .main-one {
    padding: 100px 0px;
  }
}

@media (min-width: 1400px) and (max-width: 1600px) {
  .home-main-sec .hero-box h1 {
    font-size: 46px;
    line-height: 52px;
    margin-bottom: 16px;
  }

  .home-main-sec .hero-box:before {
    height: 94%;
  }

  .about-main-sec .main-one {
    padding: 120px 0px;
  }

  .career-main-sec .main-one {
    padding: 100px 0px;
  }
}

/*# sourceMappingURL=style.css.map */