/*----------------Checkot-Page----------------------*/
.product-detail p.heading-size {font-size: 24px;}        
.checkout-page {padding-top: 70px;}        
.card-wrapper {margin: 0 auto;}
.product-imgs img { width: 100%; display: block;}
.img-display {overflow: hidden;}
.img-showcase {display: flex;width: 100%;transition: all 0.5s ease;}
.img-showcase img {min-width: 100%;}
.img-select {display: flex;}
.img-item {margin: 0.3rem;}
.img-item:nth-child(1),
.img-item:nth-child(2),
.img-item:nth-child(3) {margin-right: 0;}
.img-item:hover { opacity: 0.8;}
.product-content {padding: 2rem 1rem;}
.product-title {font-size: 3rem;text-transform: capitalize;font-weight: 700;position: relative;color: #12263a;margin: 1rem 0;}
.product-title::after {content: "";position: absolute;left: 0;bottom: 0;height: 4px;width: 80px;background: #12263a;}
.product-link {text-decoration: none;text-transform: uppercase;font-weight: 400;font-size: 0.9rem;display: inline-block;margin-bottom: 0.5rem;background: #256eff;color: #fff;padding: 0 0.3rem;transition: all 0.5s ease;}
.product-link:hover {  opacity: 0.9;}
.product-rating {color: #ffc107;}
.product-rating span {font-weight: 600;color: #252525;}
.product-price {margin: 1rem 0;font-size: 1rem;font-weight: 700;}
.product-price span {font-weight: 400;}
.last-price span {color: #f64749;text-decoration: line-through;}
.new-price span {color: #256eff;}
.product-detail h2 {text-transform: capitalize;font-size: 30px;border: none;margin-bottom: 20px;padding-bottom: 0px;color: rgb(0, 0, 0);font-family: 'Asap', sans-serif;}
.product-detail p {padding: 0px;opacity: 0.8;color: #000;font-family: 'Asap', sans-serif;font-size: 18px;line-height: 1.4em;width: 100%;margin: 0 auto;font-weight: 600;}
.product-detail ul {margin: 1rem 0;font-size: 0.9rem;padding-left: 0;}
.product-detail ul li {margin: 0;list-style: none;background: url(https://fadzrinmadu.github.io/hosted-assets/product-detail-page-design-with-image-slider-html-css-and-javascript/checked.png)
    left center no-repeat;background-size: 18px;padding-left: 1.7rem;margin: 0.4rem 0;font-weight: 600;opacity: 0.9;font-family: 'Asap', sans-serif;position: relative;}
.product-detail ul li span {font-weight: 400;}
.purchase-info { margin: 1.5rem 0;}
.purchase-info input,
.purchase-info button.btn {background-color: rgb(253, 185, 44) !important;font-weight: bold;font-size: 26px;text-transform: uppercase;transition: .3s ease;border-radius: 6px;padding: 10px 25px;width: 95%;}
p.copy-right {width: 100%;text-align: center;color: #fff;margin: 0px;font-size: 13px;font-family: 'Montserrat', sans-serif;font-weight: bold;}        
.footer-bottom {text-align: center;padding: 12px 0px;background: #0775bb;} 
.appointment-body-details {padding-bottom: 90px;padding: 0px;}        
.logo-text .appointment-body-details p {font-size: 16px;text-align: right;}        
.checkout-page .top-heading h2 {text-align: center;font-size: 46px;padding-left: 5px;padding-right: 5px;padding-bottom: 10px;padding-top: 0px;margin-bottom: 0px;line-height: 1.2em;color: #000;font-family: 'Asap', sans-serif;}        
.purchase-info input {width: 60px;}
.purchase-info .btn {cursor: pointer;color: #fff;}
.purchase-info .btn:first-of-type {background: #256eff;}
.purchase-info .btn:last-of-type {background: #f64749;}
.purchase-info .btn:hover {opacity: 0.9;}
.social-links {display: flex;align-items: center;}
.social-links a {display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;color: #000;border: 1px solid #000;margin: 0 0.2rem;
  border-radius: 50%;text-decoration: none;font-size: 0.8rem;transition: all 0.5s ease;}
.social-links a:hover {background: #000;border-color: transparent;color: #fff;}
.checkout-page .card {border: none;}
@media screen and (min-width: 992px) {
  .card {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1.5rem;
  }
  .card-wrapper {
    height:80vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .product-imgs {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .product-content {
    padding-top: 0;
  }
}

/*----------------Checkot-Page----------------------*/



.modal-bttn {padding: 20px 25px;font-size: 24px;border-radius: 6px;color: rgb(255, 255, 255);margin: 20px auto 40px;margin-left: auto;border-color: rgb(17, 122, 202);background-color: rgb(253, 185, 44);font-weight: 400;display: inline-block;width: 100%;text-align: center;line-height: normal;font-family: 'Montserrat', sans-serif;font-weight: bold;}

.modal-bttn:hover {background: rgb(227, 166, 40);text-decoration: none;}

.checkout-bttn {padding: 20px 25px;font-size: 24px;border-radius: 6px;color: rgb(255, 255, 255);margin: 20px auto 40px;margin-left: auto;border-color: rgb(17, 122, 202);background-color: rgb(253, 185, 44);font-weight: 400;display: inline-block;width: 100%;text-align: center;line-height: normal;font-family: 'Montserrat', sans-serif;font-weight: bold;}

.checkout-bttn:hover {background: rgb(227, 166, 40);text-decoration: none;}

/* .ul-box.ul-back-box ul li{ font-family: 'Montserrat', sans-serif;} */
.ul-box.ul-back-box ul li::before {position: absolute;top: 0;bottom: auto;left: 0;right: auto;margin: auto;content: "✔";color: #000;font-weight: bold;}

.body-single-payment .bottom-img-box {
  display: flex !important;
  justify-content: left;
  margin-left: auto !important;
  margin-right: auto !important;
  align-items: center;
  padding: 25px 0 15px;
}

.body-single-payment .bottom-img-box .img-round {
  width: 200px;
  height: 200px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  border-radius: 50%;
  overflow: hidden;
}

.body-single-payment .img-text-round strong {
  color: rgb(0, 0, 128);
  font-weight: bold !important;
  font-size: 24px;
}

.body-single-payment .img-text-round p {
  margin: 0px;
  color: rgba(34,40,58,.8);
  font-size: 20px;
}


.top-heading {width: 100%;text-align: center;padding-bottom: 40px;}.top-heading h2 {line-height: 1.2em;color:#000;font-family: 'Asap', sans-serif;font-family: 'Montserrat', sans-serif;font-size: 60px;display: inline-block;padding-left: 15px;padding-right: 15px;padding-bottom: 20px;padding-top: 20px;font-weight: 600;}.footer-bottom {text-align: center;padding: 12px 0px;background: #0775bb;}.mobile-on {display: none !important;}.bottom-img-box.mobile-on {display: none !important;}.card-style.mobile-off span {padding: 0px !important;display: inline-block;width: 100%;text-align: right;}.card-style.mobile-off .bottom-img-box {justify-content: right;}.appointment-confirmed.video-page .appointment-body {padding-bottom: 20px;}.appointment-confirmed .appointment-body p {padding-bottom: 50px;}.logo-text .appointment-body-details p {font-size: 16px;text-align: right;}.logo-text a.main-logo {margin-left: 0px;}.body-single {padding: 40px 0px;background-color:#fff;}.text-box {border-radius: 15px;padding: 30px 40px 30px;background-image: none;opacity: 1;border: 1px solid rgba(0, 0, 0, 0.1);background-color: rgb(7, 117, 187);color: #fff;}.text-box h2 {text-align: center;font-family: 'Asap', sans-serif;margin: 0px 0px 25px;font-size: 34px;line-height: normal;color: #333;}.body-single .col-sm-7 {display: flex;align-items: center;}.text-box p {margin-bottom:20px;text-align: center;font-family: 'Asap', sans-serif;font-size: 20px;line-height: 1.4em;font-weight: bold;color: #fff;}.text-box span {text-align: center;width: 100%;display: inline-block;position: relative;margin: 0px 0px 20px;font-size: 14px;line-height: 1.4em;font-weight: 300;font-family: 'Asap', sans-serif;}.text-box strong {font-weight: bold;}.ul-box {border-top: 1px solid #e3e3e3;padding-top: 20px;}.ul-box ul {padding: 0px;margin: 0px;}.ul-box ul li {list-style: none;font-family: 'Asap', sans-serif;font-size: 18px;line-height: 1.4em;position: relative;margin-top: 0px;margin-bottom: 10px;padding-left: 30px;}.ul-box ul li::before {position: absolute;top: 0;bottom: auto;left: 0;right: auto;margin: auto;content: "✔";color: #fff;font-weight: bold;}.img-text-round p a {color:rgba(255, 255, 255, 0.8);text-decoration: none;}a.modal-bttn {padding: 20px 25px;font-size: 24px;border-radius: 6px;color: rgb(255, 255, 255);margin: 20px auto 40px;margin-left: auto;border-color: rgb(17, 122, 202);background-color: rgb(253, 185, 44);font-weight: 400;display: inline-block;width: 100%;text-align: center;line-height: normal;font-family: 'Montserrat', sans-serif;font-weight: bold;}a.modal-bttn:hover {background: rgb(227, 166, 40);text-decoration: none;}span.bottom-pro {font-family: 'Asap', sans-serif;font-size: 24px;line-height: 1.4em;font-family: 'Montserrat', sans-serif;}.bottom-img-box {display: flex !important;justify-content: center;margin-left: auto !important;margin-right: auto !important;align-items: center;padding: 15px 0px;}.bottom-img-box .img-round {width:45px;height:45px;margin-top: 0px;margin-bottom: 0px;padding: 0px;border-radius: 50%;overflow: hidden;}.bottom-img-box .img-round img {height: auto;width: 100%;}.img-text-round {padding-left: 20px;}.img-text-round p {margin: 0px;color: rgba(34,40,58,.8);font-size: 14px;}.img-text-round strong {color: rgb(0, 0, 128);font-weight: bold !important;}.video-box {width: 100%;}.video-box iframe {width: 100%;height: 385px;}* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.modalDialog {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.8);z-index: 99999;opacity:0;-webkit-transition: opacity 100ms ease-in;-moz-transition: opacity 100ms ease-in;transition: opacity 100ms ease-in;pointer-events: none;transition: background-color .5s ease-in;animation: animatetop 0.4s;}.modalDialog:target {opacity:1;pointer-events: auto;}.modalDialog .modal-body {max-width:650px;width: 90%;position: relative;margin: 10% auto;padding: 20px 30px;border-radius: 3px;background: #fff;}.close {font-family: Arial, Helvetica, sans-serif;background: #0677be;color: #fff;line-height: 25px;position: absolute;right: -15px;text-align: center;top: -16px;width: 34px;height: 34px;text-decoration: none;font-weight: bold;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-moz-box-shadow: 1px 1px 3px #000;-webkit-box-shadow: 1px 1px 3px #000;box-shadow: 1px 1px 3px #000;padding-top: 5px;}.close:hover {background: #0677be;opacity: 1 !important;}.close {opacity: 1;}.modal-body h2 {text-align: center;font-size: 46px;font-weight: 700;margin-bottom:5px;line-height: normal;color: #000;}.modal-body span {text-align: center;font-family: 'Asap', sans-serif;font-size: 24px;line-height: 1.4em;width: 100%;display: inline-block;margin-bottom: 30px;color: #000;}.form-box {margin-bottom:20px;position: relative;}.form-control {padding-left: 15px;padding-right: 45px;height: 47px;font-size: 16px;line-height: normal;border-color: rgba(0,0,0,.2);color: rgba(0,0,0,.6);background: #fff;border-width: 1px;}.form-box i {position: absolute;right: 10px;bottom: 0;top: 0;margin: auto;line-height: 47px;color: rgba(0,0,0,.6);opacity: .7;font-size: 20px;}.form-box button {background-color: rgb(253, 185, 44);color: rgb(255, 255, 255);font-weight: 700;border: none;width: 100%;text-align: center;line-height: 1.3;font-size: 20px;padding: 14px 14px;margin: 15px 0px 0px 0px;transition: .3s ease;border-radius: 4px;}.form-box button:hover {background: rgb(227, 166, 40);text-decoration: none;}.modal.modal-first.visible {display: block;}.modal {background: #00000078;}.modal .modal-body {max-width:900px;width: 90%;position: relative;margin: 10% auto;padding: 20px 30px;border-radius: 3px;background: #fff;z-index: 999;border-color: rgb(0, 212, 34);border-style: solid;border-width: 10px;}.half-half {width: 57.333%;display: inline-block;vertical-align: top;padding-bottom: 50px;padding-right: 30px;padding-left: 10px;}.half-half-third {width: 41.6666666667%;display: inline-block;vertical-align: top;}.half-half-third img {height: auto;width: 100%;}.half-half h2 {font-family: 'Asap', sans-serif;font-family: 'Montserrat', sans-serif;font-size: 110px;line-height: 1em;font-weight: 900;}.appointment-confirmed {padding: 40px 0px;background-color: rgba(0, 0, 0, 0);}a.main-logo {max-width: 100%;height: auto;width: 154px;margin: 0 auto;padding: 0px;display: none;}a.main-logo img {height: auto;width: 100%;}.appointment-body {display: block;width: 100%;text-align: center;}.appointment-body h1 {line-height: 1.2em;color: rgb(0, 0, 0);font-family: 'Asap', sans-serif;font-family: 'Montserrat', sans-serif;font-size: 60px;display: inline-block;padding-left: 15px;padding-right: 15px;padding-bottom: 20px;border-bottom: none;font-weight: 600;}.appointment-body p {text-align: center;font-family: 'Asap', sans-serif;font-size: 20px;line-height: 1.4em;padding-top: 15px;width: 65%;margin: 0 auto;padding-bottom:40px;}.appointment-body-details {display: block;width: 100%;text-align: center;}.appointment-body-details p {text-align: center;font-family: 'Asap', sans-serif;font-size: 20px;line-height: 1.4em;margin-bottom: 5px;color: #000;font-weight: 700;}.appointment-body-details p a {color: #000;text-decoration: none;}.appointment-body-details {padding-bottom: 90px;padding: 0px;}p.copy-right {width: 100%;text-align: center;color: #fff;margin: 0px;font-size: 13px;font-family: 'Montserrat', sans-serif;font-weight: bold;}.appointment-confirmed.video-page .appointment-body-details {padding-bottom: 50px;}.video-page .appointment-body h1 {font-size: 44px;border: none;margin-bottom: 0px;padding-bottom: 0px;}.video-page .appointment-body p {color: #898989;padding-bottom: 25px;}.appointment-body-details .video-box iframe {height: 640px;border: 4px solid #000;border-bottom: none;}.video-bottom-text h3 {text-align: center;font-size: 34px;border: none;margin-bottom: 20px;padding-bottom: 20px;color: rgb(0, 0, 0);font-family: 'Montserrat', sans-serif;font-weight: 600;}.video-bottom-text p {text-align: center;color: #898989;padding-bottom: 25px;font-family: 'Asap', sans-serif;font-size: 20px;line-height: 1.4em;padding-top: 15px;width: 100%;margin: 0 auto;}.video-bottom-text a {padding: 10px 20px;font-size: 28px;border-radius: 0px;color: rgb(255, 255, 255);margin: 20px auto 0px;margin-left: auto;border-color: rgb(17, 122, 202);background-color: rgb(253, 185, 44);width: 100%;text-align: center;line-height: 65px;font-family: 'Montserrat', sans-serif;text-transform: uppercase;font-weight: bold;justify-content: space-between;display: flex;border-bottom:none;;transition: .3s ease;border-radius: 6px;}.video-bottom-text a:hover {text-decoration: none;background: #d89d26;transition: .3s ease;}.appointment-confirmed.video-page p.copy-right {color: #000;padding-top: 20px;}.calender-page h1 {border: none;}body.Es8downQlxiASDyltHtn {overflow: hidden !important;}.Es8downQlxiASDyltHtn.HhJ8keLZ1SBupKzmsP0V._C_TCiqAjdTOkIIzyy7N._2eZHnh_PMhyzt7w_zi7.Rkt9F4BV7O3LQSywHdJy {overflow: hidden !important;}@media (max-width:1366px){.appointment-confirmed.video-page .appointment-body {padding-top: 0px;}.appointment-body {padding-top:40px;}.appointment-body p {padding-bottom:0px;}.appointment-body p {font-size: 18px;}.appointment-body h1 {font-size: 46px;padding-left: 5px;padding-right: 5px;padding-bottom: 10px;padding-top: 0px;margin-bottom: 0px;}.video-bottom-text a {width: 66%;}.wistia_responsive_padding {height: auto;width: 80%;margin: 0 auto !important;padding:45.25% 0 0 0 !important;}.appointment-body-details .video-box iframe {height: 450px;width: 70%;}.top-heading h2 {font-size: 46px;padding-left: 5px;padding-right: 5px;padding-bottom: 10px;padding-top: 0px;margin-bottom: 0px;}.text-box {border-radius: 15px;padding: 25px 40px 25px;}.half-half h2 {font-size: 70px;}.modal-body span {font-size: 20px;margin-bottom: 20px;}.modal .modal-body {max-width: 800px;margin-top: 5%;}.close {transform: scale(0.7);}.modal.modal-first a.close {top: -28px;right: -26px;}.appointment-body-details {padding-bottom:15px;}.video-bottom-text h3 {font-size: 34px;margin-bottom: 0px;padding-bottom: 10px;}.video-bottom-text a {font-size: 26px;}.appointment-confirmed.video-page .appointment-body-details {padding-bottom: 30px;}}@media (max-width:1199px){.video-page .appointment-body h1 {font-size: 36px;}.video-page .appointment-body p {padding-bottom: 25px;font-size: 18px;width: 75%;}.appointment-body-details .video-box iframe {height: 540px;}.video-bottom-text h3 {font-size: 30px;margin-bottom: 10px;padding-bottom: 10px;}.appointment-confirmed.video-page .appointment-body-details {padding-bottom: 35px;}.video-bottom-text a {padding: 10px 20px;font-size: 24px;}}@media (max-width:991px){.body-single-payment .text-box {margin-bottom: 35px;}.body-single-payment .col-sm-7 {width: 100%;flex: 100%;max-width: 100%; }.col-sm-5 {width:100%;flex: 100%;max-width: 100%; }.body-single-payment #checkout-button {font-size: 22px;}.top-heading h2 {font-size: 36px;}.top-heading {padding-bottom: 20px;}.body-single .col-sm-7 {order: 1;width: 100%;max-width: 100%;flex: 100%;padding-bottom: 25px;}.body-single .col-sm-5 {order: 2;width: 100%;max-width: 100%;flex: 100%;}.appointment-body h1 {font-size:36px;padding-left: 10px;padding-right: 10px;padding-bottom:10px;}.appointment-body p {font-size: 18px;line-height: 1.4em;padding-top: 15px;width: 80%;margin: 0 auto;padding-bottom:40px;}.appointment-body-details p {font-size: 18px;}.appointment-body-details {padding-bottom:30px;}.appointment-body-details .video-box iframe {height:283px;}.video-page .appointment-body h1 {font-size: 30px;padding: 0px;}.video-page .appointment-body p {padding-bottom: 25px;font-size: 16px;width: 85%;}.video-bottom-text h3 {font-size: 28px;margin-bottom: 5px;padding-bottom: 5px;}.video-bottom-text p {padding-bottom: 15px;font-size: 16px;padding-top: 5px;}.video-bottom-text a {width: 95%;margin-top: 5px;}}@media (max-width:767px){.top-heading h2 {font-size: 36px;padding-left: 5px;padding-right: 5px;padding-bottom: 5px;}.top-heading {padding-bottom:20px;}.video-box iframe {width: 100%;height: 290px;}.text-box {padding: 20px 30px 20px;}.text-box h2 {margin: 0px 0px 20px;font-size: 30px;}.text-box p {font-size: 18px;margin-bottom: 5px;}.ul-box ul li {font-size: 16px;}a.modal-bttn {padding: 15px 20px;font-size: 24px;margin: 10px auto 20px;}span.bottom-pro {font-size: 20px;margin-bottom: 10px;}.half-half {width: 100%;display: inline-block;vertical-align: top;padding-bottom: 0px;padding-right: 0px;padding-left: 0px;}.half-half-third {display: none;}.half-half h2 {font-size: 70px;}.modal-body h2 {font-size: 34px;}.modal-body span {font-size: 18px;margin-bottom: 20px;}.close {font-size: 18px;}.appointment-body h1 {font-size: 40px;}.appointment-body p {font-size: 16px;line-height: 1.4em;padding-top: 15px;padding-bottom: 50px;}.appointment-body-details p {font-size: 16px;}.video-page .appointment-body h1 {font-size: 28px;padding: 0px;}.video-page .appointment-body p {padding-bottom: 20px;font-size: 16px;width: 100%;}.video-bottom-text h3 {font-size: 22px;margin-bottom: 5px;padding-bottom: 5px;}.video-bottom-text p {padding-bottom:15px;font-size: 16px;}.video-bottom-text a {padding: 10px 20px;font-size: 16px;}.appointment-body-details .video-box iframe {height: 303px;}}@media (max-width:575px){.logo-text {text-align: center;}.logo-text a.main-logo {margin-left: 0px;display: inline-block !important;padding-bottom: 10px;}.logo-text .appointment-body-details p {font-size: 16px;text-align: center;}
}@media (max-width:480px){.body-single-payment .bottom-img-box {justify-content: center;}.body-single-payment .bottom-img-box .img-round {width: 100px;height: 100px;}.body-single-payment .col-sm-7 .card-style span.bottom-pro {display: inline-block;padding: 0px !important;width: 100%;text-align: center;font-size: 20px;}.body-single-payment .img-text-round strong {font-size: 22px;}.body-single-payment .img-text-round p {font-size: 16px;}.body-single-payment .bottom-img-box {padding: 15px 0 10px;}.body-single-payment .col-sm-7 h4 {font-size: 20px;padding-bottom: 5px;}.body-single-payment #checkout-button {padding: 15px 20px;margin: 20px auto 10px;font-size: 20px;}.top-heading {padding-bottom: 20px;}.card-style.mobile-off {display: none;}.mobile-on {display: block !important;margin-top: 0px !important;}.modal-bttn.mobile-off {display: block;}.bottom-img-box.mobile-on {display: flex !important;}.appointment-confirmed.video-page .appointment-body {padding-bottom: 10px;}.top-heading h2 {font-size: 23px;padding-left: 5px;padding-right: 5px;padding-bottom: 5px;}.appointment-body {padding-top: 25px;}.appointment-body p {font-size: 16px;line-height: 1.4em;padding-top: 15px;padding-bottom: 30px;width: 90%;}.video-bottom-text p {font-size: 16px;padding-bottom:30px !important;}.video-box iframe {width: 100%;height: 210px;}.text-box h2 {margin: 0px 0px 20px;font-size: 26px;}a.modal-bttn {padding: 12px 20px;font-size: 20px;}.ul-box ul li {font-size: 14px;line-height: 22px;}span.bottom-pro {font-size: 18px;margin-bottom: 5px;}.text-box p {font-size: 16px;margin-bottom: 5px;}.appointment-body h1 {font-size: 28px;}.appointment-body-details {padding-bottom:10px;}.video-page .appointment-body h1 {font-size: 26px;padding: 0px 15px;}.video-page .appointment-body p {padding-bottom: 20px;font-size: 16px;width: 95%;}.appointment-body-details .video-box iframe {height: 255px;width: 95%;border: none;}.video-bottom-text a {padding: 20px 20px;font-size: 15px;width: 95%;height: auto;line-height: normal;}.video-bottom-text p {font-size: 14px;padding: 0px 15px;}.video-bottom-text a img {display: none;}}