.LandingScreen {
     width: 100%;
     height: 550px;
     padding: 0 50px;
     display: flex;
     background-color: #f9f9f9;
}
.LandingScreenLeft, .LandingScreenRight {
     flex: 1;
     padding: 25px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     width: 50%;
}
.HeadingArea, .DescriptionArea, .ButtonArea {
     max-width: 385px;
     margin-bottom: 25px;
}
.LandingHeading {
     font-size: 72px;
     font-family: 'Poppins', sans-serif;
     font-weight: 600;
     line-height: 68px;
     color: rgb(40, 40, 40);
}
.PointHeading {
     font-size: 36px;
     font-family: 'Poppins', sans-serif;
     font-weight: 600;
     line-height: 34px;
     color: rgb(40, 40, 40);
}
.LandingDescription {
     font-size: 18px;
     font-family: 'Poppins', sans-serif;
     font-weight: 400;
     line-height: 20px;
     color: rgb(75, 75, 75);
}
.GetStarted {
     height: 42px;
     width: 125px;
     border: none;
     border-radius: 0.4rem;
     color: white;
     padding: 5px 15px;
     font-size: 16px;
     font-family: 'Poppins', sans-serif;
     font-weight: 400;
     background-color: #0AB5C2;
}
.LandingImage {
     margin-bottom: 25px;
}
.LandingPoints {
     padding-left: 25px;
}
.LandingPointHeading {
     font-size: 20px;
     font-weight: 400;
     font-family: 'Poppins', sans-serif;
     line-height: 22px;
     color: rgb(35, 35, 35);
     margin-bottom: 45px;
}
.LandingBullets {
     list-style-image: url("../img/check.svg");
     margin-bottom: 12px;
}
.carousel {
     width: 300px;
     height: 500px;
     margin: auto;
}
.carousel-item img {
     width: 250px;
     margin: 0 25px;
     height: auto;
}
.carousel-indicators li {
     background-color: rgb(100, 100, 100);
}
.carousel-control-prev-icon, .carousel-control-next-icon {
     filter: invert(1);
}
@media (max-width: 650px) {
     .LandingScreen {
          flex-direction: column;
          height: 100%;
          padding: 15px;
     }
     .LandingScreenLeft, .LandingScreenRight {
          display: flex;
          flex-direction: column;
          justify-content: center;
          width: 100%;
          padding: 10px;
     }
     .HeadingArea, .DescriptionArea, .ButtonArea {
          max-width: 95%;
          margin-bottom: 10px;
     }
}

a {
     text-decoration: none;
}

.landingVideo {
     width: 100%;
     height: 90vh;
}

.videoCaption {
     position: relative;
     z-index: 100;
     text-align: center;
     padding: 10px;
     padding-top: 30vh;
}

.videoCaption h1 {
     color: #00b8da;
     font-weight: 900;
     font-size: 5rem;
     font-family: 'Poppins', sans-serif;
     text-shadow: 5px 5px 10px black;
     letter-spacing: 2px;
}

.videoCaption h3 {
     color: white;
     font-weight: 600;
     font-family: 'Poppins', sans-serif;
     text-shadow: 3px 3px 4px black;
}

#video {
     position: absolute;
     z-index: -100;
     object-fit: cover;
     width: 100%;
     height: 90vh;
}

.landingAbout {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     padding: 10%;
     padding-top: 3%;
     padding-bottom: 3%;
}

.landingAbout h2 {
     color: black;
     font-weight: 700;
}

.landingAbout #hr {
     background-color: rgb(53, 53, 182);
     height: 3px;
     width: 4%;
}

.landingAboutInner {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: row;
     padding-top: 30px; 
}

.landingAboutInner .aboutVideo #aboutVideo {
     height: 430px;
     width: 40vw;
     object-fit: cover;
}

.aboutData {
     padding: 58px;
     position: relative;
     left: 52px;
     background: #e5eafa;
     font-family: 'Poppins', sans-serif;
     color: black;
     font-weight: 400;
}

.landingServices {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     padding: 10%;
     padding-top: 3%;
     padding-bottom: 3%;
}

.landingServices h2 {
     color: black;
     font-weight: 700;
}

.landingServices #hr {
     background-color: rgb(53, 53, 182);
     height: 3px;
     width: 4%;
}

.landingServicesInner {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: row;
     padding-top: 30px;
     flex-wrap: wrap;
     width: 125%;
}

.servicesElement {
     display: flex;
     flex-direction: column;
     padding: 10px;
     height: 420px;
     width: 20vw;
     margin: 15px;
}

.servicesElement .servicesImg {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 160px;
     max-height: 160px;
     padding: 20px;
}

.servicesElement img {
     border-radius: 50%;
     height: 130px;
     width: 130px;
}

.servicesElement h3 {
     font-size: 1.45rem;
     font-family: 'Poppins', sans-serif;
     font-weight: 500;
     color: black;
     text-align: center;
}

.servicesElement .servicesHeading {
     display: flex;
     justify-content: center;
     height: auto;
}

.servicesElement p {
     font-size: 1rem;
     font-family: 'Poppins', sans-serif;
     font-weight: 300;
     color: black;
     text-align: center;
}

.servicesElement .servicesContent {
     display: flex;
     justify-content: center;
     height: auto;
     padding: 10px;
}

.landingContact {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     padding: 10%;
     padding-top: 1%;
     padding-bottom: 3%;
}

.landingContact h2 {
     color: black;
     font-weight: 700;
}

.landingContact #hr {
     background-color: rgb(53, 53, 182);
     height: 3px;
     width: 4%;
}

.landingContactInner {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: row;
     padding: 3% !important;
     padding-top: 30px;
     padding-bottom: 10px !important;
     flex-wrap: wrap;
}

.landingContactInner .landingAddress {
     display: flex;
     justify-content: flex-start;
     flex-direction: column;
     height: auto;
     width: 45vw;
     padding: 10%;
     padding-top: 0px;
     text-align: center;
     font-size: 1.1rem;
     font-weight: 700;
}

.landingContactInner .landingAddress p.address {
     font-size: 1.2rem;
     color: black;
}

.landingContactInner .landingAddress div.customerCare i.fa-whatsapp {
     color: rgb(3, 192, 3);
}

.landingContactInner .landingAddress div.customerCare a {
     text-decoration: none;
}

.landingContactInner .landingAddress div.customerCareEmail i.fa-envelope {
     color: rgb(247, 72, 72);
}

.landingContactInner .landingAddress div.customerCareEmail a {
     text-decoration: none;
}

.landingContactInner .landingContactForm {
     height: 350px;
     width: 45vw;
     padding: 15px;
     padding-top: 0px;
}

.landingContactInner .landingContactForm .contactFormRow {
     display: flex;
     flex-direction: row;
     width: 100%;
     padding: 6px;
}

.landingContactInner .landingContactForm .contactFormRow input,
.landingContactInner .landingContactForm .contactFormRow textarea,
.landingContactInner .landingContactForm .contactFormRow button {
     border-radius: 5px;
     border: 1px solid rgb(36, 36, 36);
     -webkit-transition: 0.5s;
     transition: 0.5s;
     outline: none;
     font-size:large;
}

.landingContactInner .landingContactForm .contactFormRow input:focus,
.landingContactInner .landingContactForm .contactFormRow textarea:focus {
     border-radius: 5px;
     border: 1px solid rgb(95, 201, 236);
     box-shadow: 0px 0px 2px blue;
}

.landingContactInner .landingContactForm .contactFormRow input#name,
.landingContactInner .landingContactForm .contactFormRow input#phone {
     width: 50%;
     padding: 8px 8px 8px 10px;
     margin-left: 5px;
     margin-right: 5px;
}

.landingContactInner .landingContactForm .contactFormRow input#email,
.landingContactInner .landingContactForm .contactFormRow textarea#message,
.landingContactInner .landingContactForm .contactFormRow button {
     width: 100%;
     padding: 8px 8px 8px 10px;
     margin-left: 5px;
     margin-right: 5px;
}

.landingContactInner .landingContactForm .contactFormRow button {
     background-color: #0AB5C2;
     border: 1px solid transparent;
     color: white;
     font-weight: 500;
     font-family: 'Poppins', sans-serif;
}

.landingContactInner .landingContactForm .contactFormRow button:hover {
     background-color: #17dbe9;
     border: 1px solid transparent;
     color: white;
     font-weight: 500;
     font-family: 'Poppins', sans-serif;
}

.landingPartner {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     padding: 5%;
     padding-top: 1%;
     padding-bottom: 3%;
}

.landingPartner h2 {
     color: black;
     font-weight: 700;
}

.landingPartner #hr {
     background-color: rgb(53, 53, 182);
     height: 3px;
     width: 4%;
}

.landingPartner .landingPartnerInner {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     flex-wrap: wrap;
     padding: 30px;
}

.landingPartner .landingPartnerInner .partnerElement {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 16vh;
     width: 16vw;
     padding: 10px;
}

.landingPartner .landingPartnerInner .partnerElement img.rd {
     border-radius: 60%;
}

.landingPartner .landingPartnerInner .partnerElement img.ed {
     border-top-left-radius: 150px;
     border-top-right-radius: 140px;
}

.landingPartner .landingPartnerInner .partnerElement img {
     height: 15vh;
     width: 15vw;
}

.landingServicesTelematics {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 80vw;
     height: auto;
}

.landingServicesTelematics img {
     width: 80vw;
     height: auto;
}

@media (min-width: 768px) and (max-width: 1100px) {
     .landingServicesInner {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: row;
          padding-top: 30px;
          flex-wrap: wrap;
          width: 110%;
     }

     .servicesElement {
          display: flex;
          flex-direction: column;
          padding: 10px;
          height: auto;
          width: 40vw;
          margin: 15px;
     }
}

@media (min-width: 0px) and (max-width: 767px) {
     .servicesElement {
          display: flex;
          flex-direction: column;
          padding: 10px;
          height: auto;
          width: 80vw;
          margin: 15px;
     }
     .landingPartner .landingPartnerInner .partnerElement {
          height: 20vh;
          width: 35vw;
          padding: 10px;
     }
}

@media (min-width: 0px) and (max-width: 1000px) {
     .landingAboutInner {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          padding-top: 30px;
     }
     .aboutData {
          padding: 58px;
          position: static;
          background: #e5eafa;
          font-family: 'Poppins', sans-serif;
          color: black;
          font-weight: 400;
     }
     .landingAboutInner .aboutVideo #aboutVideo {
          height: 400px;
          width: 90vw;
          object-fit: cover;
     }
     .landingAbout #hr, .landingContact #hr, .landingServices #hr, .landingPartner #hr {
          background-color: rgb(53, 53, 182);
          height: 3px;
          width: 30%;
     }
     .landingContactInner {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          padding: 3% !important;
          flex-wrap: wrap;
     }
     .landingContactInner .landingAddress {
          display: flex;
          justify-content: flex-start;
          flex-direction: column;
          height: auto;
          width: 90vw;
          padding: 10%;
          padding-top: 0px;
          text-align: center;
          font-size: 1.1rem;
          font-weight: 700;
     }
     .landingContactInner .landingContactForm {
          height: 350px;
          width: 90vw;
          padding: 15px;
          padding-top: 0px;
     }
}