/*Global css*/

* {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
}

body {
  background: #f6f8fa;
  position: relative;
  margin: 0;
  padding: 0;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #727b9a;
  line-height: 26px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  margin: 0px;
  font-style: normal;
  color: #243e63;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #130350;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #243e63;
}

h1 {
  font-size: 42px;
  font-weight: 600;
}

h2 {
  font-size: 35px;
  font-weight: 600;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 14px;
}

p {
  margin-bottom: 15px;
}

a {
  color: #7a7fd5;
}

a:hover {
  color: #6563f7;
}

ul,
li {
  padding: 0;
  margin: 0;
  text-decoration: none;
  list-style: none;
}

a,
a:hover,
a:focus,
a:active,
button:focus {
  text-decoration: none;
  border: none;
  outline: 0;
}

img {
  max-width: 100%;
  height: auto;
}

/* global social media */

@media (min-width: 1260px) {
  .container {
    max-width: 1170px;
  }
}

/*Social Icon one*/

.social-icon-one {
  position: relative;
}

.social-icon-one li {
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-block;
}

.social-icon-one li a {
  position: relative;
  width: 30px;
  height: 30px;
  color: #29b292;
  font-size: 14px;
  line-height: 29px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  background: transparent;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border: 2px solid #e0e0f2;
}

.social-icon-one li a:hover {
  color: #ffffff;
  background-color: #29b292;
  border: 2px solid #29b292;
}

/*Social Icon two*/

.social-icon-two {
  padding: 0;
  margin: 0;
  margin-bottom: 35px;
  margin-left: -15px;
}

.social-icon-two li {
  display: inline-block;
}

.social-icon-two li a {
  font-size: 20px;
  width: 22px;
  height: 22px;
  margin: 0 18px;
  line-height: 23px;
  display: inline-block;
  text-align: center;
  background: transparent;
  color: #1d2063;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-weight: 700;
}

.social-icon-two li a:hover {
  color: #f82462;
}

/*========== Common Css ==========*/

.section-title {
  margin-bottom: 50px;
}

.section-title h2 {
  color: #243e63;
  text-transform: capitalize;
  margin-bottom: 15px;
}
.section-title h2.white {
  color: #fff;
}

.partner-logo-item {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80px;
  padding: 15px;
  height: 100%;
}

.partner-logo-item img {
  max-width: 100%;
  max-height: 60px;
  height: auto;
  object-fit: contain;
}

/*btn style*/

.btn {
  background: #ffffff;
  border: 1px solid #ffffff;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #29b292;
  z-index: 9;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 16.5px 10px;
  min-width: 170px;
  border-radius: 5px;
  position: relative;
}

.btn:hover {
  color: #fff;
  background: #29b292;
  border: 1px solid #29b292;
}

.btn-bg {
  border: 1px solid #29b292;
  background: #29b292;
  color: #fff;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  display: inline-block;
  z-index: 9;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 16.5px 10px;
  min-width: 170px;
  border-radius: 4px;
  cursor: pointer;
}

.btn-bg:hover {
  border: 1px solid #6563f7;
  background: #6563f7;
  color: #fff;
}
.btn-bg2 {
  border: 1px solid #6e68f2;
  background: #6e68f2;
  color: #fff;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  display: inline-block;
  z-index: 9;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 16.5px 10px;
  min-width: 170px;
  border-radius: 4px;
  cursor: pointer;
}

.btn-bg2:hover {
  border: 1px solid #29b292;
  background: #29b292;
  color: #fff;
}
.btn-bg3 {
  background: #ff8aac;
  border: 1px solid #ff8aac;
  transition: 0.5s;
  color: #ffffff;
  z-index: 9;
  text-align: center;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  padding: 16px;
  min-width: 204px;
  border-radius: 108px;
  position: relative;
}

.btn-bg3:hover {
  color: #fff;
  background: #29b292;
  border: 1px solid #29b292;
}
.btn-bg4 {
  background: #ffffff;
  transition: 0.5s;
  color: #846ad3;
  z-index: 9;
  text-align: center;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  padding: 16px;
  min-width: 204px;
  border-radius: 108px;
  position: relative;
}

.btn-bg4:hover {
  color: #fff;
  background: #846ad3;
}

.white-bg {
  background: #ffffff;
}

.gray-bg {
  background: #f6f8fa;
}

.gray-bg2 {
  background: #fbfbfc;
}

.gray-bg3 {
  background: #a7a7a7;
}
.gray-bg4 {
  background: #f3f5fa;
}

.dark-bg {
  background: #273751;
}
.red-bg {
  background: #29b292;
}
.theme-bg {
  background: #6563f7;
}
.white {
  color: #fff;
}

.rborder {
  border: 0.7px solid #e0e0f2;
  border-radius: 4px;
}

/*** 

====================================================================
  Global Settings
====================================================================

 ***/

.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  overflow: hidden;
}
.preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: #ffffff;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/preloader.svg);
  background-size: 80px;
}

/*** Scroll To Top style ***/

.scroll-top {
  width: 55px;
  height: 55px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  font-size: 18px;
  border-radius: 50%;
  z-index: 99;
  display: none;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background: #29b292;
  -webkit-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}
.dg-theme-bg {
  background: #ff8aac;
}
.scroll-top span:before {
  font-size: 27px;
}

.scroll-top:after {
  position: absolute;
  z-index: -1;
  content: "";
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: -webkit-radial-gradient(
    center,
    ellipse,
    rgba(0, 0, 0, 0.25) 0%,
    rgba(0, 0, 0, 0) 80%
  );
  background: -webkit-radial-gradient(
    center ellipse,
    rgba(0, 0, 0, 0.25) 0%,
    rgba(0, 0, 0, 0) 80%
  );
  background: radial-gradient(
    ellipse at center,
    rgba(0, 0, 0, 0.25) 0%,
    rgba(0, 0, 0, 0) 80%
  );
}

/****************************************************** */

/****************  Padding Margin Spacing ************* */

/****************************************************** */

.p-5 {
  padding: 5px !important;
}

.p-10 {
  padding: 10px;
}

.p-15 {
  padding: 15px;
}

.p-20 {
  padding: 20px;
}

.p-25 {
  padding: 25px;
}

.p-30 {
  padding: 30px;
}

.p-35 {
  padding: 35px;
}

.p-40 {
  padding: 40px;
}

.p-45 {
  padding: 45px;
}

.p-50 {
  padding: 50px;
}

.p-55 {
  padding: 55px;
}

.p-60 {
  padding: 60px;
}

.p-65 {
  padding: 65px;
}

.p-70 {
  padding: 70px;
}

.p-75 {
  padding: 75px;
}

.p-80 {
  padding: 80px;
}

.p-85 {
  padding: 85px;
}

.p-90 {
  padding: 90px;
}

.p-95 {
  padding: 95px;
}

.p-100 {
  padding: 100px;
}

.p-105 {
  padding: 105px;
}

.p-110 {
  padding: 110px;
}

.p-115 {
  padding: 115px;
}

.p-120 {
  padding: 120px;
}

.p-125 {
  padding: 125px;
}

.p-130 {
  padding: 130px;
}

.p-135 {
  padding: 135px;
}

.p-140 {
  padding: 140px;
}

.p-145 {
  padding: 145px;
}

.p-150 {
  padding: 150px;
}

.p-155 {
  padding: 155px;
}

.p-160 {
  padding: 160px;
}

.p-165 {
  padding: 165px;
}

.p-170 {
  padding: 170px;
}

.p-175 {
  padding: 175px;
}

.p-180 {
  padding: 180px;
}

.p-185 {
  padding: 185px;
}

.p-190 {
  padding: 190px;
}

.p-195 {
  padding: 195px;
}

.p-200 {
  padding: 200px;
}

.p-205 {
  padding: 205px;
}

.p-210 {
  padding: 210px;
}

.p-215 {
  padding: 215px;
}

.p-220 {
  padding: 220px;
}

.p-225 {
  padding: 225px;
}

.p-230 {
  padding: 230px;
}

.p-235 {
  padding: 235px;
}

.p-240 {
  padding: 240px;
}

.p-245 {
  padding: 245px;
}

.p-250 {
  padding: 250px;
}

.pt-5,
.py-5 {
  padding-top: 5px !important;
}

.pt-10,
.py-10 {
  padding-top: 10px;
}

.pt-15,
.py-15 {
  padding-top: 15px;
}

.pt-20,
.py-20 {
  padding-top: 20px;
}

.pt-25,
.py-25 {
  padding-top: 25px;
}

.pt-30,
.py-30 {
  padding-top: 30px;
}

.pt-35,
.py-35 {
  padding-top: 35px;
}

.pt-40,
.py-40 {
  padding-top: 40px;
}

.pt-45,
.py-45 {
  padding-top: 45px;
}

.pt-50,
.py-50 {
  padding-top: 50px;
}

.pt-55,
.py-55 {
  padding-top: 55px;
}

.pt-60,
.py-60 {
  padding-top: 60px;
}

.pt-65,
.py-65 {
  padding-top: 65px;
}

.pt-70,
.py-70 {
  padding-top: 70px;
}

.pt-75,
.py-75 {
  padding-top: 75px;
}

.pt-80,
.py-80 {
  padding-top: 80px;
}

.pt-85,
.py-85 {
  padding-top: 85px;
}

.pt-90,
.py-90 {
  padding-top: 90px;
}

.pt-95,
.py-95 {
  padding-top: 95px;
}

.pt-100,
.py-100 {
  padding-top: 100px;
}

.pt-105,
.py-105 {
  padding-top: 105px;
}

.pt-110,
.py-110 {
  padding-top: 110px;
}

.pt-115,
.py-115 {
  padding-top: 115px;
}

.pt-120,
.py-120 {
  padding-top: 120px;
}

.pt-125,
.py-125 {
  padding-top: 125px;
}

.pt-130,
.py-130 {
  padding-top: 130px;
}

.pt-135,
.py-135 {
  padding-top: 135px;
}

.pt-140,
.py-140 {
  padding-top: 140px;
}

.pt-145,
.py-145 {
  padding-top: 145px;
}

.pt-150,
.py-150 {
  padding-top: 150px;
}

.pt-155,
.py-155 {
  padding-top: 155px;
}

.pt-160,
.py-160 {
  padding-top: 160px;
}

.pt-165,
.py-165 {
  padding-top: 165px;
}

.pt-170,
.py-170 {
  padding-top: 170px;
}

.pt-175,
.py-175 {
  padding-top: 175px;
}

.pt-180,
.py-180 {
  padding-top: 180px;
}

.pt-185,
.py-185 {
  padding-top: 185px;
}

.pt-190,
.py-190 {
  padding-top: 190px;
}

.pt-195,
.py-195 {
  padding-top: 195px;
}

.pt-200,
.py-200 {
  padding-top: 200px;
}

.pt-205,
.py-205 {
  padding-top: 205px;
}

.pt-210,
.py-210 {
  padding-top: 210px;
}

.pt-215,
.py-215 {
  padding-top: 215px;
}

.pt-220,
.py-220 {
  padding-top: 220px;
}

.pt-225,
.py-225 {
  padding-top: 225px;
}

.pt-230,
.py-230 {
  padding-top: 230px;
}

.pt-235,
.py-235 {
  padding-top: 235px;
}

.pt-240,
.py-240 {
  padding-top: 240px;
}

.pt-245,
.py-245 {
  padding-top: 245px;
}

.pt-250,
.py-250 {
  padding-top: 250px;
}

.pr-5,
.px-5 {
  padding-right: 5px !important;
}

.pr-10,
.px-10 {
  padding-right: 10px;
}

.pr-15,
.px-15 {
  padding-right: 15px;
}

.pr-20,
.px-20 {
  padding-right: 20px;
}

.pr-25,
.px-25 {
  padding-right: 25px;
}

.pr-30,
.px-30 {
  padding-right: 30px;
}

.pr-35,
.px-35 {
  padding-right: 35px;
}

.pr-40,
.px-40 {
  padding-right: 40px;
}

.pr-45,
.px-45 {
  padding-right: 45px;
}

.pr-50,
.px-50 {
  padding-right: 50px;
}

.pr-55,
.px-55 {
  padding-right: 55px;
}

.pr-60,
.px-60 {
  padding-right: 60px;
}

.pr-65,
.px-65 {
  padding-right: 65px;
}

.pr-70,
.px-70 {
  padding-right: 70px;
}

.pr-75,
.px-75 {
  padding-right: 75px;
}

.pr-80,
.px-80 {
  padding-right: 80px;
}

.pr-85,
.px-85 {
  padding-right: 85px;
}

.pr-90,
.px-90 {
  padding-right: 90px;
}

.pr-95,
.px-95 {
  padding-right: 95px;
}

.pr-100,
.px-100 {
  padding-right: 100px;
}

.pr-105,
.px-105 {
  padding-right: 105px;
}

.pr-110,
.px-110 {
  padding-right: 110px;
}

.pr-115,
.px-115 {
  padding-right: 115px;
}

.pr-120,
.px-120 {
  padding-right: 120px;
}

.pr-125,
.px-125 {
  padding-right: 125px;
}

.pr-130,
.px-130 {
  padding-right: 130px;
}

.pr-135,
.px-135 {
  padding-right: 135px;
}

.pr-140,
.px-140 {
  padding-right: 140px;
}

.pr-145,
.px-145 {
  padding-right: 145px;
}

.pr-150,
.px-150 {
  padding-right: 150px;
}

.pr-155,
.px-155 {
  padding-right: 155px;
}

.pr-160,
.px-160 {
  padding-right: 160px;
}

.pr-165,
.px-165 {
  padding-right: 165px;
}

.pr-170,
.px-170 {
  padding-right: 170px;
}

.pr-175,
.px-175 {
  padding-right: 175px;
}

.pr-180,
.px-180 {
  padding-right: 180px;
}

.pr-185,
.px-185 {
  padding-right: 185px;
}

.pr-190,
.px-190 {
  padding-right: 190px;
}

.pr-195,
.px-195 {
  padding-right: 195px;
}

.pr-200,
.px-200 {
  padding-right: 200px;
}

.pr-205,
.px-205 {
  padding-right: 205px;
}

.pr-210,
.px-210 {
  padding-right: 210px;
}

.pr-215,
.px-215 {
  padding-right: 215px;
}

.pr-220,
.px-220 {
  padding-right: 220px;
}

.pr-225,
.px-225 {
  padding-right: 225px;
}

.pr-230,
.px-230 {
  padding-right: 230px;
}

.pr-235,
.px-235 {
  padding-right: 235px;
}

.pr-240,
.px-240 {
  padding-right: 240px;
}

.pr-245,
.px-245 {
  padding-right: 245px;
}

.pr-250,
.px-250 {
  padding-right: 250px;
}

.pb-5,
.py-5 {
  padding-bottom: 5px !important;
}

.pb-10,
.py-10 {
  padding-bottom: 10px;
}

.pb-15,
.py-15 {
  padding-bottom: 15px;
}

.pb-20,
.py-20 {
  padding-bottom: 20px;
}

.pb-25,
.py-25 {
  padding-bottom: 25px;
}

.pb-30,
.py-30 {
  padding-bottom: 30px;
}

.pb-35,
.py-35 {
  padding-bottom: 35px;
}

.pb-40,
.py-40 {
  padding-bottom: 40px;
}

.pb-45,
.py-45 {
  padding-bottom: 45px;
}

.pb-50,
.py-50 {
  padding-bottom: 50px;
}

.pb-55,
.py-55 {
  padding-bottom: 55px;
}

.pb-60,
.py-60 {
  padding-bottom: 60px;
}

.pb-65,
.py-65 {
  padding-bottom: 65px;
}

.pb-70,
.py-70 {
  padding-bottom: 70px;
}

.pb-75,
.py-75 {
  padding-bottom: 75px;
}

.pb-80,
.py-80 {
  padding-bottom: 80px;
}

.pb-85,
.py-85 {
  padding-bottom: 85px;
}

.pb-90,
.py-90 {
  padding-bottom: 90px;
}

.pb-95,
.py-95 {
  padding-bottom: 95px;
}

.pb-100,
.py-100 {
  padding-bottom: 100px;
}

.pb-105,
.py-105 {
  padding-bottom: 105px;
}

.pb-110,
.py-110 {
  padding-bottom: 110px;
}

.pb-115,
.py-115 {
  padding-bottom: 115px;
}

.pb-120,
.py-120 {
  padding-bottom: 120px;
}

.pb-125,
.py-125 {
  padding-bottom: 125px;
}

.pb-130,
.py-130 {
  padding-bottom: 130px;
}

.pb-135,
.py-135 {
  padding-bottom: 135px;
}

.pb-140,
.py-140 {
  padding-bottom: 140px;
}

.pb-145,
.py-145 {
  padding-bottom: 145px;
}

.pb-150,
.py-150 {
  padding-bottom: 150px;
}

.pb-155,
.py-155 {
  padding-bottom: 155px;
}

.pb-160,
.py-160 {
  padding-bottom: 160px;
}

.pb-165,
.py-165 {
  padding-bottom: 165px;
}

.pb-170,
.py-170 {
  padding-bottom: 170px;
}

.pb-175,
.py-175 {
  padding-bottom: 175px;
}

.pb-180,
.py-180 {
  padding-bottom: 180px;
}

.pb-185,
.py-185 {
  padding-bottom: 185px;
}

.pb-190,
.py-190 {
  padding-bottom: 190px;
}

.pb-195,
.py-195 {
  padding-bottom: 195px;
}

.pb-200,
.py-200 {
  padding-bottom: 200px;
}

.pb-205,
.py-205 {
  padding-bottom: 205px;
}

.pb-210,
.py-210 {
  padding-bottom: 210px;
}

.pb-215,
.py-215 {
  padding-bottom: 215px;
}

.pb-220,
.py-220 {
  padding-bottom: 220px;
}

.pb-225,
.py-225 {
  padding-bottom: 225px;
}

.pb-230,
.py-230 {
  padding-bottom: 230px;
}

.pb-235,
.py-235 {
  padding-bottom: 235px;
}

.pb-240,
.py-240 {
  padding-bottom: 240px;
}

.pb-245,
.py-245 {
  padding-bottom: 245px;
}

.pb-250,
.py-250 {
  padding-bottom: 250px;
}

.pl-5,
.px-5 {
  padding-left: 5px !important;
}

.pl-10,
.px-10 {
  padding-left: 10px;
}

.pl-15,
.px-15 {
  padding-left: 15px;
}

.pl-20,
.px-20 {
  padding-left: 20px;
}

.pl-25,
.px-25 {
  padding-left: 25px;
}

.pl-30,
.px-30 {
  padding-left: 30px;
}

.pl-35,
.px-35 {
  padding-left: 35px;
}

.pl-40,
.px-40 {
  padding-left: 40px;
}

.pl-45,
.px-45 {
  padding-left: 45px;
}

.pl-50,
.px-50 {
  padding-left: 50px;
}

.pl-55,
.px-55 {
  padding-left: 55px;
}

.pl-60,
.px-60 {
  padding-left: 60px;
}

.pl-65,
.px-65 {
  padding-left: 65px;
}

.pl-70,
.px-70 {
  padding-left: 70px;
}

.pl-75,
.px-75 {
  padding-left: 75px;
}

.pl-80,
.px-80 {
  padding-left: 80px;
}

.pl-85,
.px-85 {
  padding-left: 85px;
}

.pl-90,
.px-90 {
  padding-left: 90px;
}

.pl-95,
.px-95 {
  padding-left: 95px;
}

.pl-100,
.px-100 {
  padding-left: 100px;
}

.pl-105,
.px-105 {
  padding-left: 105px;
}

.pl-110,
.px-110 {
  padding-left: 110px;
}

.pl-115,
.px-115 {
  padding-left: 115px;
}

.pl-120,
.px-120 {
  padding-left: 120px;
}

.pl-125,
.px-125 {
  padding-left: 125px;
}

.pl-130,
.px-130 {
  padding-left: 130px;
}

.pl-135,
.px-135 {
  padding-left: 135px;
}

.pl-140,
.px-140 {
  padding-left: 140px;
}

.pl-145,
.px-145 {
  padding-left: 145px;
}

.pl-150,
.px-150 {
  padding-left: 150px;
}

.pl-155,
.px-155 {
  padding-left: 155px;
}

.pl-160,
.px-160 {
  padding-left: 160px;
}

.pl-165,
.px-165 {
  padding-left: 165px;
}

.pl-170,
.px-170 {
  padding-left: 170px;
}

.pl-175,
.px-175 {
  padding-left: 175px;
}

.pl-180,
.px-180 {
  padding-left: 180px;
}

.pl-185,
.px-185 {
  padding-left: 185px;
}

.pl-190,
.px-190 {
  padding-left: 190px;
}

.pl-195,
.px-195 {
  padding-left: 195px;
}

.pl-200,
.px-200 {
  padding-left: 200px;
}

.pl-205,
.px-205 {
  padding-left: 205px;
}

.pl-210,
.px-210 {
  padding-left: 210px;
}

.pl-215,
.px-215 {
  padding-left: 215px;
}

.pl-220,
.px-220 {
  padding-left: 220px;
}

.pl-225,
.px-225 {
  padding-left: 225px;
}

.pl-230,
.px-230 {
  padding-left: 230px;
}

.pl-235,
.px-235 {
  padding-left: 235px;
}

.pl-240,
.px-240 {
  padding-left: 240px;
}

.pl-245,
.px-245 {
  padding-left: 245px;
}

.pl-250,
.px-250 {
  padding-left: 250px;
}

.m-5 {
  margin: 5px !important;
}

.m-10 {
  margin: 10px;
}

.m-15 {
  margin: 15px;
}

.m-20 {
  margin: 20px;
}

.m-25 {
  margin: 25px;
}

.m-30 {
  margin: 30px;
}

.m-35 {
  margin: 35px;
}

.m-40 {
  margin: 40px;
}

.m-45 {
  margin: 45px;
}

.m-50 {
  margin: 50px;
}

.m-55 {
  margin: 55px;
}

.m-60 {
  margin: 60px;
}

.m-65 {
  margin: 65px;
}

.m-70 {
  margin: 70px;
}

.m-75 {
  margin: 75px;
}

.m-80 {
  margin: 80px;
}

.m-85 {
  margin: 85px;
}

.m-90 {
  margin: 90px;
}

.m-95 {
  margin: 95px;
}

.m-100 {
  margin: 100px;
}

.m-105 {
  margin: 105px;
}

.m-110 {
  margin: 110px;
}

.m-115 {
  margin: 115px;
}

.m-120 {
  margin: 120px;
}

.m-125 {
  margin: 125px;
}

.m-130 {
  margin: 130px;
}

.m-135 {
  margin: 135px;
}

.m-140 {
  margin: 140px;
}

.m-145 {
  margin: 145px;
}

.m-150 {
  margin: 150px;
}

.m-155 {
  margin: 155px;
}

.m-160 {
  margin: 160px;
}

.m-165 {
  margin: 165px;
}

.m-170 {
  margin: 170px;
}

.m-175 {
  margin: 175px;
}

.m-180 {
  margin: 180px;
}

.m-185 {
  margin: 185px;
}

.m-190 {
  margin: 190px;
}

.m-195 {
  margin: 195px;
}

.m-200 {
  margin: 200px;
}

.m-205 {
  margin: 205px;
}

.m-210 {
  margin: 210px;
}

.m-215 {
  margin: 215px;
}

.m-220 {
  margin: 220px;
}

.m-225 {
  margin: 225px;
}

.m-230 {
  margin: 230px;
}

.m-235 {
  margin: 235px;
}

.m-240 {
  margin: 240px;
}

.m-245 {
  margin: 245px;
}

.m-250 {
  margin: 250px;
}

.mt-5,
.my-5 {
  margin-top: 5px !important;
}

.mt-10,
.my-10 {
  margin-top: 10px;
}

.mt-15,
.my-15 {
  margin-top: 15px;
}

.mt-20,
.my-20 {
  margin-top: 20px;
}

.mt-25,
.my-25 {
  margin-top: 25px;
}

.mt-30,
.my-30 {
  margin-top: 30px;
}

.mt-35,
.my-35 {
  margin-top: 35px;
}

.mt-40,
.my-40 {
  margin-top: 40px;
}

.mt-45,
.my-45 {
  margin-top: 45px;
}

.mt-50,
.my-50 {
  margin-top: 50px;
}

.mt-55,
.my-55 {
  margin-top: 55px;
}

.mt-60,
.my-60 {
  margin-top: 60px;
}

.mt-65,
.my-65 {
  margin-top: 65px;
}

.mt-70,
.my-70 {
  margin-top: 70px;
}

.mt-75,
.my-75 {
  margin-top: 75px;
}

.mt-80,
.my-80 {
  margin-top: 80px;
}

.mt-85,
.my-85 {
  margin-top: 85px;
}

.mt-90,
.my-90 {
  margin-top: 90px;
}

.mt-95,
.my-95 {
  margin-top: 95px;
}

.mt-100,
.my-100 {
  margin-top: 100px;
}

.mt-105,
.my-105 {
  margin-top: 105px;
}

.mt-110,
.my-110 {
  margin-top: 110px;
}

.mt-115,
.my-115 {
  margin-top: 115px;
}

.mt-120,
.my-120 {
  margin-top: 120px;
}

.mt-125,
.my-125 {
  margin-top: 125px;
}

.mt-130,
.my-130 {
  margin-top: 130px;
}

.mt-135,
.my-135 {
  margin-top: 135px;
}

.mt-140,
.my-140 {
  margin-top: 140px;
}

.mt-145,
.my-145 {
  margin-top: 145px;
}

.mt-150,
.my-150 {
  margin-top: 150px;
}

.mt-155,
.my-155 {
  margin-top: 155px;
}

.mt-160,
.my-160 {
  margin-top: 160px;
}

.mt-165,
.my-165 {
  margin-top: 165px;
}

.mt-170,
.my-170 {
  margin-top: 170px;
}

.mt-175,
.my-175 {
  margin-top: 175px;
}

.mt-180,
.my-180 {
  margin-top: 180px;
}

.mt-185,
.my-185 {
  margin-top: 185px;
}

.mt-190,
.my-190 {
  margin-top: 190px;
}

.mt-195,
.my-195 {
  margin-top: 195px;
}

.mt-200,
.my-200 {
  margin-top: 200px;
}

.mt-205,
.my-205 {
  margin-top: 205px;
}

.mt-210,
.my-210 {
  margin-top: 210px;
}

.mt-215,
.my-215 {
  margin-top: 215px;
}

.mt-220,
.my-220 {
  margin-top: 220px;
}

.mt-225,
.my-225 {
  margin-top: 225px;
}

.mt-230,
.my-230 {
  margin-top: 230px;
}

.mt-235,
.my-235 {
  margin-top: 235px;
}

.mt-240,
.my-240 {
  margin-top: 240px;
}

.mt-245,
.my-245 {
  margin-top: 245px;
}

.mt-250,
.my-250 {
  margin-top: 250px;
}

.mr-5,
.mx-5 {
  margin-right: 5px !important;
}

.mr-10,
.mx-10 {
  margin-right: 10px;
}

.mr-15,
.mx-15 {
  margin-right: 15px;
}

.mr-20,
.mx-20 {
  margin-right: 20px;
}

.mr-25,
.mx-25 {
  margin-right: 25px;
}

.mr-30,
.mx-30 {
  margin-right: 30px;
}

.mr-35,
.mx-35 {
  margin-right: 35px;
}

.mr-40,
.mx-40 {
  margin-right: 40px;
}

.mr-45,
.mx-45 {
  margin-right: 45px;
}

.mr-50,
.mx-50 {
  margin-right: 50px;
}

.mr-55,
.mx-55 {
  margin-right: 55px;
}

.mr-60,
.mx-60 {
  margin-right: 60px;
}

.mr-65,
.mx-65 {
  margin-right: 65px;
}

.mr-70,
.mx-70 {
  margin-right: 70px;
}

.mr-75,
.mx-75 {
  margin-right: 75px;
}

.mr-80,
.mx-80 {
  margin-right: 80px;
}

.mr-85,
.mx-85 {
  margin-right: 85px;
}

.mr-90,
.mx-90 {
  margin-right: 90px;
}

.mr-95,
.mx-95 {
  margin-right: 95px;
}

.mr-100,
.mx-100 {
  margin-right: 100px;
}

.mr-105,
.mx-105 {
  margin-right: 105px;
}

.mr-110,
.mx-110 {
  margin-right: 110px;
}

.mr-115,
.mx-115 {
  margin-right: 115px;
}

.mr-120,
.mx-120 {
  margin-right: 120px;
}

.mr-125,
.mx-125 {
  margin-right: 125px;
}

.mr-130,
.mx-130 {
  margin-right: 130px;
}

.mr-135,
.mx-135 {
  margin-right: 135px;
}

.mr-140,
.mx-140 {
  margin-right: 140px;
}

.mr-145,
.mx-145 {
  margin-right: 145px;
}

.mr-150,
.mx-150 {
  margin-right: 150px;
}

.mr-155,
.mx-155 {
  margin-right: 155px;
}

.mr-160,
.mx-160 {
  margin-right: 160px;
}

.mr-165,
.mx-165 {
  margin-right: 165px;
}

.mr-170,
.mx-170 {
  margin-right: 170px;
}

.mr-175,
.mx-175 {
  margin-right: 175px;
}

.mr-180,
.mx-180 {
  margin-right: 180px;
}

.mr-185,
.mx-185 {
  margin-right: 185px;
}

.mr-190,
.mx-190 {
  margin-right: 190px;
}

.mr-195,
.mx-195 {
  margin-right: 195px;
}

.mr-200,
.mx-200 {
  margin-right: 200px;
}

.mr-205,
.mx-205 {
  margin-right: 205px;
}

.mr-210,
.mx-210 {
  margin-right: 210px;
}

.mr-215,
.mx-215 {
  margin-right: 215px;
}

.mr-220,
.mx-220 {
  margin-right: 220px;
}

.mr-225,
.mx-225 {
  margin-right: 225px;
}

.mr-230,
.mx-230 {
  margin-right: 230px;
}

.mr-235,
.mx-235 {
  margin-right: 235px;
}

.mr-240,
.mx-240 {
  margin-right: 240px;
}

.mr-245,
.mx-245 {
  margin-right: 245px;
}

.mr-250,
.mx-250 {
  margin-right: 250px;
}

.mb-5,
.my-5 {
  margin-bottom: 5px !important;
}

.mb-10,
.my-10 {
  margin-bottom: 10px;
}

.mb-15,
.my-15 {
  margin-bottom: 15px;
}

.mb-20,
.my-20 {
  margin-bottom: 20px;
}

.mb-25,
.my-25 {
  margin-bottom: 25px;
}

.mb-30,
.my-30 {
  margin-bottom: 30px;
}

.mb-35,
.my-35 {
  margin-bottom: 35px;
}

.mb-40,
.my-40 {
  margin-bottom: 40px;
}

.mb-45,
.my-45 {
  margin-bottom: 45px;
}

.mb-50,
.my-50 {
  margin-bottom: 50px;
}

.mb-55,
.my-55 {
  margin-bottom: 55px;
}

.mb-60,
.my-60 {
  margin-bottom: 60px;
}

.mb-65,
.my-65 {
  margin-bottom: 65px;
}

.mb-70,
.my-70 {
  margin-bottom: 70px;
}

.mb-75,
.my-75 {
  margin-bottom: 75px;
}

.mb-80,
.my-80 {
  margin-bottom: 80px;
}

.mb-85,
.my-85 {
  margin-bottom: 85px;
}

.mb-90,
.my-90 {
  margin-bottom: 90px;
}

.mb-95,
.my-95 {
  margin-bottom: 95px;
}

.mb-100,
.my-100 {
  margin-bottom: 100px;
}

.mb-105,
.my-105 {
  margin-bottom: 105px;
}

.mb-110,
.my-110 {
  margin-bottom: 110px;
}

.mb-115,
.my-115 {
  margin-bottom: 115px;
}

.mb-120,
.my-120 {
  margin-bottom: 120px;
}

.mb-125,
.my-125 {
  margin-bottom: 125px;
}

.mb-130,
.my-130 {
  margin-bottom: 130px;
}

.mb-135,
.my-135 {
  margin-bottom: 135px;
}

.mb-140,
.my-140 {
  margin-bottom: 140px;
}

.mb-145,
.my-145 {
  margin-bottom: 145px;
}

.mb-150,
.my-150 {
  margin-bottom: 150px;
}

.mb-155,
.my-155 {
  margin-bottom: 155px;
}

.mb-160,
.my-160 {
  margin-bottom: 160px;
}

.mb-165,
.my-165 {
  margin-bottom: 165px;
}

.mb-170,
.my-170 {
  margin-bottom: 170px;
}

.mb-175,
.my-175 {
  margin-bottom: 175px;
}

.mb-180,
.my-180 {
  margin-bottom: 180px;
}

.mb-185,
.my-185 {
  margin-bottom: 185px;
}

.mb-190,
.my-190 {
  margin-bottom: 190px;
}

.mb-195,
.my-195 {
  margin-bottom: 195px;
}

.mb-200,
.my-200 {
  margin-bottom: 200px;
}

.mb-205,
.my-205 {
  margin-bottom: 205px;
}

.mb-210,
.my-210 {
  margin-bottom: 210px;
}

.mb-215,
.my-215 {
  margin-bottom: 215px;
}

.mb-220,
.my-220 {
  margin-bottom: 220px;
}

.mb-225,
.my-225 {
  margin-bottom: 225px;
}

.mb-230,
.my-230 {
  margin-bottom: 230px;
}

.mb-235,
.my-235 {
  margin-bottom: 235px;
}

.mb-240,
.my-240 {
  margin-bottom: 240px;
}

.mb-245,
.my-245 {
  margin-bottom: 245px;
}

.mb-250,
.my-250 {
  margin-bottom: 250px;
}

.ml-5,
.mx-5 {
  margin-left: 5px !important;
}

.ml-10,
.mx-10 {
  margin-left: 10px;
}

.ml-15,
.mx-15 {
  margin-left: 15px;
}

.ml-20,
.mx-20 {
  margin-left: 20px;
}

.ml-25,
.mx-25 {
  margin-left: 25px;
}

.ml-30,
.mx-30 {
  margin-left: 30px;
}

.ml-35,
.mx-35 {
  margin-left: 35px;
}

.ml-40,
.mx-40 {
  margin-left: 40px;
}

.ml-45,
.mx-45 {
  margin-left: 45px;
}

.ml-50,
.mx-50 {
  margin-left: 50px;
}

.ml-55,
.mx-55 {
  margin-left: 55px;
}

.ml-60,
.mx-60 {
  margin-left: 60px;
}

.ml-65,
.mx-65 {
  margin-left: 65px;
}

.ml-70,
.mx-70 {
  margin-left: 70px;
}

.ml-75,
.mx-75 {
  margin-left: 75px;
}

.ml-80,
.mx-80 {
  margin-left: 80px;
}

.ml-85,
.mx-85 {
  margin-left: 85px;
}

.ml-90,
.mx-90 {
  margin-left: 90px;
}

.ml-95,
.mx-95 {
  margin-left: 95px;
}

.ml-100,
.mx-100 {
  margin-left: 100px;
}

.ml-105,
.mx-105 {
  margin-left: 105px;
}

.ml-110,
.mx-110 {
  margin-left: 110px;
}

.ml-115,
.mx-115 {
  margin-left: 115px;
}

.ml-120,
.mx-120 {
  margin-left: 120px;
}

.ml-125,
.mx-125 {
  margin-left: 125px;
}

.ml-130,
.mx-130 {
  margin-left: 130px;
}

.ml-135,
.mx-135 {
  margin-left: 135px;
}

.ml-140,
.mx-140 {
  margin-left: 140px;
}

.ml-145,
.mx-145 {
  margin-left: 145px;
}

.ml-150,
.mx-150 {
  margin-left: 150px;
}

.ml-155,
.mx-155 {
  margin-left: 155px;
}

.ml-160,
.mx-160 {
  margin-left: 160px;
}

.ml-165,
.mx-165 {
  margin-left: 165px;
}

.ml-170,
.mx-170 {
  margin-left: 170px;
}

.ml-175,
.mx-175 {
  margin-left: 175px;
}

.ml-180,
.mx-180 {
  margin-left: 180px;
}

.ml-185,
.mx-185 {
  margin-left: 185px;
}

.ml-190,
.mx-190 {
  margin-left: 190px;
}

.ml-195,
.mx-195 {
  margin-left: 195px;
}

.ml-200,
.mx-200 {
  margin-left: 200px;
}

.ml-205,
.mx-205 {
  margin-left: 205px;
}

.ml-210,
.mx-210 {
  margin-left: 210px;
}

.ml-215,
.mx-215 {
  margin-left: 215px;
}

.ml-220,
.mx-220 {
  margin-left: 220px;
}

.ml-225,
.mx-225 {
  margin-left: 225px;
}

.ml-230,
.mx-230 {
  margin-left: 230px;
}

.ml-235,
.mx-235 {
  margin-left: 235px;
}

.ml-240,
.mx-240 {
  margin-left: 240px;
}

.ml-245,
.mx-245 {
  margin-left: 245px;
}

.ml-250,
.mx-250 {
  margin-left: 250px;
}

/****************************************************** */

/*********** Responsive Padding Margin Spacing ******** */

/****************************************************** */

@media only screen and (max-width: 991px) {
  .rp-0 {
    padding: 0px !important;
  }
  .rp-5 {
    padding: 5px !important;
  }
  .rp-10 {
    padding: 10px;
  }
  .rp-15 {
    padding: 15px;
  }
  .rp-20 {
    padding: 20px;
  }
  .rp-25 {
    padding: 25px;
  }
  .rp-30 {
    padding: 30px;
  }
  .rp-35 {
    padding: 35px;
  }
  .rp-40 {
    padding: 40px;
  }
  .rp-45 {
    padding: 45px;
  }
  .rp-50 {
    padding: 50px;
  }
  .rp-55 {
    padding: 55px;
  }
  .rp-60 {
    padding: 60px;
  }
  .rp-65 {
    padding: 65px;
  }
  .rp-70 {
    padding: 70px;
  }
  .rp-75 {
    padding: 75px;
  }
  .rp-80 {
    padding: 80px;
  }
  .rp-85 {
    padding: 85px;
  }
  .rp-90 {
    padding: 90px;
  }
  .rp-95 {
    padding: 95px;
  }
  .rp-100 {
    padding: 100px;
  }
  .rp-105 {
    padding: 105px;
  }
  .rp-110 {
    padding: 110px;
  }
  .rp-115 {
    padding: 115px;
  }
  .rp-120 {
    padding: 120px;
  }
  .rp-125 {
    padding: 125px;
  }
  .rp-130 {
    padding: 130px;
  }
  .rp-135 {
    padding: 135px;
  }
  .rp-140 {
    padding: 140px;
  }
  .rp-145 {
    padding: 145px;
  }
  .rp-150 {
    padding: 150px;
  }
  .rpt-0,
  .rpy-0 {
    padding-top: 0px !important;
  }
  .rpt-5,
  .rpy-5 {
    padding-top: 5px !important;
  }
  .rpt-10,
  .rpy-10 {
    padding-top: 10px;
  }
  .rpt-15,
  .rpy-15 {
    padding-top: 15px;
  }
  .rpt-20,
  .rpy-20 {
    padding-top: 20px;
  }
  .rpt-25,
  .rpy-25 {
    padding-top: 25px;
  }
  .rpt-30,
  .rpy-30 {
    padding-top: 30px;
  }
  .rpt-35,
  .rpy-35 {
    padding-top: 35px;
  }
  .rpt-40,
  .rpy-40 {
    padding-top: 40px;
  }
  .rpt-45,
  .rpy-45 {
    padding-top: 45px;
  }
  .rpt-50,
  .rpy-50 {
    padding-top: 50px;
  }
  .rpt-55,
  .rpy-55 {
    padding-top: 55px;
  }
  .rpt-60,
  .rpy-60 {
    padding-top: 60px;
  }
  .rpt-65,
  .rpy-65 {
    padding-top: 65px;
  }
  .rpt-70,
  .rpy-70 {
    padding-top: 70px;
  }
  .rpt-75,
  .rpy-75 {
    padding-top: 75px;
  }
  .rpt-80,
  .rpy-80 {
    padding-top: 80px;
  }
  .rpt-85,
  .rpy-85 {
    padding-top: 85px;
  }
  .rpt-90,
  .rpy-90 {
    padding-top: 90px;
  }
  .rpt-95,
  .rpy-95 {
    padding-top: 95px;
  }
  .rpt-100,
  .rpy-100 {
    padding-top: 100px;
  }
  .rpt-105,
  .rpy-105 {
    padding-top: 105px;
  }
  .rpt-110,
  .rpy-110 {
    padding-top: 110px;
  }
  .rpt-115,
  .rpy-115 {
    padding-top: 115px;
  }
  .rpt-120,
  .rpy-120 {
    padding-top: 120px;
  }
  .rpt-125,
  .rpy-125 {
    padding-top: 125px;
  }
  .rpt-130,
  .rpy-130 {
    padding-top: 130px;
  }
  .rpt-135,
  .rpy-135 {
    padding-top: 135px;
  }
  .rpt-140,
  .rpy-140 {
    padding-top: 140px;
  }
  .rpt-145,
  .rpy-145 {
    padding-top: 145px;
  }
  .rpt-150,
  .rpy-150 {
    padding-top: 150px;
  }
  .rpr-0,
  .rpx-0 {
    padding-right: 0px !important;
  }
  .rpr-5,
  .rpx-5 {
    padding-right: 5px !important;
  }
  .rpr-10,
  .rpx-10 {
    padding-right: 10px;
  }
  .rpr-15,
  .rpx-15 {
    padding-right: 15px;
  }
  .rpr-20,
  .rpx-20 {
    padding-right: 20px;
  }
  .rpr-25,
  .rpx-25 {
    padding-right: 25px;
  }
  .rpr-30,
  .rpx-30 {
    padding-right: 30px;
  }
  .rpr-35,
  .rpx-35 {
    padding-right: 35px;
  }
  .rpr-40,
  .rpx-40 {
    padding-right: 40px;
  }
  .rpr-45,
  .rpx-45 {
    padding-right: 45px;
  }
  .rpr-50,
  .rpx-50 {
    padding-right: 50px;
  }
  .rpr-55,
  .rpx-55 {
    padding-right: 55px;
  }
  .rpr-60,
  .rpx-60 {
    padding-right: 60px;
  }
  .rpr-65,
  .rpx-65 {
    padding-right: 65px;
  }
  .rpr-70,
  .rpx-70 {
    padding-right: 70px;
  }
  .rpr-75,
  .rpx-75 {
    padding-right: 75px;
  }
  .rpr-80,
  .rpx-80 {
    padding-right: 80px;
  }
  .rpr-85,
  .rpx-85 {
    padding-right: 85px;
  }
  .rpr-90,
  .rpx-90 {
    padding-right: 90px;
  }
  .rpr-95,
  .rpx-95 {
    padding-right: 95px;
  }
  .rpr-100,
  .rpx-100 {
    padding-right: 100px;
  }
  .rpr-105,
  .rpx-105 {
    padding-right: 105px;
  }
  .rpr-110,
  .rpx-110 {
    padding-right: 110px;
  }
  .rpr-115,
  .rpx-115 {
    padding-right: 115px;
  }
  .rpr-120,
  .rpx-120 {
    padding-right: 120px;
  }
  .rpr-125,
  .rpx-125 {
    padding-right: 125px;
  }
  .rpr-130,
  .rpx-130 {
    padding-right: 130px;
  }
  .rpr-135,
  .rpx-135 {
    padding-right: 135px;
  }
  .rpr-140,
  .rpx-140 {
    padding-right: 140px;
  }
  .rpr-145,
  .rpx-145 {
    padding-right: 145px;
  }
  .rpr-150,
  .rpx-150 {
    padding-right: 150px;
  }
  .rpb-0,
  .rpy-0 {
    padding-bottom: 0px !important;
  }
  .rpb-5,
  .rpy-5 {
    padding-bottom: 5px !important;
  }
  .rpb-10,
  .rpy-10 {
    padding-bottom: 10px;
  }
  .rpb-15,
  .rpy-15 {
    padding-bottom: 15px;
  }
  .rpb-20,
  .rpy-20 {
    padding-bottom: 20px;
  }
  .rpb-25,
  .rpy-25 {
    padding-bottom: 25px;
  }
  .rpb-30,
  .rpy-30 {
    padding-bottom: 30px;
  }
  .rpb-35,
  .rpy-35 {
    padding-bottom: 35px;
  }
  .rpb-40,
  .rpy-40 {
    padding-bottom: 40px;
  }
  .rpb-45,
  .rpy-45 {
    padding-bottom: 45px;
  }
  .rpb-50,
  .rpy-50 {
    padding-bottom: 50px;
  }
  .rpb-55,
  .rpy-55 {
    padding-bottom: 55px;
  }
  .rpb-60,
  .rpy-60 {
    padding-bottom: 60px;
  }
  .rpb-65,
  .rpy-65 {
    padding-bottom: 65px;
  }
  .rpb-70,
  .rpy-70 {
    padding-bottom: 70px;
  }
  .rpb-75,
  .rpy-75 {
    padding-bottom: 75px;
  }
  .rpb-80,
  .rpy-80 {
    padding-bottom: 80px;
  }
  .rpb-85,
  .rpy-85 {
    padding-bottom: 85px;
  }
  .rpb-90,
  .rpy-90 {
    padding-bottom: 90px;
  }
  .rpb-95,
  .rpy-95 {
    padding-bottom: 95px;
  }
  .rpb-100,
  .rpy-100 {
    padding-bottom: 100px;
  }
  .rpb-105,
  .rpy-105 {
    padding-bottom: 105px;
  }
  .rpb-110,
  .rpy-110 {
    padding-bottom: 110px;
  }
  .rpb-115,
  .rpy-115 {
    padding-bottom: 115px;
  }
  .rpb-120,
  .rpy-120 {
    padding-bottom: 120px;
  }
  .rpb-125,
  .rpy-125 {
    padding-bottom: 125px;
  }
  .rpb-130,
  .rpy-130 {
    padding-bottom: 130px;
  }
  .rpb-135,
  .rpy-135 {
    padding-bottom: 135px;
  }
  .rpb-140,
  .rpy-140 {
    padding-bottom: 140px;
  }
  .rpb-145,
  .rpy-145 {
    padding-bottom: 145px;
  }
  .rpb-150,
  .rpy-150 {
    padding-bottom: 150px;
  }
  .rpl-0,
  .rpx-0 {
    padding-left: 0px !important;
  }
  .rpl-5,
  .rpx-5 {
    padding-left: 5px !important;
  }
  .rpl-10,
  .rpx-10 {
    padding-left: 10px;
  }
  .rpl-15,
  .rpx-15 {
    padding-left: 15px;
  }
  .rpl-20,
  .rpx-20 {
    padding-left: 20px;
  }
  .rpl-25,
  .rpx-25 {
    padding-left: 25px;
  }
  .rpl-30,
  .rpx-30 {
    padding-left: 30px;
  }
  .rpl-35,
  .rpx-35 {
    padding-left: 35px;
  }
  .rpl-40,
  .rpx-40 {
    padding-left: 40px;
  }
  .rpl-45,
  .rpx-45 {
    padding-left: 45px;
  }
  .rpl-50,
  .rpx-50 {
    padding-left: 50px;
  }
  .rpl-55,
  .rpx-55 {
    padding-left: 55px;
  }
  .rpl-60,
  .rpx-60 {
    padding-left: 60px;
  }
  .rpl-65,
  .rpx-65 {
    padding-left: 65px;
  }
  .rpl-70,
  .rpx-70 {
    padding-left: 70px;
  }
  .rpl-75,
  .rpx-75 {
    padding-left: 75px;
  }
  .rpl-80,
  .rpx-80 {
    padding-left: 80px;
  }
  .rpl-85,
  .rpx-85 {
    padding-left: 85px;
  }
  .rpl-90,
  .rpx-90 {
    padding-left: 90px;
  }
  .rpl-95,
  .rpx-95 {
    padding-left: 95px;
  }
  .rpl-100,
  .rpx-100 {
    padding-left: 100px;
  }
  .rpl-105,
  .rpx-105 {
    padding-left: 105px;
  }
  .rpl-110,
  .rpx-110 {
    padding-left: 110px;
  }
  .rpl-115,
  .rpx-115 {
    padding-left: 115px;
  }
  .rpl-120,
  .rpx-120 {
    padding-left: 120px;
  }
  .rpl-125,
  .rpx-125 {
    padding-left: 125px;
  }
  .rpl-130,
  .rpx-130 {
    padding-left: 130px;
  }
  .rpl-135,
  .rpx-135 {
    padding-left: 135px;
  }
  .rpl-140,
  .rpx-140 {
    padding-left: 140px;
  }
  .rpl-145,
  .rpx-145 {
    padding-left: 145px;
  }
  .rpl-150,
  .rpx-150 {
    padding-left: 150px;
  }
  .rm-0 {
    margin: 0px !important;
  }
  .rm-5 {
    margin: 5px !important;
  }
  .rm-10 {
    margin: 10px;
  }
  .rm-15 {
    margin: 15px;
  }
  .rm-20 {
    margin: 20px;
  }
  .rm-25 {
    margin: 25px;
  }
  .rm-30 {
    margin: 30px;
  }
  .rm-35 {
    margin: 35px;
  }
  .rm-40 {
    margin: 40px;
  }
  .rm-45 {
    margin: 45px;
  }
  .rm-50 {
    margin: 50px;
  }
  .rm-55 {
    margin: 55px;
  }
  .rm-60 {
    margin: 60px;
  }
  .rm-65 {
    margin: 65px;
  }
  .rm-70 {
    margin: 70px;
  }
  .rm-75 {
    margin: 75px;
  }
  .rm-80 {
    margin: 80px;
  }
  .rm-85 {
    margin: 85px;
  }
  .rm-90 {
    margin: 90px;
  }
  .rm-95 {
    margin: 95px;
  }
  .rm-100 {
    margin: 100px;
  }
  .rm-105 {
    margin: 105px;
  }
  .rm-110 {
    margin: 110px;
  }
  .rm-115 {
    margin: 115px;
  }
  .rm-120 {
    margin: 120px;
  }
  .rm-125 {
    margin: 125px;
  }
  .rm-130 {
    margin: 130px;
  }
  .rm-135 {
    margin: 135px;
  }
  .rm-140 {
    margin: 140px;
  }
  .rm-145 {
    margin: 145px;
  }
  .rm-150 {
    margin: 150px;
  }
  .rmt-0,
  .rmy-0 {
    margin-top: 0px !important;
  }
  .rmt-5,
  .rmy-5 {
    margin-top: 5px !important;
  }
  .rmt-10,
  .rmy-10 {
    margin-top: 10px;
  }
  .rmt-15,
  .rmy-15 {
    margin-top: 15px;
  }
  .rmt-20,
  .rmy-20 {
    margin-top: 20px;
  }
  .rmt-25,
  .rmy-25 {
    margin-top: 25px;
  }
  .rmt-30,
  .rmy-30 {
    margin-top: 30px;
  }
  .rmt-35,
  .rmy-35 {
    margin-top: 35px;
  }
  .rmt-40,
  .rmy-40 {
    margin-top: 40px;
  }
  .rmt-45,
  .rmy-45 {
    margin-top: 45px;
  }
  .rmt-50,
  .rmy-50 {
    margin-top: 50px;
  }
  .rmt-55,
  .rmy-55 {
    margin-top: 55px;
  }
  .rmt-60,
  .rmy-60 {
    margin-top: 60px;
  }
  .rmt-65,
  .rmy-65 {
    margin-top: 65px;
  }
  .rmt-70,
  .rmy-70 {
    margin-top: 70px;
  }
  .rmt-75,
  .rmy-75 {
    margin-top: 75px;
  }
  .rmt-80,
  .rmy-80 {
    margin-top: 80px;
  }
  .rmt-85,
  .rmy-85 {
    margin-top: 85px;
  }
  .rmt-90,
  .rmy-90 {
    margin-top: 90px;
  }
  .rmt-95,
  .rmy-95 {
    margin-top: 95px;
  }
  .rmt-100,
  .rmy-100 {
    margin-top: 100px;
  }
  .rmt-105,
  .rmy-105 {
    margin-top: 105px;
  }
  .rmt-110,
  .rmy-110 {
    margin-top: 110px;
  }
  .rmt-115,
  .rmy-115 {
    margin-top: 115px;
  }
  .rmt-120,
  .rmy-120 {
    margin-top: 120px;
  }
  .rmt-125,
  .rmy-125 {
    margin-top: 125px;
  }
  .rmt-130,
  .rmy-130 {
    margin-top: 130px;
  }
  .rmt-135,
  .rmy-135 {
    margin-top: 135px;
  }
  .rmt-140,
  .rmy-140 {
    margin-top: 140px;
  }
  .rmt-145,
  .rmy-145 {
    margin-top: 145px;
  }
  .rmt-150,
  .rmy-150 {
    margin-top: 150px;
  }
  .rmr-0,
  .rmx-0 {
    margin-right: 0px !important;
  }
  .rmr-5,
  .rmx-5 {
    margin-right: 5px !important;
  }
  .rmr-10,
  .rmx-10 {
    margin-right: 10px;
  }
  .rmr-15,
  .rmx-15 {
    margin-right: 15px;
  }
  .rmr-20,
  .rmx-20 {
    margin-right: 20px;
  }
  .rmr-25,
  .rmx-25 {
    margin-right: 25px;
  }
  .rmr-30,
  .rmx-30 {
    margin-right: 30px;
  }
  .rmr-35,
  .rmx-35 {
    margin-right: 35px;
  }
  .rmr-40,
  .rmx-40 {
    margin-right: 40px;
  }
  .rmr-45,
  .rmx-45 {
    margin-right: 45px;
  }
  .rmr-50,
  .rmx-50 {
    margin-right: 50px;
  }
  .rmr-55,
  .rmx-55 {
    margin-right: 55px;
  }
  .rmr-60,
  .rmx-60 {
    margin-right: 60px;
  }
  .rmr-65,
  .rmx-65 {
    margin-right: 65px;
  }
  .rmr-70,
  .rmx-70 {
    margin-right: 70px;
  }
  .rmr-75,
  .rmx-75 {
    margin-right: 75px;
  }
  .rmr-80,
  .rmx-80 {
    margin-right: 80px;
  }
  .rmr-85,
  .rmx-85 {
    margin-right: 85px;
  }
  .rmr-90,
  .rmx-90 {
    margin-right: 90px;
  }
  .rmr-95,
  .rmx-95 {
    margin-right: 95px;
  }
  .rmr-100,
  .rmx-100 {
    margin-right: 100px;
  }
  .rmr-105,
  .rmx-105 {
    margin-right: 105px;
  }
  .rmr-110,
  .rmx-110 {
    margin-right: 110px;
  }
  .rmr-115,
  .rmx-115 {
    margin-right: 115px;
  }
  .rmr-120,
  .rmx-120 {
    margin-right: 120px;
  }
  .rmr-125,
  .rmx-125 {
    margin-right: 125px;
  }
  .rmr-130,
  .rmx-130 {
    margin-right: 130px;
  }
  .rmr-135,
  .rmx-135 {
    margin-right: 135px;
  }
  .rmr-140,
  .rmx-140 {
    margin-right: 140px;
  }
  .rmr-145,
  .rmx-145 {
    margin-right: 145px;
  }
  .rmr-150,
  .rmx-150 {
    margin-right: 150px;
  }
  .rmb-0,
  .rmy-0 {
    margin-bottom: 0px !important;
  }
  .rmb-5,
  .rmy-5 {
    margin-bottom: 5px !important;
  }
  .rmb-10,
  .rmy-10 {
    margin-bottom: 10px;
  }
  .rmb-15,
  .rmy-15 {
    margin-bottom: 15px;
  }
  .rmb-20,
  .rmy-20 {
    margin-bottom: 20px;
  }
  .rmb-25,
  .rmy-25 {
    margin-bottom: 25px;
  }
  .rmb-30,
  .rmy-30 {
    margin-bottom: 30px;
  }
  .rmb-35,
  .rmy-35 {
    margin-bottom: 35px;
  }
  .rmb-40,
  .rmy-40 {
    margin-bottom: 40px;
  }
  .rmb-45,
  .rmy-45 {
    margin-bottom: 45px;
  }
  .rmb-50,
  .rmy-50 {
    margin-bottom: 50px;
  }
  .rmb-55,
  .rmy-55 {
    margin-bottom: 55px;
  }
  .rmb-60,
  .rmy-60 {
    margin-bottom: 60px;
  }
  .rmb-65,
  .rmy-65 {
    margin-bottom: 65px;
  }
  .rmb-70,
  .rmy-70 {
    margin-bottom: 70px;
  }
  .rmb-75,
  .rmy-75 {
    margin-bottom: 75px;
  }
  .rmb-80,
  .rmy-80 {
    margin-bottom: 80px;
  }
  .rmb-85,
  .rmy-85 {
    margin-bottom: 85px;
  }
  .rmb-90,
  .rmy-90 {
    margin-bottom: 90px;
  }
  .rmb-95,
  .rmy-95 {
    margin-bottom: 95px;
  }
  .rmb-100,
  .rmy-100 {
    margin-bottom: 100px;
  }
  .rmb-105,
  .rmy-105 {
    margin-bottom: 105px;
  }
  .rmb-110,
  .rmy-110 {
    margin-bottom: 110px;
  }
  .rmb-115,
  .rmy-115 {
    margin-bottom: 115px;
  }
  .rmb-120,
  .rmy-120 {
    margin-bottom: 120px;
  }
  .rmb-125,
  .rmy-125 {
    margin-bottom: 125px;
  }
  .rmb-130,
  .rmy-130 {
    margin-bottom: 130px;
  }
  .rmb-135,
  .rmy-135 {
    margin-bottom: 135px;
  }
  .rmb-140,
  .rmy-140 {
    margin-bottom: 140px;
  }
  .rmb-145,
  .rmy-145 {
    margin-bottom: 145px;
  }
  .rmb-150,
  .rmy-150 {
    margin-bottom: 150px;
  }
  .rml-0,
  .rmx-0 {
    margin-left: 0px !important;
  }
  .rml-5,
  .rmx-5 {
    margin-left: 5px !important;
  }
  .rml-10,
  .rmx-10 {
    margin-left: 10px;
  }
  .rml-15,
  .rmx-15 {
    margin-left: 15px;
  }
  .rml-20,
  .rmx-20 {
    margin-left: 20px;
  }
  .rml-25,
  .rmx-25 {
    margin-left: 25px;
  }
  .rml-30,
  .rmx-30 {
    margin-left: 30px;
  }
  .rml-35,
  .rmx-35 {
    margin-left: 35px;
  }
  .rml-40,
  .rmx-40 {
    margin-left: 40px;
  }
  .rml-45,
  .rmx-45 {
    margin-left: 45px;
  }
  .rml-50,
  .rmx-50 {
    margin-left: 50px;
  }
  .rml-55,
  .rmx-55 {
    margin-left: 55px;
  }
  .rml-60,
  .rmx-60 {
    margin-left: 60px;
  }
  .rml-65,
  .rmx-65 {
    margin-left: 65px;
  }
  .rml-70,
  .rmx-70 {
    margin-left: 70px;
  }
  .rml-75,
  .rmx-75 {
    margin-left: 75px;
  }
  .rml-80,
  .rmx-80 {
    margin-left: 80px;
  }
  .rml-85,
  .rmx-85 {
    margin-left: 85px;
  }
  .rml-90,
  .rmx-90 {
    margin-left: 90px;
  }
  .rml-95,
  .rmx-95 {
    margin-left: 95px;
  }
  .rml-100,
  .rmx-100 {
    margin-left: 100px;
  }
  .rml-105,
  .rmx-105 {
    margin-left: 105px;
  }
  .rml-110,
  .rmx-110 {
    margin-left: 110px;
  }
  .rml-115,
  .rmx-115 {
    margin-left: 115px;
  }
  .rml-120,
  .rmx-120 {
    margin-left: 120px;
  }
  .rml-125,
  .rmx-125 {
    margin-left: 125px;
  }
  .rml-130,
  .rmx-130 {
    margin-left: 130px;
  }
  .rml-135,
  .rmx-135 {
    margin-left: 135px;
  }
  .rml-140,
  .rmx-140 {
    margin-left: 140px;
  }
  .rml-145,
  .rmx-145 {
    margin-left: 145px;
  }
  .rml-150,
  .rmx-150 {
    margin-left: 150px;
  }
}

@media (max-width: 767.98px) {
  .rpt-0 {
    padding-top: 0;
  }
  .rpt-55 {
    padding-top: 55px;
  }
  .pt-xs-65 {
    padding-top: 65px;
  }
  .rpt-195 {
    padding-top: 195px;
  }
  .pt-xs-230 {
    padding-top: 230px;
  }

  .pb-xs-45 {
    padding-bottom: 45px;
  }
}
@media (max-width: 575.98px) {
  .pt-sm-175 {
    padding-top: 175px;
  }
}

/* ============================================================
   DEVX overrides — placeholder links until real destinations exist.
   Visually preserves the styling of the surrounding element so the
   layout doesn't break, but removes the "this is a real link" cues.
   ============================================================ */
a.no-link {
  cursor: default;
}
a.no-link:hover,
a.no-link:focus {
  text-decoration: none;
  /* keep inherited color so the surrounding heading still looks right */
  color: inherit;
}

/* ============================================================
   Residency strip — sits between hero and services on homepage.
   Communicates the company's status as a registered resident of
   the technology park managed by Innovation and Digital
   Development Agency of Azerbaijan.

   Visual approach: typographic, restrained, enterprise.
   No third-party logos. Subtle accent line on the left edge.
   ============================================================ */
.residency-strip {
  background-color: #f7f9fb;
  border-top: 1px solid #e5e9ee;
  border-bottom: 1px solid #e5e9ee;
  padding: 22px 0;
  margin-top: 0;
}

.residency-strip__inner {
  display: flex;
  align-items: center;
  gap: 18px;
  position: relative;
  padding-left: 18px;
}

/* Left accent line — a thin colored bar that signals importance
   without shouting. Uses a teal accent commonly associated with
   government / institutional credentials. */
.residency-strip__inner::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 3px;
  background-color: #14b8a6;
  border-radius: 2px;
}

.residency-strip__badge {
  flex: 0 0 auto;
  color: #14b8a6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.residency-strip__text {
  flex: 1 1 auto;
  min-width: 0;
}

.residency-strip__label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #6b7280;
  margin-bottom: 2px;
}

.residency-strip__title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  color: #1f2937;
}

.residency-strip__meta {
  font-size: 13px;
  font-weight: 400;
  color: #6b7280;
  margin-top: 2px;
}

.residency-strip__link {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #0f766e;
  text-decoration: none;
  white-space: nowrap;
  padding: 6px 0;
  transition: color 0.15s ease;
}

.residency-strip__link:hover,
.residency-strip__link:focus {
  color: #115e59;
  text-decoration: none;
}

.residency-strip__link svg {
  transition: transform 0.15s ease;
}

.residency-strip__link:hover svg,
.residency-strip__link:focus svg {
  transform: translateX(2px);
}

/* Tablet: keep the row layout but allow text to wrap naturally */
@media (max-width: 991.98px) {
  .residency-strip__title {
    font-size: 14px;
  }
}

/* Mobile: stack vertically with left accent retained */
@media (max-width: 767.98px) {
  .residency-strip {
    padding: 18px 0;
  }
  .residency-strip__inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .residency-strip__link {
    align-self: flex-start;
  }
}

/* ============================================================
   License strip — same skeleton as residency-strip with a
   subtle visual tweak so the two strips read as related but
   distinct. Achieved by changing the left accent color and
   the badge tone.
   ============================================================ */
.residency-strip--license {
  background-color: #fafbfc;
  border-top: none;
}

.residency-strip--license .residency-strip__inner::before {
  background-color: #0F1F35;
}

.residency-strip--license .residency-strip__badge {
  color: #0F1F35;
}

.residency-strip--license .residency-strip__link {
  color: #0F1F35;
}

.residency-strip--license .residency-strip__link:hover,
.residency-strip--license .residency-strip__link:focus {
  color: #1f3a6d;
}


/* ============================================================
   Vendor partnerships section — replaces the old generic
   "13 logos" partner strip. Organized by category (4 groups),
   typographic cards with brand-color accent.
   ============================================================ */
.vendor-section {
  background-color: #ffffff;
}

.vendor-section__header {
  text-align: center;
  margin-bottom: 48px;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.vendor-section__title {
  font-size: 36px;
  font-weight: 700;
  color: #0F1F35;
  margin-bottom: 16px;
  letter-spacing: -0.5px;
}

.vendor-section__lead {
  font-size: 16px;
  line-height: 1.6;
  color: #4a5568;
  margin: 0;
}

.vendor-group {
  margin-bottom: 40px;
}

.vendor-group:last-child {
  margin-bottom: 0;
}

.vendor-group__title {
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: #6b7280;
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e9ee;
}

.vendor-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 14px;
}

.vendor-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 18px 20px;
  background-color: #ffffff;
  border: 1px solid #e5e9ee;
  border-radius: 6px;
  transition: all 0.2s ease;
  overflow: hidden;
  min-height: 110px;
}

.vendor-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: var(--brand-color, #14b8a6);
  transition: width 0.2s ease;
}

.vendor-card:hover {
  border-color: var(--brand-color, #14b8a6);
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(15, 31, 53, 0.06);
}

.vendor-card:hover::before {
  width: 5px;
}

.vendor-card__brand {
  font-size: 19px;
  font-weight: 700;
  color: var(--brand-color, #0F1F35);
  letter-spacing: -0.2px;
  line-height: 1.1;
  margin-bottom: 4px;
}

.vendor-card__detail {
  font-size: 12px;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin-bottom: 10px;
}

.vendor-card__caption {
  font-size: 13px;
  font-weight: 400;
  color: #4a5568;
  line-height: 1.5;
  margin-top: auto;
}

/* Tablet */
@media (max-width: 991.98px) {
  .vendor-section__title {
    font-size: 30px;
  }
  .vendor-grid {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}

/* Mobile */
@media (max-width: 767.98px) {
  .vendor-section {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .vendor-section__title {
    font-size: 26px;
  }
  .vendor-grid {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .vendor-card {
    padding: 14px 16px;
    min-height: 100px;
  }
  .vendor-card__brand {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  .vendor-grid {
    grid-template-columns: 1fr;
  }
}


/* ============================================================
   Hero eyebrow tagline — small uppercase tagline above the
   main H1. Used to surface the company tagline subtly without
   competing with the primary message.
   ============================================================ */
.hero-eyebrow {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 3.5px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 18px;
  line-height: 1;
}

@media (max-width: 767.98px) {
  .hero-eyebrow {
    font-size: 11px;
    letter-spacing: 2.5px;
    margin-bottom: 12px;
  }
}


/* ============================================================
   Footer tagline — sits right under the DEVX logo, italic,
   muted color so it functions as an attribute rather than
   a separate piece of content.
   ============================================================ */
.footer-tagline {
  margin: 8px 0 0 0;
  font-size: 13px;
  font-style: italic;
  color: rgba(255, 255, 255, 0.55);
  letter-spacing: 0.3px;
}


/* ============================================================
   Clients section — visible proof points placed between the
   counter (abstract numbers) and the projects list (concrete
   examples). Typographic cards, no rasterized client logos.
   ============================================================ */
.clients-section {
  background-color: #fafbfc;
}

.clients-section__header {
  text-align: center;
  margin-bottom: 48px;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.clients-section__title {
  font-size: 36px;
  font-weight: 700;
  color: #0F1F35;
  margin-bottom: 16px;
  letter-spacing: -0.5px;
}

.clients-section__lead {
  font-size: 16px;
  line-height: 1.6;
  color: #4a5568;
  margin: 0;
}

.clients-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 16px;
  margin-bottom: 32px;
}

.client-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 22px 24px;
  background-color: #ffffff;
  border: 1px solid #e5e9ee;
  border-radius: 6px;
  transition: all 0.2s ease;
  overflow: hidden;
  min-height: 130px;
}

.client-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: var(--brand-color, #14b8a6);
  transition: width 0.2s ease;
}

.client-card:hover {
  border-color: var(--brand-color, #14b8a6);
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(15, 31, 53, 0.06);
}

.client-card:hover::before {
  width: 5px;
}

.client-card__category {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #6b7280;
  margin-bottom: 12px;
}

.client-card__name {
  font-size: 22px;
  font-weight: 700;
  color: #0F1F35;
  letter-spacing: -0.3px;
  line-height: 1.15;
}

.clients-section__footnote {
  text-align: center;
  font-size: 13px;
  color: #6b7280;
  font-style: italic;
  margin: 0;
}

/* Tablet */
@media (max-width: 991.98px) {
  .clients-section__title {
    font-size: 30px;
  }
  .clients-grid {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  }
}

/* Mobile */
@media (max-width: 767.98px) {
  .clients-section {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .clients-section__title {
    font-size: 26px;
  }
  .clients-grid {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  .client-card {
    padding: 18px 20px;
    min-height: 115px;
  }
  .client-card__name {
    font-size: 18px;
  }
}

@media (max-width: 480px) {
  .clients-grid {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   Hero section — tighter vertical rhythm.
   The theme defaults to height: 100vh + min-height: 700px, which
   on tall displays creates a large empty band above the headline.
   Switch to auto height with a sensible minimum so the section
   breathes but doesn't dominate the page.
   ============================================================ */
.hero-section {
  height: auto;
  min-height: 620px;
}

/* Constrain the hero illustration so it cannot reach up into the
   header area. Image keeps the same right-bottom anchor but its
   max height is capped to a portion of the section, leaving room
   below the menu. */
.hero-animation-image {
  max-height: 380px;
  width: 38%;
  bottom: 90px;
}
.hero-animation-image img {
  max-height: 100%;
  width: auto;
  max-width: 100%;
  display: block;
}

/* Ensure the menu sits visually above the illustration even if the
   image extends close. */
.header-top,
.navbar,
.main-menu-area,
header {
  position: relative;
  z-index: 100;
}

@media (max-width: 991.98px) {
  .hero-section {
    min-height: 480px;
  }
}


/* ============================================================
   Project cards — matching the visual idiom of the Clients and
   Vendors sections (typographic, brand-coloured accents) for
   visual consistency across the homepage.
   ============================================================ */
.projects-grid {
  margin-top: 8px;
}

.project-card {
  background-color: #ffffff;
  border-radius: 6px;
  padding: 26px 24px;
  border: 1px solid #e5e9ee;
  border-top: 3px solid var(--brand-color, #14b8a6);
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all 0.25s ease;
}

.project-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(15, 31, 53, 0.08);
  border-color: var(--brand-color, #14b8a6);
  border-top-color: var(--brand-color, #14b8a6);
}

.project-card__category {
  font-size: 11px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin-bottom: 14px;
  line-height: 1.4;
}

.project-card__title {
  font-size: 19px;
  font-weight: 700;
  color: #0F1F35;
  margin: 0 0 10px 0;
  line-height: 1.3;
  letter-spacing: -0.2px;
}

.project-card__meta {
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f0f2f5;
  font-weight: 500;
}

.project-card__description {
  font-size: 14px;
  line-height: 1.6;
  color: #4a5568;
  margin: 0;
}

@media (max-width: 991.98px) {
  .project-card {
    padding: 22px 20px;
  }
  .project-card__title {
    font-size: 18px;
  }
}

@media (max-width: 767.98px) {
  .project-card__title {
    font-size: 17px;
  }
}


/* ============================================================
   DEAD LINKS — neutralize anchors with href="javascript:void(0)"
   so they don't behave like clickable links.
   Used on: service titles in "Our Services" on homepage.
   Note: footer.html no longer contains such anchors (Privacy/Terms
   removed), so this rule is just a safety net.
   ============================================================ */
a[href^="javascript:"] {
  pointer-events: none !important;
  cursor: default !important;
  text-decoration: none !important;
}
.featured-area a[href^="javascript:"]:hover,
.featured-area a[href^="javascript:"]:focus {
  color: inherit !important;
}


/* ============================================================
   FOOTER — reduce excessive top padding (theme defaults left a
   large empty band above the footer content).
   ============================================================ */
footer {
  padding-top: 50px !important;
}
footer .footer-top-area,
footer .footer-area,
footer .footer-top,
footer .footer-widget-area,
footer .footer-widget,
footer .copyright-area {
  padding-top: 0 !important;
}


/* ============================================================
   CONTACT FORM — Netlify Forms-powered, drop-in on contact page.
   Visual idiom matches the rest of the site: white surfaces,
   clean borders, brand accent (teal) on focus.
   ============================================================ */
.contact-form-section {
  background-color: #ffffff;
}

.contact-form-header {
  text-align: center;
  margin-bottom: 44px;
}

.contact-form-title {
  font-size: 32px;
  font-weight: 700;
  color: #0F1F35;
  margin-bottom: 14px;
  letter-spacing: -0.4px;
}

.contact-form-lead {
  font-size: 16px;
  line-height: 1.6;
  color: #4a5568;
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.contact-form {
  background-color: #fafbfc;
  border: 1px solid #e5e9ee;
  border-radius: 8px;
  padding: 36px;
}

.contact-form__honeypot {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.contact-form__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 22px;
}

.contact-form__field {
  display: flex;
  flex-direction: column;
  margin-bottom: 22px;
}

.contact-form__field label {
  font-size: 13px;
  font-weight: 600;
  color: #0F1F35;
  margin-bottom: 8px;
  letter-spacing: 0.2px;
}

.contact-form__field .req {
  color: #E30613;
  margin-left: 2px;
}

.contact-form__field input,
.contact-form__field textarea {
  font-family: inherit;
  font-size: 15px;
  color: #0F1F35;
  background-color: #ffffff;
  border: 1px solid #d6dbe4;
  border-radius: 5px;
  padding: 12px 14px;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  width: 100%;
  resize: vertical;
}

.contact-form__field input::placeholder,
.contact-form__field textarea::placeholder {
  color: #9aa2b1;
}

.contact-form__field input:focus,
.contact-form__field textarea:focus {
  outline: none;
  border-color: #14b8a6;
  box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.12);
}

.contact-form__actions {
  text-align: center;
  margin-top: 8px;
}

.contact-form__submit {
  background-color: #14b8a6;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  border: none;
  border-radius: 5px;
  padding: 14px 36px;
  cursor: pointer;
  transition: background-color 0.15s ease, transform 0.15s ease;
}

.contact-form__submit:hover {
  background-color: #0f9d8e;
  transform: translateY(-1px);
}

.contact-form__notice {
  font-size: 12px;
  color: #6b7280;
  margin: 16px 0 0 0;
  line-height: 1.5;
}

.contact-form__success {
  display: none;
  background-color: #f0fdf4;
  border: 1px solid #86efac;
  border-radius: 8px;
  padding: 32px;
  text-align: center;
}

.contact-form__success h3 {
  color: #15803d;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px;
}

.contact-form__success p {
  color: #166534;
  font-size: 15px;
  margin: 0;
}

.contact-form__success a {
  color: #14b8a6;
  text-decoration: underline;
}

@media (max-width: 767.98px) {
  .contact-form {
    padding: 24px 20px;
  }
  .contact-form__row {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .contact-form-title {
    font-size: 26px;
  }
}