/* =======================================================
*
*   Default
*
* ======================================================= */
::selection {
  -webkit-text-fill-color: #fff;
  background-color: #9CA648 !important;
}

::-webkit-input-placeholder {
  color: #6C757D !important;
  font-weight: 500 !important;
  opacity: 0.6 !important;
}

::placeholder {
  color: #6C757D !important;
  font-weight: 500 !important;
  opacity: 0.6 !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

html,
body {
  height: 100%;
}

body {
  font-family: 'Sen', sans-serif !important;
  position: relative;
  font-size: 15px;
  background-color: #F0F2F5 !important;
  overflow-x: hidden !important;
}

@media (min-width: 576px) {
  .container {
    max-width: 546px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 738px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 962px;
  }
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0 !important;
  line-height: 1.2 !important;
}

p {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.7 !important;
  color: #000;
  margin-bottom: 0 !important;
}

label {
  display: inline-block;
  margin-bottom: 10px !important;
  font-weight: 500;
}

input {
  text-transform: capitalize;
}

input:focus {
  outline: none !important;
}

textarea:focus {
  outline: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid rgba(22,38,55, 0.4);
}

textarea {
  font-size: 13px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 10px;
  overflow-x: hidden;
  border: 1px solid rgba(22,38,55, 0.4);
}

button {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent;
}

button:focus {
  outline: none !important;
}

a {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

hr {
  border-top: 1px solid rgba(5,5,5, 0.1) !important;
}

/*padding-60px*/
.p-60 {
  padding: 60px !important;
}

.py-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.px-60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

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

.pr-60 {
  padding-right: 60px !important;
}
/*margin-60px*/
.m-60 {
  margin: 60px !important;
}

.my-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.mx-60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.ml-60 {
  margin-left: 60px !important;
}

.mr-60 {
  margin-right: 60px !important;
}
/*padding-30px*/
.p-30 {
  padding: 30px !important;
}

.py-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.px-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

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

.pr-30 {
  padding-right: 30px !important;
}
/*margin-30px*/
.m-30 {
  margin: 30px !important;
}

.my-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.mx-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.mr-30 {
  margin-right: 30px !important;
}
/*padding-15px*/
.p-15 {
  padding: 15px !important;
}

.py-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.px-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

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

.pr-15 {
  padding-right: 15px !important;
}
/*margin-15px*/
.m-15 {
  margin: 15px !important;
}

.my-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.mx-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mt--15 {
  margin-top: -15px !important;
}

/*padding-10px*/
.p-10 {
  padding: 10px !important;
}

.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.px-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

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

.pr-10 {
  padding-right: 10px !important;
}
/*margin-10px*/
.my-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.mx-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.main-text-1 {
  font-size: 48px !important;
}

.main-text-2 {
  font-size: 35px !important;
}

.main-text-3 {
  font-size: 22px !important;
}

.main-text-4 {
  font-size: 17px !important;
}

.small-text {
  font-size: 12px !important;
}

.text-white {
  color: #fff !important;
}

.text-gray {
  color: #aaa !important;
}

.text-light {
  color: #ccc !important;
}

.text-black {
  color: #162637 !important;
}

.text-primary {
  color: #9CA648 !important;
}

/*hover*/
a.text-white:hover,
a.text-white:focus {
  color: #fff !important;
}

a.text-gray:hover,
a.text-gray:focus {
  color: #888 !important;
}

a.text-light:hover,
a.text-light:focus {
  color: #ccc !important;
}

a.text-black:hover,
a.text-black:focus {
  color: #162637 !important;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #9CA648 !important;
}

.text-white-hover {
  color: #fff !important;
}

.text-gray-hover {
  color: #888 !important;
}

.text-light-hover {
  color: #ccc !important;
}

.text-black-hover {
  color: #162637 !important;
}

.text-primary-hover {
  color: #9CA648 !important;
}

.text-white-hover:hover {
  color: #fff !important;
}

.text-gray-hover:hover {
  color: #888 !important;
}

.text-light-hover:hover {
  color: #ccc !important;
}

.text-black-hover:hover {
  color: #0b131b !important;
}

.text-primary-hover:hover {
  color: #6C753A !important;
}

.background-white {
  background: #fff !important;
}

.background-light {
  background: #F0F2F5 !important;
}

.background-primary {
  background: #9CA648 !important;
}

.background-secondary {
  background: #6C753A !important;
}

.background-black {
  background: #1b1b1b !important;
}

.background-dark {
  background: #222 !important;
}

/*Background Image*/
.background-img-scroll {
  position: relative;
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.background-img-fixed {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*Header*/
.background-img-primary {
  position: relative;
  height: 100vh;
}

.background-img-secondary {
  position: relative;
  height: 70vh;
}

.h-line-1 {
  border-bottom: 3px solid #9CA648;
  width: 100px;
}

.h-line-2 {
  border-bottom: 3px solid #6C753A;
  width: 70px;
}

.h-line-3 {
  border-bottom: 3px solid #fff;
  width: 70px;
}

.text-decoration:hover {
  text-decoration: underline !important;
}

.btn {
  display: inline-flex;
  display: -ms-inline-flexbox;
  align-items: center;
  -ms-flex-align: center;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}

.btn:hover {
  outline: none !important;
  box-shadow: none !important;
}

.btn:focus {
  outline: none !important;
  box-shadow: none !important;
}

.btn-sm-solid-primary {
  position: relative;
  font-size: 14px;
  color: #fff;
  padding: 7px 15px;
  background-color: #9CA648;
}

.btn-sm-solid-primary:hover {
  color: #fff;
  background-color: #6C753A;
}

.btn-sm-solid-secondary {
  position: relative;
  font-size: 14px;
  color: #fff;
  padding: 7px 15px;
  background-color: #6C753A;
}

.btn-sm-secondary:hover {
  color: #fff;
  background-color: #9CA648;
}

.btn-lg-solid-primary {
  position: relative;
  font-size: 15px;
  color: #fff;
  padding: 12px 20px;
  background-color: #9CA648;
}

.btn-lg-solid-primary:hover {
  color: #fff;
  background-color: #6C753A;
}

.btn-lg-solid-secondary {
  position: relative;
  font-size: 15px;
  color: #fff;
  padding: 12px 20px;
  background-color: #6C753A;
}

.btn-lg-solid-secondary:hover {
  color: #fff;
  background-color: #9CA648;
}

.btn-lg-solid-white {
  position: relative;
  font-size: 15px;
  color: #6C753A;
  padding: 12px 20px;
  background-color: #fff;
}

.btn-lg-solid-white:hover {
  color: #fff;
  background-color: #9CA648;
}

.material-icons-outlined.lg,
.material-icons.lg {
  font-size: 23px;
}

.material-icons-outlined.sm,
.material-icons.sm {
  font-size: 18px;
}

.logo {
  display: block;
  min-width: 134px;
  min-height: 60px;
}

/*Navigation*/
#mainNavigation.navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  visibility: visible;
  opacity: 1;
  z-index: 1030;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

#mainNavigation.navbar .btn-link {
  font-size: 15px;
  color: #fff;
  padding: 27px 20px;
  background-color: #9CA648;
}

#mainNavigation.navbar .btn-link:hover {
  background-color: #6C753A;
}

#mainNavigation.navbar-hide {
  visibility: hidden;
  opacity: 0;
}

#mainNavigation.navbar .navbar-nav .nav-link {
  position: relative;
  padding: 28px 14px;
  margin: 0 0 0 3px;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
}

#mainNavigation.navbar .navbar-nav .nav-link::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 4px;
  background-color: #9CA648;
  z-index: 10;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

#mainNavigation.navbar .navbar-nav .nav-link:hover:before {
  width: 100%;
}

#mainNavigation.navbar .navbar-nav .nav-link.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background-color: #9CA648;
  z-index: 10;
}

#mainNavigation.navbar .navbar-nav .nav-link.active,
#mainNavigation.navbar .navbar-nav .nav-link:hover,
#mainNavigation.navbar .navbar-nav .nav-link:focus {
  color: #9CA648;
}

.social-icons {
  padding: 7px;
  border-radius: 100%;
  border: 1px solid #aaa;
}

.social-icons svg {
  fill: #aaa;
  width: 13px;
  height: 13px;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}

.social-icons:hover {
  border: 1px solid #888;
}

.social-icons:hover svg {
  fill: #888;
}

.social-icons-2 {
  padding: 7px;
  border-radius: 100%;
  border: 1px solid #fff;
}

.social-icons-2 svg {
  fill: #fff;
  width: 15px;
  height: 15px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.social-icons-2:hover {
  border: 1px solid #fff;
}

.social-icons-2:hover svg {
  fill: #fff;
}

/*Form*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus {
  font-family: 'Sen', sans-serif !important;
  -webkit-text-fill-color: #162637;
  -webkit-box-shadow: 0 0 0 30px #fff inset;
  box-shadow:  0 0 0 30px #fff inset;
}

.form-control::-webkit-input-placeholder {
  color: #aaa;
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: #aaa;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #aaa;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #aaa;
  opacity: 1;
}

.form-control::placeholder {
  color: #aaa;
  opacity: 1;
}

.form-group {
  margin-bottom: 30px !important;
}

#contact-form label {
  color: #162637;
  font-size: 17px;
  font-weight: 700;
  text-transform: capitalize;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(40px + 2px);
  padding: 10px 15px;
  font-size: 15px;
  color: #444 !important;
  font-weight: 400;
  text-transform: inherit;
  background-color: transparent;
  background-clip: padding-box;
  border-radius: 0;
  border: 1px solid #ddd !important;
  -webkit-box-shadow: 0 0 0 100px #fff inset !important;
  box-shadow: 0 0 0 100px #fff inset !important;
  -webkit-transition: 0s;
  transition: 0s;
}

.form-control:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 100px #fff inset !important;
  box-shadow: 0 0 0 100px #fff inset !important;
}

.star-strong {
  font-size: 13px;
  font-weight: 600;
  color: #ff0000;
}

.btn.disabled,
.btn:disabled {
  opacity: 0.5 !important;
  cursor: default;
}

.has-error label.error {
  color: #ed1c24;
}

.has-error .help-block ul li {
  color: red !important;
  font-size: 17px;
}

.alert {
  position: relative !important;
  display: -ms-flexbox !important;
  display: flex !important;
  padding: 10px 35px 10px 15px !important;
  margin: 0 0 30px 0 !important;
  -webkit-border-radius: 3px !important;
  border-radius: 3px !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.alert-success {
  font-size: 17px;
  color: rgb(0,128,0) !important;
  font-weight: 500;
  background: rgb(0,128,0, 0.1) !important;
  border: 1px solid rgba(0,128,0, 0.5) !important;
}

.alert-success:before {
  position: relative;
  top: 0;
  content: "";
  display: inline-block;
  min-width: 15px;
  min-height: 15px;
  line-height: 2;
  margin-right: 10px;
  background-image: url('../images/check-icon.svg');
  background-repeat: no-repeat;
  background-position: 0;
}

.alert-danger {
  font-size: 17px;
  color: rgb(255,0,0) !important;
  font-weight: 500;
  background: rgba(255,0,0, 0.1) !important;
  border: 1px solid rgba(255,0,0, 0.5) !important;
}

.alert-danger:before {
  position: relative;
  top: 0;
  content: "";
  display: inline-block;
  min-width: 15px;
  min-height: 15px;
  line-height: 2;
  margin-right: 10px;
  background-image: url('../images/warning-icon.svg');
  background-repeat: no-repeat;
  background-position: 0;
}

button.close {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
  text-shadow: none !important;
  float: none !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 0 !important;
  color: #010203 !important;
  text-shadow: 0 1px 0 #fff;
  opacity: 1 !important;
}

@media (max-width: 992px) {
  /*padding-lg-60px*/
  .p-lg-60 {
    padding: 60px !important;
  }

  .py-lg-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .px-lg-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .pt-lg-60 {
    padding-top: 60px !important;
  }

  .pb-lg-60 {
    padding-bottom: 60px !important;
  }

  .pl-lg-60 {
    padding-left: 60px !important;
  }

  .pr-lg-60 {
    padding-right: 60px !important;
  }
  /*margin-lg-60px*/
  .m-lg-60 {
    margin: 60px !important;
  }

  .my-lg-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .mx-lg-60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .mt-lg-60 {
    margin-top: 60px !important;
  }

  .mb-lg-60 {
    margin-bottom: 60px !important;
  }

  .ml-lg-60 {
    margin-left: 60px !important;
  }

  .mr-lg-60 {
    margin-right: 60px !important;
  }
  /*padding-lg-30px*/
  .p-lg-30 {
    padding: 30px !important;
  }

  .py-lg-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .px-lg-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .pt-lg-30 {
    padding-top: 30px !important;
  }

  .pb-lg-30 {
    padding-bottom: 30px !important;
  }

  .pl-lg-30 {
    padding-left: 30px !important;
  }

  .pr-lg-30 {
    padding-right: 30px !important;
  }
  /*margin-lg-30px*/
  .m-lg-30 {
    margin: 30px !important;
  }

  .my-lg-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .mx-lg-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .mt-lg-30 {
    margin-top: 30px !important;
  }

  .mb-lg-30 {
    margin-bottom: 30px !important;
  }

  .ml-lg-30 {
    margin-left: 30px !important;
  }

  .mr-lg-30 {
    margin-right: 30px !important;
  }
  /*padding-lg-15px*/
  .p-lg-15 {
    padding: 15px !important;
  }

  .py-lg-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .px-lg-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .pt-lg-15 {
    padding-top: 15px !important;
  }

  .pb-lg-15 {
    padding-bottom: 15px !important;
  }

  .pl-lg-15 {
    padding-left: 15px !important;
  }

  .pr-lg-15 {
    padding-right: 15px !important;
  }
  /*margin-lg-15px*/
  .m-lg-15 {
    margin: 15px !important;
  }

  .my-lg-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  .mx-lg-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  .mt-lg-15 {
    margin-top: 15px !important;
  }

  .mb-lg-15 {
    margin-bottom: 15px !important;
  }

  .ml-lg-15 {
    margin-left: 15px !important;
  }

  .mr-lg-15 {
    margin-right: 15px !important;
  }

  .mt-lg--15 {
    margin-top: -15px !important;
  }

  /*padding-lg-10px*/
  .py-lg-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .px-lg-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .pt-lg-10 {
      padding-top: 10px !important;
  }

  .pb-lg-10 {
    padding-bottom: 10px !important;
  }

  .pl-lg-10 {
    padding-left: 10px !important;
  }

  .pr-lg-10 {
    padding-right: 10px !important;
  }
  /*margin-lg-10px*/
  .my-lg-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .mx-lg-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .mt-lg-10 {
    margin-top: 10px !important;
  }

  .mb-lg-10 {
    margin-bottom: 10px !important;
  }

  .ml-lg-10 {
    margin-left: 10px !important;
  }

  .mr-lg-10 {
    margin-right: 10px !important;
  }

  body {
    font-size: 15px;
  }

  p {
    font-size: 15px;
  }

  .main-text-1 {
    font-size: 43px !important;
  }
  
  .main-text-2 {
    font-size: 32px !important;
  }
  
  .main-text-3 {
    font-size: 21px !important;
  }
  
  .main-text-4 {
    font-size: 16px !important;
  }

  body.is-active {
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden !important;
  }

  #mainNavigation.navbar {
    top: 0;
    background-color: #fff;
  }

  #mainNavigation.navbar .nav-open-icon {
    cursor: pointer;
    font-size: 35px;
  }

  #mobileNavigation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    -webkit-transform: scale(0);
    opacity: 0;
    visibility: hidden;
    overflow: hidden !important;
    z-index: 9999;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }

  #mobileNavigation.is-active {
    transform: scale(1);
    -webkit-transform: scale(1);
    visibility: visible;
    opacity: 1;
  }

  #mobileNavigation .nav-close-icon {
    cursor: pointer;
    position: fixed;
    font-size: 35px;
    top: 20px;
    right: 15px;
  }

  #mobileNavigation .navbar-nav {
    border-top: 1px solid #ddd;
  }

  #mobileNavigation .navbar-nav .nav-link {
    display: block;
    width: 100%;
    padding: 15px 0;
    font-size: 17px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
  }

  #mobileNavigation .navbar-nav .nav-item {
    position: relative;
  }

  #mobileNavigation .navbar-nav .nav-item::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #ddd;
  }

  #mobileNavigation .navbar-nav .nav-link.active,
  #mobileNavigation .navbar-nav .nav-link:hover {
    color: #000;
  }

  #mobileNavigation .navbar-nav .nav-link .material-icons {
    font-size: 37px;
  }

  #mainNavigation .navbar-nav .btn-nav-link,
  #mainNavigation .navbar-nav .nav-link {
    font-size: 15px;
  }

}

@media (max-width: 767.98px) {

  /*margin-md-60px*/
  .p-md-60 {
    padding: 60px !important;
  }

  .py-md-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .px-md-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .pt-md-60 {
    padding-top: 60px !important;
  }

  .pb-md-60 {
    padding-bottom: 60px !important;
  }

  .pl-md-60 {
    padding-left: 60px !important;
  }

  .pr-md-60 {
    padding-right: 60px !important;
  }
  /*margin-md-60px*/
  .m-md-60 {
    margin: 60px !important;
  }

  .my-md-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .mx-md-60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .mt-md-60 {
    margin-top: 60px !important;
  }

  .mb-md-60 {
    margin-bottom: 60px !important;
  }

  .ml-md-60 {
    margin-left: 60px !important;
  }

  .mr-md-60 {
    margin-right: 60px !important;
  }
  /*padding-md-30px*/
  .p-md-30 {
    padding: 30px !important;
  }

  .py-md-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .px-md-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .pt-md-30 {
    padding-top: 30px !important;
  }

  .pb-md-30 {
    padding-bottom: 30px !important;
  }

  .pl-md-30 {
    padding-left: 30px !important;
  }

  .pr-md-30 {
    padding-right: 30px !important;
  }
  /*margin-md-30px*/
  .m-md-30 {
    margin: 30px !important;
  }

  .my-md-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .mx-md-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .mt-md-30 {
    margin-top: 30px !important;
  }

  .mb-md-30 {
    margin-bottom: 30px !important;
  }

  .ml-md-30 {
    margin-left: 30px !important;
  }

  .mr-md-30 {
    margin-right: 30px !important;
  }
  /*padding-md-15px*/
  .p-md-15 {
    padding: 15px !important;
  }

  .py-md-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .px-md-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .pt-md-15 {
    padding-top: 15px !important;
  }

  .pb-md-15 {
    padding-bottom: 15px !important;
  }

  .pl-md-15 {
    padding-left: 15px !important;
  }

  .pr-md-15 {
    padding-right: 15px !important;
  }
  /*margin-md-15px*/
  .m-md-15 {
    margin: 15px !important;
  }

  .my-md-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  .mx-md-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  .mt-md-15 {
    margin-top: 15px !important;
  }

  .mb-md-15 {
    margin-bottom: 15px !important;
  }

  .ml-md-15 {
    margin-left: 15px !important;
  }

  .mr-md-15 {
    margin-right: 15px !important;
  }

  .mt-md--15 {
    margin-top: -15px !important;
  }

  /*padding-md-10px*/
  .py-md-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .px-md-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .pt-md-10 {
      padding-top: 10px !important;
  }

  .pb-md-10 {
    padding-bottom: 10px !important;
  }

  .pl-md-10 {
    padding-left: 10px !important;
  }

  .pr-md-10 {
    padding-right: 10px !important;
  }
  /*margin-md-10px*/
  .my-md-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .mx-md-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .mt-md-10 {
    margin-top: 10px !important;
  }

  .mb-md-10 {
    margin-bottom: 10px !important;
  }

  .ml-md-10 {
    margin-left: 10px !important;
  }

  .mr-md-10 {
    margin-right: 10px !important;
  }

  .navbar-expand-md > .container {
    padding-right: 15px;
    padding-left: 15px;
  }

  .main-text-1 {
    font-size: 33px !important;
  }
  
  .main-text-2 {
    font-size: 28px !important;
  }
  
  .main-text-3 {
    font-size: 21px !important;
  }
  
  .main-text-4 {
    font-size: 16px !important;
  }

  .single-services-item svg {
    width: 26px;
    height: 26px;
    min-width: 26px;
    min-height: 26px;
  }

}