@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Onest:wght@100..900&family=Outfit:wght@100..900&display=swap');

* {
     font-family: "Inter", sans-serif;
}

button {
     background-color: transparent;
     border: none;
     padding: 0;
}

.df {
     display: flex;
}

.tac {
     text-align: center;
}

.jcc {
     justify-content: center;
}

.aic {
     align-items: center;
}

.tac {
     text-align: center;
}

.fw {
     flex-wrap: wrap;
}

p {
     font-size: 14px;
}

a {
     text-decoration: none;
}

body::-webkit-scrollbar {
     width: 5px;
}

.container {
     max-width: 1350px;
}

body::-webkit-scrollbar-track {
     box-shadow: inset 0 0 5px grey;
     border-radius: 10px;
}

body::-webkit-scrollbar-thumb {
     background: #b70f50;
     border-radius: 10px;
}

html {
     scroll-behavior: smooth;
}

.nav-link.active {
     color: #b70f50;
     /* highlight color */
     font-weight: bold;
}

/* .banner_section .row.aic {
     align-items: end;
} */

header .navbar-expand-lg .navbar-collapse {
     justify-content: center;
}

.header_banner {
     background-image: url("./img/indust_banner_bg.webp");
     background-repeat: repeat;
     background-size: 100%;
     min-height: 690px;
     color: #fff;
}

.header_banner .navbar {
     padding: 40px 0;
}

.header_banner .navbar .navbar-toggler i {
     color: #fff;
}

.header_banner .navbar .collapse ul {
     display: flex;
     gap: 30px;
     flex-wrap: wrap;
}

.header_banner .navbar .collapse ul li a {
     color: #fff;
     font-weight: 500;
     font-size: 17px;
}

.header_banner .navbar .indust_logo img {
     width: 190px;
}

.header_banner .navbar .header_section {
     display: flex;
     justify-content: space-between;
     align-items: center;
}

.header_banner .navbar .header_section .dwnld_btn {
     background-color: #000000;
     color: #fff;
     border: 1px solid #ccc;
     padding: 11px 30px;
     border-radius: 30px;
}

.left_side h1 {
     font-size: 60px;
     font-family: "Outfit", sans-serif;
     font-weight: 500;
     margin-top: 55px;
     line-height: 75px;
}

.left_side p {
     font-family: "Onest", sans-serif;
     line-height: 27px;
     margin: 30px 0;
     font-size: 16px;
}

.left_side button {
     color: #000;
     background-color: #ffff;
     font-size: 16px;
     padding: 11px 45px;
     border-radius: 25px;
     border: none;
     font-weight: 600;
}

.banner_section .row {
     align-items: end;
}

.right_side img {
     width: 72%;
     margin: auto;
     display: flex;
}

.pyf_dod_dc {
     display: flex;
     gap: 80px;
     margin-top: 50px;
     flex-wrap: wrap;
}

.pyf_dod_dc img {
     width: 30px;
}

.pyf_dod_dc p {
     font-size: 19px;
     margin-top: 15px;
     font-weight: 400;
     line-height: 30px;
}

hr {
     margin: 0;
}

/* solution */
.solution {
     margin: 80px 0px;
}

.solution .row {
     align-items: end;
}

.solution h2 {
     font-weight: 700;
     font-size: 50px;
     margin-bottom: 50px;
     color: #1B1B1B;
}

.solution .problem_card {
     border: 1px solid #B70E5033;
     padding: 20px;
     border-radius: 10px;
}

.solution .problem_card span {
     font-weight: 600;
     font-size: 23px;
     margin-bottom: 15px;
     display: inline-flex;
     align-items: center;
}

.solution .problem_card span img {
     width: 22px;
     margin-right: 10px;
}

.solution .problem_card p {
     font-weight: 500;
     font-size: 16px;
     line-height: 28px;
}

.solution .problem_card img {
     width: 85%;
     margin: auto;
     display: flex;
}

/* how it works */
.how_it_works {
     background-image: url("./img/how_it_works.webp");
     background-repeat: no-repeat;
     background-size: 100%;
     background-position-y: 260px;
     overflow: hidden !important;
}

.how_it_works h3 {
     font-weight: 700;
     font-size: 60px;
     color: #1B1B1B;
     margin-bottom: 30px;
}

/* .how_it_works .row .counts{
     display: flex;
     align-items: center;
     gap: 20px;
     
} */
.how_it_works .row {
     margin-top: 100px;
}

.how_it_works .row .col-lg-3 .sub_head {
     font-weight: 600;
     font-size: 23px;
     margin-bottom: 20px;
     color: #1B1B1B;
}

.how_it_works .row .col-lg-3 p {
     font-weight: 500;
     font-size: 15px;
     line-height: 26px;
     color: #403E3E;
}

.how_it_works .row .col-lg-3:nth-child(1) {
     top: 120px;
     position: relative;
     left: 40px;
}

.how_it_works .row .col-lg-3:nth-child(even) {
     margin-top: 200px;
}

/* why choose section */
.why_choose_section {
     background-color: #FBE8EF;
     margin-top: 80px;
     padding: 70px;
     border-radius: 45px;
}

.why_choose_section h4 {
     font-weight: 700;
     font-size: 60px;
     color: #182328;
     margin-bottom: 50px;
}

.why_choose_section h4 img {
     width: 18%;
}

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

.why_choose_section .row .choose_card {
     background-color: #fff;
     border: 1px solid #b70f50;
     padding: 20px;
     border-radius: 25px;
}

.why_choose_section .row .choose_card img {
     width: 40px;
     height: 40px;
     margin-bottom: 20px;
}

.why_choose_section .row .choose_card .main_head {
     font-weight: 600;
     font-size: 22px;
     color: #1B1B1B;
     margin-bottom: 20px;
}

.why_choose_section .row .choose_card p {
     font-weight: 500;
     font-size: 17px;
     line-height: 29px;
}

.why_choose_section .row .choose_card .secure_platform {
     width: 250px;
     display: flex;
     margin: auto;
     height: 275px;
}

.why_choose_section .row .choose_card.center_card {
     padding: 20px 20px 0px 20px;
}

/* Media Queries for Equal Height Cards */

/* Large Desktop (1400px and above) */
@media screen and (min-width: 1400px) {
     .why_choose_section h4 {
          font-size: 65px;
     }

}

@media screen and (max-width: 1400px) {
     .why_choose_section .row .choose_card p {
          font-size: 16px;
          line-height: 30px;
     }
}

/* Desktop to Tablet (1024px - 1199px) */
@media screen and (max-width: 1199px) {
     .why_choose_section {
          padding: 50px 40px;
     }

     .why_choose_section h4 {
          font-size: 50px;
     }

     .why_choose_section h4 img {
          width: 22%;
     }

     .why_choose_section .choose_card .secure_platform {
          width: 200px;
          height: 220px;
     }


     .why_choose_section .row .choose_card .main_head {
          font-size: 20px;
     }

     /* Equal height for cards */
     .why_choose_section .row>[class*='col-'] {
          display: flex;
          flex-direction: column;
     }

     .why_choose_section .row>[class*='col-']>.row {
          flex: 1;
          display: flex;
          flex-direction: column;
     }

     .why_choose_section .choose_card {
          height: 100%;
          display: flex;
          flex-direction: column;
     }
}

/* Tablet (768px - 1023px) */
@media screen and (max-width: 1023px) {
     .why_choose_section {
          padding: 40px 30px;
          margin-top: 60px;
     }

     .why_choose_section h4 {
          font-size: 45px;
          margin-bottom: 40px;
     }

     .why_choose_section h4 img {
          width: 25%;
     }

     .why_choose_section .choose_card {
          padding: 18px;
          height: 100%;
          display: flex;
          flex-direction: column;
     }

     .why_choose_section .choose_card .secure_platform {
          width: 180px;
          height: 200px;
     }

     /* Equal height for cards */
     .why_choose_section .row>[class*='col-'] {
          display: flex;
          flex-direction: column;
     }

     .why_choose_section .row>[class*='col-']>.row {
          flex: 1;
          display: flex;
          flex-direction: column;
     }
}

/* Mobile Landscape & Small Tablet (576px - 767px) */
@media screen and (max-width: 767px) {
     .why_choose_section {
          padding: 30px 20px;
          margin-top: 50px;
          border-radius: 30px;
     }

     .why_choose_section h4 {
          font-size: 35px;
          margin-bottom: 30px;
     }

     .why_choose_section h4 img {
          width: 30%;
     }

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

     .why_choose_section .choose_card {
          padding: 20px;
          border-radius: 20px;
          height: auto;
     }

     .why_choose_section .choose_card img {
          width: 35px;
          height: 35px;
          margin-bottom: 15px;
     }

     .why_choose_section .choose_card .main_head {
          font-size: 19px;
          margin-bottom: 12px;
     }



     .why_choose_section .choose_card .secure_platform {
          width: 200px;
          height: 220px;
     }

     .why_choose_section .choose_card.center_card {
          padding: 20px 20px 0px 20px;
     }
}

/* Mobile Portrait (320px - 575px) */
@media screen and (max-width: 575px) {
     .why_choose_section {
          padding: 25px 15px;
          margin-top: 40px;
          border-radius: 25px;
     }

     .why_choose_section h4 {
          font-size: 28px;
          margin-bottom: 25px;
          text-align: center;
     }

     .why_choose_section h4 img {
          width: 35%;
          display: block;
          margin: 10px auto 0;
     }

     .why_choose_section .row {
          row-gap: 15px;
     }

     .why_choose_section .choose_card {
          padding: 18px;
          border-radius: 18px;
          height: auto;
     }

     .why_choose_section .choose_card img {
          width: 32px;
          height: 32px;
          margin-bottom: 12px;
     }

     .why_choose_section .row .choose_card .secure_platform {
          width: 100%;
     }

     .why_choose_section .choose_card .main_head {
          font-size: 18px;
          margin-bottom: 10px;
     }
}

/* Extra Small Mobile (320px and below) */
@media screen and (max-width: 374px) {
     .why_choose_section {
          padding: 20px 12px;
          margin-top: 35px;
          border-radius: 20px;
     }

     .why_choose_section h4 {
          font-size: 24px;
          margin-bottom: 20px;
     }

     .why_choose_section h4 img {
          width: 40%;
     }

     .why_choose_section .choose_card {
          padding: 15px;
          border-radius: 15px;
          height: auto;
     }

     .why_choose_section .choose_card img {
          width: 28px;
          height: 28px;
          margin-bottom: 10px;
     }

     .why_choose_section .choose_card .main_head {
          font-size: 16px;
          margin-bottom: 8px;
     }

     .why_choose_section .row .choose_card p {
          font-size: 13px;
          line-height: 20px;
     }

     .why_choose_section .choose_card .secure_platform {
          width: 140px;
          height: 160px;
     }
}










/* subscription plans */
.subscription {
     margin-top: 80px;
}

.subscription .common_head h5 {
     font-weight: 700;
     font-size: 52px;
     color: #1A202C;
     margin-bottom: 15px;
}

.subscription .common_head p {
     font-weight: 400;
     font-size: 17px;
     line-height: 28px;
     color: #000000;
}

.subscription .row {
     margin: 60px 0px;
}

.subscription .row .plan_card {
     background-color: #fff;
     box-shadow: 0px 0px 12.2px 2px rgba(20, 20, 43, 0.08);
     border-radius: 20px;
     padding: 40px;
     transition: all 0.5s ease-in-out;
}

.subscription .row .plan_card h5 {
     font-weight: 700;
     font-size: 20px;
     color: #170f49;
     margin-bottom: 20px;
}

.subscription .row .plan_card img {
     margin-bottom: 20px;
     width: 85%;
     max-width: 100%;
}

.subscription .row .plan_card .price {
     font-weight: 700;
     font-size: 42px;
     color: #170f49;
     margin-bottom: 2px;
}

.subscription .row .plan_card .price s {
     font-weight: 400;
     font-size: 32px;
     color: #B8B2DD;
}

.subscription .row .plan_card .main_text {
     font-weight: 700;
     font-size: 18px;
     color: #170F49;
}

.subscription .row .plan_card .sub_text {
     font-weight: 500;
     font-size: 14px;
}
.subscription .row .plan_card .sub_text_gst {
     font-weight: 400;
     font-size: 12px;
}

.subscription .row .plan_card button {
     font-size: 14px;
     background-color: #b70e50;
     border: none;
     padding: 18px 75px;
     color: #fff;
     border-radius: 50px;
     font-weight: 700;
     font-size: 14px;
     letter-spacing: 0.6px;
}

.subscription .row .plan_card:hover {
     background-color: #b70f50;
     color: #fff;
     box-shadow: 0px 0px 12.2px 2px rgba(20, 20, 43, 0.08);
}

.subscription .row .plan_card:hover h5 {
     color: #fff;
}

.subscription .row .plan_card:hover .price {
     color: #fff;
}

.subscription .row .plan_card:hover .price s {
     color: #D96592;
}

.subscription .row .plan_card:hover .main_text {
     color: #fff;
}

.subscription .row .plan_card:hover button {
     background-color: #FFFFFF;
     color: #000;
}

/* about us */
.about_section .row {
     align-items: center;
}

.about_section .row h6 {
     font-weight: 700;
     font-size: 52px;
     color: #182328;
     margin-bottom: 50px;
}

.about_section .row .main_para {
     font-weight: 500;
     font-size: 17px;
     color: #1B1B1B;
     line-height: 30px;
     margin-bottom: 40px;
}

.about_section .row .sub_para {
     font-weight: 600;
     font-size: 18px;
     margin-bottom: 20px;
}

.about_section .row .eco_system {
     display: flex;
     justify-content: flex-start;
     flex-wrap: wrap;
     margin-bottom: 40px;
     gap: 20px;
}

.about_section .row .eco_system .processs {
     background-color: #b70f50;
     display: flex;
     padding: 15px;
     border-radius: 20px;
     color: #fff;
     gap: 15px;
}

.about_section .row .eco_system .processs img {
     width: 22px;
     height: 22px;
     margin-top: 5px;
}

.about_section .row .eco_system .processs p {
     font-weight: 500;
     font-size: 16px;
     line-height: 30px;
     margin-bottom: 0;
}

.about_section .row .last_para {
     font-weight: 500;
     font-size: 17px;
     color: #1B1B1B;
     line-height: 32px;
}

.about_section .row .about_img {
     width: 100%;
}

/* get in touch */
.get_in_touch {
     background-color: #FBE8EF;
     border: 1px solid #d97ba0;
     border-radius: 20px;
     padding: 50px 80px 40px;
     margin: 40px 0px 90px;
}

.get_in_touch .row {
     align-items: center;
     justify-content: space-between;
}

.get_in_touch .row h4 {
     font-weight: 700;
     font-size: 54px;
     margin-bottom: 40px;
     line-height: 78px;
}

.get_in_touch .row h4 img {
     width: 25%;
     margin-left: 10px;
}

.get_in_touch .row img {
     width: 170px;
}

.get_in_touch .row h6 {
     font-weight: 700;
     font-size: 60px;
     color: #1A202C;
     margin-bottom: 60px;
}

.get_in_touch .row h6 span {
     color: #B70E50;
}

.get_in_touch .row form textarea,
.get_in_touch .row form input {
     width: 100%;
     margin-bottom: 20px;
     border: 1px solid #AFAFAF;
     padding: 10px 15px;
     border-radius: 10px;
}

.get_in_touch .row form textarea::placeholder,
.get_in_touch .row form input::placeholder {
     font-weight: 400;
     font-size: 14px;
     color: #272525;
}

.get_in_touch .row form textarea:focus,
.get_in_touch .row form input:focus {
     outline: unset;
}

.get_in_touch .row form textarea {
     height: 130px;
}

.get_in_touch .row form button {
     font-weight: 500;
     font-size: 16px;
     background-color: #B70E50;
     color: #ffff;
     padding: 10px 15px;
     width: 100%;
     border-radius: 10px;
}

footer {
     background-color: #020202;
     color: #fff;
     background-repeat: no-repeat;
     background-size: cover;
     padding: 70px 0px 40px;
}

footer h6 {
     font-size: 20px;
     margin-bottom: 40px;
     font-weight: 400;
}

footer h2 {
     font-size: 57.6px;
     font-weight: 600;
     margin-bottom: 60px;
     line-height: 70px;
}

footer h2 img {
     width: 200px;
}

footer .content_store {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     width: 100%;
     align-items: center;
}

footer .content_store .google_play_img {
     width: 256px;
     cursor: pointer;
}

footer .content_store .store_place h5 {
     font-weight: 600;
     font-size: 22px;
     color: #B70F50;
     margin-bottom: 20px;
}

footer .content_store .store_place p {
     font-weight: 400;
     font-size: 16px;
     margin-bottom: 15px;
     line-height: 30px;
     color: #FFFFFF;
}

footer .all_link {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
     width: 100%;
     padding-top: 80px;
     color: #A8A8A8;
}

footer .all_link a {
     color: #A8A8A8;
}

footer .all_link p {
     margin: 0;
     font-size: 16px;
}

.error{
    color: red;
}

@media screen and (min-width:1400px) {
     .container {
          max-width: 1400px;
     }
}

@media screen and (min-width:1920px) {
     .container {
          max-width: 1920px;
     }
}



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


     .how_it_works .row .col-lg-3 p {
          width: 350px;
     }

     .subscription .row .plan_card .price {
          font-size: 35px;
     }

     .subscription .row .plan_card .price s {
          font-size: 25px;
     }

     .subscription .row .plan_card button {
          font-size: 14px;
          padding: 10px 40px;
     }

     .about_section .row .main_para {
          font-size: 16px;
     }

     .about_section .row .eco_system .processs p {
          font-size: 14px;
     }

     .about_section .row .last_para {
          font-size: 16px;
     }

     .about_section .row .sub_para {
          font-size: 17px;
     }

     footer h6 {
          font-size: 16px;
     }

}

@media screen and (max-width:1300px) {
     .solution h2 {
          font-size: 45px;
          margin-bottom: 50px;
     }

     .how_it_works {
          background-position-y: 280px;
     }

}

@media screen and (max-width:1200px) {
     .header_banner .left_side h3 {
          font-size: 46px;
     }

     .header_banner .navbar .collapse ul li a {
          font-size: 15px;
     }

     .header_banner .navbar .header_section .dwnld_btn {
          padding: 10px 20px;
          font-size: 12px;
     }

     .header_banner .navbar .indust_logo img {
          width: 170px;
     }

     .left_side h1 {
          font-size: 50px;
          line-height: 70px;
     }

     .left_side p {
          font-size: 14px;
     }

     .left_side .pyf_dod_dc {
          gap: 40px;
     }

     .left_side .pyf_dod_dc p {
          font-size: 16px;
          line-height: 27px;
     }

     .left_side button {
          font-size: 14px;
          padding: 11px 40px;
     }

     .header_banner {
          min-height: unset;
     }

     .solution h2 {
          font-size: 38px;
          margin-bottom: 45px;
     }

     .how_it_works {
          background-position-y: 300px;
     }

     .how_it_works .row .col-lg-3:nth-child(1) {
          top: 55px;
     }

     .how_it_works .row {
          margin-top: 120px;
     }

     .subscription .row .plan_card .price {
          font-size: 30px;
     }

     .subscription .row .plan_card .main_text {
          font-size: 16px;
     }

     .subscription .row .plan_card h5 {
          font-size: 18px;
     }

     .subscription .row .plan_card {
          padding: 20px;
     }

     .get_in_touch .row h4 {
          font-size: 44px;
          line-height: 65px;
     }

     .get_in_touch .row h6 {
          font-size: 50px;
          margin-bottom: 50px;
     }

     footer h2 {
          font-size: 45px;
          margin-bottom: 40px;
          line-height: 60px;
     }

     footer .content_store .google_play_img {
          width: 200px;
     }

     footer .all_link {
          padding-top: 50px;
     }
}


@media screen and (max-width:1110px) {
     .solution h2 {
          font-size: 36px;
          margin-bottom: 23px;
     }

     .about_section .row h6 {
          margin-bottom: 20px;
     }

     .about_section .row .main_para {
          font-size: 15px;
     }

     .about_section .row .last_para {
          font-size: 15px;
     }

     .about_section .row .eco_system .processs p {
          font-size: 13px;
     }

     .about_section .row .eco_system .processs {
          padding: 10px;
          gap: 10px;
     }
}

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

     .header_banner {
          position: relative;
          background-size: cover;
     }

     .header_banner .left_side h3 {
          font-size: 35px;
     }

     .header_banner .pyf_dod_dc {
          gap: 20px;
     }

     .header_banner .navbar .navbar-collapse {
          top: 100px;
          background-color: #362228;
          right: 0px;
          position: absolute;
          padding: 20px;
          border-radius: 12px;
          width: 100%;
     }

     .header_banner .navbar .navbar-collapse ul {
          gap: 30px;
     }

     .header_banner .navbar .navbar-collapse ul li a {
          font-size: 17px;
          color: #fff;
     }

     .left_side p {
          margin: 20px 0;
     }

     .left_side .pyf_dod_dc img {
          width: 25px;
     }

     .left_side .pyf_dod_dc p {
          font-size: 14px;
          line-height: 27px;
          margin: 15px 0 0px 0px;
     }

     .left_side h1 {
          font-size: 40px;
          line-height: 56px;
          margin-top: unset;
     }

     .left_side button {
          font-size: 14px;
          padding: 11px 30px;
     }

     .how_it_works {
          background-image: unset;
     }

     .how_it_works .row {
          margin-top: 40px;
     }

     .how_it_works .row .col-lg-3:nth-child(1) {
          position: unset;
     }

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

     .how_it_works .row .col-lg-3:nth-child(even) {
          margin-top: unset;
     }

     .how_it_works .row .col-lg-3 p {
          width: unset;
     }

     .how_it_works .row .col-lg-3 p br {
          display: none;
     }

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

     .subscription .row .plan_card img {
          width: 40%;
     }

     .subscription .common_head h5 {
          font-size: 40px;
     }

     .subscription .common_head p {
          font-size: 14px;
     }

     .about_section .row .about_img {
          display: none;
     }

     .get_in_touch .row h4 {
          font-size: 35px;
          line-height: 57px;
     }

     .get_in_touch .row img {
          width: 150px;
     }

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

     .get_in_touch .row h6 {
          font-size: 36px;
     }

     .get_in_touch {
          padding: 40px 50px;
     }

     footer .store_place {
          display: block;
          margin-top: 40px;
     }

     .solution {
          margin: 40px 0px;
     }

     .solution h2 {
          font-size: 40px;
          margin-bottom: 35px;
     }

     .solution .row {
          row-gap: 40px;
     }

     footer h6 {
          font-size: 14px;
          margin-bottom: 30px;
     }

     footer h2 {
          font-size: 38px;
          margin-bottom: 30px;
          line-height: 50px;
     }

     footer .content_store .store_place h5 {
          font-size: 20px;
     }

     footer .content_store .store_place p {
          font-size: 14px;
     }

     footer .all_link {
          font-size: 14px;
     }

     footer h2 img {
          width: 140px;
     }

}

@media screen and (max-width:767px) {
     .header_banner .right_side img {
          width: 50%;
     }

     .header_banner .pyf_dod_dc {
          gap: 80px;
     }

     .subscription .row .plan_card img {
          width: 30%;
     }

     .subscription .common_head p br {
          display: none;
     }

     .subscription {
          margin-top: 40px;
     }

     .about_section .row .main_para br {
          display: none;
     }

     .about_section .row .last_para br {
          display: none;
     }

     .about_section .row .eco_system {
          justify-content: center;
     }

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

     .get_in_touch .row h6 {
          font-size: 36px;
     }

     .get_in_touch .row h4 br {
          display: none;
     }

     footer .all_link {
          justify-content: center;
     }

     footer .content_store {
          justify-content: center;
          align-items: center;
     }
}

@media screen and (max-width:580px) {
     .header_banner .pyf_dod_dc {
          gap: 30px;
     }

     .how_it_works .row .col-lg-3 p {
          font-size: 14px;
     }

     .subscription .row .plan_card img {
          width: 40%;
     }

     .subscription .common_head h5 {
          font-size: 32px;
     }

     .about_section .row .main_para {
          font-size: 14px;
     }

     .about_section .row .sub_para {
          font-size: 15px;
     }

     .get_in_touch {
          padding: 20px 10px;
     }

     .get_in_touch .row h4 {
          font-size: 30px;
          line-height: 50px;
     }

     .get_in_touch .row h4 img {
          width: 30%;
          margin-left: unset;
     }

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

     footer .all_link a {
          font-size: 14px;
     }
}

@media screen and (max-width:480px) {
     .header_banner .left_side h3 {
          font-size: 28px;
     }

     .header_banner .right_side img {
          width: 100%;
     }

     .left_side h1 {
          font-size: 32px;
          line-height: 45px;
          margin-top: unset;
     }

     .header_banner .navbar .header_section .dwnld_btn {
          padding: 10px 12px;
     }

     .header_banner .navbar .indust_logo img {
          width: 100px;
     }

     .how_it_works h3 {
          font-size: 40px;
     }

     .subscription .row .plan_card img {
          width: 70%;
     }

     .solution h2 {
          font-size: 28px;
          margin-bottom: 20px;
     }

     .solution .problem_card p {
          font-size: 14px;
          line-height: 25px;
     }

     .solution .problem_card {
          padding: 10px;
     }

     .get_in_touch .row h4 {
          font-size: 25px;
          line-height: 45px;
     }
}
.right_reserved {
  text-align: center;
  width: 100%;
  margin-top: 20px; /* optional spacing */
}