@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap');

* {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

.main-container {
  height: auto;
  width: 100%;
  overflow: hidden;
}

.header {
  height: 80px;
  width: 100%;
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 20px 50px rgba(19, 23, 61, 0.08);
  z-index: 10;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.logo-section img {
  height: auto;
  width: 74px;
}

.main-links ul {
  display: flex;
  gap: 50px;
  list-style: none;
}

.main-links ul li {
  font-size: 20px;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
}

.header .main-links ul li a {
  color: black;
  text-decoration: none;
}

.header .main-links ul li a:hover {
  color: #2464E4;
}

.main-links ul li:hover {
  color: #2464E4;
  border-bottom: 2px solid #2464E4;
  cursor: pointer;
}

.active-ul-li {
  color: #2464E4;
  border-bottom: 2px solid #2464E4;
  cursor: pointer;
}

.sign-in-up-buttons {
  display: flex;
}

/* .sign-in-button {
  position: relative;
  margin: auto;
  width: 100%;
  height: 52px;
  background: #fff;
  transform: translate3d(0px, 0%, 0px);
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.05em;
  transition-delay: 0.6s;
  overflow: hidden;
} */

.sign-in-button:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 151px;
  height: 50px;
  background: #DFF0FF;
  transform: translateY(100%) scaleY(0.5);
  transition: all 0.6s ease;
}

.sign-in-button:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 151px;
  height: 50px;
  background: white;
  border-radius: 0;
  transform: translateY(0) scaleY(1);
  transition: all 0.6s ease;
}

.sign-in-button div {
  position: relative;
  width: 151px;
  height: 100px;
  overflow: hidden;
}

.sign-in-button span {
  position: absolute;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 151px;
  height: 50px;
  text-align: center;
  transition: transform 0.5s ease;
}

.sign-in-button span:first-child {
  color: #2464E4;
  transform: translateY(50px);
}

.sign-in-button span:last-child {
  color: #2464E4;
  transform: translateY(0);
}

.sign-in-button:hover {
  background: #DFF0FF;
  transition: background 0.2s linear;
  transition-delay: 0.6s;
}

.sign-in-button:hover:after {
  transform: translateY(-100%) scaleY(0.5);
  transition-delay: 0;
}

.sign-in-button:hover:before {
  border-radius: 0;
  transform: translateY(0) scaleY(1);
  transition-delay: 0;
}

.sign-in-button:hover span:first-child {
  transform: translateY(0);
}

.sign-in-button:hover span:last-child {
  transform: translateY(-50px);
}

.sign-in-up-buttons button:first-child {
  margin-right: 20px;
}

.sign-in-up-buttons button {
  height: 50px;
  width: 151px;
  border: 1px solid #2464E4;
  border-radius: 5px;
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: 500;
  position: relative;
  z-index: 1;
  overflow: hidden;
  cursor: pointer;
}

.sign-up-button:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 151px;
  height: 50px;
  background: #1D50B6;
  transform: translateY(100%) scaleY(0.5);
  transition: all 0.6s ease;
}

.sign-up-button:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 151px;
  height: 50px;
  background: #2464E4;
  border-radius: 0;
  transform: translateY(0) scaleY(1);
  transition: all 0.6s ease;
}

.sign-up-button div {
  position: relative;
  width: 151px;
  height: 100px;
  overflow: hidden;
}

.sign-up-button span {
  position: absolute;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 151px;
  height: 50px;
  text-align: center;
  transition: transform 0.5s ease;
}

.sign-up-button span:first-child {
  color: white;
  transform: translateY(50px);
}

.sign-up-button span:last-child {
  color: white;
  transform: translateY(0);
}

.sign-up-button:hover {
  background: #1D50B6;
  transition: background 0.2s linear;
  transition-delay: 0.6s;
}

.sign-up-button:hover:after {
  transform: translateY(-100%) scaleY(0.5);
  transition-delay: 0;
}

.sign-up-button:hover:before {
  border-radius: 0;
  transform: translateY(0) scaleY(1);
  transition-delay: 0;
}

.sign-up-button:hover span:first-child {
  transform: translateY(0);
}

.sign-up-button:hover span:last-child {
  transform: translateY(-50px);
}

/* 
.sign-in-up-buttons button:nth-child(1) {
  background-color: white;
  margin-right: 20px;
  color: #2464E4;
}

.sign-in-up-buttons button:nth-child(2) {
  background-color: #2464E4;
  color: white;
}

.sign-in-up-buttons button:hover:nth-child(1) {
  color: #2464E4;
}

.sign-in-up-buttons button:hover:nth-child(2) {
  color: white;
} */

/* .sign-in-up-buttons button:nth-child(1)::after {
  content: "Sign In";
  background: #DFF0FF;
  position: absolute;
  z-index: 1;
  padding: 0.6em 0.75em;
  display: block;
}

.sign-in-up-buttons button:nth-child(2)::after {
  content: "Sign Up";
  background: #1D50B6;
  position: absolute;
  z-index: 1;
  padding: 0.6em 0.75em;
  display: block;
}

button[class="sign-in-button"]::after {
  transition: all 0.35s;
}

button[class="sign-in-button"]:hover::after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all 0.35s;
}

button.sign-in-button::after {
  left: 0;
  right: 0;
  top: 100%;
  bottom: -100%;
}

button[class="sign-up-button"]::after {
  transition: all 0.35s;
}

button[class="sign-up-button"]:hover::after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all 0.35s;
}

button.sign-up-button::after {
  left: 0;
  right: 0;
  top: 100%;
  bottom: -100%;
} */

.inner-element-up {
  transform: translateY(-50px);
}

.body-one {
  position: relative;
  height: 1010px;
}

.body-one .background-image-body-one {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: -1;
}

.laptop-div {
  width: 100%;
  display: flex;
  justify-content: center;
}

.body-one .laptop-image-body-one {
  height: 680px;
  width: auto;
  position: absolute;
  bottom: 0;
}

.body-one .heading-text-outside {
  width: 100%;
  display: flex;
  justify-content: center;
}

.body-one .heading-text-inside {
  width: 100%;
  height: 100px;
  margin-top: 100px;
  margin-bottom: 56px;
}

.body-one .heading-text-inside p {
  font-size: 40px;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  text-align: center;
}

.body-one .heading-text-inside p:nth-child(2) {
  margin-top: 10px;
}

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

.center-buttons button {
  width: 225px;
  height: 50px;
  cursor: pointer;
}

.center-buttons button span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.center-buttons button:nth-child(1) span a {
  text-decoration: none;
  color: white;
}

.center-buttons button:nth-child(2) span a {
  text-decoration: none;
  color: #2464E4;
}

.center-buttons button:nth-child(1) {
  color: white;
  background-color: #2464E4;
  border: 1px solid #2464E4;
  border-radius: 5px;
  margin-right: 20px;
  cursor: pointer !important;
}

.center-buttons button:nth-child(2) {
  color: #2464E4;
  background-color: white;
  border: 1px solid #2464E4;
  border-radius: 5px;
}

.center-buttons button span img {
  height: 15px;
  width: 27px;
  margin-left: 16px;
}

.movingArrow {
  transform: translateX(20px);
  transition: transform 1000ms;
}

.left-side-image-with-animation {
  position: absolute;
  bottom: 0;
  animation: rightToLeft 4s 1;
}

.left-side-image-with-animation img {
  height: 323px;
  width: 408px;
  position: absolute;
  left: 156px;
  bottom: 95px;
  z-index: 1;
  animation: downToUp 4s infinite;
  animation-delay: 4s;
}

.right-side-image-with-animation {
  height: 200px;
  width: 371px;
  position: absolute;
  right: 152px;
  bottom: 430px;
  z-index: 1;
  animation: leftToRight 4s 1;
}

@keyframes rightToLeft {
  0% {
    z-index: -1;
    transform: translateX(500px);
  }

  50% {
    z-index: -1;
    transform: translateX(-150px);
  }

  100% {
    z-index: 1;
    transform: translateX(0px);
  }
}

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

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

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

.right-side-image-with-animation img {
  animation: upToDown 4s infinite;
  animation-delay: 4s;
}

@keyframes leftToRight {
  0% {
    z-index: -1;
    transform: translateX(-300px);
  }

  50% {
    z-index: -1;
    transform: translateX(150px);
  }

  100% {
    z-index: 1;
    transform: translateX(0px);
  }
}

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

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

  100% {
    transform: translateY(0px);
  }
}

/* .mouseMover {
  height: 144px;
  width: 144px;
  background: #2464E4;
  filter: blur(54px);
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: .2s;
  z-index: 50;
} */

.body-two {
  position: relative;
  /* height: 1400px; */
  width: 100%;
  scroll-margin-top: 100px;
  /* background-color: red;
  z-index: -1; */
}

.body-two .background-image-body-two {
  height: 900px;
  width: 400px;
  position: absolute;
}

.body-two .top-line-and-heading {
  margin-left: 120px;
  margin-top: 30px;
  /* position: absolute; */
}

.body-two .top-line {
  height: 5px;
  width: 80px;
  background-color: #2464E4;
  border-radius: 50px;
}

.body-two .about-us-heading {
  font-size: 40px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  color: #2464E4;
}

.body-two .top-line-and-heading .inner-content-one {
  /* height: 155px; */
  margin-top: 40px;
}

.body-two .top-line-and-heading .inner-content-one .our-CEO-content {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 69px;
}

.body-two .top-line-and-heading .inner-content-one .our-CEO-content .left-CEO-image {
  width: 25%;
}

.body-two .top-line-and-heading .inner-content-one .our-CEO-content .left-CEO-image img {
  width: 75%;
}

.body-two .top-line-and-heading .inner-content-one .our-CEO-content .right-CEO-content {
  width: 80%;
}

.body-two .top-line-and-heading .inner-content-one .our-CEO-content .right-CEO-content label {
  font-size: 30px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}

.body-two .top-line-and-heading .inner-content-one p {
  font-size: 24px;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  color: #767676;
  line-height: 40px;
  text-align: justify;
  padding-right: 30px;
}

.body-two .top-line-and-heading .inner-content-one p:nth-child(2) {
  margin-top: 40px;
}

.body-two .top-line-and-heading .inner-content-one p:last-child {
  margin-top: 20px;
}

.body-two .sub-heading {
  font-size: 36px;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  color: #2464E4;
  margin-left: 120px;
  margin-top: 24px;
  /* position: absolute; */
}

.body-two .sub-heading .inner-content-two {
  /* width: 1680px; */
  /* height: 155px; */
  margin-top: 16px;
  padding-right: 30px;
  text-align: justify;
}

.body-two .sub-heading .inner-content-two p {
  font-size: 24px;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  color: #767676;
  line-height: 40px;
}

.body-three {
  position: relative;
  height: 800px;
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  margin-top: 69px;
  /* background-color: red;
  z-index: -1; */
}

.body-three .top-line-and-heading {
  margin-left: 120px;
  margin-top: 40px;
  position: absolute;
  /* z-index: 10; */
}

.body-three .top-line {
  height: 5px;
  width: 80px;
  background-color: #2464E4;
  border-radius: 50px;
}

.body-three .about-us-heading {
  font-size: 40px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  color: #2464E4;
}

.cards {
  height: 700px;
  width: 94%;
  padding: 0% 3%;
  margin-top: 110px;
  gap: 15px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  transition: all .3s ease-in-out;
}

.activeCard {
  position: absolute;
  left: 105px;
  top: 110px;
}

.body-three .cards-main-div {
  display: flex;
  gap: 25px;
}

.body-three .cards-main-div .card-info-div {
  display: none;
  margin-top: 150px;
  cursor: pointer;
}

.body-three .cards-main-div .card-info-div .top-heading-info {
  font-family: 'Montserrat', sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 44px;
  color: #2464E4;
}

.body-three .cards-main-div .card-info-div .below-info-in-card {
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 50px;
  color: #767676;
  margin-top: 20px;
  margin-left: 25px;
  text-align: justify;
  padding-right: 20px;
}

.body-three .cards-main-div .card-info-div .below-info-in-card label {
  font-family: 'Montserrat', sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 50px;
  color: black;
  margin-top: 20px;
  margin-bottom: 10px;
}

.body-three .cards-main-div .card-info-div .below-info-in-card .email-info-content,
.body-three .cards-main-div .card-info-div .below-info-in-card .sms-info-content,
.body-three .cards-main-div .card-info-div .below-info-in-card .fax-info-content {
  display: none;
}

.platform-bottom-content-image {
  height: 200px;
  width: 100%;
  margin-top: 40px;
}

.cardSms {
  height: 350px;
  width: 300px;
  border-radius: 10px;
  border: 1px solid #C4C4C4;
  /* margin-right: 64px; */
  box-shadow: 10px 30px 50px rgba(19, 23, 61, 0.08);
  transition: transform .2s;
  background-color: white;
  cursor: pointer;
}

.cardSms:hover {
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  cursor: pointer;
}

.cardSms img {
  width: auto;
  height: 191px;
  margin-top: 50px;
}

.cardSms p {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 24px;
  color: #232323;
  margin-top: 32px;
  margin-bottom: 50px;
}

.cardEmail {
  height: 350px;
  width: 300px;
  border-radius: 10px;
  border: 1px solid #C4C4C4;
  /* margin-right: 64px; */
  box-shadow: 10px 30px 50px rgba(19, 23, 61, 0.08);
  transition: transform .2s;
  background-color: white;
  cursor: pointer;
}

.cardEmail:hover {
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  cursor: pointer;
}

.cardEmail img {
  width: auto;
  height: 191px;
  margin-top: 50px;
}

.cardEmail p {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 24px;
  color: #232323;
  margin-top: 32px;
  margin-bottom: 50px;
}

.cardWhatsapp {
  height: 350px;
  width: 300px;
  /* margin-right: 64px; */
  border-radius: 10px;
  border: 1px solid #C4C4C4;
  box-shadow: 10px 30px 50px rgba(19, 23, 61, 0.08);
  transition: transform .2s;
  background-color: white;
  cursor: pointer;
}

.cardWhatsapp:hover {
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  cursor: pointer;
}

.cardWhatsapp img {
  width: auto;
  height: 191px;
  margin-top: 50px;
}

.cardWhatsapp p {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 24px;
  color: #232323;
  margin-top: 32px;
  margin-bottom: 50px;
}

.cardFax {
  height: 350px;
  width: 300px;
  border-radius: 10px;
  border: 1px solid #C4C4C4;
  box-shadow: 10px 30px 50px rgba(19, 23, 61, 0.08);
  transition: transform .2s;
  background-color: white;
  cursor: pointer;
}

.cardFax:hover {
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  cursor: pointer;
}

.cardFax img {
  width: auto;
  height: 191px;
  margin-top: 50px;
}

.cardFax p {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 24px;
  color: #232323;
  margin-top: 32px;
  margin-bottom: 50px;
}

.body-four {
  position: relative;
  height: auto;
  width: 100%;
}

.body-four .background-image-body-four {
  height: 1666px;
  width: 100%;
  margin-top: -200px;
  position: absolute;
}

.body-four .top-section {
  padding: 0% 3%;
  display: flex;
  justify-content: space-between;
}

.body-four .top-section .left-content-top {
  margin-top: 60px;
  width: 50%;
  height: auto;
}

.body-four .top-section .left-content-top .top-heading label,
.body-four .bottom-section .right-content-bottom .top-heading label {
  font-size: 36px;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  color: #2464E4;
}

.body-four .top-section .left-content-top .bold-texts p,
.body-four .bottom-section .right-content-bottom .bold-texts p {
  font-size: 36px;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  color: #232323;
  margin-top: 20px;
  text-align: justify;
}

.body-four .top-section .left-content-top .inner-info-one p,
.body-four .bottom-section .right-content-bottom .inner-info-one p,
.body-four .top-section .left-content-top .inner-info-two p {
  font-size: 24px;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  color: #767676;
  text-align: justify;
}

.body-four .top-section .left-content-top .inner-info-one,
.body-four .bottom-section .right-content-bottom .inner-info-one {
  margin-top: 50px;
}

.body-four .top-section .left-content-top .inner-info-two {
  margin-top: 24px;
}

.body-four .top-section .right-content-top {
  margin-top: 60px;
  position: relative;
  width: 50%;
  height: auto;
}

.body-four .top-section .right-content-top img {
  height: auto;
  width: 100%;
}

.body-four .bottom-section .left-content-bottom img {
  height: auto;
  width: 100%;
}

.body-four .bottom-section {
  display: flex;
  justify-content: space-between;
  padding: 0% 3%;
}

.body-four .bottom-section .left-content-bottom {
  position: relative;
  width: 50%;
  height: auto;
}

.body-four .bottom-section .right-content-bottom {
  position: relative;
  height: auto;
  width: 50%;
}

.body-five {
  position: relative;
  height: auto;
  width: 100%;
  overflow: hidden;
  /* background-color: red;
  z-index: -1; */
}

.body-five .top-line-and-heading {
  margin-left: 120px;
  margin-top: 40px;
  position: relative;
}

.body-five .top-line {
  height: 5px;
  width: 80px;
  background-color: #2464E4;
  border-radius: 50px;
}

.body-five .about-us-heading {
  font-size: 40px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  color: #2464E4;
}

.body-five .background-image-body-five {
  height: 100%;
  width: 100%;
  position: absolute;
}

.body-five .pricing-cards {
  height: auto;
  width: 100%;
  margin-top: 40px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
}

.body-five .pricing-cards .whatsApp-card,
.body-five .pricing-cards .email-card,
.body-five .pricing-cards .sms-card {
  min-height: 700px;
  width: 30%;
  background-color: white;
  border: 1px solid #2464E4;
  box-shadow: 0px 5px 40px rgba(19, 23, 61, 0.08);
  border-radius: 12px;
  overflow: hidden;
}

.body-five .pricing-cards .whatsApp-card .inner-top-content img,
.body-five .pricing-cards .email-card .inner-top-content img,
.body-five .pricing-cards .sms-card .inner-top-content img {
  height: auto;
  width: 100%;
}

.body-five .pricing-cards .whatsApp-card .inner-top-content,
.body-five .pricing-cards .email-card .inner-top-content,
.body-five .pricing-cards .sms-card .inner-top-content {
  display: flex;
  justify-content: center;
}

.body-five .pricing-cards .whatsApp-card .inner-top-content label,
.body-five .pricing-cards .email-card .inner-top-content label,
.body-five .pricing-cards .sms-card .inner-top-content label {
  font-size: 32px;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  color: white;
  position: absolute;
  z-index: 1;
  top: 40px;
}

.body-five .pricing-cards .whatsApp-card .inner-centre-content,
.body-five .pricing-cards .email-card .inner-centre-content,
.body-five .pricing-cards .sms-card .inner-centre-content {
  text-align: center;
}

.body-five .pricing-cards .whatsApp-card .inner-centre-content .outbound-info-one,
.body-five .pricing-cards .email-card .inner-centre-content .outbound-info-one,
.body-five .pricing-cards .sms-card .inner-centre-content .outbound-info-one {
  margin-top: 40px;
}

.body-five .pricing-cards .whatsApp-card .inner-centre-content .outbound-info-two,
.body-five .pricing-cards .email-card .inner-centre-content .outbound-info-two,
.body-five .pricing-cards .sms-card .inner-centre-content .outbound-info-two {
  margin-top: 10px;
}

.body-five .pricing-cards .whatsApp-card .inner-centre-content .inbound-info-three,
.body-five .pricing-cards .email-card .inner-centre-content .inbound-info-three,
.body-five .pricing-cards .sms-card .inner-centre-content .inbound-info-three {
  margin-top: 24px;
}

.body-five .pricing-cards .whatsApp-card .inner-centre-content .inbound-info-four,
.body-five .pricing-cards .email-card .inner-centre-content .inbound-info-four,
.body-five .pricing-cards .sms-card .inner-centre-content .inbound-info-four {
  margin-top: 10px;
}

.body-five .pricing-cards .whatsApp-card .inner-centre-content .outbound-info-one label,
.body-five .pricing-cards .email-card .inner-centre-content .outbound-info-one label,
.body-five .pricing-cards .sms-card .inner-centre-content .outbound-info-one label,
.body-five .pricing-cards .whatsApp-card .inner-centre-content .inbound-info-three label,
.body-five .pricing-cards .email-card .inner-centre-content .inbound-info-three label,
.body-five .pricing-cards .sms-card .inner-centre-content .inbound-info-three label {
  font-size: 24px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  color: black;
  margin-top: 40px;
}

.body-five .pricing-cards .whatsApp-card .inner-centre-content .outbound-info-two label,
.body-five .pricing-cards .email-card .inner-centre-content .outbound-info-two label,
.body-five .pricing-cards .sms-card .inner-centre-content .outbound-info-two label,
.body-five .pricing-cards .whatsApp-card .inner-centre-content .inbound-info-four label,
.body-five .pricing-cards .email-card .inner-centre-content .inbound-info-four label,
.body-five .pricing-cards .sms-card .inner-centre-content .inbound-info-four label {
  font-size: 24px;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  color: #2464E4;
  margin-top: 40px;
}

.body-five .pricing-cards .whatsApp-card .centre-line,
.body-five .pricing-cards .email-card .centre-line,
.body-five .pricing-cards .sms-card .centre-line {
  height: 1px;
  width: 450px;
  background-color: #2464E4;
  margin: 40px auto;
}

.body-five .pricing-cards .whatsApp-card .inner-bottom-content,
.body-five .pricing-cards .email-card .inner-bottom-content,
.body-five .pricing-cards .sms-card .inner-bottom-content {
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
}

.body-five .pricing-cards .whatsApp-card .inner-bottom-content .info-content img,
.body-five .pricing-cards .email-card .inner-bottom-content .info-content img,
.body-five .pricing-cards .sms-card .inner-bottom-content .info-content img {
  height: 16px;
  width: 18px;
  margin-right: 16px;
}

.body-five .pricing-cards .whatsApp-card .inner-bottom-content .info-content p,
.body-five .pricing-cards .email-card .inner-bottom-content .info-content p,
.body-five .pricing-cards .sms-card .inner-bottom-content .info-content p {
  display: flex;
  justify-content: left;
  align-items: flex-start;
  font-size: 20px;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  color: #767676;
  margin-top: 24px;
}

.body-five .pricing-cards .whatsApp-card .inner-bottom-content .note-content img,
.body-five .pricing-cards .email-card .inner-bottom-content .note-content img,
.body-five .pricing-cards .sms-card .inner-bottom-content .note-content img {
  height: 20px;
  width: 20px;
  margin-right: 16px;
}

.body-five .pricing-cards .whatsApp-card .inner-bottom-content .note-content p,
.body-five .pricing-cards .email-card .inner-bottom-content .note-content p,
.body-five .pricing-cards .sms-card .inner-bottom-content .note-content p {
  display: flex;
  justify-content: left;
  align-items: flex-start;
  font-size: 20px;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  color: #767676;
  margin-top: 24px;
}

.body-six {
  position: relative;
  height: auto;
  width: 100%;
  scroll-margin-top: 100px;
  /* background-color: red;
  z-index: -1; */
}

.body-six .top-line-and-heading {
  margin-left: 120px;
  /* margin-top: 124px; */
  position: relative;
}

.body-six .top-line {
  height: 5px;
  width: 80px;
  background-color: #2464E4;
  border-radius: 50px;
}

.body-six .about-us-heading {
  font-size: 40px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  color: #2464E4;
}

.body-six .marketing-video-and-content {
  margin: 40px 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.body-six .marketing-video-and-content iframe {
  height: 550px;
  width: 100%;
}

.body-six .marketing-video-and-content .how-we-help-content {
  width: 60%;
  height: 550px;
  margin-left: 100px;
  margin-top: 60px;
}

.body-six .marketing-video-and-content .how-we-help-content label {
  font-size: 36px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}

.body-six .marketing-video-and-content .how-we-help-content ul {
  margin-top: 15px;
}

.body-six .marketing-video-and-content .how-we-help-content ul li {
  font-size: 24px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #767676;
  line-height: 45px;
  margin-left: 25px;
}

.body-six .schedule-your-text-content {
  margin-left: 120px;
  margin-right: 120px;
}

.body-six .schedule-your-text-content label:first-child {
  color: #2464E4;
}

.body-six .schedule-your-text-content label {
  font-size: 36px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: black;
  line-height: 60px;
}

.body-six .schedule-your-text-content p {
  font-size: 24px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #767676;
  line-height: 40px;
  margin-top: 10px;
  margin-bottom: 30px;
  text-align: justify;
}

.body-seven {
  position: relative;
  height: 600px;
  width: 100%;
  /* background-color: red;
  z-index: -1; */
}

.body-seven .top-line-and-heading {
  margin-left: 120px;
  margin-top: 40px;
  /* position: absolute; */
}

.body-seven .top-line {
  height: 5px;
  width: 80px;
  background-color: #2464E4;
  border-radius: 50px;
}

.body-seven .about-us-heading {
  font-size: 40px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  color: #2464E4;
}

.body-seven .background-image-body-two {
  height: 950px;
  width: 400px;
  position: absolute;
}

.body-seven .client-info-div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90%;
  height: 600px;
  position: absolute;
  margin-top: 60px;
  margin-left: 120px;
  gap: 10px;
}

.body-seven .client-info-div img {
  height: 600px;
  width: 100%;
  object-fit: cover;
}

.move-animation-left-to-right {
  animation: leftImgToRightImg 1s 1;
}

@keyframes leftImgToRightImg {
  0% {
    margin-left: none;
  }

  100% {
    margin-left: 100%;
  }
}

.move-animation-right-to-left {
  animation: rightImgToLeftImg 1s 1;
}

@keyframes rightImgToLeftImg {
  0% {
    margin-left: none;
  }

  100% {
    margin-left: -100%;
  }
}

.body-seven .client-info-div .third-front-div,
.body-seven .client-info-div .first-front-div {
  height: 600px;
  width: 20%;
  min-width: 125px;
  position: relative;
  overflow: hidden;
}

.body-seven .client-info-div .first-front-div .first-content-on-hover,
.body-seven .client-info-div .third-front-div .third-content-on-hover {
  position: absolute;
  bottom: 0px;
  display: none;
  flex-direction: column;
  width: 100%;
  align-items: center;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  height: 115px;
}

.body-seven .client-info-div .first-front-div .first-content-on-hover label:first-child,
.body-seven .client-info-div .third-front-div .third-content-on-hover label:first-child {
  font-size: 24px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  line-height: 50px;
  color: white;
}

.body-seven .client-info-div .first-front-div .first-content-on-hover label:last-child,
.body-seven .client-info-div .third-front-div .third-content-on-hover label:last-child {
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  line-height: 50px;
  color: white;
}

/* .body-seven .client-info-div .first-front-div:hover .first-content-on-hover,
.body-seven .client-info-div .third-front-div:hover .third-content-on-hover {
  display: flex;
  animation: easeInOut 2s 1;
} */

/* @keyframes easeInOut {
  0% {
    opacity: 60%;
  }
  100% {
    opacity: 40%;
  }
} */

.body-seven .client-info-div .second-front-div {
  display: flex;
}

.body-seven .client-info-div .second-front-div .text-content {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
  align-items: flex-start;
  justify-content: center;
  width: 78%;
}

.second-front-div-image {
  height: auto;
  min-width: 160px !important;
  width: 20% !important;
}

.body-seven .client-info-div .second-front-div .text-content .top-quote-image img {
  height: 80px;
  width: 91px;
}

.body-seven .client-info-div .second-front-div .text-content .center-content {
  width: auto;
  font-size: 30px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  line-height: 45px;
  margin-top: 32px;
  text-align: justify;
}

.body-seven .client-info-div .second-front-div .text-content .name-of-person {
  font-size: 32px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  line-height: 50px;
  margin-top: 32px;
  color: #2464E4;
}

.body-seven .client-info-div .second-front-div .text-content .country-of-person {
  font-size: 24px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  line-height: 50px;
  color: #767676;
}

.body-seven .client-info-div .second-front-div .starting-line {
  height: 100%;
  width: 10px;
  position: absolute;
  background-color: #2464E4;
}

.center-card-animation-full {
  animation: halfToFull 1s 1;
}

.center-card-animation-half {
  animation: fullToHalf 1s 1;
}

@keyframes halfToFull {
  0% {
    width: 10px;
  }

  100% {
    /* width: 160px; */
    width: 16%;
  }
}

@keyframes fullToHalf {
  0% {
    /* width: 160px; */
    width:16%;
  }

  100% {
    width: 10px;
  }
}

.body-seven .client-info-div .first-front-div .bhuru-div,
.body-seven .client-info-div .third-front-div .bhuru-div {
  background-color: #2464E4;
  position: absolute;
  opacity: 60%;
  height: 600px;
  width: 100%;
  top: 0;
  left: 0;
}

.body-seven .client-info-div .first-front-div .bhuru-div:hover,
.body-seven .client-info-div .third-front-div .bhuru-div:hover {
  animation: easeInOut 2s 1;
}

.body-eight {
  position: relative;
  height: auto;
  width: 100%;
  overflow: hidden;
  /* background-color: red;
  z-index: -1; */
}

.body-eight .top-line-and-heading {
  margin-left: 120px;
  margin-top: 220px;
  position: relative;
}

.body-eight .top-line {
  height: 5px;
  width: 80px;
  background-color: #2464E4;
  border-radius: 50px;
}

.body-eight .about-us-heading {
  font-size: 40px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  color: #2464E4;
}

.body-eight .top-line-and-heading .other-info-with-link p {
  margin-top: 8px;
  font-size: 36px;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  color: #000000;
  text-align: justify;
}

.body-eight .top-line-and-heading .other-info-with-link p span {
  border-bottom: 2px solid #2464E4;
  color: #2464E4;
  font-weight: 500;
  cursor: pointer;
}

.body-eight .top-line-and-heading .other-info-with-link p a {
  text-decoration: none;
  color: #2464E4;
}

.body-eight .questions-and-answers {
  position: relative;
  height: auto;
  width: 100%;
  margin-top: 50px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

/* faq copy code */

.body-eight .questions-and-answers .faq {
  width: 1000px;
}

.body-eight .questions-and-answers .faq .question-container p {
  font-size: 32px;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  width: 900px;
}

.body-eight .questions-and-answers .faq .answer p {
  font-size: 24px;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
}

.question-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: white;
  padding: 30px 20px;
  cursor: pointer;
  transition: background-color 0.7s ease;
}

.answer {
  padding: 0px 20px;
  background-color: white;
  color: black;
  overflow: hidden;
  transition: 0.3s ease, opacity 0.3s ease;
  max-height: 0;
  border-bottom: 1px solid #C4C4C4;
}

.toggle-btn {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  background-color: #2464E4;
  justify-content: center;
  align-items: center;
  transition: 0.6s ease;
  /* margin-left: 200px; */
}

.toggle-btn p {
  margin: 9px;
  font-size: 25px;
  color: white;
  transition: transform 0.3s ease, opacity 0.3s 300ms;
}

/* .toggle-btn p.rotate {
  transform: rotate(45deg);
} */

.minus-sign-one {
  display: block;
  font-size: 30;
  color: white;
  margin-bottom: 13px !important;
}

.minus-sign-one-tab {
  display: block;
  font-size: 30;
  color: white;
  margin-bottom: 13px !important;
}

.minus-sign-two {
  display: none;
  font-size: 30;
  color: white;
  margin-bottom: 13px !important;
}

.minus-sign-three {
  display: none;
  font-size: 30;
  color: white;
  margin-bottom: 13px !important;
}

.minus-sign-four {
  display: none;
  font-size: 30;
  color: white;
  margin-bottom: 13px !important;
}

.minus-sign-five {
  display: none;
  font-size: 30;
  color: white;
  margin-bottom: 13px !important;
}

.minus-sign-six {
  display: none;
  font-size: 30;
  color: white;
  margin-bottom: 13px !important;
}

.minus-sign-seven {
  display: none;
  font-size: 30;
  color: white;
  margin-bottom: 13px !important;
}

.minus-sign-eight {
  display: none;
  font-size: 30;
  color: white;
  margin-bottom: 13px !important;
}

.minus-sign-nine {
  display: none;
  font-size: 30;
  color: white;
  margin-bottom: 13px !important;
}

.minus-sign-ten {
  display: none;
  font-size: 30;
  color: white;
  margin-bottom: 13px !important;
}

.minus-sign-eleven {
  display: none;
  font-size: 30;
  color: white;
  margin-bottom: 13px !important;
}

.minus-sign-twelve {
  display: none;
  font-size: 30;
  color: white;
  margin-bottom: 13px !important;
}

.minus-sign-thirteen {
  display: none;
  font-size: 30;
  color: white;
  margin-bottom: 13px !important;
}

.minus-sign-two-tab {
  display: none;
  font-size: 30;
  color: white;
  margin-bottom: 13px !important;
}

.minus-sign-three-tab {
  display: none;
  font-size: 30;
  color: white;
  margin-bottom: 13px !important;
}

.minus-sign-four-tab {
  display: none;
  font-size: 30;
  color: white;
  margin-bottom: 13px !important;
}

.minus-sign-five-tab {
  display: none;
  font-size: 30;
  color: white;
  margin-bottom: 13px !important;
}

.minus-sign-six-tab {
  display: none;
  font-size: 30;
  color: white;
  margin-bottom: 13px !important;
}

.minus-sign-seven-tab {
  display: none;
  font-size: 30;
  color: white;
  margin-bottom: 13px !important;
}

.minus-sign-eight-tab {
  display: none;
  font-size: 30;
  color: white;
  margin-bottom: 13px !important;
}

.minus-sign-nine-tab {
  display: none;
  font-size: 30;
  color: white;
  margin-bottom: 13px !important;
}

.minus-sign-ten-tab {
  display: none;
  font-size: 30;
  color: white;
  margin-bottom: 13px !important;
}

.minus-sign-eleven-tab {
  display: none;
  font-size: 30;
  color: white;
  margin-bottom: 13px !important;
}

.minus-sign-twelve-tab {
  display: none;
  font-size: 30;
  color: white;
  margin-bottom: 13px !important;
}

.minus-sign-thirteen-tab {
  display: none;
  font-size: 30;
  color: white;
  margin-bottom: 13px !important;
}

.answer.visible {
  max-height: 200px;
  opacity: 1;
  margin: 0;
  padding: 20px 20px;
}

.body-nine {
  position: relative;
  height: 700px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  scroll-margin-top: 100px;
}

.body-nine .background-image-body-nine {
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
}

.body-nine .top-line-and-heading {
  width: 40%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  flex-direction: column;
  margin-top: 80px;
  position: relative;
}

.body-nine .top-line {
  height: 5px;
  width: 80px;
  background-color: white;
  border-radius: 50px;
}

.body-nine .about-us-heading {
  font-size: 40px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  color: white;
}

.body-nine .top-line-and-heading .other-info-with-link p {
  margin-top: 8px;
  font-size: 36px;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  color: white;
}

.body-nine .form-content form {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 24px;
  flex-direction: column;
  margin-right: 4%;
  width: 92%;
}

.body-nine .form-content {
  display: flex;
  width: 60%;
  justify-content: flex-end;
  height: 100%;
  align-items: center;
}

.body-nine .form-content input {
  height: 50px;
  width: 97%;
  font-size: 20px;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  padding-left: 20px;
  border: 1px solid white;
  border-radius: 5px;
  outline: white;
}

.body-nine .form-content input::placeholder {
  font-size: 16px;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  color: #767676;
}



.body-nine .form-content textarea {
  height: 200px;
  width: 97%;
  padding-left: 20px;
  padding-top: 20px;
  font-size: 20px;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  border-radius: 5px;
  border: 1px solid white;
  outline: white;
}

.body-nine .form-content textarea::placeholder {
  font-size: 16px;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  color: #767676;
}

.body-nine .form-content button {
  height: 50px;
  width: 170px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  border: 1px solid #2464E4;
  border-radius: 5px;
  background-color: white;
  color: #2464E4;
  cursor: pointer;
}

.body-nine .form-content img {
  margin-left: 16px;
  height: 15px;
  width: 26px;
}

.footer {
  height: auto;
  width: 100%;
  position: relative;
}

.footer .footer-back-image {
  position: absolute;
  right: 0;
  height: 100%;
  width: auto;
}

.footer .top-content {
  width: 96%;
  padding: 0% 2%;
  margin-top: 100px;
  display: flex;
  justify-content: center;
  align-items: end;
  gap: 50px;
}

.footer .top-content .third-section {
  width: 100%;
}

.footer .top-content .part-one {
  height: auto;
  width: 400px;
}

.footer .top-content .part-one .top-logo img {
  height: 125px;
  width: 120px;
}

.footer .top-content .part-one .middle-text-info p:first-child {
  font-size: 24px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color: #000000;
  margin-top: 32px;
  line-height: 40px;
}

.footer .top-content .part-one .middle-text-info p:last-child {
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #000000;
  margin-top: 10px;
  line-height: 30px;
}

.footer .top-content .part-one .social-media-links img {
  margin-top: 32px;
  margin-right: 30px;
  height: 32px;
  width: 32px;
  cursor: pointer;
}

.footer .top-content .part-two {
  height: 300px;
  width: 200px;
}

.footer .top-content .part-three {
  height: 300px;
  width: 200px;
}

.footer .top-content .part-four {
  height: 300px;
  width: 200px;
}

.footer .top-content .part-five {
  height: 300px;
  width: 369px;
}

.footer .top-content .part-two .top-heading,
.footer .top-content .part-three .top-heading,
.footer .top-content .part-four .top-heading,
.footer .top-content .part-five .top-heading {
  font-family: 'Montserrat', sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 37px;
}

.footer .top-content .part-two .bottom-content a,
.footer .top-content .part-three .bottom-content a,
.footer .top-content .part-four .bottom-content a {
  display: flex;
  justify-content: left;
  margin-top: 32px;
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #000000;
  text-decoration: none;
}

.footer .footer-bottom-centre-line {
  width: 96%;
  height: 1px;
  background-color: #C4C4C4;
  margin: 32px 2% 32px 2%;
}

.footer .part-five .bottom-content .top-info-content {
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #000000;
  margin-top: 32px;
}

.footer .part-five .bottom-content .bottom-contact-info {
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #000000;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: left;
}

.footer .part-five .bottom-content .bottom-contact-info p {
  display: flex;
  align-items: center;
  margin-top: 20px;
  cursor: pointer;
}

.footer .part-five .bottom-content .bottom-contact-info img {
  height: 32px;
  width: 32px;
  margin-right: 16px;
}

.footer .part-five .bottom-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.bottom-content-last {
  width: 96%;
  padding: 0% 2%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.footer .bottom-content-last .left-content p {
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #000000;
}

.footer .bottom-content-last .right-content {
  display: flex;
  align-items: center;
}

.footer .bottom-content-last .right-content p {
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #000000;
}

.footer .bottom-content-last .right-content p:last-child {
  cursor: pointer;
}

.footer .bottom-content-last .right-content .footer-bottom-dot {
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background-color: #232323;
  margin-left: 24px;
  margin-right: 24px;
}

.platform-menu {
  position: fixed;
  height: 260px;
  width: 90%;
  background-color: #ffffff;
  border: 1px solid #EFF0F7;
  box-shadow: 0px 9px 26px rgba(23, 15, 73, 0.05);
  border-radius: 22px;
  top: 81px;
  right: 80px;
  z-index: 10;
  display: none;
  justify-content: center;
  align-items: center;
}

.platform-menu .left-content .whatsapp-content img,
.platform-menu .left-content .email-content img,
.platform-menu .right-content .sms-content img,
.platform-menu .right-content .fax-content img {
  height: 70px;
  width: 70px;
  position: relative;
  box-shadow: 0px 4px 20px rgba(23, 15, 73, 0.08);
  border-radius: 15px;
  /* left: 40px;
  top: 40px; */
}

.platform-menu .left-content .whatsapp-content label img,
.platform-menu .left-content .email-content label img,
.platform-menu .right-content .sms-content label img,
.platform-menu .right-content .fax-content label img {
  height: 15px;
  width: 45px;
  position: relative;
  top: 0;
  left: 0;
  margin-left: 10px;
  box-shadow: none;
}

.platform-menu .left-content {
  height: 260px;
  width: 680px;
  display: flex;
  flex-direction: column;
}

.platform-menu .left-content .whatsapp-content,
.platform-menu .left-content .email-content,
.platform-menu .right-content .sms-content,
.platform-menu .right-content .fax-content {
  height: 70px;
  width: 100%;
  margin-top: 40px;
  margin-left: 30px;
  cursor: pointer;
}

.platform-menu .left-content .whatsapp-content label:nth-child(2) a,
.platform-menu .left-content .email-content label:nth-child(2) a,
.platform-menu .right-content .sms-content label:nth-child(2) a,
.platform-menu .right-content .fax-content label:nth-child(2) a {
  color: #2464E4;
  text-decoration: none;
}

.platform-menu .left-content .whatsapp-content label:nth-child(2),
.platform-menu .left-content .email-content label:nth-child(2),
.platform-menu .right-content .sms-content label:nth-child(2),
.platform-menu .right-content .fax-content label:nth-child(2) {
  position: absolute;
  margin-top: 10px;
  margin-left: 15px;
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: #2464E4;
  cursor: pointer;
}

.platform-menu .left-content .whatsapp-content label:nth-child(3),
.platform-menu .left-content .email-content label:nth-child(3),
.platform-menu .right-content .sms-content label:nth-child(3),
.platform-menu .right-content .fax-content label:nth-child(3) {
  position: absolute;
  margin-top: 45px;
  margin-left: 15px;
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #6F6C90;
  cursor: pointer;
}

.platform-menu .right-content {
  height: 260px;
  width: 680px;
}

.overlay-for-menu {
  height: 1015px;
  position: fixed;
  width: 100vw;
  background-color: #696969;
  opacity: 0.2;
  filter: blur(8px);
  z-index: 5;
  display: none;
}

.help-portal-menu {
  position: fixed;
  height: 370px;
  width: 780px;
  background-color: #ffffff;
  border: 1px solid #EFF0F7;
  box-shadow: 0px 9px 26px rgba(23, 15, 73, 0.05);
  border-radius: 22px;
  top: 81px;
  right: 120px;
  z-index: 10;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.help-portal-menu .getting-started img,
.help-portal-menu .advisor-content img,
.help-portal-menu .faq-content img {
  height: 70px;
  width: 70px;
  position: relative;
  box-shadow: 0px 4px 20px rgba(23, 15, 73, 0.08);
  border-radius: 15px;
  /* left: 40px;
  top: 40px; */
}

.help-portal-menu .getting-started label img,
.help-portal-menu .advisor-content label img,
.help-portal-menu .faq-content label img {
  height: 15px;
  width: 45px;
  position: relative;
  top: 0;
  left: 0;
  margin-left: 10px;
  box-shadow: none;
}

.help-portal-menu .getting-started,
.help-portal-menu .advisor-content,
.help-portal-menu .faq-content {
  height: 70px;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 69px;
  cursor: pointer;
}

.help-portal-menu .getting-started label:nth-child(2) a,
.help-portal-menu .advisor-content label:nth-child(2) a,
.help-portal-menu .faq-content label:nth-child(2) a {
  color: #2464E4;
  text-decoration: none;
}

.help-portal-menu .getting-started label:nth-child(2),
.help-portal-menu .advisor-content label:nth-child(2),
.help-portal-menu .faq-content label:nth-child(2) {
  position: absolute;
  margin-top: 10px;
  margin-left: 15px;
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: #2464E4;
  cursor: pointer;
}

.help-portal-menu .getting-started label:nth-child(3),
.help-portal-menu .advisor-content label:nth-child(3),
.help-portal-menu .faq-content label:nth-child(3) {
  position: absolute;
  margin-top: 45px;
  margin-left: 15px;
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #6F6C90;
  cursor: pointer;
}

/* Media query and CSS for tablets are starting from here. */

.main-container-tablet {
  display: none;
  height: auto;
  width: 100%;
  /* overflow: hidden; */
}

.second-section-tablet {
  display: none;
}

.mobile-part-two {
  display: none;
}

html ::-webkit-scrollbar {
  width: 0px;
}

html ::-webkit-scrollbar-thumb {
  background: linear-gradient(176.06deg, #00DCF0 -31.84%, #3221A1 79.01%);
  border-radius: 25px;
}

html ::-webkit-scrollbar-track {
  background-color: white;
  border-radius: 25px;
}

.sub-heading .inner-content-two p {
  margin-bottom: 30px;
}

.main-div {
  height: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  margin-top: 50px;
  gap: 35px;
}

.top-image-div {
  height: 50%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 70px;
}

.bottom-info-div {
  height: 50%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  gap: 40px;
}

.bottom-info-div button {
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.user-image-with-element {
  height: 150px;
  width: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
}

.element {
  position: absolute;
  height: 170px;
}

.user-image {
  height: 120px;
  width: 120px;
  border-radius: 50%;
  position: absolute;
  transform-origin: top;
}

.name-and-info-of-user {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 69%;
  position: relative;
}

.name {
  color: #000;
  font-family: 'Montserrat', sans-serif;
  font-size: 32px;
  font-weight: 500;
}

.location {
  color: #767676;
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 22px;
}

.paragraph {
  color: #232323;
  font-family: 'Montserrat', sans-serif;
  font-size: 32px;
  font-weight: 400;
  text-align: center;
  line-height: 50px;
}

.left,
.right {
  height: 75px;
  width: 75px;
}

.leftEle,
.rightEle {
  height: 110px;
}

.quote-image {
  position: absolute;
  left: 5%;
  top: 0;
}

.dot-one,
.dot-two,
.dot-three {
  height: 10px;
  width: 10px;
  background-color: #DBDBDB;
  border-radius: 50%;
}

.dot-two {
  background-color: #A6A6A6;
}

.dot-div {
  display: flex;
  gap: 20px;
  margin-top: 20px;
}

.testimonials-heading-with-top-line-tablet {
  position: absolute;
  margin-top: 60px;
  margin-left: 32px;
}

#platform-link-tab,
#helpPortal-link-tab {
  display: flex;
  justify-content: space-between;
}

@media (width <=1300px) {
  .footer .top-content {
    align-items: center;
  }
}

@media (width <=1024px) {

  .main-container {
    display: none;
  }

  .main-container-tablet {
    display: block;
  }

  .header-tablet {
    height: 80px;
    width: 100%;
    background-color: white;
    box-shadow: 0px 20px 50px 0px rgba(19, 23, 61, 0.08);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 0;
    z-index: 100;
  }

  .ham-burger-section-tablet {
    margin-left: 32px;
  }

  .ham-burger-section-tablet img {
    height: 20px;
    width: 37px;
    cursor: pointer;
  }

  .sign-in-up-buttons-tablet {
    margin-right: 32px;
    display: flex;
    gap: 16px;
  }

  .sign-in-up-buttons-tablet button {
    padding: 12px 24px;
    border: 1px solid #2464E4;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
  }

  .sign-in-up-buttons-tablet button:first-child {
    background-color: white;
    color: #2464E4;
  }

  .sign-in-up-buttons-tablet button:last-child {
    background-color: #2464E4;
    color: white;
  }

  .ham-buger-inner-section-tablet {
    display: none;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    width: 70%;
    z-index: 200;
    background-color: white;
    animation: hamBurgerPanelOpen 0.5s 1;
    overflow: scroll;
  }

  @keyframes hamBurgerPanelOpen {
    0% {
      width: 0%;
    }

    100% {
      width: 70%;
    }
  }

  .ham-burger-close-animation {
    animation: hamBurgerPanelClose 0.5s 1;
  }

  @keyframes hamBurgerPanelClose {
    0% {
      width: 70%;
    }

    100% {
      width: 0%;
    }
  }

  .ham-buger-inner-section-tablet .backImageTab {
    height: 100%;
    width: 100%;
    position: absolute;
  }

  .logo-and-exit-tablet {
    height: 156px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .logo-and-exit-tablet img {
    height: 100px;
    width: 96px;
  }

  .menuPopUpCloseButton {
    position: absolute;
    right: 40px;
    top: 28px;
    height: 20px;
    width: 20px;
    cursor: pointer;
  }

  .menu-links-tablet {
    margin-left: 28px;
    margin-right: 28px;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    margin-top: 50px;
    display: flex;
    gap: 40px;
    flex-direction: column;
    position: relative;
    z-index: 10;
    /* width: 100%; */
  }

  .menu-links-tablet a {
    text-decoration: none;
    color: black;
  }
  
  .started-pricing-first-sec .getStartedBtnTabMob a{
    text-decoration: none;
    color: white !important;
  }
  
  .started-pricing-first-sec .seePricingBtnTabMob a{
    text-decoration: none;
    color: #2464E4 !important;
  }

  .menu-links-tablet label {
    cursor: pointer;
  }

  .platform-sec-tab {
    display: none;
    flex-direction: column;
    gap: 32px;
    color: #2464E4;
  }

  .helpPortal-sec-tab {
    display: none;
    flex-direction: column;
    gap: 32px;
    color: #2464E4;
  }

  .blackBackground {
    position: fixed;
    left: 0;
    top: 0;
    background-color: black;
    opacity: 25%;
    z-index: 9;
    height: 100%;
    width: 100%;
    display: none;
  }

  .first-sec-back-image {
    height: 800px;
    width: 100%;
    position: absolute;
    z-index: -1;
  }

  .top-logo-first-sec {
    margin-top: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 160px;
    width: 100%;
  }

  .top-logo-first-sec img {
    height: auto;
    width: 100px;
  }

  .first-sec-heading-info {
    width: 100%;

  }

  .first-sec-heading-info p {
    text-align: center;
    font-size: clamp(1.25rem, 5vw, 2rem);
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    line-height: 45px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .started-pricing-first-sec {
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    padding: 0px 10px;
  }

  .started-pricing-first-sec button {
    padding: 12px 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #2464E4;
    border-radius: 5px;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
  }

  .started-pricing-first-sec button:first-child {
    background-color: #2464E4;
    color: white !important;
  }

  .started-pricing-first-sec button:last-child {
    background-color: white;
    color: #2464E4 !important;
  }

  .started-pricing-first-sec button img {
    height: 12px;
    width: 21px;
    margin-left: 10px;
  }

  .bottom-cards-first-sec {
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 34px;
  }

  .bottom-cards-first-sec img:first-child {
    height: auto;
    width: clamp(170px, 45%, 370px);
    box-shadow: 0px 30px 50px 0px rgba(19, 23, 61, 0.08);
  }

  .bottom-cards-first-sec img:last-child {
    height: auto;
    width: clamp(150px, 45%, 370px);
  }

  .about-us-section-tablet,
  .our-platform-section-tablet {
    padding: 0px 32px;
    scroll-margin-top: 100px;
  }

  .about-us-with-line-tablet {
    padding-top: 60px;
  }

  .pricing-top-line-tab,
  .font-top-line-tablet,
  .our-platform-top-line-tab {
    border: 2px solid #2464E4;
    width: 50px;
    /* background-color: #2464E4; */
    border-radius: 5px;
  }

  .about-us-with-line-tablet label,
  .our-platform-heading-with-top-line-tablet label {
    color: #2464E4;
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
  }

  .first-info-about-us-tablet,
  .second-info-about-us-tablet,
  .third-info-about-us-tablet {
    color: #767676;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    line-height: 32px;
  }

  .read-more-about-us-tab,
  .read-more-our-ceo-tab,
  .read-more-uchat-global-tab {
    color: #2464E4;
    cursor: pointer;
    text-decoration: underline;
    font-weight: 500;
  }


  #about-us-span-read-more-content,
  #our-CEO-span-read-more-content,
  #uchat-global-span-read-more-content,
  #about-us-span-read-more-content-second {
    display: none;
  }

  .first-info-about-us-tablet,
  #about-us-span-read-more-content,
  #our-CEO-span-read-more-content {
    margin-top: 16px;
  }

  .second-info-about-us-tablet {
    margin-top: 40px;
    display: flex;
    gap: 32px;
  }

  .second-info-about-us-tablet img {
    height: 180px;
    width: 165px;
  }

  .our-CEO-disc-tablet-first-label {
    font-size: 20px;
    font-weight: 600;
    color: black;
  }

  .third-info-about-us-tablet {
    margin-top: 130px;
  }

  .third-info-about-us-tablet label:first-child {
    color: #2464E4;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
  }

  .name-and-position-tab {
    display: none;
  }

  .about-us-sec-back-image,
  .our-platform-back-image {
    height: 800px;
    width: 100%;
    position: absolute;
    z-index: -2;
    margin-top: 35px;
    left: 0;
  }

  .our-platform-back-image {
    height: 450px;
    width: 200px;
    position: absolute;
    top: 0px;
  }

  .our-platform-heading-with-top-line-tablet {
    position: absolute;
    top: 69px;
  }

  .full-box-our-platform-tablet-outer {
    min-height: auto;
    width: 100%;
    top: 130px;
    position: relative;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .full-box-our-platform-tablet-inner-whatsapp,
  .full-box-our-platform-tablet-inner-email,
  .full-box-our-platform-tablet-inner-sms {
    width: clamp(300px, 100%, 900px);
    min-height: 520px;
    border-radius: 10px;
    border: 1px solid #E0E0E0;
    position: relative;
    background-color: white;
    scroll-margin-top: 100px;
  }

  .top-section-box-tablet {
    width: 100%;
    min-height: 50%;
    position: relative;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .bottom-section-box-tablet {
    /* width: 100%; */
    min-height: 50%;
    position: relative;
    bottom: 0;
    padding: 24px;
    overflow-x: hidden;
  }

  .our-platform-inner-section-image-tab-sms,
  .our-platform-inner-section-image-tab-email,
  .our-platform-inner-section-image-tab-whatsapp {
    height: auto;
    width: 100%;
    margin: 24px 0px;
  }

  .top-section-box-tablet img:first-child {
    height: 200px;
    width: auto;
    margin-top: 20px;
  }

  .top-section-box-tablet img:last-child {
    height: 25px;
    width: 15px;
    position: absolute;
    right: 30px;
    cursor: pointer;
  }

  #left-arrow-our-platform-email,
  .left-arrow-our-platform-sms {
    height: 25px;
    width: 15px;
    position: absolute;
    left: 30px;
    cursor: pointer;
    rotate: 180deg;
  }

  .heading-label-our-platform-tablet-sms,
  .heading-label-our-platform-tablet-email,
  .heading-label-our-platform-tablet-whatsapp {
    color: #2464E4;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 50px;
  }

  .heading-label-second-our-platform-tablet-sms,
  .heading-label-three-our-platform-tablet-sms,
  .heading-label-second-our-platform-tablet-email,
  .heading-label-second-our-platform-tablet-whatsapp {
    color: #232323;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 50px;
  }

  .bottom-section-box-tablet p {
    color: #232323;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
  }

  .read-more-our-platform-tab-sms,
  .read-more-our-platform-tab-email,
  .read-more-our-platform-tab-whatsapp {
    color: #2464E4;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    text-decoration: underline;
    font-weight: 600;
    cursor: pointer;
  }

  #show-on-click-one-our-platform-tab-whatsapp,
  #show-on-click-two-our-platform-tab-whatsapp,
  #show-on-click-three-our-platform-tab-whatsapp {
    display: none;
  }

  #hide-lines-sms-our-platform-tablet,
  #show-on-click-one-our-platform-tab-sms,
  #show-on-click-two-our-platform-tab-sms,
  #show-on-click-three-our-platform-tab-sms,
  #show-on-click-four-our-platform-tab-sms,
  #show-on-click-five-our-platform-tab-sms {
    display: none;
  }

  .full-box-our-platform-tablet-inner-sms {
    display: none;
  }

  #hide-lines-email-our-platform-tablet,
  #show-on-click-one-our-platform-tab-email,
  #show-on-click-two-our-platform-tab-email,
  #show-on-click-three-our-platform-tab-email {
    display: none;
  }

  .full-box-our-platform-tablet-inner-email {
    display: none;
  }

  .title-of-card-with-dots-our-platform-tablet-sms {
    height: 80px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .title-of-card-with-dots-our-platform-tablet-sms label {
    color: #232323;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 500;
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .three-dots-our-platform-tablet-sms {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
  }

  .three-dots-our-platform-tablet-sms div {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: #EBEBEB;
    cursor: pointer;
  }

  .three-dots-our-platform-tablet-sms .heighlighted-dot {
    background-color: #C4C4C4;
  }

  .heading-label-three-our-platform-tablet-sms {
    margin-top: 16px;
  }

  .technology-section-tablet {
    position: relative;
    width: 100%;
    height: auto;
    top: 169px;
  }

  .technology-sec-back-image {
    position: absolute;
    height: auto;
    width: 100%;
    z-index: -1;
    left: 0;
  }

  .our-platform-section-tablet {
    position: relative;
  }

  .technology-without-line-tablet {
    margin: 0px 32px;
  }

  .technology-information-paragraph-tablet {
    padding: 0px 32px;
  }

  .customer-consultation-information-paragraph-tablet p:first-child,
  .technology-information-paragraph-tablet p:first-child {
    color: black;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 600;
  }

  .customer-consultation-information-paragraph-tablet p,
  .technology-information-paragraph-tablet p {
    color: #767676;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    margin-top: 16px;
  }

  .technology-front-image-tablet,
  .customer-consultation-front-image-technology-tablet {
    width: 100%;
    height: auto;
  }

  .technology-without-line-tablet label,
  .customer-consultation-heading-tablet label {
    color: #2464E4;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 50px;
  }

  .customer-consultation-heading-tablet,
  .customer-consultation-information-paragraph-tablet {
    margin: 0px 32px;
  }

  .customer-consultation-front-image-technology-tablet {
    margin-top: 32px;
  }

  .pricing-section-tablet {
    padding: 100px 32px 0px 32px;
    position: relative;
  }

  .pricing-heading-with-top-line-tablet {
    margin-top: 100px;
  }

  .pricing-section-tablet .pricing-back-image {
    position: absolute;
    right: 0;
    height: auto;
    width: 25%;
    z-index: -1;
  }

  .pricing-heading-with-top-line-tablet label {
    color: #2464E4;
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
  }

  .three-cards-main-div {
    padding-top: 35px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    font-family: 'Montserrat', sans-serif;
  }

  .three-cards-main-div .whatsapp-pricing-card-tablet,
  .three-cards-main-div .email-pricing-card-tablet,
  .three-cards-main-div .sms-pricing-card-tablet {
    border: 1px solid #C4C4C4;
    border-radius: 10px;
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    background-color: white;
    z-index: 2;
    scroll-margin-top: 100px;
  }

  .three-cards-main-div .whatsapp-pricing-card-tablet .header-whatsapp-pricing-tablet,
  .three-cards-main-div .email-pricing-card-tablet .header-email-pricing-tablet,
  .three-cards-main-div .sms-pricing-card-tablet .header-sms-pricing-tablet {
    display: flex;
    align-items: center;
    font-size: 20px;
    color: black;
    font-weight: 600;
    gap: 16px;
    margin-bottom: 27px;
  }

  .three-cards-main-div .whatsapp-pricing-card-tablet .center-content-black-whatsapp-pricing-tablet,
  .three-cards-main-div .email-pricing-card-tablet .center-content-black-email-pricing-tablet,
  .three-cards-main-div .sms-pricing-card-tablet .center-content-black-sms-pricing-tablet,
  .three-cards-main-div .whatsapp-pricing-card-tablet .center-content-blue-whatsapp-pricing-tablet,
  .three-cards-main-div .email-pricing-card-tablet .center-content-blue-email-pricing-tablet,
  .three-cards-main-div .sms-pricing-card-tablet .center-content-blue-sms-pricing-tablet {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
  }

  .three-cards-main-div .whatsapp-pricing-card-tablet .center-content-black-whatsapp-pricing-tablet label span img,
  .three-cards-main-div .email-pricing-card-tablet .center-content-black-email-pricing-tablet label span img,
  .three-cards-main-div .sms-pricing-card-tablet .center-content-black-sms-pricing-tablet label span img,
  .three-cards-main-div .whatsapp-pricing-card-tablet .center-content-blue-whatsapp-pricing-tablet label span img,
  .three-cards-main-div .email-pricing-card-tablet .center-content-blue-email-pricing-tablet label span img,
  .three-cards-main-div .sms-pricing-card-tablet .center-content-blue-sms-pricing-tablet label span img {
    height: 12px;
    width: 14px;
    margin-right: 16px;
  }

  .three-cards-main-div .whatsapp-pricing-card-tablet .center-content-black-whatsapp-pricing-tablet label,
  .three-cards-main-div .email-pricing-card-tablet .center-content-black-email-pricing-tablet label,
  .three-cards-main-div .sms-pricing-card-tablet .center-content-black-sms-pricing-tablet label {
    font-size: 18px;
    font-weight: 400;
    color: #232323;
    text-indent: -30px;
    margin-left: 30px;
  }

  .three-cards-main-div .whatsapp-pricing-card-tablet .center-content-blue-whatsapp-pricing-tablet label,
  .three-cards-main-div .email-pricing-card-tablet .center-content-blue-email-pricing-tablet label,
  .three-cards-main-div .sms-pricing-card-tablet .center-content-blue-sms-pricing-tablet label {
    font-size: 20px;
    font-weight: 500;
    color: #2464E4;
    text-indent: -30px;
    margin-left: 30px;
  }

  .three-cards-main-div .whatsapp-pricing-card-tablet .center-content-blue-whatsapp-pricing-tablet,
  .three-cards-main-div .email-pricing-card-tablet .center-content-blue-email-pricing-tablet,
  .three-cards-main-div .sms-pricing-card-tablet .center-content-blue-sms-pricing-tablet {
    margin-top: 16px;
  }

  .three-cards-main-div .whatsapp-pricing-card-tablet .footer-whatsapp-pricing-tablet,
  .three-cards-main-div .email-pricing-card-tablet .footer-email-pricing-tablet,
  .three-cards-main-div .sms-pricing-card-tablet .footer-sms-pricing-tablet {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    color: #232323;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 500;
  }

  .getting-started-section-tablet {
    margin: 0px 32px 0px 32px;
    scroll-margin-top: 100px;
  }

  .getting-started-heading-with-top-line-tablet {
    margin-top: 60px;
  }

  .testimonials-heading-with-top-line-tablet label,
  .getting-started-heading-with-top-line-tablet label {
    color: #2464E4;
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
  }

  .testimonials-top-line-tab,
  .getting-started-top-line-tab {
    border: 2px solid #2464E4;
    width: 70px;
    border-radius: 5px;
  }

  .getting-started-section-tablet .getting-started-back-image {
    position: absolute;
    left: 0;
    margin-top: -150px;
    height: 50%;
    width: 25%;
    rotate: 180deg;
  }

  .marketing-video-and-content-tablet iframe {
    margin-top: 32px;
    min-height: 300px;
    height: auto;
    width: 100%;
  }

  .getting-started-section-tablet .how-we-help-content-tablet {
    margin-top: 24px;
  }

  .getting-started-section-tablet .how-we-help-content-tablet label {
    color: #232323;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 600;
  }

  .getting-started-section-tablet .how-we-help-content-tablet ul li {
    /* list-style: none; */
    color: #767676;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    margin-left: 20px;
  }

  .getting-started-section-tablet .how-we-help-content-tablet ul {
    margin-top: 16px;

  }

  .getting-started-section-tablet .schedule-your-text-content-tablet {
    margin-top: 24px;
  }

  .getting-started-section-tablet .schedule-your-text-content-tablet .blue-color-label-tablet {
    margin-top: 24px;
    color: #2464E4;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 600;
  }

  .getting-started-section-tablet .schedule-your-text-content-tablet .normal-label-tablet {
    color: #232323;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 600;
  }

  .getting-started-section-tablet .schedule-your-text-content-tablet p {
    color: #767676;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    margin-top: 8px;
  }

  .getting-started-section-tablet .schedule-your-text-content-tablet .inner-section-one,
  .getting-started-section-tablet .schedule-your-text-content-tablet .inner-section-two {
    margin-top: 24px;
  }

  .testimonials-section-tablet {
    height: auto;
    width: 100%;
    position: relative;
  }

  .testimonials-back-image {
    rotate: 180deg;
    height: 60%;
    width: auto;
    position: absolute;
    left: 0;
    margin-top: 35px;
    z-index: 5;
  }

  .main-div {
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 80px;
  }

  .top-image-div {
    height: 50%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 70px;
  }

  .bottom-info-div {
    height: 50%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: baseline;
    overflow: hidden;
  }

  .user-image-with-element {
    height: 150px;
    width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    overflow: hidden;
  }

  .element {
    position: absolute;
    height: 140px;
  }

  .user-image {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    position: absolute;
    transform-origin: top;
  }

  .name-and-info-of-user {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 90%;
  }

  .name {
    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 500;
  }

  .location {
    color: #767676;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 500;
  }

  .paragraph {
    color: #232323;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
  }

  .left,
  .right {
    height: 69px;
    width: 69px;
  }

  .leftEle,
  .rightEle {
    height: 94px;
  }

  .quote-image {
    position: absolute;
    left: 5%;
  }

  .dot-one,
  .dot-two,
  .dot-three {
    height: 10px;
    width: 10px;
    background-color: #DBDBDB;
    border-radius: 50%;
  }

  .dot-two {
    background-color: #A6A6A6;
  }

  .dot-div {
    display: flex;
    gap: 20px;
    margin-top: 20px;
  }

  .testimonials-heading-with-top-line-tablet {
    position: relative !important;
    margin-top: 60px;
    margin-left: 32px;
  }

  .body-eight {
    padding: 0px 32px;
    width: auto;
    height: auto;
  }

  .body-eight .top-line-and-heading {
    margin-left: 0px;
    margin-top:150px;
  }

  .paragraph{
    line-height: 30px;
  }

  .body-eight .about-us-heading {
    font-size: 24px;
  }

  .body-eight .top-line-and-heading .other-info-with-link p {
    font-size: 18px;
    font-weight: 400;
  }

  .body-eight .questions-and-answers .faq .question-container p {
    font-size: 18px;
  }

  .body-eight .questions-and-answers .faq .answer p {
    font-size: 16px;
  }

  .question-container {
    padding: 24px 0px;
  }

  .answer.visible {
    padding: 0px 0px 24px 0px;
  }

  .answer {
    padding: 0px;
  }

  .body-eight .questions-and-answers {
    width: 100%;
    height: auto;
  }

  .body-eight .questions-and-answers .faq {
    width: 100%;
  }

  .other-info-with-link {
    width: 90%;
  }

  .body-nine {
    height: 622px;
    flex-direction: column;
    align-items: center;
  }

  .body-nine .form-content {
    width: 100%;
  }

  .body-nine .top-line-and-heading {
    width: 90%;
    margin-top: 35px;
    margin-left: 0px;
    align-items: flex-start;
  }

  .body-nine .about-us-heading {
    font-size: 24px;
  }

  .body-nine .top-line-and-heading .other-info-with-link p {
    font-size: 20px;
  }

  .body-nine .form-content input {
    height: 45px;
  }

  .body-nine .form-content input,
  .body-nine .form-content textarea {
    width: 90%;
  }

  .body-nine .form-content textarea {
    height: 140px;
  }

  .body-nine .form-content form {
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    margin-right: 0%;
  }

  .body-nine .form-content button {
    right: 3.5%;
    bottom: -83px;
    top: unset;
    height: 45px;
    width: 130px;
    font-size: 16px;
  }

  .footer {
    height: auto;
  }

  .footer .top-content {
    flex-direction: column;
    margin-top: 60px;
  }

  .footer .top-content .part-one {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: auto;
    width: auto;
  }

  .footer .top-content .part-one .social-media-links img {
    margin-right: unset;
  }

  .footer .top-content .part-one .social-media-links {
    gap: 24px;
    display: flex;
  }

  .footer .top-content .part-one .middle-text-info p {
    font-size: 20px;
    text-align: center;
  }

  .second-section {
    display: flex;
    width: 100%;
    gap: 20px;
  }

  .first-section {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .footer .footer-bottom-centre-line {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    margin-left: unset;
    margin-right: unset;
    left: 0;
    margin-top: 25px;
  }

  .footer .footer-bottom-centre-line span {
    width: 90%;
    height: 1px;
    background-color: #C4C4C4;
  }

  .footer .top-content .part-two,
  .footer .top-content .part-three,
  .footer .top-content .part-four,
  .footer .top-content .part-five {
    height: unset;
    width: unset;
  }

  .footer .top-content .part-two .bottom-content a,
  .footer .top-content .part-three .bottom-content a,
  .footer .top-content .part-four .bottom-content a {
    margin-top: unset;
    font-size: 16px;
  }

  .footer .part-five .bottom-content .top-info-content,
  .footer .part-five .bottom-content .bottom-info-content {
    font-size: 16px;
    margin-top: 0px;
  }

  .footer .bottom-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 16px;
    width: unset;
  }

  .footer .top-content .part-two .top-heading,
  .footer .top-content .part-three .top-heading,
  .footer .top-content .part-four .top-heading,
  .footer .top-content .part-five .top-heading {
    font-size: 20px;
  }

  .footer .top-content .part-five {
    width: 30%;
  }

  .footer .top-content .part-five {
    margin-right: 5%;
  }

  .footer .top-content .part-two,
  .footer .top-content .part-three,
  .footer .top-content .part-four {
    width: 23.3%;
  }

  .footer .part-five .bottom-content .bottom-contact-info p {
    margin-top: 0px;
    font-size: 16px;
  }

  .footer .part-five .bottom-content .bottom-contact-info img {
    height: 24px;
    width: 24px;
  }

  .footer .part-five .bottom-content .bottom-contact-info p:first-child {
    margin-bottom: 16px;
  }

  .footer .part-five .bottom-content .bottom-contact-info p {
    align-items: center;
  }

  .mobile-part-two {
    display: none;
  }

  .bottom-content-footer {
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 40px;
  }

  .bottom-content-footer .right-content {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
  }

  .bottom-content-footer .footer-bottom-dot {
    height: 5px;
    width: 5px;
    background-color: #232323;
    border-radius: 50%;
  }

  .bottom-content-footer .left-content {
    margin-bottom: 18px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
  }
}

@media (width <=480px) {
  .bottom-cards-first-sec {
    gap: 16px;
  }

  .started-pricing-first-sec button,
  .sign-in-up-buttons-tablet button {
    padding: 8px 16px;
    font-size: 16px;
  }

  .first-sec-heading-info p {
    line-height: 30px;
  }

  .top-logo-first-sec img {
    height: auto;
    width: 60px;
  }

  .top-logo-first-sec {
    height: 100px;
  }

  .first-sec-heading-info p {
    padding-left: 16px;
    padding-right: 16px;
  }

  .header-tablet {
    height: 60px;
  }

  .sign-in-up-buttons-tablet {
    margin-right: 16px;
  }

  .ham-burger-section-tablet {
    margin-left: 16px;
  }

  .ham-burger-section-tablet img {
    height: 16px;
    width: 28px;
  }

  .second-info-about-us-tablet {
    flex-direction: column;
  }

  .our-CEO-disc-tablet-first-label {
    display: none;
  }

  .name-and-position-tab {
    display: block;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    right: 0;
  }

  .photo-ceo-tab,
  .name-and-position-tab {
    width: 50%;
  }

  .photo-and-name-tab {
    display: flex;
  }

  .name-and-position-tab label:first-child {
    color: #232323;
    font-size: 20px;
    font-weight: 500;
  }

  .name-and-position-tab label:last-child {
    color: #37474F;
    font-size: 16px;
    font-weight: 400;
  }

  .about-us-section-tablet {
    padding: 0px 16px;
    scroll-margin-top: 100px;
  }

  .break-tag-one {
    display: none;
  }

  .top-section-box-tablet img:first-child {
    height: 150px;
  }

  .title-of-card-with-dots-our-platform-tablet-sms label {
    font-size: 18px;
  }

  .heading-label-our-platform-tablet-sms,
  .heading-label-our-platform-tablet-email,
  .heading-label-our-platform-tablet-whatsapp {
    font-size: 20px;
  }

  .heading-label-second-our-platform-tablet-sms,
  .heading-label-three-our-platform-tablet-sms,
  .heading-label-second-our-platform-tablet-email,
  .heading-label-second-our-platform-tablet-whatsapp {
    font-size: 18px;
  }

  .bottom-section-box-tablet p {
    font-size: 16px;
  }

  .our-platform-inner-section-image-tab-whatsapp {
    width: 130%;
  }

  .customer-consultation-heading-tablet,
  .customer-consultation-information-paragraph-tablet,
  .technology-without-line-tablet,
  .technology-information-paragraph-tablet {
    margin: 0px 16px;
  }

  .technology-information-paragraph-tablet {
    padding: 0px;
  }

  .three-cards-main-div .whatsapp-pricing-card-tablet .center-content-black-whatsapp-pricing-tablet label,
  .three-cards-main-div .email-pricing-card-tablet .center-content-black-email-pricing-tablet label,
  .three-cards-main-div .sms-pricing-card-tablet .center-content-black-sms-pricing-tablet label {
    font-size: 16px;
  }

  .three-cards-main-div .whatsapp-pricing-card-tablet .center-content-blue-whatsapp-pricing-tablet label,
  .three-cards-main-div .email-pricing-card-tablet .center-content-blue-email-pricing-tablet label,
  .three-cards-main-div .sms-pricing-card-tablet .center-content-blue-sms-pricing-tablet label {
    font-size: 18px;
  }

  .three-cards-main-div .whatsapp-pricing-card-tablet .footer-whatsapp-pricing-tablet,
  .three-cards-main-div .email-pricing-card-tablet .footer-email-pricing-tablet,
  .three-cards-main-div .sms-pricing-card-tablet .footer-sms-pricing-tablet {
    font-size: 16px;
  }

  .pricing-section-tablet {
    margin: 0px 16px 0px 16px;
  }

  .getting-started-section-tablet {
    margin: 0px 16px 0px 16px;
  }

  .getting-started-section-tablet .how-we-help-content-tablet ul li,
  .getting-started-section-tablet .schedule-your-text-content-tablet p {
    font-size: 16px;
  }

  .body-eight .about-us-heading {
    font-size: 20px;
  }

  .about-us-section-tablet,
  .our-platform-section-tablet {
    padding: 0px 16px;
  }

  .body-eight {
    padding: 0px 16px !important;
  }

  .body-nine .about-us-heading {
    font-size: 20px;
  }

  .body-nine .top-line-and-heading .other-info-with-link p {
    font-size: 18px;
  }

  .body-nine .top-line-and-heading {
    left: 16px;
  }

  .body-nine .form-content button {
    right: unset;
  }

  .footer {
    min-height: 600px;
    height: auto;
  }

  .second-section-tablet {
    display: flex;
    gap: 20px;
  }

  .second-section {
    display: none;
  }

  .testimonials-heading-with-top-line-tablet {
    margin-left: 16px;
  }

}

/* Unusual, Unusefull, Useless Media Queries */

@media (width <=775px) {
  .first-sec-back-image {
    height: 775px;
  }

  .technology-sec-back-image {
    top: 50px;
  }
}

@media (width <=675px) {
  .body-eight .top-line-and-heading {
    margin-left: 0px;
    margin-top: 50px;
  }

  .first-sec-back-image {
    height: 750px;
  }

  .technology-sec-back-image {
    top: 150px;
  }

  .footer .part-five .bottom-content .bottom-contact-info img {
    margin-right: 8px;
  }

  .footer .part-five .bottom-content .bottom-contact-info p {
    margin-top: 0px;
    font-size: 14px;
  }
}

@media (width <=550px) {
  .first-sec-back-image {
    height: 725px;
  }

  .technology-sec-back-image {
    top: 220px;
  }

  .second-section .part-five {
    display: none;
  }

  .footer .top-content .part-two,
  .footer .top-content .part-three,
  .footer .top-content .part-four {
    width: 33.33%;
  }

  .mobile-part-two {
    display: block;
  }

  .footer .top-content {
    gap: 15px;
  }

  .footer .top-content .part-two {
    margin-left: 2.5%;
  }

  .footer .top-content .part-four {
    margin-right: 2.5%;
  }

  .footer .top-content .part-five {
    width: 90%;
    margin-top: 30px;
  }

  .bottom-content-footer .right-content {
    flex-direction: column;
    font-size: 14px;
  }

  .top-image-div {
    gap: 30px;
  }

  .user-image {
    height: 85px;
    width: 85px;
  }

  .element {
    height: 120px;
  }

  .left,
  .right {
    height: 60px;
    width: 60px;
  }

  .leftEle,
  .rightEle {
    height: 90px;
  }

}

@media (width <=480px) {
  .first-sec-back-image {
    height: 580px;
  }

  .technology-sec-back-image {
    top: 300px;
  }

  .footer .top-content .part-five {
    width: 85%;
    margin-right: unset;
    margin-left: 2.5%;
    margin-top: 30px;
  }
}

@media (width <=420px) {
  .technology-sec-back-image {
    top: 350px;
  }

}

@media (width <=375px) {
  .technology-sec-back-image {
    top: 400px;
  }

}