@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
body {
	font-family: "DM Sans", sans-serif;
}
ul {
	padding: 0px;
	margin: 0px;
}
li {
	list-style: none;
}
a {
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.section-title {
	font-size: 40px;
	font-family: "Dosis", sans-serif;
	font-weight: 700;
	color: #ff7f50;
	margin-bottom: 8px;
	line-height: 48px;
}
.slider-home .off-title {
	font-size: 23px;
}
p {
	font-size: 17px;
	line-height: 30px;
	color: #4a3b31;
	font-family: "Open Sans", sans-serif;
}
section#partner {
    padding-bottom: 72px;
    padding-top: 0px;
}
section {
	padding-top: 80px;
	float: left;
	width: 100%;
}
.header .navbar-fixed-top {
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030;
}
.header .show {
	display: block!important;
}
.header .navbar-header img {
	margin-right: 9px;
	max-width: 85px;
	margin-right: 20px;
}
@media (max-width: 768px) {
	.header  {
	  margin-right: 2px;
	  text-align: center;
	}
  }
.header .navbar-header a {
	font-weight: bold;
	color: #2b1d12;
}
.header ul.navbar-right {
	margin-left: auto;
}
.header ul.navbar-right li a {
	font-size: 18px;
	color: #2b1d12;
	font-weight: 400;
	text-decoration: none;
}
.header ul.navbar-right li {
	margin-left: 32px;
}
section#home {
 <div class="recaptcha-wrapper">
        <div class="g-recaptcha" data-sitekey="6LcblPgrAAAAAHS8mMCQH6IQW2qGWG6nFjzWTnX7"></div>
</div>	background: #ffffff;
	padding-bottom: 66px;
	padding-top: 120px;
	position: relative;
}
.slider-home .section-title {
	font-size: 51px;
	line-height: 65px;
	margin-bottom: 17px;
}
.slider-info-list li {
	font-size: 16px;
	margin-bottom: 7px;
	color: #2b1d12;
}
.slider-home .off-title span {
	color: #ff7f50;
}
.slider-info-list li:before {
	content: "\f00c";
	font-family: "Font Awesome 6 Pro";
}
.slider-info-list li:before {
	content: "\f00c";
	font-family: "Font Awesome 6 Pro";
	margin-right: 6px;
	color: #ff7f50;
	font-weight: 500;
}
.abtus-text{
	padding-bottom: 10px;
	gap: 10px;
}
.price-div {
	display: flex;
	align-items: baseline;
}
.price-div .price-text {
	font-size: 49px;
	font-weight: bold;
	color: #ff7f50;
	font-family: "Dosis", sans-serif;
}
.price-div .price-currency {
	font-size: 21px;
	vertical-align: text-bottom;
	margin-right: 3px;
}
nav.navbar {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 6666;
	background: #fff;
}
.price-div .price-m {
	font-size: 21px;
}
.slider-home .about-img {
	text-align: center;
	animation-duration: 10s;
}
.table-wrapper thead tr {
	background: #ff7f50;
}
.table-wrapper thead tr th {
	font-size: 21px;
	color: #fff;
	font-family: "Dosis", sans-serif;
	text-align: center;
}
.pricing .content-wrapper {
	text-align: center;
	margin-bottom: 32px;
}
section#pricing {
	background: #ffffff;
	padding-bottom: 80px;
}
.contact-form .form-input {
	width: 100%;
	height: 50px;
	padding: 5px 12px;
	border: solid 1px #dee2e6;
	border-radius: 3px;
	font-size: 15px;
	font-family: "Dosis", sans-serif;
	font-weight: 500;
	outline: 0;
}
.contact-form label {
	font-size: 15px;
	color: #2b1d12;
	font-weight: bold;
	font-family: "Dosis", sans-serif;
}
.contact-form textarea.form-input {
	height: 140px;
}
.contact-form .form-column {
	margin-bottom: 17px;
}
.contact-form .submit-button {
	background: #ff7f50;
	color: #fff;
	padding: 11px 33px;
	border: none;
	border-radius: 3px;
	outline: 0;
	font-family: "Dosis", sans-serif;
	font-weight: 600;
	letter-spacing: 1px;
}
.footer-wrapper {
	background: #2b1d12;
	padding-top: 42px;
	padding-bottom: 20px;
	margin-top: 56px;
	float: left;
	width: 100%;
}
.footer-info .footer-logo img {
	max-width: 125px;
}
.footer-info .footer-logo {
	margin-bottom: 0;
	text-align: right;
}
.footer-info .social-icon ul li {
	display: inline-block;
	margin: 0px 10px;
}
.footer-info .social-icon ul li a {
	color: #fff;
	font-size: 24px;
}
.footer-copy-right {
	font-size: 15px;
	color: #fff;
	font-family: "Dosis", sans-serif;
	text-align: center;
}
#services .content-wrapper {
	text-align: center;
	margin-bottom: 27px;
}
section#services {
	padding-bottom: 80px;
}
.services-box {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 8px 30px rgba(0,0,0,.07);
    padding: 20px;
    text-align: center;
    height: 100%;
}
.services-title {
	font-size: 25px;
	font-family: "Dosis", sans-serif;
	font-weight: 700;
	color: #2b1d12;
	margin-bottom: 14px;
	line-height: 30px;
}
.services-box .services-icon {
	margin-bottom: 16px;
	margin-top: 17px;
}
.services-box p {
	line-height: 24px;
	font-size: 15px;
}
.header ul.navbar-right li a.active {
	color: #ff7f50;
}
.contact-form .submit-button:hover {
	background: #e8673a;
}
.contact-form .form-input:focus {
	border: solid 1px #e8673a;
}
.slider-home .slider-img img {
	width: auto !important;
	display: inline-block !important;
}
.slider-home .slider-img {
	text-align: right;
}
#sliderhome .owl-nav button.owl-prev {
	position: absolute;
	left: -65px;
	top: 40%;
}
#sliderhome .owl-nav button.owl-next {
	position: absolute;
	right: -65px;
	top: 40%;
}
#sliderhome .owl-nav button {
	width: 30px;
	height: 30px;
	color: #ff7f50;
	border-radius: 100px;
	background: #efefef;
}
#sliderhome .owl-dots {
	display: none;
}
#sliderhome .owl-nav button:hover {
	background: #ff7f50;
	color: #fff;
}
.img-shape2 {
	position: absolute;
	right: 0px;
	top: 0;
}


/*** 
=============================================
    Float Bob Y Animation Css
=============================================
***/
@-webkit-keyframes float-bob-y {
 0% {
 transform: translateY(-20px);
}
 50% {
 transform: translateY(-10px);
}
 100% {
 transform: translateY(-20px);
}
}
 @keyframes float-bob-y {
 0% {
 transform: translateY(-20px);
}
 50% {
 transform: translateY(-10px);
}
 100% {
 transform: translateY(-20px);
}
}
.img-shape2 img, #about .about-img img, #contact .about-img img {
	-webkit-animation-name: float-bob-y;
	animation-name: float-bob-y;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

/****** HOME  SLIDER  Animation CSS ******/
@-webkit-keyframes fadeInUp {
0% {
-webkit-transform:translate3d(0, 100%, 0);
opacity:0;
transform:translate3d(0, 100%, 0)
}
to {
	-webkit-transform: translateZ(0);
	opacity: 1;
	transform: translateZ(0)
}
}
 @keyframes fadeInUp {
0% {
-webkit-transform:translate3d(0, 100%, 0);
opacity:0;
transform:translate3d(0, 100%, 0)
}
to {
	-webkit-transform: translateZ(0);
	opacity: 1;
	transform: translateZ(0)
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
 @-webkit-keyframes fadeInDown {
0% {
-webkit-transform:translate3d(0, -100%, 0);
opacity:0;
transform:translate3d(0, -100%, 0)
}
to {
	-webkit-transform: translateZ(0);
	opacity: 1;
	transform: translateZ(0)
}
}
 @keyframes fadeInDown {
0% {
-webkit-transform:translate3d(0, -100%, 0);
opacity:0;
transform:translate3d(0, -100%, 0)
}
to {
	-webkit-transform: translateZ(0);
	opacity: 1;
	transform: translateZ(0)
}
}
 @-webkit-keyframes fadeInLeft {
0% {
-webkit-transform:translate3d(-100%, 0, 0);
opacity:0;
transform:translate3d(-100%, 0, 0)
}
to {
	-webkit-transform: translateZ(0);
	opacity: 1;
	transform: translateZ(0)
}
}
@keyframes fadeInLeft {
0% {
-webkit-transform:translate3d(-100%, 0, 0);
opacity:0;
transform:translate3d(-100%, 0, 0)
}
to {
	-webkit-transform: translateZ(0);
	opacity: 1;
	transform: translateZ(0)
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}
#sliderhome .owl-item.active .content-wrapper .off-title {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-name: fadeInUp;
	animation-delay: 0.3s;
}
#sliderhome .owl-item.active .content-wrapper .section-title {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-name: fadeInUp;
	animation-delay: 0.3s;
}
#sliderhome .owl-item.active .content-wrapper .slider-info-list {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-name: fadeInUp;
	animation-delay: 0.3s;
}
#sliderhome .owl-item.active .content-wrapper .price-div {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-name: fadeInUp;
	animation-delay: 0.3s;
}
#sliderhome .owl-item.active .content-wrapper p {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-name: fadeInUp;
	animation-delay: 0.3s;
}

/****** HOME  SLIDER  Animation CSS END ******/


.services-box:hover {
	background: #e8673a;
}
.services-box:hover .services-title {
	color: #fff;
}
.services-box:hover p {
	color: #fff;
}
.footer-info .social-icon ul li a:hover {
	color: #ff7f50;
}
.table-wrapper td {
	font-size: 16px;
	padding-top: 13px;
	padding-bottom: 13px;
	border: solid 1px #ffd9c7;
	font-weight: 700;
	font-family: "Dosis", sans-serif;
	text-align: center;
}
.table-wrapper td:first-child {
	text-align: left;
}
.table-wrapper thead tr th:first-child {
	text-align: left;
}
.pricing-item-box {
	background: #fff;
	text-align: center;
}
.pricing-item-box .pricing-item-title {
	font-size: 22px;
	color: #fff;
	font-weight: bold;
	font-family: "Dosis", sans-serif;
	padding-top: 13px;
	padding-bottom: 11px;
}
.pricing-item-box .pricing-list li {
	border-top: solid 1px #ededed;
	color: #ffffff;
	font-size: 17px;
	font-family: "Dosis", sans-serif;
	font-weight: 600;
	padding-top: 10px;
	padding-bottom: 10px;
}
.pricing-bg1 {
	background: linear-gradient(0deg, #ff9a73, #ff7f50 80%);
}
.pricing-bg2 {
	background: linear-gradient(0deg, #ff7f50, #e8673a 80%);
}
.pricing-bg3 {
	background: linear-gradient(0deg, #4a3626, #2b1d12 80%);
}
.pricing-item-box.pricing-bg1 .pricing-list li {
	border-top: solid 1px #ffb38f;
}
.pricing-item-box.pricing-bg2 .pricing-list li {
	border-top: solid 1px #ff9a73;
}
.pricing-item-box.pricing-bg3 .pricing-list li {
	border-top: solid 1px #6b5a4e;
}
#pricing-slider .owl-dots {
	display: none;
}
#pricing-slider .owl-nav button.owl-prev {
	position: absolute;
	left: -55px;
	top: 33%;
}
#pricing-slider .owl-nav button.owl-next {
	position: absolute;
	right: -55px;
	top: 33%;
}
#pricing-slider .owl-nav button {
	width: 30px;
	height: 30px;
	color: #ff7f50;
	border-radius: 100px;
	background: #efefef;
}
#pricing-slider .owl-nav button:hover {
	background: #ff7f50;
	color: #fff;
}
.footer-copy-right span {
	padding-top: 6px;
}

.contact-row {
    max-width: 100%;
    margin: 0px auto;
}

#contact .content-wrapper {
    text-align: center;
    margin-bottom: 38px;
}

.contact-box-new {
    background: #ffffff;
    box-shadow: 0 8px 30px rgba(0,0,0,.07);
    padding: 47px 10px;
    text-align: center;
    border-radius: 8px;
}

.contact-box-new .contact-icon i {
    font-size: 32px;
    margin-bottom: 8px;
    color: #ff7f50;
}

.contact-box-new .contact-title {
    font-size: 22px;
    color: #2b1d12;
    font-family: "Dosis", sans-serif;
    font-weight: 500;
}

.contact-box-new-1{
	background: #ffffff;
    box-shadow: 0 8px 30px rgba(0,0,0,.07);
    padding: 47px 7px;
    text-align: center;
    border-radius: 8px;
}

.contact-box-new-1:hover{
	background-color:#e8673a ;
}
@media (max-width: 768px){
	.contact-box-new-1{
		margin-bottom: 22px;
	}
}

.contact-call{
	font-size: 18px;
    color: #2b1d12;
    font-family: "Dosis", sans-serif;
    font-weight: 500;
}
section#contact {
    padding-bottom: 40px;
}





 @media (min-width: 768px) {
.header .navbar-toggle {
	display: none;
}
/*.header .navbar-collapse.collapse {
    display: block!important;
    height: auto!important;
    padding-bottom: 0;
    overflow: visible!important;
}*/
/*.header .navbar-header {
    float: left;
    max-width: 68px;
}*/
}






in
@media only screen and (max-width: 767px) { 
.slider-home .section-title {
    font-size: 29px;
    line-height: 37px;
    margin-bottom: 19px;
    margin-top: 12px;
}
#sliderhome .content-wrapper {
    text-align: center;
}

#sliderhome .owl-nav button {
    display: none;
}

.price-div {
    justify-content: center;
}
#about .about-img {
    margin-top: 35px;
}

.section-title {
    font-size: 33px;
    margin-bottom: 8px;
    line-height: 43px;
}
section#services {
    padding-bottom: 0;
}

section#partner {
    padding-bottom: 51px;
}

section#pricing {
    padding-bottom: 39px;
    padding-top: 49px;
}
.pricing-item-box .pricing-item-title {
    font-size: 15px;
    padding: 8px 5px;
}


#pricing-slider .owl-nav button.owl-prev {
    position: relative;
    left: 0px;
    top: auto;
}
#pricing-slider .owl-nav button.owl-next {
    position: relative;
    right: 0;
    top: auto;
}

#pricing-slider .owl-nav {
    margin-top: 26px;
}

.contact-row {
    max-width: 100%;
    margin: 0px auto;
}
.contact-box-new {
    margin-bottom: 20px;
}

.footer-info .footer-logo {
    text-align: center;
}

.footer-info .footer-logo img {
    max-width: 76px;
}

.footer-copy-right {
    margin-top: 27px;
    margin-bottom: 18px;
}

.social-icon {
    text-align: center;
}


.footer-wrapper {
    margin-top: 0;

}

section#services {
    padding-top: 25px;
}

.header .navbar-header a {
    float: left;
}

.navbar-header {
    width: 100%;
}

button.navbar-toggler {
    float: right;
    margin-top: 7px;
}


.header ul.navbar-right li {
    margin-left: 0;
    line-height: 40px;
    border-bottom: solid 1px #e3e3e3;
}

.header ul.navbar-right {
    padding-bottom: 15px;
    padding-top: 13px;
}



}





@media only screen and (min-width: 768px) and (max-width: 991px) { 
.services-title {
    font-size: 15px;
    margin-bottom: 11px;
    line-height: 20px;
    margin-top: 24px;
}

.contact-row {
    max-width: 100%;
    margin: 0px auto;
}


.pricing-item-box .pricing-item-title {
    font-size: 15px;
    padding: 11px 7px;
}

#pricing-slider .owl-nav button.owl-prev {
    left: -38px;

}

#pricing-slider .owl-nav button.owl-next {
    right: -38px;
}

section#partner {
    padding-top: 17px;
    padding-bottom: 31px;
}

.slider-home .section-title {
    font-size: 32px;
    line-height: 53px;
    margin-bottom: 19px;
    margin-top: 22px;
}
.navbar-header {
    width: 100%;
}

button.navbar-toggler {
    float: right;
    margin-top: 3px;
}

.header .navbar-header a {
    margin-top: 0px;
    display: inline-block;
}



}
.table-head-1{
	background-color: #ffd9c7 !important;
	font-size: 25px;
	color: #e8673a;
	font-weight: bold;
	font-family: 'Dosis', sans-serif;
}


table th{
	background-color: #ffffff !important;
	font-size: 18px;
	color: #2b1d12;
	font-weight: bold;
	font-family: 'Dosis', sans-serif;
}

table td{
	background-color: #ffffff !important;
	font-size: 18px;
	color: #2b1d12;
	font-family: 'Dosis', sans-serif;
}
  h3{
	text-align: center;
	font-size: 15px;
	padding-top: 30px;;
	color:#e8673a; 
	font-family: 'Dosis', sans-serif;
}
  .contact-box-new .contact-icon i {
	color: #2b1d12;
	transition: color 0.3s ease;
  }
  
  .contact-box-new:hover {
	background-color: #e8673a; /* Blue background on hover */
	color: #fff; /* Text color changes to white */
	font-weight: bold;
  }
  
  .contact-box-new:hover .contact-icon i {
	color: #fff; /* Icon color changes to white */
  }
  .contact-box-new:hover .contact-title {
	color: #fff; /* Title color changes to white */
  }
  .contact-box-new p{
	display: none;
	transition: opacity 0.3s ease;
  }
  
  .contact-box-new:hover p{
	display: block;
  }

  /* contact form styles */
  form {
  
  /* position: relative; */
  margin: 30px auto;
  background:transparent;
  padding: 10px;
  border-radius: 8px;
  width:100%;
  max-width: 700px;
  text-align: center;
}

.h2-contact-us {
  /* background: radial-gradient(circle, #696969, #333030); */
  font-weight: 800;
  font-size: 42px;
  margin-bottom: 5px;
  color: #2b1d12;
}

.p-tag-contact-us {
  color: #8a7a70;
  font-size: 14px;
  margin-bottom: 30px;
  letter-spacing: 2px;
}

.form-group {
  margin-bottom: 25px;
  text-align: left;
}

.two-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.input-box {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.input-box span {
  font-size: 12px;
  font-weight: 600;
  color: #4a3b31;
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

input{
  padding: 12px 14px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
  transition: border-color 0.2s;
}
.recaptcha-wrapper {
  display: flex;
  justify-content: center;  /* center horizontally */
  align-items: center;      /* optional, centers vertically if height given */
  width: 100%;
  margin: 10px 0;
}
.txtarea {
  width: 100%;
  padding: 12px 14px; /* Default for mobile */
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
  transition: border-color 0.2s;
  box-sizing: border-box; /* Important to avoid padding overflow */
}

/* Tablet and above: Adjust padding if needed */
@media (min-width: 481px) {
  .txtarea {
    padding-right: 50px;
    padding-left: 20px;
  }
}

/* Desktop and larger screens */
@media (min-width: 768px) {
  .txtarea {
    padding-right: 80px;
    padding-left: 20px;
  }
}

input::placeholder,
textarea::placeholder {
  text-align: left; /* Align placeholder text */
  opacity: 1; /* Ensure placeholder is visible */
  color: #8a7a70; /* Optional: adjust placeholder color */
}
input:focus,
textarea:focus {
  border-color: #e8673a;
  outline: none;
}b77060

textarea {
  resize: vertical;
  min-height: 120px;
  margin-top: 6px;
}

.description {
  font-size: 12px;
  font-weight: 600;
  color: #4a3b31;
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: block;
}

button {
  width: 100%;
  padding: 14px;
  background-color: #fff4ee;
  color: #2b1d12;
  font-size: 16px;
  font-weight: bold;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  margin-top: 20px;
  transition: background-color 0.3s ease;
}

button:hover {
  background-color: #e8673a;
}

/* Responsive layout */
@media (max-width: 400px) {
  .two-columns {
    flex-direction: column;
  }
}
.text-submission{
  margin-top: 10px;
  padding: 20vh;
}
@media (max-width : 260px){
  .text-submission{
 display : none;   
 margin-top: 10px;
    padding: 10vh;
  }
}
.phone-wrapper {
  display: flex;
  gap: 10px;
  align-items: center;
  width: 100%;
}

.phone-wrapper select {
  width: 90px; /* Compact width */
  min-width: 70px;
  padding: 12px 10px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
  color: #2b1d12;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%227%22%20viewBox%3D%220%200%2010%207%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0%200l5%207%205-7z%22%20fill%3D%22%23999%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px;
  transition: border-color 0.2s;
}

.phone-wrapper input[type="tel"] {
  flex: 1;
  min-width: 0;
  padding: 12px 14px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
  transition: border-color 0.2s;
}


.phone-wrapper select:focus,
.phone-wrapper input[type="tel"]:focus {
  border-color: #e8673a;
  outline: none;
}

/* Responsive adjustment for small screens */
@media (max-width: 260px) {
  .phone-wrapper {
    flex-direction: column;
  }

  .phone-wrapper select,
  .phone-wrapper input[type="tel"] {
    width: 50%%;
  }
}



/* Palette (2026-10-03): as the error pages - #ff7f50, hover #e8673a, ink #2b1d12, tints #fff4ee / #ffd9c7 */

/* Login button (top right) - opens Maya's login (customer portal) */
.header ul.navbar-right li.nav-login a.nav-login-btn {
	background: #ff7f50;
	color: #fff;
	border-radius: 20px;
	padding: 6px 22px;
	margin-left: 10px;
	font-weight: 600;
}
.header ul.navbar-right li.nav-login a.nav-login-btn:hover,
.header ul.navbar-right li.nav-login a.nav-login-btn:focus {
	background: #e8673a;
	color: #fff;
}
@media (max-width: 991px) {
	.header ul.navbar-right li.nav-login a.nav-login-btn { display: inline-block; margin: 8px 0 12px; }
}

/* Contact form submit button: bright orange by default (white text), darker on hover */
#myForm button[type="submit"] {
  background-color: #ff7f50;
  color: #ffffff;
}
#myForm button[type="submit"]:hover,
#myForm button[type="submit"]:focus {
  background-color: #e8673a;
  color: #ffffff;
}
#myForm button[type="submit"]:disabled {
  background-color: #ffb38f;
  cursor: not-allowed;
}