@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

body { position: relative; padding: 0; margin: 0;  font-family: "Manrope", sans-serif; font-size: 1rem; font-weight: 500; line-height: 1.5; color: #686868;  }
img{ max-width: 100%; }

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { color: #000; font-weight: 800; }

a{ color: inherit; }
/* a:hover{ color: #0068FF; text-decoration: none;} */
a:hover,
a:focus{ text-decoration: none; color: inherit; }

a, .btn { text-decoration: none; -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
.btn:focus { box-shadow: 0 0 0 0.2rem rgb(0 128 128 / 11%); /* box-shadow: 0 0 0 0.2rem rgb(55 52 53 / 24%); */ }
.required-star { color: red; }

.bdr-radius{ border-radius: 15px; }
.pt-140 { padding-top: 140px; }


.form-group { position: relative; }
.form-group label{ font-weight: 500; margin: 0 0 3px; font-size: 14px;}
.form-group.view-icon .form-control{ padding-right: 30px; }
.form-group.view-icon .icon{ position: absolute; top: 33px; right: 15px; cursor: pointer; font-size: 1.3rem; color: #000; }
.form-group.view-icon .auth-icon{ position: absolute; top: 36px; right: 15px; cursor: pointer; font-size: 1.3rem; color: #fff; }
.form-group .code { position: absolute; top: 35px; left: 10px; border-right: 1px solid #e2e2e2; padding-right: 10px; color: #858585; }
.form-group .iti { width: 100%; }
.form-group input[type="password"]::-ms-reveal {  display: none; /* Hide the eye icon */ }


.form-control, .form-select { border-color: #333333; outline: none; box-shadow: none; border-radius: 20px; height: 43px; padding: 0 20px; font-weight: 500; background-color: transparent; }
.form-control:focus, .form-select:focus{ box-shadow: none;  border-color: #000;  }
/* .input-symbol { position: relative; }
.input-symbol .img{ position: absolute;left: 15px; top: 12px; font-size: 20px; line-height: 0;  }
.input-symbol .show-pass { position: absolute; right: 15px; top: 9px; font-size: 20px; cursor: pointer; color: #C5CCC4;} */
/* .input-symbol .form-control{ padding-left: 50px; } */

textarea.form-control { resize: none; height: 100px;  padding: 10px 15px;}

/* Common Button */
.primary-btn { display: inline-block; border-radius: 30px; border: 2px solid #F03800; }
.primary-btn span{ border-radius: 30px; display: flex; color: #fff; padding: 15px 40px; border: 2px solid #fff; background: #F03800; outline: none; font-weight: 500; align-items: center; gap: 10px; }
.primary-btn:hover, .primary-btn:focus{ box-shadow: 0px 34px 51px #E55C2842; }

.white-btn { display: inline-block; border-radius: 30px; border: 2px solid #fff; background: #fff; color: #F03800; outline: none; font-weight: 500;  padding: 15px 40px; }
.white-btn:hover, .white-btn:focus { color: #F03800;  }

.orange-btn { border-radius: 30px;  color: #fff; padding: 15px 40px; border: none; background: #E55C28; outline: none; font-weight: 500;   }
.orange-btn:hover, .orange-btn:focus { color: #fff; background: #E55C28; }

.theme-color, .theme-color:hover, .theme-color:focus { color: #E55C28;  }

.required-error { border-color: red !important; }


.spinner { width: 45px;height: 45px; border-radius: 50%; background: radial-gradient(farthest-side,#E55C28 94%,#0000) top/9px 9px no-repeat, conic-gradient(#0000 30%,#E55C28); -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 0); animation: spinner-c7wet2 1s infinite linear; }

@keyframes spinner-c7wet2 {
   100% {  transform: rotate(1turn); }
}

/* ----------------------------------
 Bootstrap Fix: IE10
 in Windows 8 & Windows Phone 8
 ---------------------------------- */
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }


.custom-scroll::-webkit-scrollbar {width:4px;}
.custom-scroll::-webkit-scrollbar-track {background: #f1f1f150;}
.custom-scroll::-webkit-scrollbar-thumb {background:#333333bb;}
.custom-scroll::-webkit-scrollbar-thumb:hover {background: #0f0f0fe4;}


/* ----------------------------------
 Input Light
 ---------------------------------- */
.form-control.light { color: #ffffff;  }
.form-control.light:-moz-placeholder { color: #ffffff; }
.form-control.light::-moz-placeholder { color: #ffffff; }
.form-control.light:-ms-input-placeholder { color: #ffffff; }
.form-control.light::-webkit-input-placeholder { color: #ffffff; }

/* Upload file  */
.upload-img .file-input-input {width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
.upload-img .file-input-label {background: #FFE3BEA1;border-radius: 10px;cursor: pointer;display: flex;padding: 0px 5px;flex-direction: column;font-size: 12px;justify-content: center;border: 1px dashed #FA991C;height: 100px;width: 100%;align-items: center;}
.preview-img{display: flex;flex-wrap: wrap;gap: 10px;}
.preview-img .img { margin: 0px 0px;position: relative;display: flex;flex-direction: column;font-size: 12px;text-align: center; width: 20%; flex: 0 0 auto; }
.preview-img .img img { width: 100%;  object-fit: cover; border-radius: 10px; height: 100%; }
.preview-img p{margin: 0;}
.preview-img .img .close {font-size: 21px;position: absolute;top: -7px;right: -2px;border: 1px solid #1A2D31;color: #1A2D31;height: 18px;width: 18px;background: #fff;display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.pdf-box i{font-size:30px;padding: 20px;height: 100px;width: 100px;border-radius:10px ;background-color:#eeecec;color: #000;display: flex;justify-content: center;align-items: center;}

/* Page Title */
.page-title { display: flex; justify-content: space-between; align-items: center; margin: 0 0 20px;}
.page-title h1{ margin: 0; font-size: 2rem; }
.page-title a.addnew{ color: #E31E24; font-size: 16px; }

/* Section Title */
.section-title { margin: 20px 0; }
.section-title span{ font-size: 1.2rem; display: block; text-transform: uppercase; }
.section-title h2{ font-size: 3rem; font-weight: 800; margin: 0; text-transform: capitalize; }
.section-title a{  }

/* Progress Bar */
.progress { margin: 15px 0; height: 8px; border: 1px solid #ADB0B7; padding: 1px; border-radius: 10px; background: none; }
.progress .progress-bar{ background-color: #E55C28; border-radius: 10px; }


/* Comman Check box */
.common-check .checkbox { display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; line-height: 1.4; }
.common-check .checkbox input { position: absolute; cursor: pointer; opacity: 0; height: 20px; width: 20px; top: 0px; left: 0; }
.common-check .checkmark { border-radius: 0px; position: absolute;top: 0px;left: 0;height: 20px;width: 20px;background-color: transparent;border: 1px solid #010101; }
.common-check .checkbox input:checked ~ .checkmark {  border: solid 1px #010101;background: #010101;  }
.common-check .checkmark::after {content: ""; position: absolute;display: none; }
.common-check .checkbox input:checked ~ .checkmark::after {display: block; }
.common-check .checkbox .checkmark::after {left: 7px; top: 2px; width: 5px; height: 11px; border: solid #fff; border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

/* Comman Radio Button */
.radio-box { display: inline-block; position: relative; padding-left: 28px; margin-bottom: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; line-height: 20px; }
.radio-box .checkbox { cursor: pointer; }
.radio-box .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: transparent; border: 2px solid #000000; border-radius: 50%; }
.radio-box input:checked~.checkmark {  border-color: #000;  }
.radio-box input:checked~.checkmark::after { display: block; }
.radio-box .checkmark::after { content: ""; position: absolute; display: none; }
.radio-box .checkmark::after { top: 3px; left: 3px; width: 10px; height: 10px; border-radius: 50%; background: #000; }
.radio-box input { position: absolute; opacity: 0; cursor: pointer; }

/* Modal Comman Css */
.modal-header .close { outline: none; opacity: 1; margin: 0; padding: 0; font-weight: 300; font-size: 32px; position: absolute;  right: 18px;  top: 11px; color: #000; z-index: 1000; background: none; border: none; line-height: 30px; }
.modal-header .close span{  }
.modal .modal-header{ padding: 8px 15px; border-bottom: 0; }
.modal .modal-content { border: none; border-radius: 10px; box-shadow: none;padding: 8px;}
.modal .custom-footer { padding: 15px; }
.modal-custom-footer .btn{ margin: 0 5px;  }

/* Data Not Found */
.no-data-found { height: calc(100vh - 240px); display: flex; align-items: center; justify-content: center; }
.no-data-found .box{ max-width: 360px; margin: 0 auto; text-align: center; }
.no-data-found .box lottie-player{ max-width: 200px; margin: 0 auto 30px; }
.no-data-found .box img{ margin: 0 0 30px; max-width: 200px; }
.no-data-found .box p{ color: #848484; }
.no-data-found.white-color{ color: #fff; }
.no-data-found.white-color .box p{ color: #fff; }


/* Star Rating */
.star-rating {height: 16px; width: 120px;  position: relative; }
.star-rating:before {  background-image: url("../images/icon/empty-star.svg"); content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: 100%; }
.star-rating > span { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.star-rating > span:before { background-image: url("../images/icon/fill-star.svg"); content: ""; display: block; position: absolute; top: 0; left: 0; background-size: cover; bottom: 0; right: 0; }



/* Default Addrss Css */
.default-address .radio-box .checkmark h5{ border-color: #666; }
.default-address .radio-box { line-height: 1.4; color: #000;  width: 100%; }
.default-address .radio-box .checkmark { top: 5px; }
.default-address .radio-box .head{ display: flex; align-items: center; justify-content: space-between; }
.default-address .radio-box h5{ color: #666666; margin: 0 10px 5px 0px; font-size: 0.9rem; display: inline-block; padding: 4px 10px; border-radius: 3px; background: #F6F6F6; }
.default-address .radio-box p{ margin: 0 0 5px; }
.default-address .form-group{ border: 1px solid #e2e2e2; position: relative; padding: 15px 10px; border-radius: 5px; }
.default-address .form-group .edit-delete{ display: flex; padding-left: 30px;}
.default-address .form-group .edit-delete a{ border: 1px solid #000; color: #000; font-size: 0.9rem; padding: 3px 10px; margin: 0 10px 0 0; }


/* Blog Listing */
.blog-box { padding: 20px 0; border-bottom: 1px solid #E5E5E5; }
.blog-box .img img{ height: 180px; border-radius: 10px; width: 100%; object-fit: cover;}
.blog-box .content .top { display: flex; gap: 10px; align-items: center; }
.blog-box .content .top .date{  color: #E55C28;   padding-left: 35px; position: relative;   text-transform: uppercase; font-size: 0.8rem; font-weight: 700; border-left: 1px solid #e2e2e2;}
.blog-box .content .top .date:after{ content: ""; position: absolute; left: 10px; top: 4px; background: #E55C28; width: 11px; height: 11px; border-radius: 50%; }

.blog-box .content h2{ position: relative; font-size: 22px; margin: 15px 0; padding-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.blog-box .content h2:after{ content: ''; position: absolute; left: 0; bottom: 0px; width: 3px; height: 26px; background-color: #FF5722; }
.blog-box .content p{ color: #666666; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow : hidden; }

/* Pagination */
.cust-page { margin: 10px 0; padding: 10px; border-radius: 8px; display: flex;flex-wrap: wrap;align-items: center;  justify-content:end; }
.cust-page .show{ display: flex; align-items: center; gap: 10px; color: #000; font-weight: 600;}
.cust-page .show select{ color: #E55C28; font-weight: 600; background-color: transparent; border-radius: 10px; border: 1px solid #E55C28; }
.cust-page .pagination{ margin: 0; align-items: center;}
.cust-page .pagination .page-link i{ line-height: normal; font-size: 25px;}
.cust-page .pagination .page-item .page-link:focus {box-shadow: none;}
.cust-page .pagination .page-item:first-child .page-link,
.cust-page .pagination .page-item:last-child .page-link { padding: 0; width: 35px; height: 38px;  display: flex; align-items: center; justify-content: center; }
.cust-page .pagination .page-item .page-link { color: #000; font-weight: 600;  background: transparent;  border-radius: 10px; margin: 0 3px; border-color: #000; }
.cust-page .pagination .page-item.active .page-link { background: #E55C28; border-color: #E55C28;  color: #fff; }


/* ====== Header ====== */
header { position: fixed; top: 10px; left: 0; right: 0; z-index: 999; transition: top .2s ease-in-out; }
header.nav-up{top:-85px}
header a{ transition: none; }
/* header .dropdown-toggle::after{ display: none; } */

header .navbar-light .navbar-toggler { border: none; outline: none; box-shadow: none; }
header .navbar-brand{ display: flex; align-items: center; padding: 0; }
header .navbar-brand .mobile-hide{ width: 150px; }
header .right-side { display: flex; align-items: center;  }
header .navbar {  padding: 15px 30px; display: flex; justify-content: space-between; -webkit-backdrop-filter: blur(10px) saturate(180%); backdrop-filter: blur(10px) saturate(180%); background-color: rgba(255, 255, 255, .8); border-radius: 100px; }
header .navbar .navbar-toggler-icon { width: 24px; height: 17px; background-image: none; position: relative; border-bottom: 1px solid #0068FF; transition: all 300ms linear; }
header .navbar .navbar-toggler-icon::after,
header .navbar .navbar-toggler-icon::before{ width: 24px; position: absolute; height: 1px;  background-color: #0068FF; top: 0; left: 0; content: ''; z-index: 2; transition: all 300ms linear; }
header .navbar .navbar-toggler-icon::after{ top: 8px; }
header .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after { transform: rotate(45deg); }
header .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before { transform: translateY(8px) rotate(-45deg); }
header .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon { border-color: transparent; }
header .navbar-nav li { padding: 0px 10px; position: relative; }
header .navbar-nav li a { padding: 10px 0; color: #000; }

header .navbar-light .navbar-nav .nav-link{ color: #000; }
header .navbar-light .navbar-nav .nav-link.active{ color: #E55C28; }
header .navbar-light .navbar-nav .nav-item.icon .nav-link{ display: flex; align-items: center; gap: 5px; }
header .navbar-light .navbar-nav .support a{ background: #F9F9F9; padding: 10px 25px; border-radius: 30px; }
header .navbar-nav li.cust-drop ul.dropdown-menu { padding: 0; border-radius: 10px; border: 0; overflow: hidden;  box-shadow: 0px 0px 4px 0px #adadad; }
header .navbar-nav li.cust-drop ul li{ padding: 0; }
header .navbar-nav li.cust-drop ul li a { padding: 10px; width: 100%; display: inline-block;   font-size: 14px; }
header .navbar-nav li.cust-drop ul li a:hover{ background: #ffeee7; color: #000; }

header .navbar-nav { display: flex; align-items: center;  }
header .navbar-nav ul{ padding: 0; margin: 0;  list-style: none; align-items: center;}
header .dropdown-toggle::after{ display: none; }

header .navbar-nav .bell-noti {position: relative;}
header .navbar-nav .bell-noti span {position: absolute;right: 5px;top: 6px;height: 6px;width: 6px;background-color: #e55c28;border-radius: 40px;}


.main-wapper { padding: 71px 0 0; }
/* .home-bg{ background: url('../images/home-bg.png') no-repeat center center; background-size: cover; background-attachment: fixed; } */
section { padding: 50px 0; }

/*===================
    Home Page
====================*/

/* Banner */
section.hero-banner { height: 850px; display: flex; align-items: center; justify-content: center; }
section.hero-banner .banner-text{ max-width: 900px; margin: 0 auto; text-align: center;  }
section.hero-banner .banner-text h1{ font-size: 5rem; margin: 0 0 20px; }
section.hero-banner .banner-text p{ font-size: 1.3rem; }
section.hero-banner .banner-text .new{ color: #686868; font-size: 20px; }


/* Accuracy Section */
section.accuracy .left-content{ display: flex; flex-direction: column; height: 100%; justify-content: space-between; }
section.accuracy .left-content .section-title{ margin: 0; }
section.accuracy .box { margin: 50px 0; }
section.accuracy .box h3{ font-size: 1.2rem; }

/* Solution Section */
section.solution-list {  }
section.solution-list .box { margin: 20px 0; }
section.solution-list .box img{ width: 80px;  }
section.solution-list .box span{ display: block; margin: 20px 0; }
section.solution-list .box p{ color: #000; font-size: 1.2rem; }


/* App Video */
section.video-medigo-app video{ width: 100%; }

/* Data Protection */
section.data-protection { background: #E55C28; color: #fff; position: relative; overflow: hidden; }
section.data-protection h2{ font-weight: 400; color: #fff; }
section.data-protection .video{ width: 42%; position: absolute; top: 0; right: 0; }
section.data-protection .video video{ width: 100%; height: 375px; display: block; object-fit: cover; filter: grayscale(1); }

/* Best Class */
section.best-class {  }
section.best-class .top-part { text-align: center; margin: 0 0 50px; }
section.best-class .title { margin: 0 0 30px; }
section.best-class .title img{ margin: 0 0 20px; max-width: 150px; }
section.best-class .title p{ letter-spacing: 0.2rem; margin: 0 0 5px; font-size: 0.8rem; }
section.best-class .section-title h2{ font-weight: 400; }

section.best-class .box {  overflow: hidden; margin: 12px 0; }
section.best-class .box .img img{ height: 270px; width: 100%; object-fit: cover; }
section.best-class .box .gray-part{ background: #E8E8E8; padding: 20px; display: flex;  gap: 10px; align-items: center; }
section.best-class .box .gray-part img{ max-height: 43px; }


/* Smart Monitor */
section.smart-monitor .contnet { text-align: center; }
section.smart-monitor .contnet .section-title span{ text-transform: capitalize; }

/* Crucial Health */
section.crucial-health .box { background: #EEEEEE; overflow: hidden; margin: 12px 0; }
section.crucial-health .box .head{ padding: 15px 25px; display: flex; gap: 10px; justify-content: space-between; }
section.crucial-health .box .head a{ color: #F03700; text-wrap: nowrap; }
section.crucial-health .box video{ width: 100%; display: block; }
section.crucial-health .box.two-one { padding: 0px 25px; display: flex; align-items: center; justify-content: space-between; height: 105px; }
section.crucial-health .box.two-one h3{ margin: 0; }
section.crucial-health .box.two-one lottie-player{ width: 340px; height: 95px; }


/* Blood Management */
section.blood-management { }
section.blood-management .main-div{ background: #F1F1F1; padding: 20px; margin: 30px 0; display: inline-block; width: 100%; }
section.blood-management .content{ background: #fff; overflow: hidden; }
section.blood-management .content .head{ padding: 20px;  }
section.blood-management .high-blood {  }
section.blood-management .high-blood .text{ margin: 30px 0; }
section.blood-management .analysis { background: #fff; padding: 20px;}

section.blood-management .analysis-video { position: relative; }
section.blood-management .analysis-video .mocup img{ max-width: 402px; width: 100%; position: absolute; left: 7%; top: -29px; bottom: 0px; z-index: 10; }
section.blood-management .analysis-video .video-main{ background: #000; position: relative; overflow: hidden; }
section.blood-management .analysis-video .video-main video{ width: 100%; height: 450px; display: block; position: relative; right: -22%; }


/* Payment Service */
section.payment-service { background: #0F0F0F; }
section.payment-service .box{ color: #fff; font-size: 0.8rem; }
section.payment-service .box img{ margin: 0 0 15px; height: 25px; }
section.payment-service .box p{ margin: 0 0 20px; }
section.payment-service .box h5{ color: #fff; }

/* Payment Service */
section.subscription { color: #fff; background: url('../images/home/take-first.png') no-repeat; background-size: cover; }
section.subscription .section-title h2{ color: #fff; font-size: 3.8rem; font-weight: 600; }
section.subscription h3{ color: #fff; font-size: 2rem; font-weight: 300; display: inline-block;  }
section.subscription .sub-from { margin: 30px 0; }
section.subscription .sub-from .form-control { font-size: 1.2rem; height: 60px; border-color: #fff; border-radius: 10px; color: #fff; background: transparent; }
section.subscription .sub-from .white-btn { border-radius: 10px;  padding: 17px 20px;}

/* Scroll Animation */
section.onscroll-animation { height: 100vh; object-fit: cover;  }

/* Testimonial */
section.testimonial {  }
section.testimonial .box{ background: #F1F1F1; border-radius:20px; padding:30px; }
section.testimonial .testimonial-slider .test-img{ position:relative; margin: 0 auto;  display: table;}
section.testimonial .testimonial-slider .test-img .quote{ position:absolute; left: -60%; top: 50%; transform: translateY(-50%);  }
section.testimonial .testimonial-slider .test-img .quote img{ max-width:230px; }
section.testimonial .testimonial-slider .test-img .timg{ width:300px; height:300px; border-radius:50%; }
section.testimonial .testimonial-slider .name p span{ border-bottom: 1px solid #868686; display: inline-block; padding-bottom: 10px; }
section.testimonial .slider-count { font-size:1.2rem; color:#000; }
section.testimonial .slider-count .active-count{ font-size:3rem; }

section.testimonial .slide-arrow {position:absolute;  bottom: -70px; right: 20px; border: 0px; font-size: 2rem; background: none; color: #E55C28;}
section.testimonial .next-arrow {right: -21px;}
section.testimonial .prev-arrow { }

/* Footer */
footer { padding: 100px 0 10px; }
footer .foot-logo{  position: relative; }
footer .footer-link { font-size: 0.9rem; position: relative; }
footer .footer-link h4{  font-size: 1.2rem; font-weight: 600; position: relative; padding-left: 17px; }
footer .footer-link h4::before{ content: ""; position: absolute; left: 0; background: #717171; top: 8px; border-radius: 50%; width: 6px; height: 6px; }
footer .footer-link ul{ padding: 0 0 0 20px; list-style-type: circle; }
footer .footer-link ul li{ padding: 5px 0; }

footer .top-line{ position: relative; }
footer .top-line::before{ content: ""; position: absolute; top: -50px; left: 12px; right: 12px; border-top: 1px solid #707070;  }
footer .dot:before{ content: ""; position: absolute; top: -52px; left: 0px; background: #E55C28; width: 6px; height: 6px; border-radius: 50%; }

footer .copyright-footer { margin: 50px 0 0; font-size: 0.8rem; display: flex;flex-wrap: wrap; align-items: center; justify-content: space-between; }
footer .copyright-footer .pay-accepted{ display: flex; gap: 5px; }
footer .copyright-footer .pay-accepted img{ height: 25px; }

footer .social-media{ display: flex; flex-wrap: wrap;  column-gap: 13px; padding:0; margin: 10px 0 0; list-style:none; flex-wrap: wrap; }
footer .social-media li {  }
footer .social-media li a{ color: #E55C28; font-size: 1.9rem; transition:.2s; }
footer .social-media li a:hover{ color: #000; }


/* =====================
   Thank you Page
=====================  */
section.thank-you {  margin: 0 auto; max-width: 500px; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; height: 100vh; }
section.thank-you .box {text-align: center; font-size: 22px }
section.thank-you .box h1 {margin: 0 0 40px; font-size: 5rem;   } 
/*==============
    About Us
===============*/

/* About Us Banner */
section.about-banner { position: relative; color: #fff; }
section.about-banner .video-box video{ width: 100%; height: 100vh; display: block; object-fit: cover; }
section.about-banner .banner-text{ position: absolute; z-index: 99; left: 0; right: 0; top: 35%; text-align: center; max-width: 1140px; margin: 0 auto; }
section.about-banner .banner-text h1{ line-height: 1.4; }

/* About Story */
section.about-our-story h2{ font-weight: 600; font-size: 2rem; line-height: 1.5; margin: 0 0 30px;  }

/* About Our Team */
section.about-ourteam { background: #E9E8EE; padding: 100px 0;}
section.about-ourteam .img { padding: 0 0 0 20px; border-left: 1px solid #707070; }
section.about-ourteam .text { padding: 20px 0 0 20px;  }
section.about-ourteam .text h3{ font-size: 1.4rem; }

/* about-ourvalue */
section.about-ourvalue .accordion .accordion-item {background: none; border: none; }
section.about-ourvalue .accordion .accordion-item p{  color:#595959; font-weight: 500;}
section.about-ourvalue .accordion .accordion-item .accordion-header .accordion-button{ box-shadow: none;background:none; padding-left: 0px;position: relative; display: inline-block; width: 100%;  font-weight:600;font-size: 18px;color: #1E1E1E;}
section.about-ourvalue .accordion .accordion-item .accordion-header .accordion-button i {position: absolute; top: 7px; right: 40px; font-style: normal;  font-family: "tabler-icons" !important; font-weight: 100; }
section.about-ourvalue .accordion .accordion-item .accordion-header .accordion-button i::before {content: "\ea25"; position: absolute; background: #E55C28; color: #fff;  border-radius: 25px; padding: 5px 10px; }
section.about-ourvalue .accordion .accordion-item .accordion-header .accordion-button.collapsed i::before { content: "\ea16"; background: none; color: #000; }
section.about-ourvalue .accordion .accordion-item .accordion-body {padding: 0px;}

/* Our Commitment */
section.our-commitment {  }
section.our-commitment .section-title h2{   }
section.our-commitment .listing{ border-left: 1px solid #707070; padding-left: 40px; }
section.our-commitment .listing .box{ display: flex; align-items: center; gap: 30px; margin: 30px 0; }
section.our-commitment .listing .box .img{ flex: 0 0 auto; }
section.our-commitment .listing .box .img img{ width: 70px; }
section.our-commitment .listing .box .content{ flex: 1 1 auto; }
section.our-commitment .listing .box .content h4{ font-size: 1.6rem;  }

/*===================
    Support Page
=====================*/
section.support-page {  }
section.support-page .inner-div { position: relative; }
section.support-page .inner-div::before{ content: ""; width: 50%; position: absolute; left: 0; bottom: 0; top: 0; background-color: #E55C28; background-image: url('../images/contact-bg.svg'); background-repeat: no-repeat; background-size: contain; background-position: 100% 110%; z-index: -1; }
section.support-page .inner-div::after{ content: ""; width: 50%; position: absolute; right: 0; bottom: 0; top: 0; background-color: #E5E5E5; z-index: -1; }

section.support-page .contect-info { padding: 30px; color: #fff; display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
section.support-page .contect-info h1{ color: #fff; }
section.support-page .contect-info .box{ margin: 20px 0; }
section.support-page .contect-info .box label{ font-weight: 300; margin: 0 0 8px; }
section.support-page .contact-from { padding: 30px; }


/*===================
    Checkout Page
=====================*/
section.common-breadcrums { background: #F6F6F6; padding: 20px 0; }
section.common-breadcrums h1{ font-size: 2rem; }
section.common-breadcrums .breadcrumb-item {font-size: 15px;color: #545454;font-weight: 600;}


.no-banner { margin-top: 100px; }
section.checkout .cart-title { font-size: 20px; margin: 0 0 15px; }
section.checkout .service-box{ overflow: hidden; box-shadow: 0px 3px 6px 0px #00000029; padding: 15px 15px 0 15px; border-radius: 10px; margin: 0 0 30px;}
section.checkout .service-box .cart-salon-box{  position: relative; display: flex; gap: 20px; align-items: start; width: 100%; padding: 0 0 10px; justify-content: space-between; }
section.checkout .service-box .cart-salon-box .left-part{ display: flex; gap: 10px;flex-wrap: wrap;}
section.checkout .service-box .cart-salon-box .img{ flex: 0 0 auto; position: relative; }
section.checkout .service-box .cart-salon-box .img img{ width: 100px;  border-radius: 6px; box-shadow: 0px 6px 15px 0px #e2e2e2;}
section.checkout .service-box .service-name{ color: #000; font-weight:700; display: flex; justify-content: space-between; background: #ffeee7; margin: 0 -15px 0px; padding: 10px 15px; }
section.checkout .service-box .service-name .price{ font-size: 1.3rem; font-weight: 600; color: #E55C28;  }
section.checkout .service-box .cart-salon-box h4{ font-size: 1.2rem; word-break: break-all; }
section.checkout .service-box .cart-salon-box .price{ margin: 10px 0; font-size: 1.3rem; font-weight: 600; color: #E55C28; }
section.checkout .service-box .cart-salon-box .stock{ padding-left: 20px; position: relative; letter-spacing: 2px; text-transform: uppercase; font-size: 0.8rem; font-weight: 700;}
section.checkout .service-box .cart-salon-box .stock.out{ color: #E55C28; }
section.checkout .service-box .cart-salon-box .stock.in{ color: #00a43f; }
section.checkout .service-box .cart-salon-box .stock::after{ content: ""; position: absolute; left: 0; top: 4px; background: #62E795; width: 11px; height: 11px; border-radius: 50%; }
section.checkout .service-box .cart-salon-box .stock.out::after{ background: #E55C28; }
section.checkout .service-box .cart-salon-box .stock.in::after{ background: #00a43f; }
section.checkout .service-box .right { text-align: end; }
section.checkout .service-box .qty-items { background: #94949440; display: inline-flex; margin: 0 0 10px;  }
section.checkout .service-box .qty-items .qty { color: #000; font-size: 1rem;}
section.checkout .service-box .qty-items .qty-minus,
section.checkout .service-box .qty-items .qty-plus { color: #000; font-size: 1rem;}
section.checkout .service-box .delete{ background: #F6F6F6; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 0 10px auto; }

section.checkout .cart-summary { background: #BBBBBB0D; box-shadow: 0px 3px 6px 0px #00000029; padding: 15px; border-radius: 10px; margin: 0 0 30px; }
section.checkout .cart-summary ul.price-list { list-style: none; padding: 0; margin: 0; }
section.checkout .cart-summary ul.price-list li { padding: 10px 0; display: flex; align-items: center; justify-content: space-between; }
section.checkout .cart-summary ul.price-list li .right{ font-weight: 500; }
section.checkout .cart-summary ul.price-list li:last-child{ border-top: 1px solid #e2e2e2; padding: 10px 0 0; margin: 5px 0 20px; color: #E55C28; }
section.checkout .cart-summary { }

/*=====================
 user Details
=====================*/
section.profile-detail {  }
section.profile-detail .profile-header {display: flex;align-items: center;margin-bottom: 20px;}
section.profile-detail .profile-header .content .ti {font-size: 16px;color: #292929;vertical-align:baseline;margin-left: 3px;}
section.profile-detail .health .health-box {background-color: #BBBBBB0D;border: 1px solid #E3E3E3;padding: 20px;border-radius: 10px;}

section.profile-detail .profile-header .img img{ border-radius: 50%; width: 100px; height: 100px; object-fit: cover; }
section.profile-detail .profile-header .file-input { position: relative; }
section.profile-detail .profile-header .file-input-input { width: 0.1px; height: 0.1px;  opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
section.profile-detail .profile-header .file-input-label { line-height: normal; border: 2px solid #fff; box-shadow: 0px 3px 6px rgb(0 0 0 / 16%); position: absolute; bottom: -15px; right: 0; margin: 0 auto; left: 0; cursor: pointer;  border-radius: 50%;  color: #fff; padding: 0; background-color: #fc5100; width: 35px;height: 35px; display: flex; align-items: center; justify-content: center; }



/*=====================
   address details
=====================*/
section.address-detail .gray-bg{ height: calc(100% - 60px); background: #f6f6f6; padding: 20px; border-radius: 20px; margin: 0 0 20px; }
section.address-detail .default-address .form-group { border-color: #000; }

/*=====================
 Notification
=====================*/
section.notification-page { padding: 50px 0; }
section.notification-page ul.notification-list { list-style-type: none; padding: 0; margin: 0 0 20px; }
section.notification-page ul.notification-list li { margin: 10px 0; display: inline-block; width: 100%; }
section.notification-page ul.notification-list li .box{ box-shadow: 0px 0px 20px 0px #e2e2e2; padding: 15px 60px 15px 15px; border-radius: 12px; position: relative; }
section.notification-page ul.notification-list li .box p{ margin: 0;  }
section.notification-page ul.notification-list li .box .date{ font-size: 14px; margin: 5px 0 0; display: flex; align-items: center; }
section.notification-page ul.notification-list li .box .date i{ color: #E55C28; font-size: 19px;}
section.notification-page ul.notification-list li .box .delete{ border: 0; display: flex; align-items: center; justify-content: center; color: #E55C28; width: 55px; height: 100%; position: absolute; right: 0px; background: #ffeee7; top: 0; border-radius: 0 12px 12px 0; }

/*=====================
 Blog Details
=====================*/
section.blog-details {  }
section.blog-details .blog-content .img img{ border-radius: 30px;  }
section.blog-details .blog-content {  }
section.blog-details .blog-content .top { display: flex; gap: 10px; align-items: center; }
section.blog-details .blog-content .top .date{  color: #E55C28;   padding-left: 35px; position: relative;   text-transform: uppercase; font-size: 0.8rem; font-weight: 700; border-left: 1px solid #e2e2e2;}
section.blog-details .blog-content .top .date:after{ content: ""; position: absolute; left: 10px; top: 4px; background: #E55C28; width: 11px; height: 11px; border-radius: 50%; }
section.blog-details .blog-content h2{ font-size: 1.9rem; }
section.blog-details .blog-content h3{ font-size: 1.5rem; }
section.blog-details .blog-content h4{ font-size: 1.3rem; }
section.blog-details .blog-title { margin: 0 0 30px; }
section.blog-details .blog-title h1{ position: relative; font-size: 2.3rem; margin: 15px 0; padding-left: 10px;   }
section.blog-details .blog-title h1:after{ content: ''; position: absolute; left: 0; bottom: 0px; width: 3px; height: 36px; background-color: #FF5722; }

/*=====================
   Career Page
=====================*/
section.career-page {  }
section.career-page .opening-box{ border: 1px solid #E3E3E3; background: #BBBBBB0D; padding: 15px; border-radius: 12px; height: calc(100% - 24px); margin: 12px 0; }
section.career-page .opening-box p{     color: #666666; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
section.career-page .opening-box .head{ padding: 0px 0 10px; display: flex; align-items: center; justify-content: space-between; }
section.career-page .opening-box .head i{ color: #E55C28; font-size: 1.4rem; }
section.career-page .opening-box .foot-part { padding: 20px 0 0 0;}
section.career-page .opening-box .foot-part h6{ font-size: 14px; font-weight: 600; }
section.career-page .form-group.view-icon .icon { top: 8px; right: 18px;}

/*=====================
   Career Details
=====================*/
section.career-detail { background: #fff;  }
section.career-detail h1{ font-size: 40px; font-weight: 600; border-bottom: 1px solid #e7e7e7; padding: 0 0 20px; display: inline-block; }
section.career-detail h2{ font-size: 30px; font-weight: 500;  margin: 30px 0 20px;}
section.career-detail ul { padding: 0 0 0 35px; list-style: none;  }
section.career-detail ul.iti__country-list { padding: 0px;}
section.career-detail ul li{ position: relative; margin: 10px 0; }
section.career-detail ul li::after{content: ""; background: url('../images/icon/career-arrow.svg') no-repeat; background-size: cover; width: 20px; height: 20px; position: absolute; left: -35px; top: 5px; }

section.career-detail .opening { display: flex; margin: 0px 0 15px; }
section.career-detail .opening .box{ margin: 20px 50px 20px 0; }
section.career-detail .opening .box h4{ font-size: 22px; font-weight: normal;  }
section.career-detail .opening .box p{ font-size: 18px; color: #808080; }

section.career-detail .apply-form{ border: 1px solid #EBEBEB; border-radius: 25px; padding: 20px; position: sticky; top: 10px; }
section.career-detail .apply-form h4{ font-size: 20px; font-weight: 600; margin: 0 0 15px; }
section.career-detail .apply-form .upload {padding: 40px;background-color: #AAAAAA0D;border: 0.5px solid #333333;border-radius: 25px;text-align: center;position: relative;margin-top: 10px;}
section.career-detail .apply-form .upload-input {opacity: 0;position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 121px;cursor: pointer;}

/*=====================
   My Orders
=====================*/
section.my-order {  }
section.my-order .order-list { position: relative;    overflow: hidden;  background: #fff; box-shadow: 0px 10px 30px 0px #e2e2e2; padding: 20px; border-radius: 12px; margin: 0 auto 20px; }
section.my-order .order-list .top{ display: flex; align-items: center; justify-content: space-between;}
section.my-order .order-list .top .pro-info{ display: flex; gap: 15px; }
section.my-order .order-list .top .pro-info .img img{ border-radius: 10px; max-width: 100px; }
section.my-order .order-list .top .pro-info .details p{ margin: 0; }
section.my-order .order-list .top .box p{ margin: 0; }
section.my-order .order-list .date{ background: #ffeee7; padding: 5px 15px; position: absolute; top: 0; right: 0; color: #000; font-size: 0.9rem; border-radius: 0px 0px 0px 10px; }

/*=====================
   Order Details
=====================*/
section.order-detail .orders-invoice {}
section.order-detail .orders-invoice .order-info {padding: 10px 20px; border-radius: 50px; color: #fff; margin: 0 0 20px; display: flex; align-items: center; }
section.order-detail .orders-invoice .order-info .icon {display: flex; align-items: center; background: #fff; border-radius: 50%; width: 40px; height: 40px; justify-content: center; margin-right: 10px; }
section.order-detail .orders-invoice .order-info.delivered {background: #000; }
section.order-detail .orders-invoice .order-info.confirmed {background: #E55C28; }
section.order-detail .orders-invoice .head-order {padding: 0 0 15px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; color: #999;}
section.order-detail .orders-invoice .head-order p {margin: 0; }
section.order-detail .orders-invoice .head-order p span {color: #000; padding-left: 10px; }
section.order-detail .orders-invoice .order-body p {margin: 0; }
section.order-detail .orders-invoice .order-body .table {margin: 0; }
section.order-detail .orders-invoice .order-body .table .box {display: flex; flex-wrap: wrap; }
section.order-detail .orders-invoice .order-body .table .box img {max-width: 80px; }
section.order-detail .orders-invoice .order-body .table .box .content {padding-left: 10px; }
section.order-detail .orders-invoice .order-body .table .box .content p { line-height: 1.4; }
section.order-detail .orders-invoice .order-body .table th,
section.order-detail .orders-invoice .order-body .table td {padding: 10px 0; }
section.order-detail .orders-invoice .order-body .contact-details {border: 1px solid #e2e2e2; border-radius: 5px;}
section.order-detail .orders-invoice .order-body .contact-details .box {padding: 30px; }
/* section.order-detail .orders-invoice .order-body .contact-details .box .change-address {font-weight: 600; margin: 10px 0 0; display: inline-block; text-decoration: underline; }  */
section.order-detail .orders-invoice .order-body .contact-details .box ul {list-style-type: none; padding: 0; margin: 0; }
section.order-detail .orders-invoice .order-body .contact-details .box ul li a {color: #000; text-decoration: underline; }
section.order-detail .orders-invoice .order-body .contact-details .box ul li img {margin-right: 10px; }
section.order-detail .orders-invoice .order-body .pro-functionality div {margin: 25px 0 0;}
section.order-detail .orders-invoice .order-body .pro-functionality .btn { border: 1px solid #000;border-radius: 30px; padding: 8px 30px; color: #000; margin-top: 10px;}

section.order-detail .information {border: 1px solid #e0e0e0;border-radius: 10px;padding:25px 20px;background-color: #BBBBBB0D;}
section.order-detail .information .product-information {display: flex;border-right: 0.5px solid #A1A1A1;}
section.order-detail .information .product-information .img {padding: 15px;background:linear-gradient(180deg, #E6E3E4 0%, #F5F5F5 100%);border-radius: 7px;margin-right: 15px;}
section.order-detail .information .content p {font-size: 16px;margin-bottom: 4px;}
section.order-detail .order-status label {font-size: 15px;color: #706e6e;font-weight: 600;}
section.order-detail .order-status p {font-size: 17px;color: #000}
section.order-detail .status-title span {color:#a7a5a5;font-weight: 500;}
section.order-detail .status-title {margin-bottom: 9px;}
section.order-detail span.note {margin-top: 20px;background-color: #000;padding: 10px;font-weight: 600;color: #fff;display: inline-block;}

/* order exchange details */
section.return-order {background-color: #f9f9f9;}
section.return-order .return-box .product-info {display: flex;align-items: center;background-color: #E55C28;padding: 10px 15px;border-radius: 8px;margin-bottom: 15px;color: #fff;}
section.return-order .return-box {background-color: white;border-radius: 10px;padding: 20px;}
section.return-order .return-box .address, section.return-order .return-box .bank-detail, section.return-order .return-box .reason-return {background-color: white;margin-bottom: 15px;height:calc(100% - 15px);border-radius: 8px;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);border: 1px solid #eee;  padding: 20px;}
section.return-order .return-box .picked-item {background-color: #000;color: #fff;display: flex;align-items: center;justify-content: space-between;padding: 10px 15px;border-radius: 8px;margin-bottom: 15px;}
section.return-order .return-box .picked-item p {margin: 0px;display: flex;align-items: center;}
section.return-order .return-box .picked-item p .ti {padding: 7px;background: #fff;justify-content: center;align-items: center;display: inline-flex;color: #E55C28;border-radius: 25px;}
section.return-order .return-box .picked-item a {text-decoration: underline;text-underline-offset: 2px;color: #fff;}
section.return-order .return-box .product-info .img img {max-width: 70px;height: auto;border-radius: 5px;padding:10px;border-radius: 10px;background-color: #f2efef;}
section.return-order .return-box .product-info .content h5 {font-size: 1.1rem;margin: 0 0 5px;color: #fff;}
section.return-order .order-status label {font-size: 15px;color: #706e6e;font-weight: 600;}
section.return-order .order-status p {font-size: 17px;color: #000}
section.return-order .status-title span {color:#a7a5a5;font-weight: 500;}
section.return-order .status-title {margin-bottom: 9px;}
section.return-order .exchange-status .status p {font-size: 17px;color: #000;}


/* CMS Page */
section.cms-page { }
section.cms-page hr{ background: #B5B5B5; }
section.cms-page ol{ padding: 0 0 0 20px; }
section.cms-page ul{ margin: 0 0 20px; padding: 0; list-style: none; }
section.cms-page h4{ font-size: 1.4rem; }

/* ========================
    Compare product modal
===========================*/
/* .compare-modal .btn-close{ font-size: 16px; position: absolute; right: 30px; top: 10px; opacity: 1; z-index: 100;} */
.compare-modal .modal-body{ padding: 50px 0 0; }
.compare-modal .compare-box{ background:transparent linear-gradient(180deg, #EEEEEE 0%, #FFFFFF 100%) 0% 0% no-repeat; padding: 40px 60px; margin: 20px 0px; position: relative;}
.compare-modal .compare-box .compare-detail{  margin: 60px 0 20px;}
.compare-modal .compare-box .compare-detail ul { list-style: none; padding: 0; }
.compare-modal .compare-box .compare-detail ul li{ padding: 10px 45px 10px 0; font-weight: 600; position: relative; }
.compare-modal .compare-box .compare-detail ul li.right::after{content: ""; position: absolute; right: 0; top: 10px; height: 25px; width: 25px; background: url('../images/icon/yes.svg') no-repeat center center; background-size: cover; }
.compare-modal .compare-box .compare-detail ul li.cross::after{content: ""; position: absolute; right: 0; top: 10px; height: 25px; width: 25px; background: url('../images/icon/no.svg') no-repeat center center; background-size: cover; }
.compare-modal .compare-box .img { position: relative; }
.compare-modal .compare-box .img.vsimg::after { content: ""; position: absolute; right: -100px; top: 50%; height: 60px; width: 60px; background: url(../images/icon/vs.svg) no-repeat center center; background-size: cover; z-index: 99; }
.compare-modal .accuracy{ background: #E55C28; padding:50px 0; text-align: center;}
.compare-modal .accuracy .section-title{ color: #fff; }
.compare-modal .accuracy .acc-box{ max-width: 210px; margin: 40px auto; }
.compare-modal .accuracy .acc-box h5{ color: #fff; font-size: 1.3rem; }
.compare-modal .accuracy .acc-box img{ margin: 0 0 15px; }

/* ========================
    Cart modal
===========================*/
.qty-items { margin: 5px 0 0; position: relative; display: flex; background: #FFFFFF0D; border-radius: 30px; padding: 0 5px; }
.qty-items .qty{ font-size: 0.8rem; outline: none; text-align: center; border: 0;  color: #fff; background: transparent; }
.qty-items .qty-minus,
.qty-items .qty-plus{ color: #fff; width: 25px; height: 30px; border: 0; background: transparent; cursor: pointer; font-size: 1rem;padding: 0; display: flex; align-items: center; justify-content: center;  }
.qty-items input[type=number]::-webkit-outer-spin-button,
.qty-items input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0; }
.qty-items input[type=number] {-moz-appearance: textfield; }

.cart-modal{margin:10px;border-radius: 25px;background: #333333;}
.cart-modal .offcanvas-header .btn-close{box-shadow: none;background: url(../images/icon/close.svg)no-repeat; background-size:25px 25px; opacity: 1;}
.cart-modal .offcanvas-header .cart-count{background:#E55C28;height:22px; width:22px;border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: 0px 0px 0px 5px;}
.cart-modal .offcanvas-header .cart-count span{font-size:12px; color: #fff;}
.cart-modal .cart-product-list .product{display: flex;margin: 0px 0px 14px 0px;}
.cart-modal .cart-product-list .product-img{background: #FFFFFF0D; padding:10px 20px; border-radius: 20px;display: flex; align-items: center;}
.cart-modal .cart-product-list .product-img .img img{height:60px;}
.cart-modal .cart-product-list .product .product-details{max-width: 224px; flex: 1 1 auto; }
.cart-modal .cart-product-list .product .product-details h6{ word-break: break-all; color: #FFFFFF;font-weight: 300;  display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;}
.cart-modal .cart-product-list .product .product-details p{color:#E55C28;margin: 0px 0px 10px 0px;}

.cart-modal .offcanvas-footer{border-top:1px solid #7070704A;}
.cart-modal .offcanvas-footer h6{color: #ffffff; margin: 0px 0px 15px 0px;}
.cart-modal .offcanvas-footer .orange-btn{width: 100%;margin:0; padding: 10px 20px;}

/* ==========================
   Profile Modal
=============================*/
.modal .cust-cls.btn-close{ box-shadow: none; font-size: 16px; position: absolute; right: 30px; top: 10px; opacity: 1; z-index: 100;}
.profiledetailmodal .profile-banner {background-color: #F27034; position: relative; }
.profiledetailmodal .profile-banner .info{ position: absolute; top: 0; max-width: 400px; color: #fff; display: flex; flex-direction: column; height: 100%; justify-content: space-around; }
.profiledetailmodal .profile-banner .pro-img { max-width: 590px; display: flex; margin-left: auto; }

/* ==========================
   offcanvas
=============================*/
.accountauthOffcanvas {height: 100vh;display: flex;flex-direction: column;padding: 0;}
.accountauthOffcanvas .offcanvas-header {position: absolute;right: 10px;color: #fff;}
.accountauthOffcanvas .offcanvas-header .cust-cls {box-shadow: none;}
.accountauthOffcanvas .offcanvas-header {justify-content: flex-end;background: transparent;}
.accountauthOffcanvas .offcanvas-body {padding: 0;height: 100%;}
.accountauthOffcanvas .auth {display: flex;width: 100%;height: 100%;}
.accountauthOffcanvas .cust-cls {background-image: url(../images/account/close.svg);background-repeat: no-repeat;background-size: cover;font-size: 20px;}
.accountauthOffcanvas .auth .leftside {width: 60%;}
.accountauthOffcanvas .auth .leftside .img img {object-fit: cover;height: 100%;width: 100%;}
.accountauthOffcanvas .auth .rightside {display: flex;flex-direction: column;justify-content: center;background: #242424;width: 40%;}
.accountauthOffcanvas .auth .rightside .logincredential {padding: 0px 44px;display: flex;height: 100%;flex-direction: column;justify-content: center;}
.accountauthOffcanvas .auth .rightside .logincredential p {color: #fff;font-size: 0.9rem;}
.accountauthOffcanvas .auth .rightside .logincredential .form-group input {background: #2f2f2f;border-color: #2f2f2f;color: #fff;margin: 5px 0px 0px 0px;}
.accountauthOffcanvas .auth .rightside .logincredential .next-btn .orange-btn {padding: 11px 40px;}
.accountauthOffcanvas .auth .rightside .medigo_img .line {color: #444444;margin: 0px 30px;font-weight: 600;height: 2px;}
.accountauthOffcanvas .auth .rightside .medigo_img .line {color: #444444;margin: 0px 30px;font-weight: 600;height: 2px;}
.accountauthOffcanvas .auth .rightside .auth-via {text-align: center;}
.accountauthOffcanvas .auth .rightside .auth-via div {color: #ADADAD;font-size: 17px;margin: 7px 0px 5px 0px;}
.accountauthOffcanvas .auth .rightside .auth-via a {font-size: 17px;}
.accountauthOffcanvas .auth .rightside .cred-field {height: 320px;overflow:auto;overflow: auto;scrollbar-width: none;-ms-overflow-style: none;}

/* ==========================
   login success modal
=============================*/
.loginsuccessmodal .modal-content {background:#333333;border-radius: 39px;padding: 70px 0px;}
.loginsuccessmodal .modal-content .success_login .success_json .rightjson {height: 100px;}

@media only screen and (max-width: 991px) {
  .accountauthModal .modal-content .auth {flex-wrap: wrap-reverse;height: auto;}
  .accountauthModal .modal-content .auth .leftside {width: 100%;}
  .accountauthModal .modal-content .auth .rightside {width: 100%;padding: 30px 0px 0px 0px;}
}

/* OTP Modal */
.otp-modal .modal-content .modal-header .modal-title {font-size: 24px;color: #fff;font-weight: 600;}
.otp-modal .modal-content .modal-header .cust-cls.btn-close {top: 28px;background-image: url(../images/account/close.svg);background-repeat: no-repeat;background-size: cover;}
.otp-modal .modal-content .verify p {color: #fff;margin: 10px 0px 0px 0px;font-weight: normal;}
.otp-modal .modal-content .orange-btn {padding: 11px 40px;}
.otp-modal .modal-content .white-btn {padding: 11px 40px;color: #000;border: none;}
.otp-modal .modal-content .code_expire {color: #E55C28;}
.otp-modal .modal-content {background: #333333;padding: 15px 22px 22px 22px;border-radius: 15px;}
.otp-modal .modal-content .otp .box {display: flex;padding: 20px 0px;;}
.otp-modal .modal-content .otp .box .otp-input {background-color: #FFFFFF0D;margin: 0px 8px;padding: 26px 0px;text-align: center;border-radius: 10px;color: #fff;font-size: 1.2rem;}
.otp-modal .modal-content .otp .box .otp-input:focus {border-color:#FFFFFF0D;}
.otp-modal .otp-box .countdown { color: #E55C28;  margin: 15px 0 0; display: inline-block; width: 100%; }


/* Delete Modal */
.delete-confirm .modal-dialog {  max-width: 409px; margin: 0 auto; padding: 0 13px; }
.delete-confirm .modal-content { background: #333333; color: #fff; border: none; text-align: center; padding: 20px 36px 0px;}
.delete-confirm .modal-body h6{ margin: 15px 0; color: #fff; font-size: 1.2rem;}
.delete-confirm .modal-body .button-list {  padding: 20px 0 10px; display: flex; gap: 10px; justify-content: center; align-items: center; }
.delete-confirm .modal-body .button-list a{ border: 0; padding: 8px 30px; }

/* Order Track Modal*/
.order-track-modal .progressList{ padding: 0; }
.order-track-modal .progressList_item {color: #595959;  margin: 0 0 -1px; position: relative; display: flex; padding-bottom: 30px; }
.order-track-modal .progressList_item::before {content: ''; height: 15px; width: 15px; min-width: 15px; border: 3px solid #ddd; background: #fff; outline: 2px solid #fff; margin-right: 15px; border-radius: 15px; position: relative; z-index: 100; }
.order-track-modal .progressList_item::after {content: ''; height: 100%; position: absolute; width: 3px; background: #ddd; left: 6px; border-radius: 15px; display: block; z-index: 10; }
.order-track-modal .progressList_item:first-child::after {height: 100%; top: 0; }
.order-track-modal .progressList_item:last-child::after {height: 50%; top: 0; }
.order-track-modal .progressList_item.is_complete::before,
.order-track-modal .progressList_item.is_complete::after {background: #009d60; border-color: #009d60; }
.order-track-modal .progressList_item.is_complete::before,
.order-track-modal .progressList_item.is_complete::after {background: #009d60; border-color: #009d60; }
.order-track-modal .progressList_item.has_no_step::before {border-color: transparent; background: transparent; outline: 0 solid transparent; }
.order-track-modal .progressList_item.is_warning::before {border-color: #e2ba5f; }
.order-track-modal .progressList_item.is_danger::before {border-color: #ab061c; }
.order-track-modal .progressList_item.is_complete,
.order-track-modal .progressList_item.is_warning {color: #333333; }
.order-track-modal .progressList_item:last-child::after{ display: none; }

/*rating star  */
.order-rate-modal .product-title {font-weight: 700;font-size: 1.2rem;}
.order-rate-modal .product-subtitle {color: #555;font-size: 1rem;margin:5px 0px 20px;}
.order-rate-modal .rating-title {font-weight: bold;margin: 15px;font-size: 1.2rem;color: #333;}
.order-rate-modal .rating { border: none;  display: flex;  flex-direction: row-reverse; justify-content: center; }
.order-rate-modal .rating > input { display: none; }
.order-rate-modal .rating > label::before { margin: 5px; font-size: 2.0em; font-family: 'Font Awesome 5 Free'; display: inline-block; content: "\f005"; font-weight: 900; }
.order-rate-modal .rating > .half::before { content: "\f089"; position: absolute; width: 23px; top: 0;left: 0;right: 0; overflow: hidden; padding: 5px;margin: 0; }
.order-rate-modal .rating > label { color: #ddd; display: flex; position: relative; }
.order-rate-modal .rating > input:checked ~ label,
.order-rate-modal .rating:not(:checked) > label:hover,
.order-rate-modal .rating:not(:checked) > label:hover ~ label { color:#E55C28 ;}
.order-rate-modal .rating > input:checked + label:hover,
.order-rate-modal .rating > input:checked ~ label:hover,
.order-rate-modal .rating > label:hover ~ input:checked ~ label,
.order-rate-modal .rating > input:checked ~ label:hover ~ label { color: #E55C28;}


/*Product */
section.our-product .form-group .icon .ti {position: absolute;left: 16px;top: 14px;font-size: 18px;color: #000;}
section.our-product .product-box {background: linear-gradient(180deg, #F1F1F1 0%, #FFFFFF 100%);padding: 15px;margin-bottom: 10px;}
section.our-product .product-box .img {padding: 40px 25px;background-color: #fff;}
section.our-product .product-box .content {padding: 0px 20px;}



/*======================
   Product Details
========================*/
section.product-details {  }
/* section.product-details .sticky-product{ position: sticky; top: 20px;   } */
section.product-details .product-img{text-align: center;}
section.product-details .product-slider {position: relative;}
section.product-details .product-slider .small-img {margin: 0px 5px;}
section.product-details .product-slider .slide-arrow {position:absolute;top: 0; top: 50%;transform: translate(-50%, -50%);border: 0px;transform: translate(-50%, -50%);font-size: 27px;background: none;color: #E55C28;}
section.product-details .product-slider .next-arrow {right: -21px;}
section.product-details .product-slider .prev-arrow {left: 17px;}

section.product-details .product-info .stock{ margin: 0 0 10px 20px; font-size: 0.8rem; position: relative; text-transform: uppercase; letter-spacing: 2px; }
section.product-details .product-info .stock::after{ content: ""; position: absolute; left: -20px; top: 4px; background: #62E795; width: 11px; height: 11px; border-radius: 50%; }
section.product-details .product-info .stock.out::after{ background: #808080; }
section.product-details .product-info .stock.coming-soon::after{ background: #E55C28; }
section.product-details .product-info .stock.almost-gone::after{ background: #ff0000; }
section.product-details .product-info h1{ font-size: 1.6rem; font-weight: 600; }
section.product-details .product-info .price{ margin: 10px 0; font-size: 1.8rem; font-weight: 600; color: #E55C28; }
section.product-details .product-info .valid{ font-size: 0.8rem; margin: 0px 0 20px; letter-spacing: 2px; }

section.product-details .product-info .ship-info{ background: #F9F9F9; padding: 20px; margin:8px 0px 20px 0; }
section.product-details .product-info .ship-info ul{ list-style: none; padding: 0; margin: 0; }
section.product-details .product-info .ship-info ul li{ display: flex; gap: 15px; padding: 8px 0; color: #000; }
section.product-details .product-info .ship-info ul li .icon{ width: 30px; }
section.product-details .product-info .ship-info ul li .icon img{ height: 25px; }

section.product-details .specification .accordion-header .accordion-button{ box-shadow: none; background: none; padding: 15px 0; position: relative; width: 100%; font-weight: 600; color: #686868; font-size: 0.9rem; letter-spacing: 2px; }
section.product-details .specification .accordion-header .accordion-button::after {width: 14px; height: 14px; background-size: cover; filter: brightness(0); }
section.product-details .specification .accordion-item{ border-radius: 0; border: none; border-bottom: 1px solid #B2B2B2; }
section.product-details .specification .accordion-body{ padding: 5px 0; }

section.product-details .specification  { font-size: 0.8rem; }
section.product-details .specification .feature ul { list-style: none; padding: 0; margin: 0; }
section.product-details .specification .feature ul li { padding: 10px 0; display: flex; gap: 15px;  }
section.product-details .specification .feature ul li .icon{ flex: 0 0 auto; }
section.product-details .specification .feature ul li .text{ flex: 1 1 auto; }
section.product-details .specification .feature ul li .text h5{ font-size: 1rem; font-weight: 600; margin: 0 0 2px; }
section.product-details .specification .feature ul li .text p{  margin: 0; }

section.product-details .specification .tech .title{ font-weight: 700; font-size: 1rem; margin: 15px 0; }
section.product-details .specification ul { padding: 0 0 0 15px; }
section.product-details .specification ul li{ margin: 8px 0; }
section.product-details .specification ul li::marker{ color: #000; }

section.product-details .review-rating { font-size: 0.8rem; margin: 50px 0 0; }
section.product-details .review-rating .starwise { padding-right: 50px; }
section.product-details .review-rating .starwise .big-rate { font-size: 6rem; color: #000; line-height: 1; }
section.product-details .review-rating .starwise .big-rate span { font-size: 2.3rem; font-weight: 600; color: #00000066; display: block; }
section.product-details .review-rating .starwise ul li { display: flex; width: 100%;align-items: center; padding: 5px 0; border: 0; }
section.product-details .review-rating .starwise ul li .prograss { background: #DEDEDE; width: 100%; height: 7px; flex: 1 1 auto; margin: 0 10px; border-radius: 10px; overflow: hidden;  position: relative; }
section.product-details .review-rating .starwise ul li .prograss span { background: #000; display: inline-block;  height: 7px; position: absolute; left: 0;top: 0; border-radius: 0;}
section.product-details .review-rating .starwise ul li .no { width: 65px;  flex: 0 0 auto;}

section.product-details .review-rating .rating-list { border-bottom: 1px solid #EBEBEB; padding: 20px 0; }
section.product-details .review-rating .rating-list h6{ font-size: 0.9rem;  }
section.product-details .review-rating .rating-list .user-info{ display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
section.product-details .review-rating .rating-list .user-info p{ color: #999999; }

section.error-page {display: flex;justify-content: center;align-items: center;height: 100vh;}
section.error-page .img img {height: 350px;margin-bottom: 10px;}
section.error-page .orange-btn {font-size: 0.9rem;display: inline-block;margin-top: 10px;padding: 11px 34px;}