@charset "utf-8";

:root {
  --balck: #000000;
  --white: #ffffff;
  --red: #CC2424;
  --russo-font: "Russo One", sans-serif;
  --poppins-font: "Poppins", sans-serif;
}

*{margin:0; padding: 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; box-sizing: border-box; }
body{ -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; scroll-behavior: smooth; font-family: var(--poppins-font); }
html, body { height: 100%; }

/* -------------------------Globle_CSS_Start----------------- */
img { image-rendering: auto; image-rendering: crisp-edges; image-rendering: pixelated; image-rendering: -webkit-optimize-contrast; }
a,button,span,i,svg,path{transition: all 0.33s ease; text-decoration: none;}
[type=button], [type=reset], [type=submit], button { -webkit-appearance: button; }
.objectFit-img{ max-width: 100%; position: absolute; object-fit: cover; object-position: center; top: 0; left: 0; width: 100%; height: 100%; }
.h-100{height: 100%;}
.max-w-full{max-width: 100%;}
.h-auto{height: auto;}
.relative{position: relative;}
.absolute{position: absolute;}

.flex{display: flex;}
.flex-wrap{flex-wrap: wrap;}
.flex-row{flex-direction: row;}
.flex-column{flex-direction: column;}
.justify-content-center{justify-content: center;}
.justify-content-between{justify-content: space-between;}
.justify-content-around{justify-content: space-around;}
.align-items-center{align-items: center;}
.align-items-bottom{align-items: end;}
.align-content-between {align-content: space-between;}
/* flex css End */

.d-block{display: block;}
.d-inline-block{display: inline-block;}
.d-none{display: none;}
.list-unstyled{list-style: none;}
.table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }
table { caption-side: bottom; border-collapse: collapse; width: 100%; vertical-align: top; border-color: #dee2e6; }
.table>thead { vertical-align: bottom; }
.table>tbody { vertical-align: inherit; }
.table>:not(caption)>*>* { padding: 0.5rem 0.5rem; background-color: transparent; border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px transparent; }
/* form css */
label { display: inline-block; }
.md-form-group{margin-bottom: 15px;}
.form-label { margin-bottom: 0.5rem; }
.form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: var(--white); background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.375rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; margin: 0; }
.form-text { margin-top: 0.25rem; font-size: .875em; color: #6c757d; }
.form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem; }
.form-check-input[type=checkbox] { border-radius: 0.25em; }
.form-check .form-check-input { float: left; margin-left: -1.5em; }
.form-check-input[type=radio] { border-radius: 50%; }
.form-switch { padding-left: 2.5em; }
.form-switch .form-check-input { width: 2em; margin-left: -2.5em; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E"); background-position: left center; border-radius: 2em; transition: background-position .15s ease-in-out; }
.invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: .875em; color: #dc3545; }
select { word-wrap: normal; }
.form-select { display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; -moz-padding-start: calc(0.75rem - 3px); font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: var(--white); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: 1px solid #ced4da; border-radius: 0.375rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.form-select:disabled { background-color: #e9ecef; }
/* form css End */

.rounded-circle { border-radius: 50%;}

p{font-size: 18px; line-height: 1.4; margin-bottom: 20px;}
p strong{font-weight: 700;}
h1,h2,h3,h4,h5,h6{font-style: normal;}
h1{font-size: 68px; line-height: 1.2; font-weight: 400;}
h2{font-size: 46px; line-height: 1.2; font-weight: 400;}
h3{font-size: 38px; line-height: 1.4; font-weight: 400;}
h4{font-size: 22px; line-height: 1.4; font-weight: 400;}
h5{font-size: 18px; line-height: 1.4; font-weight: 400;}
h6{font-size: 18px; line-height: 1.4; font-weight: 400;}

.container {padding: 0 16px; width: 100%; max-width: 100%; margin: 0 auto;}
.sec-padding{padding: 80px 0;}





/*-------------- header start --------------*/
.mg_header{box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.3);padding: 17px 0;}
/* menu */
.mg_menu{margin: 0 -20px !important;}
.mg_menu li{padding: 0px 20px !important;}
.mg_menu li a{position: relative;font-size: 16px;line-height: 26px;color: var(--balck);font-weight: 600;transition: all 0.3s ease-in-out;}
.mg_menu li a.mactive, .mg_menu li a:hover{position: relative; color: var(--red);transition: all 0.3s ease;}
.mg_menu li a.mactive::after,.mg_menu li a:hover::after{position: absolute;content: '';width: calc(100% + 11px);height: 2px;background-color: var(--red);left: 0;bottom: -6px;transition: all 0.3s ease-in-out;}
.mg_menu li a::after{position: absolute;content: ''; width: 0%;height: 2px;background-color: var(--red);left: 0;bottom: -6px;transition: all 0.3s ease-in-out;}
.mg_logo a{display: block;line-height: 0;}
.mg_logo a img{filter: drop-shadow(0px 4px 4px #00000040);}
/* button */
.mg_button{gap: 30px;}
.mg_button > a::before{position: absolute;content: ''; width: 8px;height: 8px;border-radius: 50%; background-color: var(--red);right: 4px;top: -2px;}
/* login button */
/* .mg_login_btn{margin: 0 -20px !important;} */
.mg_login_btn li{padding: 0px 20px !important;}
.mg_login_btn li:first-child{position: relative;}
.mg_login_btn li:first-child::after{position: absolute;content: ''; width: 1px;height: 26px;background-color: var(--balck);right: 0;top: 50%;transform: translateY(-50%);}
.mg_login_btn li a{color: var(--balck);font-family: var(--poppins-font);font-weight: 500;font-size: 16px;line-height: 26px;transition: 0.3s all ease-in-out;color: var(--balck);}
.mg_login_btn li a:hover{color: var(--red);}
.mg_login_btn li a.mg-registerbtn{font-size: 16px;line-height: 26px;color: var(--balck);font-weight: 500;border-radius: 8px;background-color: var(--red);padding: 10px 22px;color: var(--white);border: 1px solid var(--red);}
.mg_login_btn li a.mg-registerbtn:hover{background-color: transparent;color: var(--red);}
.mg_login_btn li:last-child{padding-right: 0 !important;}
.mg_menu_bar{display: none;}
.mg_header .mg_menu .mg_login_btn{display: none;}
/*-------------- header end --------------*/

/* Login - Register CSS */
.mg-login-rester-sec{background: var(--red);}
.mg-login-rester-wrap{max-width: 1120px; width: 100%; margin: 0 auto; border-radius: 18px; padding: 15px; background: var(--white);}
.mg-login-rester-img img{border-radius: 18px;width: 100%; height: 630px; object-fit: cover; object-position: center; display: block;}
.mg-login-rester-form{padding: 60px;width: 46%;flex-grow: 1;margin-left: 12px;}
.mg-login-rester-img{width: 50%;}

.mg-login-rester-form h3{font-family: var(--russo-font);font-weight: 400;font-size: 38px;line-height: 26px;text-align: center;color: var(--balck);margin-bottom: 10px;}
.mg-login-rester-form p{font-family: var(--poppins-font);font-weight: 400;font-size: 18px;line-height: 32px;text-align: center;color: #7D7D7D;}
.mg-login-rester-form form{margin-top: 30px;}
.mg-login-rester-form .md-form-group{margin-bottom: 10px;}
.mg-login-rester-form .md-form-group:last-child{margin-bottom: 0;}
.mg-login-rester-form .md-form-group label{font-family: var(--poppins-font);font-weight: 400;font-size: 16px;line-height: 26px;text-transform: capitalize;color: #212121;display: block;margin-bottom: 2px;}
.mg-login-rester-form .md-form-group .md-form-control{border: 1px solid #CFCFCF;border-radius: 11px;padding:6px 18px;font-family: var(--poppins-font);font-weight: 400;font-size: 14px;line-height: 26px;width: 100%;}
.mg-login-rester-form .md-form-group .md-form-control::placeholder{color: #525252;}
.mg-login-rester-form .md-form-group .md-form-control:focus{outline: none;}
.mg-login-rester-form .md-form-btns{margin-top: 20px;}
.mg-login-rester-form .md-form-btns .mg-btn-red{background-color: #CC2424;border-radius: 8px;width: 100%;border: 1px solid #CC2424;padding: 10px;font-family: var(--poppins-font);font-weight: 500;font-size: 16px;line-height: 26px;text-align: center;color: var(--white);cursor: pointer;}
.mg-login-rester-form .md-form-btns .mg-btn-red:hover{background-color: transparent;color:#CC2424;}
.mg-login-rester-form .md-forgot-link{font-family: var(--poppins-font);font-weight: 500;font-size: 16px;line-height: 26px;text-align: center;color: #CC2424;display: block;margin-top: 6px;}
/* Login - Register CSS end */

/*-------------- footer start --------------*/
.mg_footer{background-color: var(--balck);}
.mg_footer p{color: var(--white);max-width: 273px; width: 100%;font-weight: 400;font-size: 14px;line-height: 22px;}
.mg_call_info{margin-bottom: 15px;}
.mg_call_info li{color: var(--white);display: flex;gap: 6px;margin-bottom: 6px;align-items: center;}
.mg_footer_content{width: 30%;}
.mg_footer_content a img{width: 100%;max-width: 100%;height: 100%;}
.mg_footer_content p{margin-bottom: 15px;}
.mg_social_links{gap: 10px;}
.mg_social_links li a{display: block;line-height: 0;display: flex;align-items: center;justify-content: center;width: 38px;height: 38px;background-color: var(--red);padding: 8px; border-radius: 8px;transition: 0.3s all ease-in-out;}
.mg_social_links li a svg{width: 100%;height: 100%;display: block;}
.mg_social_links li a:hover{background-color: var(--white);}
.mg_social_links li a:hover svg path{fill: var(--red);}
.mg_footer_menu{width: 70%;}
.mg_footer_menu_item h4{font-size: 18px;line-height: 26px;color: var(--red);font-weight: 500;margin-bottom: 10px;}
.mg_footer_menu_item ul li{color: var(--white);font-size: 14px;line-height: 30px;font-weight: 400;margin-bottom: 6px;}
.mg_footer_menu_item ul li a{color: var(--white);transition: 0.3s all ease-in-out;}
.mg_footer_menu_item ul li a:hover{color: var(--red);}
.mg_footer_menu_item ul li:last-child{margin-bottom: 0px;}
.mg_footer_menu_top{padding-bottom: 20px;}
.mg_footer_menu_bottom{padding: 20px 0px;border-top: 1px solid #464646;}
.mg_footer_menu_bottom h3{font-size: 16px;line-height: 26px;color: var(--white);font-weight: 600;margin-bottom: 0px;}
.mg_form_group{position: relative;}
.mg_footer_menu_bottom form{width:348px}
.mg_form_group input{max-width: 348px;width: 100%;padding: 8px 16px;padding-right: 38px;border-radius: 8px;outline: none;border: 1px solid #464646;border: 1px solid #303030;background-color: #111111;color: var(--white);font-size: 12px;line-height: 22px;font-family: var(--poppins-font);}
.mg_form_group input::placeholder{color:#ffffff;}
.mg_fsubmit_btn{display: flex;position: absolute;right: 16px;top: 50%;transform: translateY(-50%);background: none;outline: none;border: none;cursor: pointer;}
.mg_copyright{padding: 14px 0px;background-color: #111111;}
.mg_copyright p{display: block;margin: 0 auto;color: var(--white);font-size: 14px;line-height: 26px;font-weight: 400;margin-bottom: 0px;text-align: center;}
.mg_copyright p a{color: var(--red);}
.mg_footer{padding-top: 80px;}
.mg_footer_wrap{padding-bottom: 80px;}
.mg_footer_content .mg-footer-logo{width: 70px;display: block;line-height: 0;margin-bottom: 15px;}
.mg_call_info li a{font-size: 16px;line-height: 1.2; gap: 6px;color: var(--white);transition: 0.3s all ease-in-out;}
.mg_call_info li a:hover{color: var(--red);}
/*-------------- footer end --------------*/


/* hero banner css start */
.mg-hero-wrap{min-height: 750px;}
.mg-hero-wrap .mg-hero-img{width: 100%;max-width: 100%;object-fit: cover;position: absolute;top: 0;left: 0;height: 100%;}
.mg-hero-wrap .container{position: absolute;top:50%;transform: translateY(-50%);left: 0;right: 0;z-index: 1;}
.mg-hero-wrap .container h2{font-family: var(--russo-font);font-weight: 400;font-size: 68px;line-height: 78px;color: var(--white);max-width: 600px;margin-bottom: 10px;}
.mg-hero-wrap .container h2 span{color: #F2404B;}
.mg-hero-wrap .container p{font-family: var(--poppins-font);font-weight: 400;font-size: 18px;line-height: 32px;color: #f5f5f5;max-width: 560px;margin-bottom: 0;}
.mg-hero-btns{margin-top: 20px;}
.mg-hero-btns .mg-hero-btn{display: inline-flex;gap: 6px; padding: 10px 20px;box-shadow: 1px 4px 26px 0px #00000066;border-radius:8px;background: linear-gradient(90deg, #E63D47 0%, #90262D 100%);font-family: var(--poppins-font);font-weight: 500;font-size: 16px;line-height: 26px;color: var(--white);border: 1px solid #9a2930;cursor: pointer;transition: 0.3s all ease-in-out;}
.mg-hero-btns .mg-hero-btn:hover{background: #fff;color: var(--red);}
.mg-hero-btns .mg-hero-btn svg{margin-left: 5px;transition: 0.3s all ease-in-out;}
.mg-hero-btns .mg-hero-btn:hover svg path{stroke: var(--red);}
/* hero banner css end */

/* book the service section css start */
.mg-book-service{background-color: rgba(234, 234, 234, 0.65);}
.mg-book-title{width: 567px;}
.mg-book-title span{display: block;font-family: var(--poppins-font);font-weight: 500;font-size: 18px;line-height: 28px;text-transform: uppercase;color: var(--balck);}
.mg-book-title h3{font-family: var(--russo-font);font-weight: 400;font-size: 46px;line-height: 100%;text-transform: capitalize;color: var(--red);margin: 6px 0;}
.mg-book-title p{font-family: var(--poppins-font);font-weight: 400;font-size: 18px;line-height: 32px;color: var(--balck);}
.mg-book-form-wrap{width: 40%;flex-grow: 1;padding-left: 40px;}
.mg-calendar-wrap{width: 302px;}
.mg-calendar-wrap .flatpickr-calendar { border-radius: 16px !important; padding: 20px !important;}
.mg-calendar-wrap .flatpickr-days, .mg-calendar-wrap .dayContainer {width: 100% !important; min-width: inherit !important;  max-width: inherit !important;}
.mg-calendar-wrap .flatpickr-current-month .flatpickr-monthDropdown-months{ -moz-appearance: none; -webkit-appearance: none; appearance: none;     font-size: 16px; text-align: center;}
.mg-calendar-wrap .flatpickr-current-month input.cur-year { -moz-appearance: none; -webkit-appearance: none; appearance: none;     font-size: 16px; text-align: center;}
.mg-calendar-wrap .flatpickr-current-month{padding: 0; display: flex; align-items: center; justify-content: center;}
.mg-calendar-wrap .flatpickr-calendar, .mg-calendar-wrap .flatpickr-calendar .flatpickr-innerContainer, .mg-calendar-wrap .flatpickr-rContainer{width: 100%;}
.mg-calendar-wrap .numInputWrapper input::-webkit-outer-spin-button,
.mg-calendar-wrap .numInputWrapper input::-webkit-inner-spin-button {
  -webkit-appearance: none; margin: 0;}
.mg-calendar-wrap .numInputWrapper input[type=number] {-moz-appearance: textfield;}
.mg-calendar-wrap .flatpickr-months .flatpickr-prev-month, .mg-calendar-wrap .flatpickr-months .flatpickr-next-month{top: 20px;    padding: 7px;}
.mg-book-form-inner{padding: 25px 20px;border-radius: 16px;background-color: var(--white);border: 1px solid #CDCDCD;box-shadow: 2px 2px 13px 0px #0000001A;margin-left: 20px;flex-grow: 1;width: 40%;}
.mg-book-form-inner .mg-bookform-fields{gap: 20px 6px;}
.mg-half{width: calc(50% - 3px);}
.mg-full{width: 100%;}
.mg-book-form-inner .md-form-group{margin-bottom: 0;}
.mg-book-form-inner .md-form-group .md-form-control{background-color: #EDEDED;border-radius: 4px;padding: 6px 14px;font-family: var(--poppins-font);font-weight: 500;font-size: 11px;line-height: 20px;color: var(--balck);text-transform: capitalize;border: none;width: 100%;}
.mg-book-form-inner .md-form-group select.md-form-control{padding-right: 30px;}
.mg-book-form-inner .md-form-group select.md-form-control{background-repeat: no-repeat;background-position: right 14px center;background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEyIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjUgMUw2IDVMMTAuNSAxIiBzdHJva2U9IiMyRDJEMkQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");-webkit-appearance: none;-moz-appearance: none;text-indent: 1px;text-overflow: '';}
.mg-book-form-inner .md-form-group .md-form-control option:disabled{color: #9C9C9C;}
.mg-book-form-inner .md-form-group .md-form-control:focus{outline: none;}
.md-timeslot h5{font-family: var(--poppins-font);font-weight: 500;font-size: 16px;line-height: 20px;color: var(--balck);text-transform: capitalize;}
.mg-time-list{gap: 12px;min-width: 100%;padding-top: 10px;transition: 0.4s all ease-in-out;}
.mg-time-list li{flex: 0 0 auto;}
.mg-time-list label{border: 1px solid var(--balck);border-radius: 2px;padding: 6px 14px;font-family: var(--poppins-font);font-weight: 500;font-size: 12px;line-height: 20px;text-transform: capitalize;color: var(--balck);width: 84px;text-align: center;}
.mg-time-list input:checked + label::before{content: '';width: 12px;height: 12px;background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiByeD0iNiIgZmlsbD0iIzMwODI3MiIvPgo8cGF0aCBkPSJNNS4zMzMzNyA4QzUuMTY2NzEgOCA1LjAwMDA0IDcuOTMzMzMgNC44NjY3MSA3LjhMMy41MzMzNyA2LjQ2NjY3QzMuMjY2NzEgNi4yIDMuMjY2NzEgNS44IDMuNTMzMzcgNS41MzMzM0MzLjgwMDA0IDUuMjY2NjcgNC4yMzMzNyA1LjI2NjY3IDQuNDY2NzEgNS41MzMzM0w1LjMzMzM3IDYuNEw3LjUzMzM3IDQuMkM3LjgwMDA0IDMuOTMzMzMgOC4yMDAwNCAzLjkzMzMzIDguNDY2NzEgNC4yQzguNzMzMzcgNC40NjY2NyA4LjczMzM3IDQuODY2NjcgOC40NjY3MSA1LjEzMzMzTDUuODAwMDQgNy44QzUuNjY2NzEgNy45MzMzMyA1LjUwMDA0IDggNS4zMzMzNyA4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");position: absolute;top: -5px;right: -4px;}
.mg-time-list li input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.mg-time-list li input:checked + label{border: 1px solid #308272;color: #308272;background-color: #E7F9F5;}
.md-timeslot{overflow: hidden;}
.mg-time-list li.mg-slot-full{pointer-events: none;}
.mg-time-list li.mg-slot-full label{pointer-events: none;background-color: rgba(204, 36, 36, 0.14);border: 1px solid var(--red);color: var(--red);}
.md-form-group .mg-submit-btn{margin: 0 auto;display: block;max-width: 140px;min-width: 140px;padding: 6px;border-radius: 4px;background-color: var(--red);color: var(--white);font-family: var(--poppins-font);font-weight: 500;font-size: 12px;line-height: 20px;text-align: center;text-transform: capitalize;border: 1px solid var(--red);cursor: pointer;transition: 0.3s all ease-in-out;}
.md-form-group .mg-submit-btn:hover{background-color: transparent;color: var(--red);}
.mg-time-arrow{width: 14px;height: 14px;display: flex;align-items: center;justify-content: center;box-shadow: 0px 2px 8px 0px #00000029;border-radius: 50%;cursor: pointer;background-color: var(--white);background-repeat: no-repeat;background-position: center;}
.mg-time-arrow{position: absolute;top: calc(50% + 5px);transform: translateY(-50%);}
.mg-time-arrow.mg-time-next{background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNSA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSA1LjVMNCAzTDEgMC41IiBzdHJva2U9IiNDQzI0MjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");right: 0;}
.mg-time-arrow.mg-time-prev{background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNSA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy45OTYwOSAwLjVMMC45OTYwOTQgM0wzLjk5NjA5IDUuNSIgc3Ryb2tlPSIjQ0MyNDI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");left: 0;}
/* .mg-time-arrow.mg-time-next::after{content: '';width: 50px;height: 39px;background: linear-gradient(-90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);position: absolute;top: -10px;right: 0px;z-index: -1;}
.mg-time-arrow.mg-time-prev::before{content: '';width: 50px;height: 39px;background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);position: absolute;top: -10px;left: 0px;z-index: -1;} */
.mg-time-arrow { cursor: pointer; user-select: none; }
.mg-time-arrow[disabled] { opacity: 0.4; pointer-events: none; }
/* book the service section css end */


/*-------------- service start --------------*/
.mg_service{padding: 80px 0px;}
.mg_service_content{text-align: center;}
.mg_service_content h6{font-size: 18px;line-height: 28px;color: var(--red);font-weight: 500;margin-bottom: 6px;text-transform: uppercase;}
.mg_service_content h2{font-size: 46px;line-height: 47px; font-weight: 400;font-family: var(--russo-font);text-transform: capitalize;}
.mg_service_items{margin-top: 50px;}
.mg_service_item_img::after{content: '';display: block;padding-top: 56.25%;}
.mg_service_item_img{overflow: hidden;border-radius: 90px 0px 0px 0px;}
.mg_service_item_img img{width: 100%;max-width: 100%;height: 100%;display: block;object-fit: cover;position: absolute;top: 0;left: 0;transform: scale(1);transition: all 0.3s ease-in-out;}
.mg_service_item_img:hover img{transform: scale(1.1);}
.mg_service_item{width: 100%;border-radius: 40px 0px 40px 0px;}
.mg_service_item_content{background-color: var(--balck); border-radius: 0px 0px 90px 0px;padding: 26px;}
.mg_service_item_content h2{font-size: 22px;line-height: 32px;color: var(--white);font-weight: 500;margin-bottom: 4px;}
.mg_service_item_content p{display: flex;align-items: center;gap: 5px; color: var(--white);font-size: 18px;line-height: 28px;font-weight: 400;margin-bottom: 0px;}
/* splide slider */
.mg_service_items .splide__arrow--prev{width: 70px;height: 55px;clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);border-radius: 0;background: #CC2424;opacity: 1;left: -30px;}
.mg_service_items .splide__arrow--next{width: 70px;height: 55px;clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);border-radius: 0;background: #CC2424;opacity: 1;right: -30px;}
.mg_service_items .splide__arrow--prev svg{fill: none;width: 22px;height: 22px;transform: rotateY(0deg);}
.mg_service_items .splide__arrow--next svg{fill: none;width: 22px;height: 22px;}
.mg_service_items .splide__pagination{bottom: -30px;}
.mg_service_items .splide__pagination li{display: flex;width: 20px;height: 8px;clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);border-radius: 0px;opacity: 1;}
.mg_service_items .splide__pagination li button{border-radius: 0px;background: #000000;opacity: 1;width: 100%;height: 100%;margin: 0;}
.mg_service_items .splide__pagination li button.is-active{background: #DF3A45;}
/*-------------- service end--------------*/

@media (min-width:1300px){
  .container { max-width: 1280px; }
}
@media (min-width:1536px){
  .container { max-width: 1470px; }
}

@media(max-width:1600px){
  .mg-hero-wrap {min-height: 630px;}
  .mg-book-title {width: 440px;}
}

@media (max-width:1399px){
  .mg-hero-wrap {min-height: 530px;}
  .mg_footer{padding-top: 60px;}
  .mg_footer_wrap{padding-bottom: 60px;}
}

@media (max-width:1280px){
  .mg_service_items .splide__arrow--prev{left: -14px;}
  .mg_service_items .splide__arrow--next{right: -14px;}
}

@media (max-width: 1199px){
    .mg-login-rester-form{padding: 60px 24px;}
    .mg-book-inner{flex-wrap: wrap;}
    .mg-book-title{width: 100%;}
    .mg-book-form-wrap{width: 100%;padding-left: 0px;margin-top: 30px;}
    .mg-hero-wrap .container h2 {font-size: 50px;line-height: 60px;max-width: 545px;}
    .mg-hero-wrap .container p {font-size: 16px;line-height: 24px;max-width: 500px;}
    .mg_service,.sec-padding{padding: 60px 0px;}
    .mg_service_content h6,.mg_service_item_content p,.mg-book-title span,.mg-book-title p{font-size: 16px;line-height: 24px;}
    .mg_service_content h2,.mg-book-title h3{font-size: 36px;line-height: 44px;}
    .mg_service_items {margin-top: 30px;}
    .mg_service_item_content{padding: 15px;}
    .mg_service_item_content h2{font-size: 18px;line-height: 28px;}
    .mg_service_item_content p svg{width: 24px;height: 24px;}
    .mg_service_items .splide__arrow--prev{width: 60px;height: 45px;}
    .mg_service_items .splide__arrow--next{width: 60px;height: 45px}
    .mg_footer_wrap {padding-bottom: 60px;}
    .mg_login_btn li a.mg-registerbtn{padding: 6px 18px;}
    .mg_service_item_img{border-radius: 45px 0px 0px 0px;}
    .mg_service_item_content{border-radius: 0px 0px 45px 0px;}
}

@media (max-width: 991px){
  .sec-padding{padding: 60px 0;}
  .mg-login-rester-form h3{font-size: 30px;}
  .mg-login-rester-form p {font-size: 16px;line-height: 24px;}

	.mg_footer_wrap{padding-bottom: 0px;}
	.mg_footer_content {width: 100%;margin-bottom: 30px;}
	.mg_footer_menu {width: 100%;}
  .mg_header .mg-nav{position: fixed;top: 0;height: 100%;width: 100%;right: 0%;z-index: 9;background-color: rgba(0, 0, 0, 0.3);backdrop-filter: blur(3px);transition: 0.4s all ease-in-out;overflow: hidden;opacity: 0;visibility: hidden;}
  .mg_header .mg-nav.active{opacity: 1;visibility: visible;}
  .mg_header .mg-nav.active .mg_menu{transform: translateX(0%);}
  .mg_header .mg_menu{display: block;background-color: #fff;width: 320px;padding: 60px 0px 40px;height: 100%;overflow: auto;margin: 0 auto !important; margin-right: 0 !important;position: relative;transform: translateX(100%);transition: 0.4s all ease-in-out;}
  .mg_menu li{margin-bottom: 12px;}
  .mg_menu li a.mactive::after, .mg_menu li a:hover::after{display: none;}
  .mg_menu_close{width: 24px;height: 24px;position: absolute;top: 20px;right: 20px;cursor: pointer;background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuMTQ2MDkgMTQuOTI1OEwwLjc0NjA5NCAxMy41MjU4TDYuMzQ2MDkgNy45MjU3OEwwLjc0NjA5NCAyLjMyNTc4TDIuMTQ2MDkgMC45MjU3ODFMNy43NDYwOSA2LjUyNTc4TDEzLjM0NjEgMC45MjU3ODFMMTQuNzQ2MSAyLjMyNTc4TDkuMTQ2MDkgNy45MjU3OEwxNC43NDYxIDEzLjUyNThMMTMuMzQ2MSAxNC45MjU4TDcuNzQ2MDkgOS4zMjU3OEwyLjE0NjA5IDE0LjkyNThaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");background-repeat: no-repeat;background-position: center;}
  .mg_menu_bar{display: block;width:20px;height: 20px;cursor: pointer;background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgM0gyMSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTEgMTBIMjEiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xIDE3SDIxIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K");background-repeat: no-repeat;background-position: center;  margin-left: 20px;}
  .mg_button{margin-left: auto;}
  .mg_button .mg_login_btn{display: none;}
  .mg_header {padding: 14px 0;}
  .mg_header .mg_menu .mg_login_btn {display: flex;margin: 0 !important;justify-content: center;margin-top: 20px !important;position: absolute;bottom: 30px;width: 100%;}

  .mg_service, .sec-padding {padding: 50px 0px;}
  .mg_service{padding-bottom: 90px;}
}

@media (max-width:768px){
    .mg-login-rester-img {width: 100%;}
    .mg-login-rester-form{width: 100%;margin-left: 0;padding: 20px 0 30px;}
    .mg_service_items .splide__arrow--prev{width: 55px;height: 46px;top: auto;left: auto;right: 52px;bottom: -82px;}
    .mg_service_items .splide__arrow--next{width: 55px;height: 46px;top: auto;right: 0px;bottom: -82px;}
}

@media (max-width:767px){
	.mg_footer_menu_top {flex-wrap: wrap;gap: 20px;}
	.mg_footer_menu_bottom{flex-wrap: wrap;justify-content: center;gap: 10px;}
	.mg-login-rester-img img {height: 300px;}
  .mg-book-form-wrap{flex-wrap: wrap;}
  .mg-calendar-wrap{width: 100%;}
  .mg-calendar-wrap img{width: 100%;}
  .mg-book-form-inner{width: 100%;margin-left: 0px;margin-top: 20px;}
  .mg_service, .sec-padding {padding: 40px 0px;}
  .mg_service{padding-bottom: 78px;}
  .mg_service_content h6, .mg_service_item_content p, .mg-book-title span, .mg-book-title p {font-size: 14px;line-height: 22px;}
  .mg_service_content h2, .mg-book-title h3 {font-size: 28px;line-height: 34px;}
  .mg_service_content h6{margin-bottom: 2px;}
  .mg_service_item_content{display: flex;align-items: center;justify-content: space-between;}
  .mg_service_item_content{border-radius: 0px 0px 40px 0px;}
  .mg_service_item_img{border-radius: 40px 0px 0px 0px;}
  .mg_service_item_content {padding: 15px 20px;}
  .mg-book-title{text-align: center;}
  .mg_service_items .splide__arrow {display: none;}
  .mg-hero-wrap .container{transform: none;top: auto;bottom: 16px;}
  .mg_footer_menu_item ul li{line-height: 20px;}
}

@media (max-width:480px){
	.mg_form_group input{max-width:100%;}
	.mg_footer_menu_bottom form {width: 100%;}
  .mg_header .mg_menu{width: 100%;}
  .mg-hero-banner{padding: 18px 15px;}
  .mg-hero-wrap .mg-hero-img{border-radius: 16px;}
  .mg-hero-wrap .container h2 { font-size: 16px;line-height: 24px;max-width: 137px;margin-bottom: 4px;}
  .mg-hero-wrap .container p {font-size: 10px;line-height: 16px;max-width: 200px;}
  .mg-hero-btns{margin-top: 12px;}
  .mg-hero-btns .mg-hero-btn {padding: 3px 10px;font-size: 10px;line-height: 20px;}
  .mg-hero-btns .mg-hero-btn svg{display: none;}
  .mg-hero-wrap {min-height: 230px;}
  .mg_copyright{padding: 10px 0;}
  .mg_footer{padding-top: 40px;}
  .mg_social_links li a{width: 28px;height: 28px;padding: 6px;}
  .mg_call_info li,.mg_call_info li a{font-size: 14px;}
  .mg-time-list { gap: 5px;}
}
