@import url("https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;600;700&display=swap");
@font-face {
  font-family: "SF Pro Display";
  src: url("/assets/fonts/SF-Pro-Display-Black.otf");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("/assets/fonts/SF-Pro-Display-BlackItalic.otf");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("/assets/fonts/SF-Pro-Display-Bold.otf");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("/assets/fonts/SF-Pro-Display-BoldItalic.otf");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("/assets/fonts/SF-Pro-Display-Heavy.otf");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("/assets/fonts/SF-Pro-Display-HeavyItalic.otf");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("/assets/fonts/SF-Pro-Display-Light.otf");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("/assets/fonts/SF-Pro-Display-LightItalic.otf");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("/assets/fonts/SF-Pro-Display-Medium.otf");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("/assets/fonts/SF-Pro-Display-MediumItalic.otf");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("/assets/fonts/SF-Pro-Display-Regular.otf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("/assets/SF-Pro-Display-RegularItalic.otf");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("/assets/fonts/SF-Pro-Display-Semibold.otf");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("/assets/fonts/SF-Pro-Display-SemiboldItalic.otf");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("/assets/fonts/SF-Pro-Display-Thin.otf");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("/assets/fonts/SF-Pro-Display-ThinItalic.otf");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("/assets/fonts/SF-Pro-Display-Ultralight.otf");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("/assets/SF-Pro-Display-UltralightItalic.otf");
  font-weight: 200;
  font-style: italic;
}
body {
  font-family: "Urbanist", sans-serif !important;
}

* {
  font-family: "Urbanist", sans-serif !important;
}

/* Modal background */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.dial {
  max-width: 900px !important;
}

/* Modal content box */
.modal-content {
  background: #fff;
  margin: 10% auto;
  padding: 20px;
  border-radius: 50px !important;
  position: relative;
}
@media (max-width: 1200px) {
  .modal-content {
    width: 800px;
  }
}
@media (max-width: 998px) {
  .modal-content {
    width: 700px;
  }
}
@media (max-width: 778px) {
  .modal-content {
    width: 400px;
  }
}
@media (max-width: 450px) {
  .modal-content {
    width: 300px;
  }
}
.modal-content h2 {
  font-size: 22px;
  font-weight: 600;
  color: #ff5a00;
  text-align: center;
  /* padding-left: 52px; */
  padding-bottom: 17px;
  padding-top: 33px;
  /* padding: 20px 0px; */
  /* padding: 10px 10px 4px 0px; */
  border-bottom: 1px solid rgb(216, 216, 216);
}
@media (max-width: 450px) {
  .modal-content h2 {
    padding-top: 15px;
    padding-bottom: 5px;
  }
}
.modal-content .enquiry .enquiry-form {
  display: flex;
  flex-direction: column;
  gap: 25px;
  padding: 30px 39px;
}
@media (max-width: 1650px) {
  .modal-content .enquiry .enquiry-form {
    gap: 25px;
    padding: 30px 39px;
  }
}
@media (max-width: 1550px) {
  .modal-content .enquiry .enquiry-form {
    padding: 22px 20px;
  }
}
@media (max-width: 1450px) {
  .modal-content .enquiry .enquiry-form {
    padding: 21px 39px;
  }
}
@media (max-width: 1200px) {
  .modal-content .enquiry .enquiry-form {
    padding: 21px 22px;
  }
}
@media (max-width: 1100px) {
  .modal-content .enquiry .enquiry-form {
    padding: 20px 21px;
  }
}
@media (max-width: 500px) {
  .modal-content .enquiry .enquiry-form {
    padding: 10px 13px;
  }
}
@media (max-width: 450px) {
  .modal-content .enquiry .enquiry-form {
    padding: 10px 13px;
    gap: 10px;
  }
}
.modal-content .enquiry .enquiry-form .error-message {
  color: rgb(255, 0, 0);
  font-size: 13px;
  text-align: center;
  padding-left: 20px;
}
.modal-content .enquiry .enquiry-form .my-swal-button {
  background-color: #ff5a1f !important;
  color: white !important;
  border: none;
  padding: 8px 20px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 14px;
}
.modal-content .enquiry .enquiry-form .forminput {
  display: grid;
  grid-template-columns: repeat(2, 2fr);
  gap: 25px;
}
@media (max-width: 778px) {
  .modal-content .enquiry .enquiry-form .forminput {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}
@media (max-width: 450px) {
  .modal-content .enquiry .enquiry-form .forminput {
    gap: 10px;
  }
}
.modal-content .enquiry .enquiry-form .forminput input {
  padding: 20px 15px;
  width: 100%;
  border-radius: 29px;
  border: 1px solid #ff5c06;
  background: transparent;
  text-align: center;
  outline: none;
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 400;
  font-size: 17.2683px;
  line-height: 26px;
  color: #9A9393;
}
@media (max-width: 778px) {
  .modal-content .enquiry .enquiry-form .forminput input {
    padding: 15px 15px;
  }
}
@media (max-width: 450px) {
  .modal-content .enquiry .enquiry-form .forminput input {
    padding: 13px 15px;
  }
}
.modal-content .enquiry .enquiry-form .buttoninput {
  text-align: center;
}
.modal-content .enquiry .enquiry-form .buttoninput button {
  padding: 20px 80px;
  /* width: 100%; */
  border-radius: 29px;
  border: none;
  background-color: #ff5c06;
  color: #ffffff;
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 400;
  font-size: 17.2683px;
  line-height: 26px;
}
@media (max-width: 778px) {
  .modal-content .enquiry .enquiry-form .buttoninput button {
    padding: 15px 80px;
    width: 100%;
  }
}
@media (max-width: 450px) {
  .modal-content .enquiry .enquiry-form .buttoninput button {
    padding: 13px 45px;
  }
}

.close-btn1 {
  position: absolute;
    top: 42px;
      right: 70px;
  font-size: 34px;
  cursor: pointer;
}
@media (max-width: 450px) {
  .close-btn1 {
            top: 25px;
              right: 36px;
    font-size: 28px;
  }
}

header .header-container {
  padding: 4% 7% 2%;
  position: relative;
}
header .header-container .pinkbg-div {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
@media (max-width: 1200px) {
  header .header-container {
    padding: 4% 4% 2%;
  }
}
header .header-container .menu-toggle {
  position: absolute;
  top: 11%;
  right: 5%;
  height: 27px;
  width: 36px;
  cursor: pointer;
  z-index: 100;
  transition: opacity 0.25s ease;
  display: none;
  border: none;
  background: none;
}
@media (max-width: 998px) {
  header .header-container .menu-toggle {
    display: block;
    top: 50%;
  }
}
header .header-container .menu-toggle span {
  background: black;
  border: none;
  height: 4px;
  width: 100%;
  position: absolute;
  z-index: 9999999 !important;
  top: 0;
  left: 0;
  transition: all 0.35s ease;
  cursor: pointer;
  border-radius: 5px;
}
header .header-container .menu-toggle span:nth-of-type(3) {
  top: 22px;
}
header .header-container .menu-toggle span:nth-of-type(2) {
  top: 11px;
}
header .header-container .header {
  display: flex;
  justify-content: space-evenly;
}
@media (max-width: 1200px) {
  header .header-container .header {
    gap: 5%;
  }
}
@media (max-width: 998px) {
  header .header-container .header {
    display: none;
  }
}
header .header-container .header .saiha-logo {
  display: flex;
  align-items: center;
}
header .header-container .header .navbar {
  display: flex;
  gap: 5rem;
  font-weight: 500;
  font-size: 17.4684px;
  color: #767676;
}
@media (max-width: 1500px) {
  header .header-container .header .navbar {
    gap: 3rem;
    font-size: 17px;
  }
}
@media (max-width: 1300px) {
  header .header-container .header .navbar {
    gap: 2rem;
  }
}
header .header-container .header .navbar .active {
  border-bottom: 3px solid #FF7D39;
  padding: 8px 28px;
  font-style: normal;
  font-weight: 500;
  font-size: 17.4684px;
  line-height: 15px;
  color: #FF7D39;
}
header .header-container .header button {
  padding: 15px 70px;
  border-radius: 40px;
  border: none;
  background-color: #ff5c06;
  color: white;
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 400;
  font-size: 17.2683px;
  line-height: 26px;
}
header .header-container .side-menu-overlay {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 0;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1000;
  transition: width 0.3s ease;
}
header .header-container .side-menu-overlay .side-menu {
  position: absolute;
  top: 0;
  right: 0;
  background: #f86d1d;
  width: 250px;
  height: 100%;
  padding: 20px 20px;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
  transform: translateX(100%);
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 25px;
  align-items: center;
}
header .header-container .side-menu-overlay .side-menu .close-btn {
  align-self: flex-start;
  font-size: 24px;
  background: none;
  border: none;
  cursor: pointer;
}
header .header-container .side-menu-overlay .side-menu .nav-link {
  font-size: 20px;
  color: #ffffff;
  text-decoration: none;
}
header .header-container .side-menu-overlay.open {
  width: 100%;
}
header .header-container .side-menu-overlay.open .side-menu {
  transform: translateX(0);
}

.top-section {
  background-size: cover;
  background-position: center;
  padding-top: 40px;
}
@media screen and (max-width: 992px) {
  .top-section {
    padding-top: 0px;
  }
}
.top-section li {
  list-style-type: none;
}
.top-section .container-fluid .top-nav-container.nav-main {
  margin-top: 0;
}
.top-section .container-fluid .top-nav-container ul {
  margin: 0 auto;
  padding: 0;
  width: fit-content;
}
.top-section .container-fluid .top-nav-container ul li:nth-child(6) {
  margin-left: 40px;
}
.top-section .container-fluid .top-nav-container .logo-block {
  font-size: 2.6rem;
  color: #fff;
  text-decoration: none;
}
@media (max-width: 1400px) {
  .top-section .container-fluid .top-nav-container .logo-block {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
  }
}
@media (max-width: 991px) {
  .top-section .container-fluid .top-nav-container .logo-block {
    display: block;
  }
}
#menuOverlay {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.18);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
  display: none;
}

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }
}
@media screen and (max-width: 991px) {
  .top-section #mySidenav .closebtn {
    font-size: 36px;
    font-weight: 300;
  }
}
.profile-section .sidebar {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  background-color: #f86d1d;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 20px;
}
.sidenav a {
  padding: 15px 30px;
  text-decoration: none;
  font-size: 17px;
  font-weight: 400;
  color: #FFFFFF;
  display: block;
  transition: 0.5s ease-in;
  white-space: nowrap;
}
.sidenav .active {
  font-weight: 400;
  font-size: 18px;
  color: #000000;
}
.sidenav li {
  list-style-type: none;
  text-align: center;
  color: #000000;
}
.sidenav a:hover {
  color: #FFFFFF;
}
.sidenav .closebtn {
  font-size: 36px;
}
.sidenav .language-container {
  padding: 15px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sidenav .btn-main.login-btn {
  border: 1px solid #111111;
  border-radius: 44px;
  padding: 15px 30px;
  font-size: 17px;
  font-weight: 600;
  margin: 15px 0px;
  color: #000000;
}

.block-header .active {
  font-weight: 600;
  color: #092e1b !important;
}
.block-header .container-custom {
  position: relative;
}
.block-header .container-custom .lang-desktop {
  display: flex;
}
.block-header .container-custom hr {
  position: relative;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 85vw;
  background: rgba(255, 255, 255, 0.2392156863);
}
.block-header .container-custom .row label {
  margin: 0;
  color: #bbd2cc;
  font-size: 1.2rem;
}
.block-header .top-nav-container {
  margin: 0 3vw;
}
.block-header .top-nav-container .nav-block {
  display: flex;
  align-items: center;
  list-style: none;
}
@media screen and (max-width: 991px) {
  .block-header .top-nav-container .nav-block {
    display: none;
  }
}
.block-header .top-nav-container .nav-block li {
  padding: 5px 15px;
  cursor: pointer;
}
@media screen and (max-width: 1126px) {
  .block-header .top-nav-container .nav-block li {
    padding: 5px 18px;
  }
}
.block-header .top-nav-container .nav-block li a {
  color: #000000;
  font-weight: 400;
  font-size: 17px;
  position: relative;
  -webkit-transition: 0.4s ease;
  transition: 0.1s ease-out;
  letter-spacing: 0.72px;
  text-decoration: none;
}
@media screen and (max-width: 1319px) {
  .block-header .top-nav-container .nav-block li a {
    font-size: 14px;
  }
}
.block-header .top-nav-container .nav-block li a:hover {
  border-bottom: 3px solid #b9e901;
}

.button_container {
  position: absolute;
  top: 20px;
  right: 20px;
  height: 27px;
  width: 36px;
  cursor: pointer;
  z-index: 100;
  transition: opacity 0.25s ease;
  display: none;
}
@media (max-width: 991px) {
  .button_container {
    display: block;
  }
}
.button_container span {
  background: #000000;
  border: none;
  height: 4px;
  width: 100%;
  position: absolute;
  z-index: 9999999 !important;
  top: 0;
  left: 0;
  transition: all 0.35s ease;
  cursor: pointer;
  border-radius: 5px;
}
.button_container span:nth-of-type(3) {
  top: 22px;
}
.button_container span:nth-of-type(2) {
  top: 11px;
}

.footer {
  padding: 60px 91px;
  padding-bottom: 15px;
  background: linear-gradient(145deg, #fff, #f8f8f8);
}
@media (max-width: 767px) {
  .footer {
    padding: 60px 50px;
  }
}
.footer .footer-top {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 996px) {
  .footer .footer-top {
    gap: 20px;
  }
}
@media (max-width: 467px) {
  .footer .footer-top {
    flex-direction: column;
  }
}
.footer .footer-top .cta-section {
  text-align: left;
  margin-bottom: 21px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 996px) {
  .footer .footer-top .cta-section {
    justify-content: normal;
    gap: 50px;
    flex-wrap: nowrap;
    flex-direction: column;
  }
}
.footer .footer-top .cta-section h2 {
  font-weight: 500;
  font-size: 54.56px;
  line-height: 120%;
  color: #FF5C06;
}
@media (max-width: 767px) {
  .footer .footer-top .cta-section h2 {
    font-size: 46.56px;
    line-height: 118%;
  }
}
.footer .footer-top .cta-section .cta-button {
  background: none;
  font-size: 16.79px;
  font-weight: 500;
  padding: 16.7877px 33.5754px;
  border: 1.04923px solid #000000;
  border-radius: 104.923px;
}
@media (max-width: 767px) {
  .footer .footer-top .cta-section .cta-button {
    font-size: 15px;
    padding: 13.7877px 21.5754px;
  }
}
@media (max-width: 467px) {
  .footer .footer-top .cta-section .cta-button {
    font-size: 14.5px;
    padding: 10.7877px 17.5754px;
  }
}
.footer .footer-top .cta-section .logo {
  margin-top: 40px;
  width: 150px;
}
.footer .footer-top .footer-links {
  display: flex;
  justify-content: space-between;

  margin-bottom: 40px;
}
@media (max-width: 1175px) {
  .footer .footer-top .footer-links {
    flex-wrap: wrap;
  }
}
.footer .footer-top .footer-links .column {
  min-width: 180px;
}
.footer .footer-top .footer-links .column h4 {
  font-weight: 500;
  font-size: 25.1815px;
  line-height: 150%;
  color: #000000;
  white-space:nowrap;
}
@media (max-width: 767px) {
  .footer .footer-top .footer-links .column h4 {
    font-size: 24.1815px;
  }
}
.footer .footer-top .footer-links .column ul {
  list-style: none;
  padding: 0;
  padding-top: 14px;
}
.footer .footer-top .footer-links .column ul li {
  margin-bottom: 18px;
}
.footer .footer-top .footer-links .column ul li {
  text-decoration: none;
  font-weight: 400;
  font-size: 18.8862px;
  line-height: 150%;
  color: #000000;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .footer .footer-top .footer-links .column ul li  {
    font-size: 17.8862px;
  }
}
.footer .footer-mid {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0px;
}
@media (max-width: 1200px) {
  .footer .footer-mid {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.footer .footer-mid .main-nav {
  display: flex;
  justify-content: center;
  padding: 20px 0;
  font-family: "Urbanist", sans-serif;
}
.footer .footer-mid .main-nav .nav-list {
  display: flex;
  gap: 30px;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 1600px) {
  .footer .footer-mid .main-nav .nav-list {
    gap: 20px;
  }
}
@media (max-width: 1400px) {
  .footer .footer-mid .main-nav .nav-list {
    gap: 10px;
  }
}
@media (max-width: 700px) {
  .footer .footer-mid .main-nav .nav-list {
    gap: 0px;
  }
}
@media (max-width: 510px) {
  .footer .footer-mid .main-nav .nav-list {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
  }
}
.footer .footer-mid .main-nav .nav-list .nav-item a {
  text-decoration: none;
  color: #000;
  font-size: 16.8px;
  font-weight: 500;
  padding: 10px 18px;
  border-radius: 24px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.3s ease;
}
.footer .footer-mid .main-nav .nav-list .nav-item a .arrow {
  font-size: 10px;
  margin-left: 4px;
}
.footer .footer-mid .main-nav .nav-list .nav-item.active a {
  border: 1px solid #000;
  font-weight: 600;
  border-radius: 105px;
  padding: 8px 28px;
}
.footer .footer-mid .social-icons {
  display: flex;
  align-items: center;
  gap: 26px;
}
@media (max-width: 1400px) {
  .footer .footer-mid .social-icons {
    gap: 10px;
  }
}
.footer .footer-mid .social-icons a {
  border: 1px solid #5f5f5f;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #000;
  /* transition: 0.3s; */
  padding: 11px;
}
.footer hr {
  border: solid 1px #000;
  opacity: 0.7;
}
.footer .footer-bottom {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 13px;
  color: #333;
}
.footer .footer-bottom p {
  font-weight: 400;
  font-size: 16.7962px;
  color: #000000;
}
.footer .footer-bottom .bottom-links {
  display: flex;
  gap: 20px;
}
.footer .footer-bottom .bottom-links a {
  text-decoration: none;
  font-weight: 400;
  font-size: 18.8862px;
  color: #000000;
}

.copyrights {
  font-size: 12px;
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 500;
  font-size: 16.0122px;
  color: #9E9E9E;
  mix-blend-mode: normal;
  opacity: 0.65;
  margin-top: 25px;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 0px 5%;
  height: 68px;
}
@media (max-width: 600px) {
  .copyrights {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 0px;
    padding: 0px 21%;
  }
}

.home-section .home-inner-section {
  background-image: url(../images/header_mainbg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
@media (max-width: 992px) {
  .home-section .home-inner-section .first_section {
    margin-top: 30px;
  }
}
.home-section .home-inner-section .first_section .text-content {
  text-align: center !important;
}
.home-section .home-inner-section .first_section .text-content .small-text {
  padding-top: 5% !important;
  display: flex !important;
  justify-content: center !important;
}
.home-section .home-inner-section .first_section .text-content .small-text p {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 55px;
  text-align: center;
  color: #111111 !important;
  background: #ffe7da;
  border-radius: 31px;
  padding: 0px 67px;
  margin: 0 auto;
}
@media (max-width: 600px) {
  .home-section .home-inner-section .first_section .text-content .small-text p {
    padding: 1px 17px;
  }
}
@media (max-width: 411px) {
  .home-section .home-inner-section .first_section .text-content .small-text p {
    padding: 20px 17px !important;
    line-height: 22px;
  }
}
.home-section .home-inner-section .first_section .text-content .highlight-text h2 {
  margin: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 55px;
  text-align: center;
  color: #111111 !important;
  margin: 25px 0 0px;
}
@media (max-width: 600px) {
  .home-section .home-inner-section .first_section .text-content .highlight-text h2 {
    font-size: 29px;
    line-height: 41px;
    padding: 0 15px;
  }
}
.home-section .home-inner-section .first_section .text-content .bottom-small-text {
  margin: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 55px;
  text-align: center;
  color: #111111 !important;
}
.home-section .home-inner-section .first_section .btn-divSection {
  display: flex;
  justify-content: center;
}
.home-section .home-inner-section .first_section .btn-divSection .demoid {
  text-decoration: none !important;
}
.home-section .home-inner-section .first_section .btn-divSection button {
  background: linear-gradient(180deg, #FF5B05 0%, #FF7D39 100%);
  font-style: normal;
  font-weight: 400;
  font-size: 16.4745px;
  line-height: 22px;
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 17px;
  gap: 10px;
  left: calc(50% - 75px - 19px);
  top: calc(50% - 24.5px - 3390px);
  border-radius: 34px;
  margin-bottom: 15px;
}
.home-section .home-inner-section .second-section .small-div p {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 55px;
  text-align: center;
  color: #111111;
}
.home-section .home-inner-section .second-section .carousel-div .top-imgdiv .img-fluid {
  width: 100%;
  margin-bottom: 10px;
}
.home-section .home-inner-section .second-section .carousel-div .bottom-img-div .img-fluid {
  width: 100%;
  margin-top: 10px;
}
.home-section .home-inner-section .second-section .carousel-div .owlcarouseldiv .contain {
  margin: 0 auto;
  width: 100%;
}
.home-section .home-inner-section .second-section .carousel-div .owlcarouseldiv .item {
  align-items: center;
  color: #FFFFFF;
  display: flex;
  gap: 15px;
  justify-content: center;
}
.home-section .home-inner-section .second-section .carousel-div .owlcarouseldiv .item .d-flex {
  gap: 15px;
}
.home-section .home-inner-section .third-section .rating_section .img {
  text-align: center;
}
.home-section .home-inner-section .third-section .rating_section .text-p p {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 55px;
  text-align: center;
  color: #474747;
}
.home-section .home-secondSection {
  position: relative;
}
@media (max-width: 992px) {
  .home-section .home-secondSection {
    margin-top: 30px;
  }
}
.home-section .home-secondSection .grid {
  padding: 0 6%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-top: 5%;
  position: relative;
}
@media (max-width: 992px) {
  .home-section .home-secondSection .grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 992px) {
  .home-section .home-secondSection .grid .grid-child {
    margin-top: 30px;
  }
}
.home-section .home-secondSection .grid .grid-child .text-content .btn-container button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 25px;
  background: #ffe7da;
  border: 0.2px solid #ffe7da;
  color: #111111;
  border-radius: 34px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}
.home-section .home-secondSection .grid .grid-child .text-content .text-inside h4 {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 55px;
  color: #111111;
  margin-top: 20px;
}
@media (max-width: 600px) {
  .home-section .home-secondSection .grid .grid-child .text-content .text-inside h4 {
    line-height: 45px;
    margin-top: 30px;
  }
}
.home-section .home-secondSection .grid .grid-child .text-content .text-inside p {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 35px;
  color: #474747;
  margin: 0;
  margin-top: 20px;
}
@media (max-width: 600px) {
  .home-section .home-secondSection .grid .grid-child .text-content .text-inside p {
    font-size: 18px;
    line-height: 33px;
  }
}
.home-section .home-secondSection .grid .grid-child .text-content .custom-checklist {
  margin-top: 20px;
  list-style: none;
  padding-left: 0;
}
.home-section .home-secondSection .grid .grid-child .text-content .custom-checklist li {
  position: relative;
  padding-left: 45px;
  margin-bottom: 10px;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 41px;
  color: #474747;
}
@media (max-width: 600px) {
  .home-section .home-secondSection .grid .grid-child .text-content .custom-checklist li {
    font-size: 17px;
    line-height: 33px;
  }
}
.home-section .home-secondSection .grid .grid-child .text-content .custom-checklist li::before {
  content: "";
  background-image: url(../images/custom-check.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 50px;
  height: 31px;
  position: absolute;
  left: 0;
  top: 2px;
}
.home-section .home-secondSection .grid .grid-child1 .img-content {
  width: 90% !important;
}
.home-section .home-secondSection .grid .grid-child1 .img-content img {
  width: 100%;
}
.home-section .home-secondSection .grid .grid-child1 .bg-div {
  position: absolute;
  top: -44%;
  right: 0;
  z-index: -2;
}
.home-section .home-secondSection .grid .grid-child1 .btn-div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.home-section .home-secondSection .grid .grid-child1 .btn-div button {
  padding: 10px 25px;
  background: #FF5F0C;
  border-radius: 34px;
  font-style: normal;
  font-weight: 400;
  font-size: 16.4745px;
  line-height: 22px;
  color: #FFFFFF;
  margin-top: 10px;
}
.home-section .home-secondSection .grid .top-left-img {
  position: absolute;
  top: 32px;
  left: -5px;
}
@media (max-width: 600px) {
  .home-section .home-secondSection .grid .top-left-img .img-fluid {
    margin-top: -16px;
  }
}
@media (max-width: 1300px) {
  .home-section .home-secondSection .grid .top-left-img {
    top: 10px;
  }
}
.home-section .home-thirdSection {
  position: relative;
  margin-top: 3%;
}
.home-section .home-thirdSection .bottom-right-img {
  position: absolute;
  right: 0;
  top: 0;
  width: 48vw;
  height: max-content;
}
@media (max-width: 992px) {
  .home-section .home-thirdSection .bottom-right-img {
    bottom: 6%;
  }
}
.home-section .home-thirdSection .bottom-right-img img {
  width: 100% !important;
}
.home-section .home-thirdSection .top-left-img {
  position: absolute;
  top: -14%;
  width: 28vw;
  left: 0;
  height: max-content;
}
@media (max-width: 600px) {
  .home-section .home-thirdSection {
    padding: 0 4%;
    margin-top: 30px;
  }
}
@media (max-width: 600px) {
  .home-section .home-thirdSection .video-section {
    padding-top: 30px;
  }
}
.home-section .home-thirdSection .video-section .bottom-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 5% !important;
}
.home-section .home-thirdSection .video-section .bottom-btn button {
  padding: 10px 25px;
  gap: 10px;
  background: #ffe7da;
  border: 0.2px solid #ffe7da;
  border-radius: 34px;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #111111;
}
.home-section .home-thirdSection .video-section .head_section {
  text-align: center;
  margin-top: 25px;
}
.home-section .home-thirdSection .video-section .head_section h4 {
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 55px;
  text-align: center;
  color: #111111;
  margin: 0;
  margin-bottom: 10px;
}
.home-section .home-thirdSection .video-section .subheading {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
}
.home-section .home-thirdSection .video-section .subheading p {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  color: #8F8F8F;
  margin: 12px 0;
}
.home-section .home-thirdSection .video-section .video-div {
  padding: 0 6%;
  margin-top: 25px !important;
}
@media (max-width: 600px) {
  .home-section .home-thirdSection .video-section .video-div {
    padding: 0px !important;
  }
}
.home-section .home-thirdSection .video-section .video-div iframe {
  border-radius: 39px !important;
}
.home-section .home-fourthSection {
  margin-top: 40px;
  padding: 0 6%;
}
.home-section .home-fourthSection .cards {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}
@media (max-width: 992px) {
  .home-section .home-fourthSection .cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .home-section .home-fourthSection .cards {
    grid-template-columns: repeat(1, 1fr);
    padding: 0;
  }
}
.home-section .home-fourthSection .cards .card {
  background: #ffe7da;
  border: 0.2px #FF5B05;
  border-radius: 34px;
  padding: 25px !important;
}
.home-section .home-fourthSection .cards .card .text h4 {
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 25px;
  color: #1D1D1D;
  margin: 0;
  margin-top: 15px;
}
.home-section .home-fourthSection .cards .card .text p {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #484848;
  margin-top: 12px;
}
.home-section .home-fifthSection {
  margin-top: 3% !important;
  padding: 0 6%;
}
@media (max-width: 600px) {
  .home-section .home-fifthSection {
    margin-top: 60px !important;
  }
}
.home-section .home-fifthSection .btn-div {
  display: flex;
  justify-content: center;
}
.home-section .home-fifthSection .btn-div button {
  padding: 10px 20px;
  gap: 10px;
  background: #ffe7da;
  border: 0.2px solid #ffe7da;
  border-radius: 34px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #111111;
}
.home-section .home-fifthSection .div-sections {
  text-align: center;
  margin-bottom: 3rem;
}
.home-section .home-fifthSection .div-sections h4 {
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 55px;
  text-align: center;
  color: #111111;
  margin: 0;
  margin-top: 20px;
}
.home-section .home-fifthSection .div-sections p {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 55px;
  text-align: center;
  color: #8F8F8F;
}
.home-section .home-fifthSection .fifthSection-bg {
  background-image: url(../images/fifthbg.png);
  background-size: cover;
  background-repeat: no-repeat;
  display: grid;
  grid-template-columns: 40% 60%;
  padding: 40px;
  border-radius: 39px;
  overflow: hidden;
  gap: 50px;
}
@media (max-width: 1200px) {
  .home-section .home-fifthSection .fifthSection-bg {
    grid-template-columns: 45% 55%;
  }
}
@media (max-width: 992px) {
  .home-section .home-fifthSection .fifthSection-bg {
    grid-template-columns: 100%;
  }
}
@media (max-width: 600px) {
  .home-section .home-fifthSection .fifthSection-bg {
    gap: 30px;
    padding: 20px 20px;
  }
}
.home-section .home-fifthSection .fifthSection-bg .list-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid #FFFFFF;
  background: #ffe7da;
  border-radius: 30px;
}
.home-section .home-fifthSection .fifthSection-bg .list-section .list-card {
  display: flex;
  align-items: center;
  gap: 35px;
  padding: 40px 35px;
  border-bottom: 1px solid #939393;
  width: 100%;
  gap: 50px;
}
@media (max-width: 600px) {
  .home-section .home-fifthSection .fifthSection-bg .list-section .list-card {
    gap: 25px;
  }
}
@media (max-width: 1300px) {
  .home-section .home-fifthSection .fifthSection-bg .list-section .list-card {
    padding: 25px 35px;
  }
}
.home-section .home-fifthSection .fifthSection-bg .list-section .list-card .text {
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 27px;
  color: #000000;
}
.home-section .home-fifthSection .fifthSection-bg .list-section .list-card:last-child {
  border-bottom: none;
}
.home-section .home-fifthSection .fifthSection-bg .caruosel-section {
  height: 100%;
}
.home-section .home-fifthSection .fifthSection-bg .caruosel-section .contain {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.home-section .home-fifthSection .fifthSection-bg .caruosel-section .item {
  align-items: center;
  color: #FFFFFF;
  display: flex;
  gap: 15px;
  justify-content: center;
}
.home-section .home-fifthSection .fifthSection-bg .caruosel-section .item .d-flex {
  gap: 15px;
}
.home-section .sixth-section {
  text-align: center;
  margin-top: 3%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0 50%;
}
@media (max-width: 600px) {
  .home-section .sixth-section {
    margin-top: 45px !important;
  }
}
.home-section .sixth-section .lin-bgdiv .head-section .button-div button {
  background: #ffe7da;
  border: 0.2px solid #ffe7da;
  border-radius: 34px;
  padding: 10px 20px;
  color: #111111;
}
.home-section .sixth-section .lin-bgdiv .head-section .main-head h4 {
  margin: 0;
  font-weight: 400;
  font-size: 32px;
  line-height: 55px;
  text-align: center;
  color: #111111;
  margin-top: 16px;
}
@media (max-width: 450px) {
  .home-section .sixth-section .lin-bgdiv .head-section .main-head h4 {
    padding: 0px 15px !important;
  }
}
.home-section .sixth-section .lin-bgdiv .head-section .main-head p {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 55px;
  text-align: center;
  color: #8F8F8F;
}
@media (max-width: 600px) {
  .home-section .sixth-section .lin-bgdiv .head-section .main-head p {
    padding: 0 7%;
    line-height: 35px;
  }
}
.home-section .sixth-section .lin-bgdiv .img-div {
  margin-top: 3%;
  background-image: url(../images/sixth-line.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center 56%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 6%;
}
@media (max-width: 992px) {
  .home-section .sixth-section .lin-bgdiv .img-div {
    flex-direction: column;
  }
}
.home-section .sixth-section .lin-bgdiv .img-div .first-text {
  padding: 50px 0px;
  align-self: center;
}
@media (max-width: 600px) {
  .home-section .sixth-section .lin-bgdiv .img-div .first-text {
    margin-bottom: 30px;
    padding: 0px 0px;
  }
}
.home-section .sixth-section .lin-bgdiv .img-div .first-text div {
  background-image: url(../images/text-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  font-style: normal;
  font-weight: 400;
  font-size: 16.646px;
  line-height: 23px;
  text-align: center;
  color: #FFFFFF;
  padding: 29px;
  border-radius: 23px;
}
@media (max-width: 600px) {
  .home-section .sixth-section .lin-bgdiv .img-div .first-text div {
    margin-bottom: 30px;
  }
}
.home-section .sixth-section .lin-bgdiv .stats-section {
  position: relative;
  background: #FFFFFF;
  width: 90%;
  border-radius: 36px;
  filter: drop-shadow(1px 1px 52.1px rgba(0, 0, 0, 0.2));
  margin-top: -20px;
  padding: 40px 20px;
}
@media (max-width: 1200px) {
  .home-section .sixth-section .lin-bgdiv .stats-section {
    width: 89%;
  }
}
@media (max-width: 600px) {
  .home-section .sixth-section .lin-bgdiv .stats-section {
    width: 88%;
  }
}
.home-section .sixth-section .lin-bgdiv .stats-section .lists h2 {
  font-family: "SF Pro Display";
  font-weight: 400;
  font-size: 43px;
  color: #000000;
}
@media (max-width: 600px) {
  .home-section .sixth-section .lin-bgdiv .stats-section .lists h2 {
    font-size: 29px;
  }
}
.home-section .sixth-section .lin-bgdiv .stats-section .lists p {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #000000;
}
@media (max-width: 600px) {
  .home-section .sixth-section .lin-bgdiv .py-5 {
    padding-bottom: 0rem !important;
  }
}
.home-section .seventh-section {
  text-align: center;
  margin-top: 3%;
}
.home-section .seventh-section .head-section .button-div button {
  background: #ffe7da;
  border: 0.2px solid #ffe7da;
  border-radius: 34px;
  padding: 10px 20px;
  color: #111111;
  margin-top: 30px;
}
.home-section .seventh-section .head-section .main-head {
  margin-top: 40px;
}
.home-section .seventh-section .head-section .main-head h4 {
  margin: 0;
  font-weight: 400;
  font-size: 32px;
  line-height: 55px;
  text-align: center;
  color: #111111;
}
@media (max-width: 600px) {
  .home-section .seventh-section .head-section .main-head h4 {
    padding: 0 4%;
    line-height: 45px;
  }
}
.home-section .seventh-section .head-section .main-head p {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 55px;
  text-align: center;
  color: #8F8F8F;
}
@media (max-width: 600px) {
  .home-section .seventh-section .head-section .main-head p {
    padding: 0 7%;
    line-height: 35px;
    margin-top: 20px;
  }
}
.home-section .seventh-section .card-listsection {
  width: 90%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px;
  margin-top: 4%;
}
@media (max-width: 992px) {
  .home-section .seventh-section .card-listsection {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .home-section .seventh-section .card-listsection {
    margin-top: 30px;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
  }
}
.home-section .seventh-section .card-listsection .crad-list {
  background-image: url(../images/sveneth-card-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 35px;
  border-radius: 34px;
  position: relative;
}
.home-section .seventh-section .card-listsection .crad-list .card {
  background: transparent;
  border: none;
  margin-top: 40px;
}
.home-section .seventh-section .card-listsection .crad-list .card h5 {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 25px;
  color: #FFFFFF;
  text-align: left;
}
.home-section .seventh-section .card-listsection .crad-list .card p {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #FFFFFF;
  text-align: left;
  margin-top: 10px;
}
.home-section .seventh-section .card-listsection .crad-list .top-img {
  position: absolute;
  top: -13px;
}
.home-section .seventh-section .img-divline {
  width: 100%;
  margin: 4% 0;
}
.home-section .seventh-section .img-divline img {
  width: 100%;
}
@media (max-width: 600px) {
  .home-section .seventh-section .img-divline {
    margin: 30px 0;
  }
}
.home-section .eighth-section {
  text-align: center;
  margin-top: 3%;
  padding: 0 6%;
}
@media (max-width: 992px) {
  .home-section .eighth-section {
    margin-top: 50px;
  }
}
.home-section .eighth-section .head-section .button-div button {
  background: #ffe7da;
  border: 0.2px solid #ffe7da;
  border-radius: 34px;
  padding: 10px 20px;
  color: #111111;
}
.home-section .eighth-section .head-section .main-head {
  margin-top: 40px;
  margin-bottom: 60px;
}
@media (max-width: 600px) {
  .home-section .eighth-section .head-section .main-head {
    margin-top: 25px;
    margin-bottom: 30px;
  }
}
.home-section .eighth-section .head-section .main-head h4 {
  margin: 0;
  font-weight: 400;
  font-size: 32px;
  line-height: 55px;
  text-align: center;
  color: #111111;
}
.home-section .eighth-section .head-section .main-head p {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 55px;
  text-align: center;
  color: #8F8F8F;
}
@media (max-width: 600px) {
  .home-section .eighth-section .head-section .main-head p {
    line-height: 35px;
  }
}
.home-section .eighth-section .carousel-section .small-text {
  position: absolute;
  justify-content: center;
  left: 50%;
  transform: translate(-50%);
  padding: 15px 10%;
}
.home-section .eighth-section .carousel-section .small-text p {
  padding: 10px;
  border: 0.3px solid #FF3333;
  padding-bottom: 25rem;
  padding-top: 40px;
  border-radius: 34px;
  font-style: normal;
  font-weight: 400;
  font-size: 25px;
  line-height: 20px;
  text-align: center;
  color: #000000;
}
@media (max-width: 992px) {
  .home-section .eighth-section .carousel-section .small-text p {
    font-size: 18px;
    line-height: 26px;
  }
}
.home-section .eighth-section .carousel-section .slider-carousel .shadow-effect {
  padding: 50px;
  border-radius: 34px;
  text-align: center;
  border: 1px solid #ECECEC;
}
.home-section .eighth-section .carousel-section .slider-carousel .shadow-effect .head {
  margin-top: 1.5vw;
}
.home-section .eighth-section .carousel-section .slider-carousel .shadow-effect .head h4 {
  font-style: normal;
  font-weight: 400;
  font-size: 31.4286px;
  line-height: 17px;
  text-align: center;
  color: #282828;
  margin-bottom: 1.5vw;
}
.home-section .eighth-section .carousel-section .slider-carousel .shadow-effect .head p {
  display: none;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  color: #FFFFFF !important;
  margin-bottom: 0;
  margin-bottom: 2rem;
}
.home-section .eighth-section .carousel-section .slider-carousel .shadow-effect .content {
  display: none;
}
.home-section .eighth-section .carousel-section .slider-carousel .shadow-effect .content p {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  color: #FFFFFF !important;
  margin: 0;
  margin-bottom: 2rem;
}
.home-section .eighth-section .carousel-section .slider-carousel .shadow-effect .imgDiv {
  text-align: center;
}
.home-section .eighth-section .carousel-section .slider-carousel .shadow-effect .imgDiv p {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 17.0166px;
  line-height: 17px;
  text-align: center;
  color: #3C3C3C;
  margin-top: 10px;
}
.home-section .eighth-section .carousel-section .slider-carousel .shadow-effect .imgDiv .rating .black {
  display: block;
  text-align: center;
  width: min-content;
  justify-self: center;
}
.home-section .eighth-section .carousel-section .slider-carousel .shadow-effect .imgDiv .rating .gold {
  display: none;
}
.home-section .eighth-section .carousel-section .slider-carousel .shadow-effect .user-img {
  width: 100%;
  text-align: center;
  justify-items: center;
}
.home-section .eighth-section .carousel-section .slider-carousel .shadow-effect .user-img img {
  width: 90px;
}
.home-section .eighth-section .carousel-section .slider-carousel .testimonial-name {
  margin: -17px auto 0;
  display: table;
  width: auto;
  background: #3190E7;
  padding: 9px 35px;
  border-radius: 12px;
  text-align: center;
  color: #fff;
}
.home-section .eighth-section .carousel-section .slider-carousel #customers-testimonials .owl-stage-outer {
  padding: 0rem 0;
  padding-top: 19rem;
}
.home-section .eighth-section .carousel-section .slider-carousel #customers-testimonials .item {
  text-align: center;
  margin-bottom: 80px;
  background-image: url(../images/testmonialbg.png);
  border: 0.3px solid #FF5F0C;
  border-radius: 34px;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.home-section .eighth-section .carousel-section .slider-carousel #customers-testimonials .owl-item.active.center {
  z-index: 9;
}
.home-section .eighth-section .carousel-section .slider-carousel #customers-testimonials .owl-item.active.center .item {
  opacity: 1;
  -webkit-transform: scale3d(1.2, 1.2, 1.2);
  transform: scale3d(1.2, 1.2, 1.2);
  background-image: url(../images/carousel-bg-testmoniel.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 9;
}
.home-section .eighth-section .carousel-section .slider-carousel #customers-testimonials .owl-item.active.center .item .user-img {
  position: absolute;
  top: -90px;
  width: 162px !important;
  height: 162px !important;
  left: 50%;
  transform: translate(-50%);
}
.home-section .eighth-section .carousel-section .slider-carousel #customers-testimonials .owl-item.active.center .item .user-img img {
  width: 100%;
}
.home-section .eighth-section .carousel-section .slider-carousel #customers-testimonials .owl-item.active.center .item .content {
  display: block;
}
.home-section .eighth-section .carousel-section .slider-carousel #customers-testimonials .owl-item.active.center .item .head {
  margin-top: 3vw;
}
@media (max-width: 1200px) {
  .home-section .eighth-section .carousel-section .slider-carousel #customers-testimonials .owl-item.active.center .item .head {
    margin-top: 6vw;
  }
}
@media (max-width: 600px) {
  .home-section .eighth-section .carousel-section .slider-carousel #customers-testimonials .owl-item.active.center .item .head {
    margin-top: 55px;
  }
}
.home-section .eighth-section .carousel-section .slider-carousel #customers-testimonials .owl-item.active.center .item .head h4 {
  font-style: normal;
  font-weight: 400;
  font-size: 37px;
  line-height: 20px;
  text-align: center;
  color: #FFFFFF !important;
  margin: 0;
  margin-bottom: 2rem;
}
@media (max-width: 992px) {
  .home-section .eighth-section .carousel-section .slider-carousel #customers-testimonials .owl-item.active.center .item .head h4 {
    font-size: 30px;
  }
}
.home-section .eighth-section .carousel-section .slider-carousel #customers-testimonials .owl-item.active.center .item .head p {
  display: block;
}
.home-section .eighth-section .carousel-section .slider-carousel #customers-testimonials .owl-item.active.center .item .imgDiv p {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  color: #FFFFFF !important;
  margin: 0;
  margin-top: 12px;
}
.home-section .eighth-section .carousel-section .slider-carousel #customers-testimonials .owl-item.active.center .item .imgDiv .rating .black {
  display: none;
}
.home-section .eighth-section .carousel-section .slider-carousel #customers-testimonials .owl-item.active.center .item .imgDiv .rating .gold {
  display: block;
  text-align: center;
  width: min-content;
  justify-self: center;
}
.home-section .eighth-section .carousel-section .slider-carousel #customers-testimonials .owl-nav {
  position: absolute;
  top: 52%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  /* prevent blocking */
  padding: 0px 24px;
}
.home-section .eighth-section .carousel-section .slider-carousel #customers-testimonials .owl-nav button {
  background: transparent;
  border: none;
  font-size: 30px;
  color: #3190E7;
  pointer-events: all;
  cursor: pointer;
}
.home-section .eighth-section .carousel-section .slider-carousel #customers-testimonials .owl-nav button.owl-prev {
  margin-left: -40px;
}
.home-section .eighth-section .carousel-section .slider-carousel #customers-testimonials .owl-nav button.owl-next {
  margin-right: -40px;
}
.home-section .nineth-section {
  width: 100% !important;
  margin: 0 0 4% 0;
}
.home-section .nineth-section img {
  width: 100% !important;
  margin-top: -18px;
}
.home-section .tenth-section .end-section {
  border-radius: 30px;
  min-height: 420px;
  padding-left: 0;
  padding-right: 0;
  font-weight: 200;
  font-style: normal;
}
.home-section .tenth-section .end-section .rounded-5 {
  background-image: url(../images/Group.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 90%;
  margin: 0 auto;
  font-weight: 200;
  font-style: normal;
}
.home-section .tenth-section .end-section .rounded-5 .bg-dark h4 {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 55px;
  text-align: center;
  color: #FFFFFF;
}
@media (max-width: 600px) {
  .home-section .tenth-section .end-section .rounded-5 .bg-dark h4 {
    line-height: 30px;
  }
}
.home-section .tenth-section .end-section .rounded-5 .bg-dark h2 {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 55px;
  text-align: center;
  color: #FFFFFF;
}
@media (max-width: 600px) {
  .home-section .tenth-section .end-section .rounded-5 .bg-dark h2 {
    line-height: 40px;
  }
}
.home-section .tenth-section .end-section .rounded-5 .bg-dark p {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 55px;
  color: #919191;
}
@media (max-width: 600px) {
  .home-section .tenth-section .end-section .rounded-5 .bg-dark p {
    line-height: 20px;
  }
}
.home-section .tenth-section .end-section .rounded-5 .bg-dark .phone-showcase .btn {
  padding: 14px 28px;
  border: 0.850133px solid #323232;
  border-radius: 25.504px;
  background: transparent;
  font-weight: 400;
  font-size: 17.8528px;
  text-align: center;
  color: #B5B5B5;
}
.home-section .tenth-section .end-section .rounded-5 .bg-dark .btn {
  background: linear-gradient(180deg, #FF5B05 0%, #FF7D39 100%);
  font-style: normal;
  font-weight: 400;
  font-size: 16.4745px;
  line-height: 22px;
  color: #FFFFFF;
  padding: 10px 17px;
  gap: 10px;
  left: calc(50% - 75px - 19px);
  top: calc(50% - 24.5px - 3390px);
  border-radius: 34px;
  margin-bottom: 15px;
}

.product-section .product-inner-section {
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center top 110px;
}
@media (max-width: 600px) {
  .product-section .product-inner-section .first_section2 {
    --bs-gutter-x: 5rem;
    margin-top: -10%;
  }
}
.product-section .product-inner-section .first_section2 .text-content2 {
  text-align: center !important;
}
.product-section .product-inner-section .first_section2 .text-content2 .small-text {
  padding-top: 0% !important;
}
.product-section .product-inner-section .first_section2 .text-content2 .small-text p {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 55px;
  text-align: center;
  color: #111111 !important;
}
@media (max-width: 600px) {
  .product-section .product-inner-section .first_section2 .text-content2 .small-text p {
    margin-top: 15px;
  }
}
.product-section .product-inner-section .first_section2 .text-content2 .highlight-text2 h2 {
  margin: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 129px;
  text-align: center;
  color: #111111 !important;
  margin: 40px 0 0px;
  font-family: "SF Pro Display";
}
@media (max-width: 998px) {
.product-section .product-inner-section .first_section2 .text-content2 .highlight-text2 h2 {
      line-height: 52px;
    margin-bottom: 27px;
  }
}
@media (max-width: 767px) {
  .product-section .product-inner-section .first_section2 .text-content2 .highlight-text2 h2 {
    line-height: 52px;
    margin-bottom: 27px;
  }
}
@media (max-width: 600px) {
  .product-section .product-inner-section .first_section2 .text-content2 .highlight-text2 h2 {
    line-height: 40px;
    margin-top: 70px;
  }
}
.product-section .product-inner-section .first_section2 .text-content2 .bottom-small-text {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: #3C3C3C;
  margin-top: -13px;
}
@media (max-width: 600px) {
  .product-section .product-inner-section .first_section2 .text-content2 .bottom-small-text {
    margin-top: 15px;
    line-height: 23px;
  }
}
.product-section .product-inner-section .first_section2 .btn-divSection {
  display: flex;
  justify-content: center;
  padding-bottom: 40px;
  padding-top: 25px;
}
.product-section .product-inner-section .first_section2 .btn-divSection button {
  background: linear-gradient(180deg, #FF5B05 0%, #FF7D39 100%);
  font-style: normal;
  font-weight: 400;
  font-size: 16.4745px;
  line-height: 22px;
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 17px;
  gap: 10px;
  left: calc(50% - 75px - 19px);
  top: calc(50% - 24.5px - 3390px);
  border-radius: 34px;
}
.product-section .product-inner-section .second-section .carousel-div .top-imgdiv .img-fluid {
  width: 100%;
}
.product-section .product-inner-section .second-section .carousel-div .item {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.product-section .product-inner-section .second-section .carousel-div .bottom-img-div .img-fluid {
  width: 100%;
  margin-top: 10px;
}
.product-section .product-inner-section .stats-section {
  background: #FFFFFF;
  width: 73%;
  border-radius: 40px;
  filter: drop-shadow(1px 1px 52.1px rgba(0, 0, 0, 0.2));
  margin-top: -11px;
  padding: 40px 20px;
}
@media (max-width: 1200px) {
  .product-section .product-inner-section .stats-section {
    width: 88%;
    margin-top: 0px;
  }
}
@media (max-width: 600px) {
  .product-section .product-inner-section .stats-section {
    width: 88%;
    margin-top: 10px;
  }
}
.product-section .product-inner-section .stats-section .lists h2 {
  font-family: "SF Pro Display";
  font-weight: 400;
  font-size: 43px;
  color: #000000;
}
@media (max-width: 600px) {
  .product-section .product-inner-section .stats-section .lists h2 {
    font-size: 29px;
  }
}
.product-section .product-inner-section .stats-section .lists p {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #000000;
}
.product-section .product-inner-section .third-section .rating_section .img {
  text-align: center;
}
.product-section .product-inner-section .third-section .rating_section .text-p p {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 55px;
  text-align: center;
  color: #474747;
}
@media (max-width: 600px) {
  .product-section .line-section {
    margin-top: 10px;
  }
}
.product-section .product-secondsection {
  display: flex;
  justify-content: center;
  padding-top: 5rem;
}
.product-section .product-secondsection .text-content .btn-container {
  display: flex;
  justify-content: center;
}
.product-section .product-secondsection .text-content .btn-container .btn {
  width: 140px;
  margin-top: 30px;
  padding: 10px 25px;
  background: #ffe7da;
  border: 0.2px solid #ffe7da;
  border-radius: 34px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #111111;
}
@media (max-width: 600px) {
  .product-section .product-secondsection .text-content .btn-container .btn {
    margin-top: -29px;
  }
}
.product-section .product-secondsection .text-content .text-inside {
  padding-top: 10p;
  display: flex;
  justify-content: center;
}
.product-section .product-secondsection .text-content h4 {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 55px;
  color: #000000;
}
@media (max-width: 900px) {
  .product-section .product-secondsection .text-content h4 {
    line-height: 42px !important;
    text-align: center !important;
  }
}
@media (max-width: 600px) {
  .product-section .product-secondsection .text-content h4 {
    line-height: 42px;
    text-align: center;
  }
}
.product-section .product-secondsection .text-content .p-inside {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  color: #8F8F8F;
}
@media (max-width: 600px) {
  .product-section .product-secondsection .text-content .p-inside {
    margin-bottom: -2rem;
  }
}
.product-section .line-section .opacityline {
  width: 50%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: 0;
}
@media (max-width: 600px) {
  .product-section .line-section .opacityline {
    padding-top: -39px;
  }
}
.product-section .mobile-app-section .app-section {
  padding-top: 80px;
}
@media (max-width: 600px) {
  .product-section .mobile-app-section .app-section {
    padding-top: 27px;
  }
}
@media (max-width: 600px) {
  .product-section .mobile-app-section .app-section .flex-wrap {
    margin-bottom: -0.5rem !important;
  }
}
.product-section .mobile-app-section .app-section h3 {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  color: #000000;
  line-height: 52px;
}
@media (max-width: 600px) {
  .product-section .mobile-app-section .app-section h3 {
    line-height: 39px;
  }
}
.product-section .mobile-app-section .app-section p {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: #3C3C3C;
  padding-top: 20px;
}
@media (max-width: 600px) {
  .product-section .mobile-app-section .app-section p {
    padding-top: 11px;
    line-height: 25px;
  }
  .product-section .mobile-app-section .app-section p br {
    display: none;
  }
}
.product-section .mobile-app-section .app-section .btn1 {
  width: 140px;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px 25px;
  background: #ffe7da;
  border: 0.2px solid #ffe7da;
  border-radius: 34px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #111111;
}
@media (max-width: 600px) {
  .product-section .mobile-app-section .app-section .btn1 {
    margin-top: -9px;
  }
}
.product-section .mobile-app-section .app-section .btn {
  background: linear-gradient(180deg, #FF5B05 0%, #FF7D39 100%);
  font-style: normal;
  font-weight: 400;
  font-size: 16.4745px;
  line-height: 22px;
  color: #FFFFFF;
  padding: 10px 17px;
  gap: 10px;
  left: calc(50% - 75px - 19px);
  top: calc(50% - 24.5px - 3390px);
  border-radius: 34px;
  margin-bottom: 15px;
}
@media (max-width: 600px) {
  .product-section .mobile-app-section2 .text-section .lap-section .device-mockups {
    margin-bottom: -30px;
  }
}
.product-section .mobile-app-section2 .text-section .app-section2 h3 {
  font-family: "SF Pro Display";
  font-weight: 400;
  font-size: 32px;
  color: #000000;
  line-height: 52px;
}
@media (max-width: 600px) {
  .product-section .mobile-app-section2 .text-section .app-section2 h3 {
    line-height: 39px;
  }
}
.product-section .mobile-app-section2 .text-section .app-section2 p {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: #3C3C3C;
  padding-top: 20px;
}
@media (max-width: 600px) {
  .product-section .mobile-app-section2 .text-section .app-section2 p {
    padding-top: 11px;
    line-height: 25px;
  }
  .product-section .mobile-app-section2 .text-section .app-section2 p br {
    display: none;
  }
}
.product-section .mobile-app-section2 .text-section .app-section2 .btn1 {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px 25px;
  background: #ffe7da;
  border: 0.2px solid #ffe7da;
  border-radius: 34px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #111111;
}
@media (max-width: 600px) {
  .product-section .mobile-app-section2 .text-section .app-section2 .btn1 {
    margin-top: 45px;
  }
}
.product-section .mobile-app-section2 .text-section .app-section2 .btn {
  background: linear-gradient(180deg, #FF5B05 0%, #FF7D39 100%);
  font-style: normal;
  font-weight: 400;
  font-size: 16.4745px;
  line-height: 22px;
  color: #FFFFFF;
  padding: 10px 17px;
  gap: 10px;
  left: calc(50% - 75px - 19px);
  top: calc(50% - 24.5px - 3390px);
  border-radius: 34px;
  margin-bottom: 15px;
  margin-left: -1px;
}
@media (max-width: 600px) {
  .product-section .mobile-app-section2 .text-section .app-section2 .btn {
    margin-top: 45px;
    margin-bottom: -36px;
  }
}
@media (max-width: 600px) {
  .product-section .mobile-app-section2 .text-section .app-section2 .phone-showcase {
    display: none;
  }
}
.product-section .dot-section {
  background: #FFFFFF;
  width: 80%;
  border-radius: 29px;
  filter: drop-shadow(1px 1px 52.1px rgba(0, 0, 0, 0.2));
  margin-top: 40px;
  padding: 40px 20px;
}
@media (max-width: 600px) {
  .product-section .dot-section .row {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 0;
  }
  .product-section .dot-section .col-6 {
    width: 100%;
    text-align: left;
  }
}
.product-section .dot-section h2 {
  font-size: 32px;
  color: #000000;
}
.product-section .dot-section p {
  font-size: 14px;
  color: #3C3C3C;
}
@media (max-width: 700px) {
  .product-section .dot-section .row {
    text-align: left !important;
    justify-content: flex-start !important;
  }
}
.product-section .dot-section2 {
  background: #FFFFFF;
  width: 85%;
  border-radius: 29px;
  filter: drop-shadow(1px 1px 52.1px rgba(0, 0, 0, 0.2));
  margin-top: 40px;
  padding: 40px 20px;
  margin-bottom: 43px;
}
@media (max-width: 600px) {
  .product-section .dot-section2 .row {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 0;
  }
  .product-section .dot-section2 .col-4 {
    width: 100%;
    text-align: left;
  }
}
.product-section .dot-section2 h2 {
  font-size: 32px;
  color: #000;
}
.product-section .dot-section2 p {
  font-size: 14px;
  color: #3C3C3C;
}
@media (max-width: 700px) {
  .product-section .dot-section2 .row {
    text-align: left !important;
    justify-content: flex-start !important;
  }
}
.product-section .end-section {
  border-radius: 30px;
  min-height: 420px;
  padding-left: 0;
  padding-right: 0;
  font-weight: 200;
  font-style: normal;
}
.product-section .end-section .rounded-5 {
  background-image: url(../images/Group.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 90%;
  margin: 0 auto;
  font-weight: 200;
  font-style: normal;
}
.product-section .end-section .rounded-5 .bg-dark h4 {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 55px;
  text-align: center;
  color: #FFFFFF;
}
@media (max-width: 600px) {
  .product-section .end-section .rounded-5 .bg-dark h4 {
    line-height: 30px;
  }
}
.product-section .end-section .rounded-5 .bg-dark h2 {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 55px;
  text-align: center;
  color: #FFFFFF;
}
@media (max-width: 600px) {
  .product-section .end-section .rounded-5 .bg-dark h2 {
    line-height: 40px;
  }
}
.product-section .end-section .rounded-5 .bg-dark p {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 55px;
  color: #919191;
}
@media (max-width: 600px) {
  .product-section .end-section .rounded-5 .bg-dark p {
    line-height: 20px;
  }
}
.product-section .end-section .rounded-5 .bg-dark .phone-showcase .btn {
  padding: 14px 28px;
  border: 0.850133px solid #323232;
  border-radius: 25.504px;
  background: transparent;
  font-weight: 400;
  font-size: 17.8528px;
  text-align: center;
  color: #B5B5B5;
}
.product-section .end-section .rounded-5 .bg-dark .btn {
  background: linear-gradient(180deg, #FF5B05 0%, #FF7D39 100%);
  font-style: normal;
  font-weight: 400;
  font-size: 16.4745px;
  line-height: 22px;
  color: #FFFFFF;
  padding: 10px 17px;
  gap: 10px;
  left: calc(50% - 75px - 19px);
  top: calc(50% - 24.5px - 3390px);
  border-radius: 34px;
  margin-bottom: 15px;
}

.pricing-section .pricing-inner-section {
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center top 110px;
}
@media (max-width: 600px) {
  .pricing-section .pricing-inner-section .first_section2 {
    --bs-gutter-x: 5rem;
    margin-top: -10%;
  }
}
.pricing-section .pricing-inner-section .first_section2 .text-content2 {
  text-align: center !important;
}
.pricing-section .pricing-inner-section .first_section2 .text-content2 .small-text {
  padding-top: 0% !important;
}
.pricing-section .pricing-inner-section .first_section2 .text-content2 .small-text p {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 55px;
  text-align: center;
  color: #111111 !important;
}
@media (max-width: 600px) {
  .pricing-section .pricing-inner-section .first_section2 .text-content2 .small-text p {
    margin-top: 15px;
  }
}
.pricing-section .pricing-inner-section .first_section2 .text-content2 .highlight-text2 h2 {
  margin: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 129px;
  text-align: center;
  color: #111111 !important;
  margin: 40px 0 0px;
  font-family: "SF Pro Display";
}
@media (max-width: 600px) {
  .pricing-section .pricing-inner-section .first_section2 .text-content2 .highlight-text2 h2 {
    line-height: 40px;
    margin-top: 70px;
  }
}
.pricing-section .pricing-inner-section .first_section2 .text-content2 .bottom-small-text p {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: #3C3C3C;
  margin-top: -13px;
}
@media (max-width: 600px) {
  .pricing-section .pricing-inner-section .first_section2 .text-content2 .bottom-small-text {
    margin-top: 15px;
    line-height: 23px;
  }
}
.pricing-section .pricing-inner-section .first_section2 .btn-divSection {
  display: flex;
  justify-content: center;
  padding-bottom: 40px;
  padding-top: 25px;
}
.pricing-section .pricing-inner-section .first_section2 .btn-divSection button {
  background: linear-gradient(180deg, #FF5B05 0%, #FF7D39 100%);
  font-style: normal;
  font-weight: 400;
  font-size: 16.4745px;
  line-height: 22px;
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 17px;
  gap: 10px;
  left: calc(50% - 75px - 19px);
  top: calc(50% - 24.5px - 3390px);
  border-radius: 34px;
}
.pricing-section .pricing-inner-section .second-section .carousel-div {
  padding: 0 10px;
}
@media (max-width: 600px) {
  .pricing-section .pricing-inner-section .second-section .carousel-div .highlight-text3 {
    margin-top: 33px;
  }
}
.pricing-section .pricing-inner-section .second-section .carousel-div .bottom-section {
  margin-top: 5rem;
}
.pricing-section .pricing-inner-section .second-section .carousel-div .price-center {
  margin-top: 2rem;
}
.pricing-section .pricing-inner-section .second-section .carousel-div .top-imgdiv .img-fluid {
  width: 100%;
}
.pricing-section .pricing-inner-section .second-section .carousel-div .item {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.pricing-section .pricing-inner-section .second-section .carousel-div .bottom-img-div .img-fluid {
  width: 100%;
  margin-top: 10px;
}
.pricing-section .pricing-inner-section .second-section .carousel-div .pricing-toggle {
  display: inline-flex;
  background-color: #f86d1d;
  padding: 4px;
  border-radius: 12px;
  gap: 4px;
}
.pricing-section .pricing-inner-section .second-section .carousel-div .pricing-toggle .toggle-btn {
  border: none;
  background-color: transparent;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  color: #6c6c6c;
  border-radius: 10px;
  transition: all 0.3s ease;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
}
.pricing-section .pricing-inner-section .second-section .carousel-div .pricing-toggle .toggle-btn .highlight {
  font-size: 12px;
  color: #000;
  font-weight: 400;
}
.pricing-section .pricing-inner-section .second-section .carousel-div .pricing-toggle .toggle-btn:hover {
  background-color: rgba(230, 67, 67, 0.1);
}
.pricing-section .pricing-inner-section .second-section .carousel-div .pricing-toggle .toggle-btn.active {
  border: 1px solid #ff7070;
  background-color: #fff;
  color: #000;
}
.pricing-section .pricing-inner-section .second-section .carousel-div .pricing-toggle .toggle-btn.active .highlight {
  color: #000;
  font-weight: 500;
}
.pricing-section .pricing-section2 {
  margin-top: 3rem;
}
.pricing-section .pricing-section2 .plan-card-1 {
  border-radius: 36px;
  padding: 15px;
  background: linear-gradient(to bottom, #ffffff 90%, #dddada 10%);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  height: 100%;
  text-align: center;
}
.pricing-section .pricing-section2 .plan-card-1 .mobprice {
  display: flex !important;
  flex-direction: row;
  gap: 10px;
}
.pricing-section .pricing-section2 .plan-card-1 .mobprice .dollar {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  color: #AAAAAA;
  margin-right: 10px;
  margin-top: 8px;
}
.pricing-section .pricing-section2 .plan-card-1 .mobprice .dollar .price {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 35px;
  color: #FFFFFF;
}
.pricing-section .pricing-section2 .plan-card-1 h5 {
  text-align: center;
  letter-spacing: -0.24px;
  color: #000000;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  padding-top: 25px;
  margin-bottom: 0px;
}
.pricing-section .pricing-section2 .plan-card-1 p {
  font-family: "SF Pro Display";
  font-style: normal;
  font-size: 12px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.pricing-section .pricing-section2 .plan-card-1 .text-muted-1 {
  color: #5E5E5E !important;
  padding: 16px 61px;
}
@media (max-width: 1440px) {
  .pricing-section .pricing-section2 .plan-card-1 .text-muted-1 {
    padding: 16px 40px;
  }
}
.pricing-section .pricing-section2 .plan-card-1 .text-muted-2 {
  text-align: left !important;
  margin-left: 21px;
}
.pricing-section .pricing-section2 .plan-card-1 ul.list-unstyled {
  font-size: 12px;
}
.pricing-section .pricing-section2 .plan-card-1 ul.list-unstyled li {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  display: flex;
  align-items: center;
  color: #000000;
  text-align: left;
  gap: 18px;
  margin-bottom: 12px;
}
.pricing-section .pricing-section2 .plan-card-1 ul.list-unstyled .last-li {
  margin-bottom: 40px;
}
.pricing-section .pricing-section2 .plan-card-1 .demo .btn {
  color: #000000;
  border: none;
}
.pricing-section .pricing-section2 .plan-card-1 .price {
  font-size: 32px;
  margin: 14px 0;
}
@media (max-width: 1400px) {
  .pricing-section .pricing-section2 .plan-card-1 .price {
    font-size: 25px;
  }
}
.pricing-section .pricing-section2 .plan-card-1 .text-div-ul {
  padding: 0 71px !important;
  margin-top: 20px;
}
@media (max-width: 1440px) {
  .pricing-section .pricing-section2 .plan-card-1 .text-div-ul {
    padding: 20px 40px !important;
  }
}
@media (max-width: 1200px) {
  .pricing-section .pricing-section2 .plan-card-1 .demo {
    margin-top: 5rem;
  }
}
.pricing-section .pricing-section2 .premium-card {
  border-radius: 36px;
  padding: 15px;
  height: 100%;
  text-align: center;
  background: linear-gradient(to bottom, #1c1c1c 90%, #FF7D39 10%);
  border-radius: 37px;
}
.pricing-section .pricing-section2 .premium-card ul.list-unstyled li {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  margin-bottom: 15px;
  align-items: center !important;
  gap: 18px !important;
}
@media (max-width: 1440px) {
  .pricing-section .pricing-section2 .premium-card ul.list-unstyled li {
    align-items: flex-start !important;
  }
}
.pricing-section .pricing-section2 .premium-card p {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
}
.pricing-section .pricing-section2 .premium-card li {
  font-family: "SF Pro Display";
}
.pricing-section .pricing-section2 .premium-card .single-line {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 40px 50px;
}
@media (max-width: 992px) {
  .pricing-section .pricing-section2 .premium-card .single-line {
    padding: 30px 30px;
  }
}
.pricing-section .pricing-section2 .premium-card .single-line .width-25 {
  margin-top: -15px;
  margin-right: 17px;
}
.pricing-section .pricing-section2 .premium-card .list-style-proffesional {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 13px;
  padding: 0px 50px;
}
@media (max-width: 1350px) {
  .pricing-section .pricing-section2 .premium-card .list-style-proffesional {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 992px) {
  .pricing-section .pricing-section2 .premium-card .list-style-proffesional {
    padding: 0px 25px;
  }
}
@media (max-width: 768px) {
  .pricing-section .pricing-section2 .premium-card .list-style-proffesional {
    padding: 0px 20px;
    margin-bottom: 50px;
  }
}
.pricing-section .pricing-section2 .premium-card .ul-list-flex {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.pricing-section .pricing-section2 .premium-card .book .btn {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: linear-gradient(180deg, #FF7575 0%, #FF4444 100%);
  color: #FFFFFF;
}
.pricing-section .pricing-section2 .premium-card .cards-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 20px 50px;
}
@media (max-width: 1440px) {
  .pricing-section .pricing-section2 .premium-card .cards-top {
    padding: 20px 40px;
  }
}
@media (max-width: 1400px) {
  .pricing-section .pricing-section2 .premium-card .cards-top {
    flex-direction: column;
  }
}
@media (max-width: 992px) {
  .pricing-section .pricing-section2 .premium-card .cards-top {
    padding: 20px 30px;
  }
}
@media (max-width: 600px) {
  .pricing-section .pricing-section2 .premium-card .cards-top {
    display: flex;
    flex-direction: column;
  }
}
.pricing-section .pricing-section2 .premium-card .cards-top .left {
  text-align: left;
}
.pricing-section .pricing-section2 .premium-card .cards-top .left h3 {
  text-align: left;
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #FFFFFF;
}
.pricing-section .pricing-section2 .premium-card .cards-top .left p {
  margin-top: 19px;
  color: #FFFFFF;
}
.pricing-section .pricing-section2 .premium-card .cards-top .left p ul.list-unstyled li {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
}
.pricing-section .pricing-section2 .premium-card .cards-top .left p p {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  margin: 0px 0px 0px 30px;
}
.pricing-section .pricing-section2 .premium-card .cards-top .left p li {
  font-family: "SF Pro Display";
}
@media (max-width: 600px) {
  .pricing-section .pricing-section2 .premium-card .cards-top .left p {
    margin-top: 31px;
  }
}
.pricing-section .pricing-section2 .premium-card .cards-top .right p {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #FFFFFF;
}
@media (max-width: 1400px) {
  .pricing-section .pricing-section2 .premium-card .cards-top .right p {
    text-align: end;
  }
}
.pricing-section .pricing-section2 .premium-card .cards-top .right .webprice {
  display: flex !important;
}
@media (max-width: 1400px) {
  .pricing-section .pricing-section2 .premium-card .cards-top .right .webprice {
    justify-content: end;
  }
}
.pricing-section .pricing-section2 .premium-card .cards-top .right .webprice p {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}
.pricing-section .pricing-section2 .premium-card .cards-top .right .webprice .dollar {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  color: #AAAAAA;
  margin-right: 10px;
}
.pricing-section .pricing-section2 .premium-card .cards-top .right .webprice .dollar h2 {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 200;
  font-size: 35px;
  color: #FFFFFF;
}
.pricing-section .pricing-section2 .premium-card .cards-top .right .webprice .dollar .price {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 35px;
  color: #FFFFFF;
}
.pricing-section .pricing-section2 .premium-card .cards-top .price {
  font-size: 32px;
}
@media (max-width: 1400px) {
  .pricing-section .pricing-section2 .premium-card .cards-top .price {
    font-size: 25px;
  }
}
@media (max-width: 600px) {
  .pricing-section .pricing-section2 .premium-card .cards-top .price {
    margin-top: 10px;
  }
}
.pricing-section .pricing-section2 .premium-card .cards-top .card-title,
.pricing-section .pricing-section2 .premium-card .cards-top .text-light {
  color: #FFFFFF;
}
.pricing-section .pricing-section2 .row.justify-content-center {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  align-items: stretch;
}
@media (max-width: 1220px) {
  .pricing-section .pricing-section2 .row.justify-content-center {
    gap: 20px !important;
  }
}
@media (max-width: 992px) {
  .pricing-section .pricing-section2 .row.justify-content-center {
    flex-direction: row;
  }
}
.pricing-section .pricing-section2 .row.justify-content-center > .col-md-5:first-child {
  flex: 0.4;
}
@media (max-width: 768px) {
  .pricing-section .pricing-section2 .row.justify-content-center > .col-md-5:first-child {
    flex: 1.4 !important;
  }
}
.pricing-section .pricing-section2 .row.justify-content-center > .col-md-5:last-child {
  flex: 0.8;
}
@media (max-width: 600px) {
  .pricing-section .pricing-section2 .row.justify-content-center > .col-md-5:last-child {
    flex: initial;
  }
}
.pricing-section .contact-banner {
  margin-top: 60px;
  background-color: #1c1c1c;
  padding: 30px;
  border-radius: 40px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  margin: 40px 6%;
}
@media (max-width: 600px) {
  .pricing-section .contact-banner {
    display: flex;
    flex-direction: column;
    text-align: center;
  }
}
@media (max-width: 600px) {
  .pricing-section .contact-banner .white {
    display: flex;
    flex-direction: column;
    text-align: left;
  }
}
.pricing-section .contact-banner .white h5 {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 42px;
  display: flex;
  align-items: center;
  letter-spacing: 1px;
  color: #FFFFFF;
}
@media (max-width: 992px) {
  .pricing-section .contact-banner .white h5 {
    font-size: 18px;
    line-height: 35px;
  }
}
.pricing-section .contact-banner .white .talk {
  color: #ffe7da;
  font-weight: 500;
  margin-left: 3px;
}
@media (max-width: 600px) {
  .pricing-section .contact-banner .white .talk {
    text-align: center;
  }
}
.pricing-section .contact-banner .btn-33 {
  font-style: normal;
  font-weight: 400;
  background: linear-gradient(180deg, #FF5B05 0%, #FF7D39 100%);
  color: #fff;
  font-size: 16px;
  border: none;
  border-radius: 24px;
  padding: 12px 24px;
  cursor: pointer;
}
@media (max-width: 600px) {
  .pricing-section .contact-banner .btn-33 {
    margin-top: 15px;
  }
}
.pricing-section .tools-section {
  background-image: url("../images/finalbg2.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 30px;
  margin: 40px 6%;
  box-shadow: 0px 0px 65.5px rgba(0, 0, 0, 0.1);
  margin-top: 6rem;
}
@media (max-width: 600px) {
  .pricing-section .tools-section {
    margin: 39px 10px;
  }
}
.pricing-section .tools-section .final-sec .section-title {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 45px;
  margin-top: 30px;
  padding-top: 5rem;
  padding-bottom: 3rem;
}
@media (max-width: 992px) {
  .pricing-section .tools-section .final-sec .section-title {
    font-size: 30px;
    margin-top: 30px;
    padding-top: 4rem;
    padding-bottom: 2rem;
  }
}
.pricing-section .tools-section .final-sec .features-list {
  display: flex;
  gap: 60px;
  justify-content: center;
  margin: 0 5rem;
}
@media (max-width: 992px) {
  .pricing-section .tools-section .final-sec .features-list {
    gap: 30px;
    margin: 0 3rem;
  }
}
@media (max-width: 768px) {
  .pricing-section .tools-section .final-sec .features-list {
    display: block !important;
  }
}
.pricing-section .tools-section .final-sec .features-list .first ul {
  gap: 3rem !important;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .pricing-section .tools-section .final-sec .features-list .first ul {
    gap: 1rem !important;
  }
}
.pricing-section .tools-section .final-sec .features-list .second ul {
  gap: 3rem !important;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .pricing-section .tools-section .final-sec .features-list .second ul {
    gap: 1rem !important;
  }
}
.pricing-section .tools-section .final-sec .features-list .third ul {
  gap: 3rem !important;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .pricing-section .tools-section .final-sec .features-list .third ul {
    gap: 1rem !important;
  }
}
.pricing-section .tools-section .final-sec .features-list p {
  font-size: 16px;
  color: #111111;
  font-family: "SF Pro Display";
  display: flex;
  align-items: center;
}
.pricing-section .tools-section .final-sec .features-list i {
  font-size: 18px;
}
.pricing-section .tools-section .final-sec button {
  font-style: normal;
  font-weight: 400;
  background: linear-gradient(180deg, #FF5B05 0%, #FF7D39 100%);
  color: #fff;
  padding: 15px 24px !important;
  font-size: 16px;
  border: none;
  border-radius: 24px;
  cursor: pointer;
  margin-bottom: 57px;
  margin-top: 5rem !important;
}
@media (max-width: 992px) {
  .pricing-section .tools-section .final-sec button {
    margin-top: 2rem !important;
  }
}

@media (max-width: 992px) {
  .feature-section .home-inner-section .first_section {
    margin-top: 30px;
  }
}
.feature-section .home-inner-section .first_section .text-content {
  text-align: center !important;
}
.feature-section .home-inner-section .first_section .text-content .small-text {
  padding-top: 5% !important;
  display: flex;
  justify-content: center;
}
.feature-section .home-inner-section .first_section .text-content .small-text p {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 55px;
  text-align: center;
  color: #111111 !important;
  background: #FF5F0C;
  border-radius: 31px;
  padding: 0px 67px;
  margin: 0 auto;
}
@media (max-width: 600px) {
  .feature-section .home-inner-section .first_section .text-content .small-text p {
    padding: 0px 26px;
  }
}
.feature-section .home-inner-section .first_section .text-content .highlight-text h2 {
  margin: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 55px;
  text-align: center;
  color: #111111 !important;
  margin: 25px 0 0px;
}
.feature-section .home-inner-section .first_section .text-content .bottom-small-text p {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  color: #3C3C3C;
  padding: 0 6%;
  margin-top: 1.5rem;
}
.feature-section .home-inner-section .first_section .btn-divSection {
  display: flex;
  justify-content: center;
  margin-top: 3rem;
}
.feature-section .home-inner-section .first_section .btn-divSection button {
  background: linear-gradient(180deg, #FF5B05 0%, #FF7D39 100%);
  font-style: normal;
  font-weight: 400;
  font-size: 16.4745px;
  line-height: 22px;
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 15px 30px;
  gap: 10px;
  left: calc(50% - 75px - 19px);
  top: calc(50% - 24.5px - 3390px);
  border-radius: 34px;
  margin-bottom: 15px;
}
.feature-section .home-inner-section .second-section {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.feature-section .home-inner-section .second-section .line-bg {
  background-image: url(../images/feature-mainline.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.feature-section .home-inner-section .second-section .line-bg .mobil-imges {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 4rem;
}
@media (max-width: 992px) {
  .feature-section .home-inner-section .second-section .line-bg .mobil-imges {
    margin-top: 2rem;
  }
}
.feature-section .home-inner-section .third-section {
  padding: 0 6%;
}
.feature-section .home-inner-section .third-section .stats-section {
  background: #FFFFFF;
  width: 100%;
  border-radius: 29px;
  filter: drop-shadow(1px 1px 52.1px rgba(0, 0, 0, 0.2));
  margin-top: -40px;
  padding: 40px 20px;
  position: relative;
  z-index: 9999;
  margin-right: 14px;
}
@media (max-width: 600px) {
  .feature-section .home-inner-section .third-section .stats-section {
    width: 88%;
  }
}
@media (max-width: 1200px) {
  .feature-section .home-inner-section .third-section .stats-section {
    width: 100%;
  }
}
.feature-section .home-inner-section .third-section .stats-section .lists h2 {
  font-family: "SF Pro Display";
  font-weight: 400;
  font-size: 43px;
  color: #000000;
}
@media (max-width: 600px) {
  .feature-section .home-inner-section .third-section .stats-section .lists h2 {
    font-size: 29px;
  }
}
.feature-section .home-inner-section .third-section .stats-section .lists p {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #000000;
}
.feature-section .home-secondSection {
  margin-top: 6rem !important;
}
.feature-section .home-secondSection .head {
  padding: 0 6%;
}
@media (max-width: 600px) {
  .feature-section .home-secondSection .head {
    margin-top: 60px !important;
  }
}
.feature-section .home-secondSection .head .btn-div {
  display: flex;
  justify-content: center;
}
.feature-section .home-secondSection .head .btn-div button {
  padding: 13px 30px;
  gap: 10px;
  background: #ffe7da;
  border: 0.2px solid #ffe7da;
  border-radius: 34px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #111111;
}
.feature-section .home-secondSection .head .div-sections {
  text-align: center;
  margin-bottom: 4rem;
}
.feature-section .home-secondSection .head .div-sections h4 {
  font-style: normal;
  font-weight: 400;
  font-size: 35px;
  line-height: 55px;
  text-align: center;
  color: #111111;
  margin: 0;
  margin-top: 20px;
}
.feature-section .home-secondSection .head .div-sections p {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  text-align: center;
  color: #474747;
  margin-top: 20px;
}
.feature-section .home-secondSection .features-section {
  width: 100% !important;
}
.feature-section .home-secondSection .features-section .mian-div {
  display: grid;
  width: 100% !important;
  grid-template-columns: 10% 90%;
}
@media (max-width: 600px) {
  .feature-section .home-secondSection .features-section .mian-div {
    grid-template-columns: 100% !important;
  }
}
.feature-section .home-secondSection .features-section .mian-div .side-div {
  background-image: url(../images/vertical-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  align-items: center;
  width: 100%;
  height: 100%;
  align-content: center;
}
.feature-section .home-secondSection .features-section .mian-div .side-div h4 {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 49px;
  line-height: 55px;
  text-align: center;
  color: #FFFFFF;
  transform: rotate(-90deg);
}
@media (max-width: 800px) {
  .feature-section .home-secondSection .features-section .mian-div .side-div h4 {
    font-size: 30px;
  }
}
@media (max-width: 600px) {
  .feature-section .home-secondSection .features-section .mian-div .side-div h4 {
    transform: none !important;
    padding: 20px;
  }
}
.feature-section .home-secondSection .features-section .mian-div .main-content-div {
  width: 100% !important;
}
.feature-section .home-secondSection .features-section .mian-div .main-content-div .content-div {
  background-image: url(../images/features-content.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 6.5%;
  width: 100%;
  position: relative;
  padding-bottom: 8%;
}
.feature-section .home-secondSection .features-section .mian-div .main-content-div .content-div .text-section {
  padding-bottom: 5%;
}
.feature-section .home-secondSection .features-section .mian-div .main-content-div .content-div .text-section p {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  color: #474747;
  margin: 0;
}
.feature-section .home-secondSection .features-section .mian-div .main-content-div .content-div .carousel-section-inside .contain {
  margin: 0 auto;
  width: 100%;
}
.feature-section .home-secondSection .features-section .mian-div .main-content-div .content-div .carousel-section-inside .contain .item .card-section {
  background: #000000;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 80px;
  height: 100%;
  border-radius: 18.3873px;
  min-height: 486px;
  max-height: 488px;
}
.feature-section .home-secondSection .features-section .mian-div .main-content-div .content-div .carousel-section-inside .contain .item .card-section .head-section .img-main-div {
  position: relative;
  overflow: hidden;
  height: 15vh;
  transition: 0.3s all ease;
}
.feature-section .home-secondSection .features-section .mian-div .main-content-div .content-div .carousel-section-inside .contain .item .card-section .head-section .img-main-div .card-img-2 {
  opacity: 0;
  transition: 0.6s all ease;
  border-radius: 18.3873px;
}
.feature-section .home-secondSection .features-section .mian-div .main-content-div .content-div .carousel-section-inside .contain .item .card-section .head-section .img-main-div:hover {
  height: 20vh;
}
.feature-section .home-secondSection .features-section .mian-div .main-content-div .content-div .carousel-section-inside .contain .item .card-section .head-section .img-main-div:hover .card-img-2 {
  opacity: 1;
  transition: 0.6s all ease;
}
.feature-section .home-secondSection .features-section .mian-div .main-content-div .content-div .carousel-section-inside .contain .item .card-section .head-section .head-inner {
  display: flex;
  justify-content: space-between;
  padding: 25px 30px;
  top: 12px;
  position: absolute;
  width: 100%;
}
.feature-section .home-secondSection .features-section .mian-div .main-content-div .content-div .carousel-section-inside .contain .item .card-section .head-section .text p {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 25.8944px;
  line-height: 24px;
  color: #FFFFFF;
}
.feature-section .home-secondSection .features-section .mian-div .main-content-div .content-div .carousel-section-inside .contain .item .card-section .text-div {
  margin: 30px 25px;
}
.feature-section .home-secondSection .features-section .mian-div .main-content-div .content-div .carousel-section-inside .contain .item .card-section .text-div .title {
  margin-bottom: 20px;
}
.feature-section .home-secondSection .features-section .mian-div .main-content-div .content-div .carousel-section-inside .contain .item .card-section .text-div .title h4 {
  font-family: "SF Pro Display";
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 23px;
  color: #FFFFFF;
}
.feature-section .home-secondSection .features-section .mian-div .main-content-div .content-div .carousel-section-inside .contain .item .card-section .text-div .small {
  margin-bottom: 60px;
}
.feature-section .home-secondSection .features-section .mian-div .main-content-div .content-div .carousel-section-inside .contain .item .card-section .text-div .small p {
  font-family: "SF Pro Display";
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 13.6532px;
  line-height: 21px;
  color: #FFFFFF;
}
.feature-section .home-secondSection .features-section .mian-div .main-content-div .content-div .carousel-section-inside .contain .item .card-section .text-div .underline img {
  width: fit-content;
  margin-bottom: 20px;
}
.feature-section .home-secondSection .features-section .mian-div .main-content-div .content-div .carousel-section-inside .contain .item .card-section:hover {
  min-height: 516px;
  max-height: 518px;
  transition: 0.6s all ease;
}
.feature-section .home-secondSection .features-section .mian-div .main-content-div .content-div .carousel-section-inside .contain .item .card-section:hover .img-main-div {
  height: 20vh;
}
.feature-section .home-secondSection .features-section .mian-div .main-content-div .content-div .carousel-section-inside .contain .item .card-section:hover .img-main-div .card-img-2 {
  opacity: 1;
  transition: 0.6s all ease;
}
.feature-section .home-secondSection .features-section .mian-div .main-content-div .content-div .img-bottom-right {
  width: max-content;
  position: absolute;
  right: 0;
  bottom: 6%;
}
@media (max-width: 1200px) {
  .feature-section .home-secondSection .features-section .mian-div .main-content-div .content-div .img-bottom-right {
    bottom: 4%;
  }
}
.feature-section .home-secondSection .features-section .mian-div .main-content-div .bottom-div {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
}
.feature-section .home-secondSection .features-section .mian-div .main-content-div .bottom-div .bottom-divfirst {
  display: flex;
  height: 100%;
  width: 80%;
  justify-content: space-between;
}
.feature-section .home-secondSection .features-section .mian-div .main-content-div .bottom-div .bottom-divfirst .first {
  display: flex;
  align-items: center;
  padding: 45px;
  background: #000000;
  gap: 20px;
  width: 40%;
}
.feature-section .home-secondSection .features-section .mian-div .main-content-div .bottom-div .bottom-divfirst .first .img-first {
  display: none;
}
.feature-section .home-secondSection .features-section .mian-div .main-content-div .bottom-div .bottom-divfirst .first p {
  display: none;
  font-style: normal;
  font-weight: 400;
  font-size: 14.8506px;
  line-height: 23px;
  color: #FFFFFF;
  margin-bottom: 0;
}
@media (max-width: 600px) {
  .feature-section .home-secondSection .features-section .mian-div .main-content-div .bottom-div .bottom-divfirst .first p {
    margin-left: -35px;
  }
}
.feature-section .home-secondSection .features-section .mian-div .main-content-div .bottom-div .bottom-divfirst .second {
  background: #FF5B05;
  width: 60%;
}
.feature-section .home-secondSection .features-section .mian-div .main-content-div .bottom-div .bottom-divsecond {
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: black;
}
.feature-section .home-secondSection .features-section .mian-div .main-content-div .bottom-div .bottom-divsecond div {
  cursor: pointer;
}
.feature-section .home-thirdSection {
  position: relative;
  margin-top: 3%;
}
.feature-section .home-thirdSection .bottom-right-img {
  position: absolute;
  right: 0;
  top: 0;
  width: 48vw;
  height: max-content;
}
@media (max-width: 992px) {
  .feature-section .home-thirdSection .bottom-right-img {
    bottom: 6%;
  }
}
.feature-section .home-thirdSection .bottom-right-img img {
  width: 100% !important;
}
.feature-section .home-thirdSection .top-left-img {
  position: absolute;
  top: -14%;
  width: 28vw;
  left: 0;
  height: max-content;
}
@media (max-width: 600px) {
  .feature-section .home-thirdSection {
    padding: 0 4%;
    margin-top: 30px;
  }
}
@media (max-width: 600px) {
  .feature-section .home-thirdSection .video-section {
    padding-top: 30px;
  }
}
.feature-section .home-thirdSection .video-section .bottom-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 5% !important;
}
.feature-section .home-thirdSection .video-section .bottom-btn button {
  padding: 10px 25px;
  gap: 10px;
  background: #f86d1d;
  border: 0.2px solid #ffe7da;
  border-radius: 34px;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
}
.feature-section .home-thirdSection .video-section .head_section {
  text-align: center;
  margin-top: 25px;
}
.feature-section .home-thirdSection .video-section .head_section h4 {
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 55px;
  text-align: center;
  color: #111111;
  margin: 0;
  margin-bottom: 10px;
}
.feature-section .home-thirdSection .video-section .subheading {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
}
.feature-section .home-thirdSection .video-section .subheading p {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  color: #8F8F8F;
  margin: 12px 0;
}
.feature-section .home-thirdSection .video-section .video-div {
  padding: 0 6%;
  margin-top: 25px !important;
}
@media (max-width: 600px) {
  .feature-section .home-thirdSection .video-section .video-div {
    padding: 0px !important;
  }
}
.feature-section .home-thirdSection .video-section .video-div iframe {
  border-radius: 39px !important;
}
.feature-section .home-fourthSection {
  margin-top: 40px;
  padding: 0 6%;
}
.feature-section .home-fourthSection .cards {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}
@media (max-width: 992px) {
  .feature-section .home-fourthSection .cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .feature-section .home-fourthSection .cards {
    grid-template-columns: repeat(1, 1fr);
    padding: 0;
  }
}
.feature-section .home-fourthSection .cards .card {
  background: #ffe7da;
  border: 0.2px solid #FF4545;
  border-radius: 34px;
  padding: 25px !important;
}
.feature-section .home-fourthSection .cards .card .text h4 {
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 25px;
  color: #1D1D1D;
  margin: 0;
  margin-top: 15px;
}
.feature-section .home-fourthSection .cards .card .text p {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #484848;
  margin-top: 12px;
}
.feature-section .home-fifthSection {
  margin-top: 3% !important;
  padding: 0 6%;
}
@media (max-width: 600px) {
  .feature-section .home-fifthSection {
    margin-top: 60px !important;
  }
}
.feature-section .home-fifthSection .btn-div {
  display: flex;
  justify-content: center;
}
.feature-section .home-fifthSection .btn-div button {
  padding: 13px 30px;
  gap: 10px;
  background: linear-gradient(180deg, #FF5B05 0%, #FF7D39 100%);
  border: 0.2px solid #ffe7da;
  border-radius: 34px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #FFFFFF;
}
.feature-section .home-fifthSection .div-sections {
  text-align: center;
  margin-bottom: 3rem;
}
.feature-section .home-fifthSection .div-sections h4 {
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 55px;
  text-align: center;
  color: #111111;
  margin: 0;
  margin-top: 20px;
}
.feature-section .home-fifthSection .div-sections p {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  color: #474747;
  margin-top: 21px;
}
.feature-section .home-fifthSection .fifthSection-bg {
  background-image: url(../images/features-fifth.png);
  background-size: cover;
  background-repeat: no-repeat;
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 40px;
  border-radius: 39px;
  overflow: hidden;
  gap: 50px;
  align-items: center;
}
@media (max-width: 992px) {
  .feature-section .home-fifthSection .fifthSection-bg {
    padding: 25px;
    gap: 25px;
  }
}
@media (max-width: 800px) {
  .feature-section .home-fifthSection .fifthSection-bg {
    grid-template-columns: 20% 80%;
  }
}
@media (max-width: 650px) {
  .feature-section .home-fifthSection .fifthSection-bg {
    grid-template-columns: 16% 84%;
  }
}
@media (max-width: 600px) {
  .feature-section .home-fifthSection .fifthSection-bg {
    grid-template-columns: 100%;
  }
}
.feature-section .home-fifthSection .fifthSection-bg .card-section {
  padding: 0 10%;
}
@media (max-width: 1200px) {
  .feature-section .home-fifthSection .fifthSection-bg .card-section {
    padding: 0 2% !important;
  }
}
.feature-section .home-fifthSection .fifthSection-bg .card-section .demo-card {
  background: #FFFFFF;
  border-radius: 30px;
  padding: 8%;
}
.feature-section .home-fifthSection .fifthSection-bg .card-section .demo-card .head-demo h4 {
  font-style: normal;
  font-weight: 400;
  font-size: 24.4404px;
  line-height: 37px;
  text-align: center;
  color: #111111;
  margin: 0;
}
.feature-section .home-fifthSection .fifthSection-bg .card-section .demo-card .input-div {
  margin-top: 9%;
}
.feature-section .home-fifthSection .fifthSection-bg .card-section .demo-card .input-div .input-demon {
  margin-bottom: 30px;
}
.feature-section .home-fifthSection .fifthSection-bg .card-section .demo-card .input-div .input-demon label {
  font-style: normal;
  font-weight: 400;
  font-size: 14.6413px;
  line-height: 12px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.01em;
  color: #474747;
  padding-left: 30px;
  padding-bottom: 15px;
}
.feature-section .home-fifthSection .fifthSection-bg .card-section .demo-card .input-div .input-demon .input input {
  border: none;
  outline: none;
  background: transparent;
  width: 100%;
  padding: 22px 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border: 0.679089px solid #D4D4D4;
  border-radius: 40.3727px;
}
.feature-section .home-fifthSection .fifthSection-bg .card-section .demo-card .input-div .input-demon .input input .form-control.rounded-5:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: #ced4da !important;
}
.feature-section .home-fifthSection .fifthSection-bg .card-section .demo-card .input-div .input-demon .input .form-control {
  padding: 22px 30px;
}
.feature-section .home-fifthSection .fifthSection-bg .card-section .demo-card .input-div .input-demoarea label {
  font-style: normal;
  font-weight: 400;
  font-size: 14.6413px;
  line-height: 12px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.01em;
  color: #474747;
  padding-left: 30px;
  padding-bottom: 15px;
}
.feature-section .home-fifthSection .fifthSection-bg .card-section .demo-card .input-div .input-demoarea .input textarea {
  padding: 22px 30px;
}
.feature-section .home-fifthSection .fifthSection-bg .card-section .demo-card .input-div .input-button {
  display: flex;
  justify-content: center;
}
.feature-section .home-fifthSection .fifthSection-bg .card-section .demo-card .input-div .input-button button {
  font-style: normal;
  font-weight: 400;
  font-size: 16.4745px;
  line-height: 22px;
  color: #FFFFFF;
  background: linear-gradient(180deg, #FF5B05 0%, #FF7D39 100%);
  border-radius: 34px;
  border: none;
  padding: 20px 30px;
  margin-top: 5%;
}
.feature-section .home-fifthSection .fifthSection-bg .list-section {
  display: flex;
  justify-content: center;
  padding-left: 10%;
}
.feature-section .home-fifthSection .fifthSection-bg .list-section .text-content h4 {
  text-align: left;
  font-style: normal;
  font-weight: 400;
  font-size: 29.8427px;
  line-height: 45px;
  color: #FFFFFF;
  margin: 0;
}
.feature-section .home-fifthSection .fifthSection-bg .list-section .text-content p {
  text-align: left;
  font-style: normal;
  font-weight: 400;
  font-size: 16.5793px;
  line-height: 26px;
  color: #FFFFFF;
  margin: 0;
  margin-top: 30px;
}
.feature-section .fifthbelow-section {
  width: 100% !important;
  margin: 20px 0;
  margin-top: 2%;
}
.feature-section .fifthbelow-section img {
  width: 100% !important;
}
.feature-section .sixth-section {
  text-align: center;
}
@media (max-width: 600px) {
  .feature-section .sixth-section {
    margin-top: 45px !important;
  }
}
.feature-section .sixth-section .lin-bgdiv .head-section .button-div button {
  background: #ffe7da;
  border: 0.2px solid #ffe7da;
  border-radius: 34px;
  padding: 13px 30px;
  color: #111111;
}
.feature-section .sixth-section .lin-bgdiv .head-section .main-head {
  margin-bottom: 3%;
}
.feature-section .sixth-section .lin-bgdiv .head-section .main-head h4 {
  margin: 0;
  font-weight: 400;
  font-size: 36px;
  line-height: 55px;
  text-align: center;
  color: #111111;
  margin-top: 16px;
}
.feature-section .sixth-section .lin-bgdiv .head-section .main-head p {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 45px;
  text-align: center;
  color: #474747;
}
@media (max-width: 600px) {
  .feature-section .sixth-section .lin-bgdiv .head-section .main-head p {
    padding: 0 7%;
    line-height: 35px;
  }
}
.feature-section .sixth-section .mian-div-sect {
  padding: 0 6%;
  margin-top: 5rem;
}
@media (max-width: 600px) {
  .feature-section .sixth-section .mian-div-sect {
    margin-bottom: 45px;
  }
}
.feature-section .sixth-section .mian-div-sect .red-imgdiv {
  background-image: url(../images/sixth-features-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 39px;
  padding: 4%;
}
.feature-section .sixth-section .mian-div-sect .red-imgdiv .text {
  padding-top: 2%;
}
.feature-section .sixth-section .mian-div-sect .red-imgdiv .text p {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 36px;
  line-height: 55px;
  text-align: center;
  color: #FFFFFF;
}
.feature-section .sixth-section .mian-div-sect .red-imgdiv img {
  width: 50%;
}
.feature-section .sixth-section .mian-div-sect .three-card {
  padding: 0 6%;
  margin-top: -16%;
}
@media (max-width: 992px) {
  .feature-section .sixth-section .mian-div-sect .three-card {
    margin-top: -16%;
    margin-bottom: 14%;
  }
}
@media (max-width: 600px) {
  .feature-section .sixth-section .mian-div-sect .three-card {
    margin-bottom: 14%;
  }
}
.feature-section .sixth-section .mian-div-sect .three-card .cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5%;
}
@media (max-width: 800px) {
  .feature-section .sixth-section .mian-div-sect .three-card .cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .feature-section .sixth-section .mian-div-sect .three-card .cards .card-three {
    display: none !important;
  }
}
@media (max-width: 600px) {
  .feature-section .sixth-section .mian-div-sect .three-card .cards {
    grid-template-columns: repeat(1, 1fr);
    gap: 2%;
  }
  .feature-section .sixth-section .mian-div-sect .three-card .cards .card-three {
    display: none !important;
  }
}
.feature-section .sixth-section .mian-div-sect .three-card .cards .card-one {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  background-image: url(../images/card-bg-s1.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.feature-section .sixth-section .mian-div-sect .three-card .cards .card-one .img-div {
  margin-top: 2%;
  transition: transform 0.4s ease;
}
.feature-section .sixth-section .mian-div-sect .three-card .cards .card-one .hover-text {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.4s ease;
  text-align: center;
  padding: 0 10%;
  color: #111111;
  font-size: 16px;
  line-height: 1.6;
}
.feature-section .sixth-section .mian-div-sect .three-card .cards .card-one:hover .img-div {
  transform: translateY(40px);
}
.feature-section .sixth-section .mian-div-sect .three-card .cards .card-one:hover .hover-text {
  opacity: 1;
  transform: translateY(0);
}
.feature-section .sixth-section .mian-div-sect .three-card .cards .card-one .text-card {
  padding-top: 10%;
  padding-bottom: 5%;
}
.feature-section .sixth-section .mian-div-sect .three-card .cards .card-one .text-card p {
  font-style: normal;
  font-weight: 400;
  font-size: 21.7671px;
  line-height: 35px;
  text-align: center;
  color: #111111;
  margin: 0;
}
@media (max-width: 600px) {
  .feature-section .sixth-section .mian-div-sect .three-card .cards .card-one .text-card p {
    padding: 0px 6px;
  }
}
.feature-section .sixth-section .mian-div-sect .three-card .cards .card-two {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  background-image: url(../images/card-bg-s2.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.feature-section .sixth-section .mian-div-sect .three-card .cards .card-two .img-div {
  transition: transform 0.4s ease;
}
.feature-section .sixth-section .mian-div-sect .three-card .cards .card-two .hover-text {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.4s ease;
  text-align: center;
  padding: 0 10%;
  color: #111111;
  font-size: 16px;
  line-height: 1.6;
}
.feature-section .sixth-section .mian-div-sect .three-card .cards .card-two:hover .img-div {
  transform: translateY(-40px);
}
.feature-section .sixth-section .mian-div-sect .three-card .cards .card-two:hover .hover-text {
  opacity: 1;
  transform: translateY(0);
}
.feature-section .sixth-section .mian-div-sect .three-card .cards .card-two .text-card {
  padding-top: 14%;
  padding-bottom: 5%;
}
.feature-section .sixth-section .mian-div-sect .three-card .cards .card-two .text-card p {
  font-style: normal;
  font-weight: 400;
  font-size: 21.7671px;
  line-height: 35px;
  text-align: center;
  color: #111111;
  margin: 0;
}
.feature-section .sixth-section .mian-div-sect .three-card .cards .card-three {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  background-image: url(../images/card-bg-s1.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.feature-section .sixth-section .mian-div-sect .three-card .cards .card-three .img-div {
  margin-top: 2%;
  transition: transform 0.4s ease;
}
.feature-section .sixth-section .mian-div-sect .three-card .cards .card-three .hover-text {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.4s ease;
  text-align: center;
  padding: 0 10%;
  color: #111111;
  font-size: 16px;
  line-height: 1.6;
}
.feature-section .sixth-section .mian-div-sect .three-card .cards .card-three:hover .img-div {
  transform: translateY(40px);
}
.feature-section .sixth-section .mian-div-sect .three-card .cards .card-three:hover .hover-text {
  opacity: 1;
  transform: translateY(0);
}
.feature-section .sixth-section .mian-div-sect .three-card .cards .card-three .img-div {
  display: flex;
  justify-content: center;
  place-items: end;
}
.feature-section .sixth-section .mian-div-sect .three-card .cards .card-three .text-card {
  padding-top: 10%;
  padding-bottom: 5%;
}
.feature-section .sixth-section .mian-div-sect .three-card .cards .card-three .text-card p {
  font-style: normal;
  font-weight: 400;
  font-size: 21.7671px;
  line-height: 35px;
  text-align: center;
  color: #111111;
  margin: 0;
}
.feature-section .seventh-section {
  text-align: center;
  margin-top: 5%;
}
@media (max-width: 600px) {
  .feature-section .seventh-section {
    margin-top: 12%;
  }
}
.feature-section .seventh-section .head-section {
  position: relative;
}
.feature-section .seventh-section .head-section .img-section {
  width: 100%;
}
.feature-section .seventh-section .head-section .img-section img {
  width: 100%;
}
.feature-section .seventh-section .head-section .button-div {
  position: absolute;
  position: absolute;
  left: 50%;
  top: -22px;
  transform: translate(-50%);
}
.feature-section .seventh-section .head-section .button-div button {
  background: #ffe7da;
  border: 0.2px solid #ffe7da;
  border-radius: 34px;
  padding: 13px 30px;
  color: #111111;
}
.feature-section .seventh-section .content-div {
  margin-top: 10px;
}
.feature-section .seventh-section .content-div .head-part {
  margin-bottom: 30px;
}
@media (max-width: 411px) {
  .feature-section .seventh-section .content-div .head-part {
    padding: 0px 22px;
  }
}
.feature-section .seventh-section .content-div .head-part p {
  font-style: normal;
  font-weight: 400;
  font-size: 36px;
  line-height: 55px;
  text-align: center;
  color: #111111;
  margin: 0;
}
.feature-section .seventh-section .content-div .img-part {
  background-image: url(../images/net-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  margin-top: 5%;
}
.feature-section .seventh-section .content-div .img-part .inside-card-div .container-div {
  display: flex;
  justify-content: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  padding-bottom: 5%;
}
.feature-section .seventh-section .content-div .img-part .inside-card-div .container-div .main-div-inside {
  width: 40%;
  background: #ffe7da;
  border-radius: 30px;
  position: relative;
}
@media (max-width: 1400px) {
  .feature-section .seventh-section .content-div .img-part .inside-card-div .container-div .main-div-inside {
    width: 42%;
  }
}
@media (max-width: 992px) {
  .feature-section .seventh-section .content-div .img-part .inside-card-div .container-div .main-div-inside {
    width: 50%;
  }
}
.feature-section .seventh-section .content-div .img-part .inside-card-div .container-div .main-div-inside .img-div .small-div {
  width: 100%;
  padding: 40px;
  padding-top: 30%;
}
.feature-section .seventh-section .content-div .img-part .inside-card-div .container-div .main-div-inside .img-div .small-div img {
  width: 100%;
  border-radius: 30px;
}
.feature-section .seventh-section .content-div .img-part .inside-card-div .container-div .main-div-inside .img-div .img {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translate(-50%);
  height: 93%;
  width: 100%;
}
.feature-section .seventh-section .content-div .img-part .inside-card-div .container-div .main-div-inside .img-div .img img {
  height: 100%;
}
.feature-section .seventh-section .content-div .img-part .frist-lap {
  width: 11vw;
  position: absolute;
  left: 17%;
  top: 20%;
}
@media (max-width: 992px) {
  .feature-section .seventh-section .content-div .img-part .frist-lap {
    width: 13vw;
    left: 14%;
  }
}
.feature-section .seventh-section .content-div .img-part .frist-lap img {
  width: 100%;
}
.feature-section .seventh-section .content-div .img-part .second-lap {
  width: 10vw;
  right: 20%;
  position: absolute;
  top: 10%;
}
@media (max-width: 992px) {
  .feature-section .seventh-section .content-div .img-part .second-lap {
    width: 14vw;
    right: 15%;
  }
}
.feature-section .seventh-section .content-div .img-part .second-lap img {
  width: 100%;
}
.feature-section .seventh-section .content-div .img-part .bottom-design {
  width: 7vw;
  right: 24%;
  position: absolute;
  top: 45%;
}
.feature-section .seventh-section .content-div .img-part .bottom-design img {
  width: 100%;
}
.feature-section .seventh-section .content-div .img-part .top-secenter {
  width: 5vw;
  position: absolute;
  left: 27%;
  top: 61%;
}
@media (max-width: 992px) {
  .feature-section .seventh-section .content-div .img-part .top-secenter {
    width: 7vw;
    left: 21%;
  }
}
.feature-section .seventh-section .content-div .img-part .top-secenter img {
  width: 100%;
}
.feature-section .seventh-section .content-div .bottom-text {
  padding: 0 17%;
}
.feature-section .seventh-section .content-div .bottom-text p {
  margin: 0;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  text-align: center;
  color: #474747;
}
.feature-section .seventh-section .content-div .btn-div {
  margin-top: 3%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.feature-section .seventh-section .content-div .btn-div button {
  background: linear-gradient(180deg, #FF5B05 0%, #FF7D39 100%);
  border-radius: 34px;
  font-style: normal;
  font-weight: 400;
  font-size: 16.4745px;
  line-height: 22px;
  color: #FFFFFF;
  padding: 15px 30px;
  border: none;
  outline: none;
}
.feature-section .eighth-section {
  text-align: center;
  margin-top: 5%;
}
.feature-section .eighth-section .head-section {
  position: relative;
}
.feature-section .eighth-section .head-section .img-section {
  width: 100%;
}
.feature-section .eighth-section .head-section .img-section img {
  width: 100%;
}
.feature-section .eighth-section .head-section .button-div {
  position: absolute;
  position: absolute;
  left: 50%;
  top: -22px;
  transform: translate(-50%);
}
.feature-section .eighth-section .head-section .button-div button {
  background: #ffe7da;
  border: 0.2px solid #ffe7da;
  border-radius: 34px;
  padding: 13px 30px;
  color: #111111;
}
.feature-section .eighth-section .dot-section {
  background: #FFFFFF;
  width: 80%;
  border-radius: 26px;
  filter: drop-shadow(1px 1px 52.1px rgba(0, 0, 0, 0.2));
  margin-top: 70px;
  padding: 40px 20px;
}
.feature-section .eighth-section .dot-section .row .col-md-2 {
  font-style: normal;
  font-weight: 300 !important;
  font-size: 16px;
  line-height: 38px;
  color: #000000;
}
@media (max-width: 600px) {
  .feature-section .eighth-section .dot-section .row {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 0;
  }
  .feature-section .eighth-section .dot-section .col-6 {
    width: 100%;
    text-align: left;
  }
}
.feature-section .eighth-section .dot-section h2 {
  font-size: 32px;
  color: #000000;
}
.feature-section .eighth-section .dot-section p {
  font-size: 14px;
  color: #3C3C3C;
}
@media (max-width: 700px) {
  .feature-section .eighth-section .dot-section .row {
    text-align: left !important;
    justify-content: flex-start !important;
  }
}
.feature-section .tenth-section {
  margin-top: 70px;
}
.feature-section .tenth-section .end-section {
  border-radius: 30px;
  min-height: 420px;
  padding-left: 0;
  padding-right: 0;
  font-weight: 200;
  font-style: normal;
}
.feature-section .tenth-section .end-section .rounded-5 {
  background-image: url(../images/Group.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 90%;
  margin: 0 auto;
  font-weight: 200;
  font-style: normal;
}
.feature-section .tenth-section .end-section .rounded-5 .bg-dark h4 {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 55px;
  text-align: center;
  color: #FFFFFF;
}
@media (max-width: 600px) {
  .feature-section .tenth-section .end-section .rounded-5 .bg-dark h4 {
    line-height: 30px;
  }
}
.feature-section .tenth-section .end-section .rounded-5 .bg-dark h2 {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 55px;
  text-align: center;
  color: #FFFFFF;
}
@media (max-width: 600px) {
  .feature-section .tenth-section .end-section .rounded-5 .bg-dark h2 {
    line-height: 40px;
  }
}
.feature-section .tenth-section .end-section .rounded-5 .bg-dark p {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 55px;
  color: #919191;
}
@media (max-width: 600px) {
  .feature-section .tenth-section .end-section .rounded-5 .bg-dark p {
    line-height: 20px;
  }
}
.feature-section .tenth-section .end-section .rounded-5 .bg-dark .phone-showcase .btn {
  padding: 14px 28px;
  border: 0.850133px solid #323232;
  border-radius: 25.504px;
  background: transparent;
  font-weight: 400;
  font-size: 17.8528px;
  text-align: center;
  color: #B5B5B5;
}
.feature-section .tenth-section .end-section .rounded-5 .bg-dark .btn {
  background: linear-gradient(180deg, #FF5B05 0%, #FF7D39 100%);
  font-style: normal;
  font-weight: 400;
  font-size: 16.4745px;
  line-height: 22px;
  color: #FFFFFF;
  padding: 10px 17px;
  gap: 10px;
  left: calc(50% - 75px - 19px);
  top: calc(50% - 24.5px - 3390px);
  border-radius: 34px;
  margin-bottom: 15px;
}

.blog-section .blog-inner-section {
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center top 110px;
}
@media (max-width: 600px) {
  .blog-section .blog-inner-section .first_section2 {
    --bs-gutter-x: 5rem;
    margin-top: -10%;
  }
}
.blog-section .blog-inner-section .first_section2 .text-content2 {
  text-align: center !important;
}
.blog-section .blog-inner-section .first_section2 .text-content2 .small-text {
  padding-top: 0% !important;
}
.blog-section .blog-inner-section .first_section2 .text-content2 .small-text p {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 55px;
  text-align: center;
  color: #111111 !important;
}
@media (max-width: 600px) {
  .blog-section .blog-inner-section .first_section2 .text-content2 .small-text p {
    margin-top: 15px;
  }
}
.blog-section .blog-inner-section .first_section2 .text-content2 .highlight-text2 h2 {
  margin: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 129px;
  text-align: center;
  color: #111111 !important;
  margin: 40px 0 0px;
  font-family: "SF Pro Display";
}
@media (max-width: 600px) {
  .blog-section .blog-inner-section .first_section2 .text-content2 .highlight-text2 h2 {
    line-height: 40px;
    margin-top: 70px;
  }
}
.blog-section .blog-inner-section .first_section2 .text-content2 .bottom-small-text {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: #3C3C3C;
  margin-top: -13px;
}
@media (max-width: 600px) {
  .blog-section .blog-inner-section .first_section2 .text-content2 .bottom-small-text {
    margin-top: 15px;
    line-height: 23px;
  }
}
.blog-section .blog-inner-section .first_section2 .btn-divSection {
  display: flex;
  justify-content: center;
  padding-bottom: 40px;
  padding-top: 25px;
}
.blog-section .blog-inner-section .first_section2 .btn-divSection .demoid {
  text-decoration: none !important;
}
.blog-section .blog-inner-section .first_section2 .btn-divSection button {
  background: linear-gradient(180deg, #FF5B05 0%, #FF7D39 100%);
  font-style: normal;
  font-weight: 400;
  font-size: 16.4745px;
  line-height: 22px;
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 17px;
  gap: 10px;
  left: calc(50% - 75px - 19px);
  top: calc(50% - 24.5px - 3390px);
  border-radius: 34px;
}
.blog-section .blog-inner-section .second-section-blog .carousel-div .top-imgdiv .img-fluid {
  width: 100%;
}
.blog-section .blog-inner-section .second-section-blog .carousel-div .item {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.blog-section .blog-inner-section .second-section-blog .carousel-div .bottom-img-div .img-fluid {
  width: 100%;
  margin-top: 10px;
}
.blog-section .blog-inner-section .stats-section {
  position: relative;
  background: #FFFFFF;
  width: 73%;
  border-radius: 40px;
  filter: drop-shadow(1px 1px 52.1px rgba(0, 0, 0, 0.2));
  margin-top: -20px;
  padding: 40px 20px;
}
@media (max-width: 600px) {
  .blog-section .blog-inner-section .stats-section {
    width: 92%;
    margin-top: -3px;
  }
}
@media (max-width: 1200px) {
  .blog-section .blog-inner-section .stats-section {
    width: 92%;
    margin-top: -3px;
  }
}
.blog-section .blog-inner-section .stats-section .lists h2 {
  font-family: "SF Pro Display";
  font-weight: 400;
  font-size: 43px;
  color: #000000;
}
@media (max-width: 600px) {
  .blog-section .blog-inner-section .stats-section .lists h2 {
    font-size: 29px;
  }
}
.blog-section .blog-inner-section .stats-section .lists p {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #000000;
}
.blog-section .end-section {
  border-radius: 30px;
  min-height: 420px;
  padding-left: 0;
  padding-right: 0;
  font-weight: 200;
  font-style: normal;
}
.blog-section .rounded-5 {
  background-image: url(../images/Group.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 90%;
  margin: 0 auto;
  font-weight: 200;
  font-style: normal;
}
.blog-section .rounded-5 .bg-dark h4 {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 55px;
  text-align: center;
  color: #FFFFFF;
}
@media (max-width: 600px) {
  .blog-section .rounded-5 .bg-dark h4 {
    line-height: 30px;
  }
}
.blog-section .rounded-5 .bg-dark h2 {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 55px;
  text-align: center;
  color: #FFFFFF;
}
@media (max-width: 600px) {
  .blog-section .rounded-5 .bg-dark h2 {
    line-height: 40px;
  }
}
.blog-section .rounded-5 .bg-dark p {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 55px;
  color: #919191;
}
@media (max-width: 600px) {
  .blog-section .rounded-5 .bg-dark p {
    line-height: 20px;
  }
}
.blog-section .rounded-5 .bg-dark .phone-showcase .btn {
  padding: 14px 28px;
  border: 0.850133px solid #323232;
  border-radius: 25.504px;
  background: transparent;
  font-weight: 400;
  font-size: 17.8528px;
  text-align: center;
  color: #B5B5B5;
}
.blog-section .rounded-5 .bg-dark .btn {
  background: linear-gradient(180deg, #FF5B05 0%, #FF7D39 100%);
  font-style: normal;
  font-weight: 400;
  font-size: 16.4745px;
  line-height: 22px;
  color: #FFFFFF;
  padding: 10px 17px;
  gap: 10px;
  left: calc(50% - 75px - 19px);
  top: calc(50% - 24.5px - 3390px);
  border-radius: 34px;
  margin-bottom: 15px;
}
.blog-section .blog-secondsection {
  display: flex;
  justify-content: center;
  padding-top: 5rem;
  padding-top: 3rem;
}
@media (max-width: 600px) {
  .blog-section .blog-secondsection {
    padding-top: 3rem;
  }
}
.blog-section .blog-secondsection .text-content .btn-container {
  display: flex;
  justify-content: center;
}
.blog-section .blog-secondsection .text-content .btn-container .btn {
  width: 140px;
  margin-top: 30px;
  padding: 10px 25px;
  background: #f86d1d;
  border: 0.2px solid #ffe7da;
  border-radius: 34px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
}
@media (max-width: 600px) {
  .blog-section .blog-secondsection .text-content .btn-container .btn {
    margin-top: -29px;
  }
}
.blog-section .blog-secondsection .text-content .text-inside {
  padding-top: 10p;
  display: flex;
  justify-content: center;
}
.blog-section .blog-secondsection .text-content h4 {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 55px;
  color: #000000;
}
@media (max-width: 600px) {
  .blog-section .blog-secondsection .text-content h4 {
    line-height: 42px;
    text-align: center;
  }
}
.blog-section .blog-secondsection .text-content .p-inside {
  margin: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  color: #8F8F8F;
}
@media (max-width: 600px) {
  .blog-section .blog-secondsection .text-content .p-inside {
    margin-bottom: -2rem;
  }
}
.blog-section .button_section .sub_button_section {
  margin-left: 70px;
}
@media (max-width: 600px) {
  .blog-section .button_section .sub_button_section {
    margin-left: -11px;
    margin-bottom: 50px;
  }
}
.blog-section .button_section .sub_button_section .sub_1 .first_button {
  display: flex;
  flex-direction: row;
}
.blog-section .button_section .sub_button_section .sub_1 .first_button .crm {
  background: #FFD5D5;
  border: 0.2px solid #FF8383;
  border-radius: 34px;
  padding: 5px 29px;
}
@media (max-width: 600px) {
  .blog-section .button_section .sub_button_section .sub_1 .first_button .crm {
    background: #FFD5D5;
    border: 0.2px solid #FF8383;
    border-radius: 34px;
    padding: 3px 44px;
  }
}
.blog-section .button_section .sub_button_section .sub_1 .first_button small {
  width: 100%;
}
.blog-section .button_section .sub_button_section .sub_1 .first_button .p {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}
.blog-section .button_section .sub_button_section .sub_1 .first_button .bg-light {
  width: 60%;
}
.blog-section .button_section .sub_button_section .sub_2 {
  margin-left: 0px !important;
}
.blog-section .button_section .sub_button_section .sub_2 .d-flex .exp {
  box-sizing: border-box;
  padding: 6px 23px 5px 21px;
  background: #FDF7BF;
  border: 0.2px solid #FF8383;
  border-radius: 34px;
}
.blog-section .button_section .sub_button_section .sub_3 .d-flex .atm {
  padding: 6px 16px 5px 17px;
  box-sizing: border-box;
  background: #F1E1F4;
  border: 0.2px solid #FF8383;
  border-radius: 34px;
}
@media (max-width: 600px) {
  .blog-section .button_section .sub_button_section .sub_3 .d-flex .atm {
    padding: 6px 28px 5px 41px;
    box-sizing: border-box;
    background: #F1E1F4;
    border: 0.2px solid #FF8383;
    border-radius: 34px;
  }
}
.blog-section .blog-4th {
  display: flex;
  gap: 20px;
  padding: 10px;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0px 94px;
  gap: 30px;
}
@media (max-width: 600px) {
  .blog-section .blog-4th {
    display: flex;
    gap: 20px;
    padding: 10px;
    padding: 0px 14px;
    flex-direction: column;
    flex-wrap: wrap;
  }
}
.blog-section .blog-4th .blog-card {
  flex: 1.5;
  background-image: url("../images/Rectangle_414.png");
  background-size: cover;
  background-position: center;
  border-radius: 20px;
  position: relative;
  min-height: 260px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.blog-section .blog-4th .blog-card .blog-in {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 20px;
  gap: 10px;
}
.blog-section .blog-4th .blog-card .blog-in .user_details {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.blog-section .blog-4th .blog-card .blog-in .blog-link {
  display: inline-block;
  background: #FFFFFF;
  color: #000000;
  font-size: 14px;
  border-radius: 20px;
  padding: 7px 48px;
  text-decoration: none;
  font-weight: 500;
}
.blog-section .blog-4th .blog-card .blog-in h4 {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  color: #FFFFFF;
}
.blog-section .blog-4th .blog-card .blog-in p {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #CFCCCC;
}
.blog-section .blog-4th .blog-card .blog-in small {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 16.1015px;
  color: #FFFFFF;
  flex: none;
  order: 1;
  flex-grow: 0;
}
.blog-section .blog-4th .subscribe-box {
  flex: 0.5;
  background-image: url("../images/sidebackground.png");
  background-size: cover;
  background-position: center;
  border-radius: 20px;
  padding: 20px;
  text-align: center;
  position: relative;
  min-height: 260px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.blog-section .blog-4th .subscribe-box .subscribe-icon {
  width: 100%;
}
.blog-section .blog-4th .subscribe-box .subscribe-content {
  margin-top: 30px;
}
.blog-section .blog-4th .subscribe-box .subscribe-content p {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 21px;
  color: #000000;
}
.blog-section .blog-4th .subscribe-box .subscribe-content .subscribe-btn {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  background: linear-gradient(180deg, #FF5B05 0%, #FF7D39 100%) !important;
  color: #fff;
  padding: 12px 24px;
  font-size: 16px;
  border: none;
  border-radius: 24px;
  cursor: pointer;
  margin-bottom: 30px;
}
.blog-section .blog-5th {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  padding: 40px 105px;
}
@media (max-width: 768px) {
  .blog-section .blog-5th {
    flex-direction: column;
    padding: 30px 20px;
  }
}
.blog-section .blog-5th .crm-list {
  width: 30%;
  margin-top: 2%;
}
.blog-section .blog-5th .crm-list .crm-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 11px 4px;
}
.blog-section .blog-5th .crm-list .crm-item .text-group h4 {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 20.1714px;
  line-height: 36px;
  color: #111111;
}
.blog-section .blog-5th .crm-list .crm-item .text-group small {
  color: #666;
  font-size: 13px;
}
.blog-section .blog-5th .crm-list .crm-item .arrow {
  font-size: 20px;
  color: #000;
}
.blog-section .blog-5th .crm-list hr {
  border: none;
  border-top: 1px solid #ddd;
  margin: 0;
}
.blog-section .blog-5th .crm-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  width: 100%;
  margin-left: 6%;
}
@media (max-width: 600px) {
  .blog-section .blog-5th .crm-cards {
    grid-template-columns: 1fr;
    width: 100%;
  }
}
.blog-section .blog-5th .crm-cards .crm-card {
  display: flex;
  align-items: center;
  gap: 6%;
}
.blog-section .blog-5th .crm-cards .crm-card img {
  width: 90px;
  height: 111px;
  object-fit: cover;
  border-radius: 20px;
}
.blog-section .blog-5th .crm-cards .crm-card h5 {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: #000000;
}
.blog-section .blog-5th .crm-cards .crm-card p {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #3C3C3C;
  width: 60%;
}
.blog-section .blog-6th {
  display: flex;
  margin-top: 50px;
  gap: 60px;
  justify-content: center;
  padding: 20px 50px;
}
@media (max-width: 600px) {
  .blog-section .blog-6th {
    display: flex;
    padding: 1px 12px;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
  }
}
.blog-section .blog-6th .subscribe-section {
  flex: 0.4;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
@media (max-width: 600px) {
  .blog-section .blog-6th .subscribe-section {
    margin-left: 13px;
  }
}
.blog-section .blog-6th .subscribe-section h2 {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 27px;
  line-height: 43px;
  color: #000000;
}
.blog-section .blog-6th .subscribe-section p {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #3C3C3C;
}
.blog-section .blog-6th .subscribe-section .subscribe-btn {
  background: linear-gradient(180deg, #FF5B05 0%, #FF7D39 100%) !important;
  color: #fff;
  padding: 12px 24px;
  font-size: 16px;
  border: none;
  border-radius: 24px;
  cursor: pointer;
  margin-bottom: 30px;
}
.blog-section .blog-6th .subscribe-section .small-card {
  display: flex;
  gap: 15px;
  align-items: flex-start;
  margin-top: 80px;
}
@media (max-width: 600px) {
  .blog-section .blog-6th .subscribe-section .small-card {
    margin-top: 29px;
  }
}
.blog-section .blog-6th .subscribe-section .small-card img {
  display: none;
  width: 90px;
  height: 110px;
  border-radius: 16px;
  object-fit: cover;
}
.blog-section .blog-6th .subscribe-section .small-card h4 {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  color: #000000;
}
.blog-section .blog-6th .subscribe-section .small-card p {
  font-size: 14px;
  margin: 0;
  color: #262626;
}
.blog-section .blog-6th .vertical {
  background-image: url("../images/verticalline.png");
  background-repeat: no-repeat;
  margin-top: 20px;
  background-size: contain;
}
@media (max-width: 600px) {
  .blog-section .blog-6th .vertical {
    background-image: none;
    background-repeat: unset;
    background-size: unset;
  }
}
.blog-section .blog-6th .vertical .blog-feature-card {
  flex: 2;
  background-image: url(../images/Hygiene.png);
  background-size: cover;
  background-position: center;
  border-radius: 20px;
  border-radius: 20px;
  padding: 20px;
  text-align: center;
  position: relative;
  width: 100%;
  margin-left: 30px;
  height: 100%;
}
@media (max-width: 600px) {
  .blog-section .blog-6th .vertical .blog-feature-card {
    grid-template-columns: 1fr;
    width: 96%;
    margin-left: 4px;
  }
}
.blog-section .blog-6th .vertical .blog-feature-card .blog-over-lay {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 20px;
  align-items: flex-start;
}
.blog-section .blog-6th .vertical .blog-feature-card .blog-over-lay .over .blog-link {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  display: inline-block;
  background: #fff;
  color: #333;
  font-size: 12px;
  padding: 7px 47px;
  border-radius: 20px;
  margin-bottom: 10px;
  text-decoration: none;
}
.blog-section .blog-6th .vertical .blog-feature-card .blog-over-lay .over2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.blog-section .blog-6th .vertical .blog-feature-card .blog-over-lay .over2 h4 {
  font-size: 20px;
  font-weight: 600;
  margin: 8px 0;
  color: #FFFFFF;
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  text-align: center;
  color: #FFFFFF;
}
.blog-section .blog-6th .vertical .blog-feature-card .blog-over-lay .over2 p {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #CFCCCC;
}
.blog-section .blog-6th .vertical .blog-feature-card .blog-over-lay .over2 .user_details small {
  color: #FFFFFF;
  flex: none;
  order: 1;
  flex-grow: 0;
}
.blog-section .crm-blog-section {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 89px;
  padding: 65px 94px;
}
@media (max-width: 1024px) {
  .blog-section .crm-blog-section {
    grid-template-columns: repeat(2, 1fr);
    padding: 40px;
  }
}
@media (max-width: 600px) {
  .blog-section .crm-blog-section {
    grid-template-columns: 1fr;
    padding: 20px;
    gap: 38px;
    margin-top: 25px;
  }
}
.blog-section .crm-blog-section .blog-card {
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.blog-section .crm-blog-section .blog-card img {
  width: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.blog-section .crm-blog-section .blog-card h4 {
  margin: 15px 20px 10px;
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 21px;
  color: #000000;
}
.blog-section .crm-blog-section .blog-card p {
  margin: 0 20px 15px;
  line-height: 1.5;
  width: 260px;
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #3C3C3C;
}
.blog-section .crm-blog-section .blog-card .author {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 20px 20px;
}
.blog-section .crm-blog-section .blog-card .author img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover;
}
.blog-section .crm-blog-section .blog-card .author small {
  font-size: 12px;
  color: #666;
}
.blog-section .crm-blog-section .subscribe-card {
  background-image: url("../images/subscribebg.png");
  background-size: cover;
  background-position: center;
  color: #fff;
  justify-content: flex-end;
  padding: 20px;
}
.blog-section .crm-blog-section .subscribe-card .overlay {
  background: rgba(0, 0, 0, 0.5);
  padding: 30px;
  border-radius: 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.blog-section .crm-blog-section .subscribe-card .overlay h4 {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 27px;
  line-height: 43px;
  text-align: center;
  color: #FFFFFF;
}
.blog-section .crm-blog-section .subscribe-card .overlay p {
  font-size: 14px;
  line-height: 1.6;
  color: #eee;
  margin-bottom: 20px;
  text-align: center;
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
}
.blog-section .crm-blog-section .subscribe-card .overlay button {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  background: linear-gradient(180deg, #FF5B05 0%, #FF7D39 100%);
  color: #fff;
  padding: 12px 24px;
  font-size: 16px;
  border: none;
  border-radius: 24px;
  cursor: pointer;
  margin-bottom: 30px;
}

#loading2 {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(193, 215, 46, 0.3411764706);
  -webkit-transition: 1s 0.4s;
  transition: 1s 0.4s;
  font-size: 0px !important;
  visibility: hidden;
}

#loading2 .load {
  width: 7rem;
  height: 7rem;
  border: 5px solid #159279;
  border-top: 6px solid #20cfac;
  border-radius: 100%;
  margin: auto;
  -webkit-animation: spin 1s infinite;
  animation: spin 1s infinite;
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}

#overlay1 {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(180deg, #FF5B05 0%, #FF7D39 100%);
  -webkit-transition: 1s 0.4s;
  transition: 1s 0.4s;
  height: 100vh;
}

#progress1 {
  height: 1px;
  background: #ffe7da;
  margin-top: 25px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#progstat1 {
  font-size: 0.7em;
  letter-spacing: 3px;
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  color: #ffe7da;
}

#loading-image {
  position: absolute;
  top: 42%;
  right: 50%;
  transform: translate(50%, -50%);
  animation: fadeAnimation 2s infinite;
}

.tel,
.float {
  position: fixed;
  width: 45px;
  height: 45px;
  right: 20px;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 23px;
  z-index: 99999999;
  transition: all 0.3s;
  text-decoration: none !important;
}

.tel:hover,
.float:hover {
  opacity: 0.9;
  transform: scale(1.05);
  text-decoration: none;
  color: #fff;
}

.tel {
  bottom: 70px;
  background-color: #FF5F0C;
}

.float {
  bottom: 10px;
  background-color: #25D366;
}

.my-float {
  width: 100%;
  height: 100%;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.fa,
.far,
.fas {
  font-family: "Font Awesome 5 Free" !important;
}

.fab {
  font-family: "Font Awesome 5 Brands" !important;
}

iframe[src*="tawk.to"] {
  visibility: visible !important;
  opacity: 1 !important;
  display: block !important;
  z-index: 999999 !important;
}

.error-message {
  color: #ff0000;
  margin-left: 2rem;
  font-size: 12px;
}


.my-swal-button {
  background-color: #FF5B05 !important;
  color: #ffffff !important;
  padding: 10px 40px;
  border-radius: 35px;
  font-size: 14px;
  border: none;
}

.my-swal-button:hover {
  background-color: #FF5B05 !important;
}

.swal2-show {
  border-radius: 50px !important;
}

div:where(.swal2-icon).swal2-success .swal2-success-ring {
  border: 0.25em solid rgba(255, 91, 5, 0.65) !important;
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {
  background-color: rgba(255, 91, 5, 0.8901960784) !important;
}
.demoid {
  text-decoration: none !important;
}

.dot-div {
  display: flex;
}
.dot-div .phone-showcase {
  width: 100%;
  min-width: 18px;
  min-height: 16px;
}

.anchor{
  text-decoration: none;
  color: white;
}
/*# sourceMappingURL=style.css.map */