html {
     scroll-behavior: smooth;
}

.error-text {
     display: none;
     color: #c34f4f;
     margin-left: 10px;
}

.drsticker-pro {
     margin-top: 50px;
}

.drsticker-pro-container {
     display: flex;
     flex-direction: row;
     gap: 25px;
     justify-content: space-between;
}

.drsticker-pro-container.center {
     justify-content: center;
}

.drsticker-pro .content-box {
     border-radius: 12px;
     box-shadow: 0 0 15px rgba(141,141,141,.16);
     border: none;
     padding: 26px;
     color: #919295;
     margin-top: 0;
     margin-bottom: 20px;
     padding-top: 40px;
     flex: 1;
}

.drsticker-pro .content-box.center {
     display: flex;
     flex-direction: column;
     align-items: center;
}

.drsticker-pro #drsticker-pro-form-sent.content-box.center {
     display: none;
     flex-direction: row;
     justify-content: flex-start;
     padding: 0;
     height: 375px;
     width: 600px;
}

.drsticker-pro #drsticker-pro-form-sent > .banner-left {
     background-color: #13C08D;
     width: 75%;
     height: 100%;
     border-top-left-radius: 12px;
     border-bottom-left-radius: 12px;
     color: #fff;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
}

.drsticker-pro #drsticker-pro-form-sent > .banner-left:after {
     content: url('/-/data/pages/drsticker-pro/banner-slant.png');
     height: 100%;
     position: absolute;
     right: 37px;
     top: 0;
 }

.drsticker-pro #drsticker-pro-form-sent > .banner-left > div {
     padding-left: 10px;
     font-size: 16px;
}

.drsticker-pro #drsticker-pro-form-sent > .banner-left .drsticker-pro-thanks-title {
     font-size: 28px;
     font-weight: 700;
     margin-bottom: 15px;
 }

.drsticker-pro h1 {
     font-weight: 700;
     font-size: 32px;
}

.drsticker-pro .extrabold {
     font-weight: 900;
}

.drsticker-pro .bold {
     font-weight: 700;
}

.drsticker-pro .green {
     color: #13C08D;
}

.drsticker-pro p.subtitle {
     font-size: 18px;
}

.drsticker-pro p.title {
     color: #000;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 20px;
}

.drsticker-pro .float-right {
     float: right;
     position: relative;
}

.drsticker-pro .col-box {
     display: flex;
     flex-direction: row;
     gap: 30px;
     justify-content: space-between;
     margin-top: 20px;
}

.drsticker-pro .unordered-list {
	margin-bottom: 10px !important;
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

.drsticker-pro .unordered-list > li {
	color: #13C08D;
}

.drsticker-pro .unordered-list > li:before {
	content: url('/-/data/pages/page_icons/bullet-point.svg');
	position: relative;
	top: 5px;
	margin-right: 8px;
}

.drsticker-pro .mobile-show {
     display: none;
}

.drsticker-pro .btn {
	padding: 15px 26px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	border-radius: 12px;
	text-decoration: none;
	transition: opacity .2s ease-in-out;
	margin-top: 10px;
	margin-bottom: 10px;
	min-width: 210px;
	flex-grow: 1;
}

.drsticker-pro .btn:hover {
	text-decoration: none;
	opacity: .6;
}

.drsticker-pro .btn-green {
	background-color: #13C08D;
}

.drsticker-pro .form-row {
     width: 520px;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     gap: 10px;
     margin-bottom: 10px;
}

.drsticker-pro .form-row > .text-input {
     flex: 1;
     outline: 1px solid #F1F1F1;
     border: none;
     border-radius: 12px;
     box-shadow: none;
     height: 50px;
     font-size: 14px;
     color: #919295;
     width: 100%;
     padding-left: 12px;
     padding-right: 12px;
}

.drsticker-pro .form-row > .text-input:active,
.drsticker-pro .form-row > .select-input:active,
.drsticker-pro .form-row > .text-input:focus,
.drsticker-pro .form-row > .select-input:focus {
     outline: 1px solid #13C08D !important;
}

.drsticker-pro .form-row > .text-input::placeholder {
     color: #919295;
}

.drsticker-pro .form-row > .select-input {
     flex: 1;
     outline: 1px solid #f1f1f1;
     border: none;
     border-radius: 12px;
     box-shadow: none;
     height: 50px;
     background: transparent;
     width: 100%;
     padding-left: 12px;
     padding-right: 12px;
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='25' height='14' viewBox='0 0 25 14'><path d='M12.642,13.283a2.107,2.107,0,0,1-1.428-.532L5.88,7.92a1.909,1.909,0,0,1-.214-.227L.587,3.088A1.687,1.687,0,0,1,.587.53a2.148,2.148,0,0,1,2.826,0l9.229,8.36L21.871.53A2.148,2.148,0,0,1,24.7.53a1.685,1.685,0,0,1,0,2.558l-5.077,4.6a1.845,1.845,0,0,1-.215.228L14.07,12.751a2.107,2.107,0,0,1-1.415.532Z' transform='translate(0)' fill='%23919295'/></svg>");
     background-repeat: no-repeat;
     background-position: right 12px center;
     background-size: 20px;
     cursor: pointer;
}

.drsticker-pro .form-row > .select-input > option {
     color: #000;
}

.drsticker-pro .form-row > .text-input.error-field,
.drsticker-pro .form-row > .select-input.error-field {
     outline: 2px solid #c34f4f !important;
}

@media (max-width: 991px) {
     .drsticker-pro .float-right {
          display: none;
     }
}

@media (max-width: 815px) {
     .drsticker-pro {
          margin-top: 10px;
     }
}

@media (max-width: 767px) {
     .drsticker-pro {
          padding-left: 15px;
          padding-right: 15px;
     }

     .drsticker-pro .col-box .mobile-show {
          display: inline-block;
     }

     .drsticker-pro .col-box .mobile-hide {
          display: none;
     }

     .drsticker-pro .drsticker-pro-container {
          flex-direction: column;
     }

     .drsticker-pro .drsticker-pro-container .content-box {
          margin-bottom: 0;
     }

     .drsticker-pro .drsticker-pro-container.center {
          align-items: center;
     }

     .drsticker-pro .drsticker-pro-container.center {
          margin-top: 20px;
     }
}

@media (max-width: 600px) {
     .drsticker-pro .form-row {
          width: 100%;
     }

     .drsticker-pro .content-box.center p.subtitle {
          text-align: center;
     }
}

@media (max-width: 468px) {
     .drsticker-pro .form-row {
          flex-direction: column;
          justify-content: center;
     }

     .drsticker-pro .form-row > .text-input,
     .drsticker-pro .form-row > .select-input {
          padding-top: 12px;
          padding-bottom: 12px;
     }
}