/* Custom Container */
@media only screen and (min-width : 1200px){
	.container{
		max-width: 1300px;
	}
}

/* Global */
::-moz-selection { /* Code for Firefox */
	background-color: rgba(238, 227, 128, 0.2);
	color: #EEC635;
}
::selection {
	background-color: rgba(238, 227, 128, 0.2);
	color: #EEC635;
}
/* Works on Firefox */
*{
  scrollbar-width: thin;
  scrollbar-color: #D8D8D8 #EEEEF2;
}
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar{
  width: 8px;
}
*::-webkit-scrollbar-track{
  background: #EEEEF2;
}
*::-webkit-scrollbar-thumb{
  background: #D8D8D8;
}
*, body, h1, h2, h3, h4, h5, h6, p, a{
	outline: 0 !important;
	font-family: 'Raleway', sans-serif;
}

  
html{
	scroll-behavior: smooth;
}
body{
	background: url(../images/bnr_img.png);
	width: 100%;
	height: 100vh;
	background-size: cover;
	background-repeat: no-repeat;
}

img{
	max-width: 100%;
	max-height: 100%;
}

/* Back To Top Button */
#back_to_top_btn{
	display: inline-block;
	background-color: #ffffff3f;
	width: 40px;
	height: 40px;
	text-align: center;
	border-radius: 50%;
	position: fixed;
	bottom: 40px;
	right: 40px;
	transition: background-color .3s, opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1100;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
}
#back_to_top_btn::after{
	font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  content: "\f062";
	font-size: 22px;
	color: #ffffff;
}
#back_to_top_btn:hover{
	cursor: pointer;
	background-color: #EEC635;
}
#back_to_top_btn:active{
	background-color: #EEC635;
}
#back_to_top_btn:hover::after, #back_to_top_btn:active::after{
	color: #fff;
}
#back_to_top_btn.show{
	opacity: 1;
	visibility: visible;
}

.btn-primary {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 26px;
	padding-right: 26px;
	border-radius: 50px;
  	font-size: 14px;
	color: #fff;
	border: 0px solid transparent;
	background: rgb(126,109,241);
  	background: linear-gradient(114deg, rgba(126,109,241,1) 0%, rgba(195,152,250,1) 100%);
	transition: 0.5s ease;
}
.btn-primary:hover{
}
.btn-primary:active{
}

.btn-secondary {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 26px;
	padding-right: 26px;
	border-radius: 22px;
	font-size: 18px;
	color: #fff;
	border: 1px solid #00953C;
	background: #00953C;
	transition: 0.5s ease;
}
.btn-secondary:hover{
	background: #CB0239;
	border: 1px solid #CB0239;
}
.btn-secondary:active{
	background: #CB0239 !important;
	border: 1px solid #CB0239 !important;
}

.transperant_btn{
	font-weight: 400;
	font-size: 16px;
	color: #ffffff;
	border-radius: 90px;
	padding: 10px 30px;
	background-color: rgba(255, 255, 255, 0.11);
	border: 1px solid #ffffff;
	transition: 0.5s ease;
}
.transperant_btn:hover{
	background: #fff;
	color: #000;
}


/* Header */



.header{
	color: #fff;
}
.header .top_bar{
	margin-top: 20px;
}
.header .topbar_right_side .nav-link.tel_btn {
	font-weight: 400;
	font-size: 14px;
	color: #fff;
	display: flex;
	align-items: center;
}

.header .topbar_right_side .nav-link.tel_btn i {
	font-size: 18px;
	color: #ffffff;
	border-radius: 50%;
	width: 43px;
	height: 43px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px;
	background-color: rgba(255, 255, 255, 0.11);
	border: 1px solid #ffffff;
	margin-right: 15px;
}
.header .topbar_right_side .nav-link.tel_btn h6 {
	font-weight: 600;
	font-size: 20px;
	color: #fff;
	margin-bottom: 0;
  }

.header_overlay{
	background: rgb(26,26,26);
	background: linear-gradient(0deg, rgba(26,26,26,0) 0%, rgba(26,26,26,1) 88%); 
	height: 240px;
	width: 100%;
}
.header a{
	color: #fff;
}
.header a:hover{
	color: #fff;
}
.header a:focus{
	color: #fff;
}
.header .navbar .active{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background: #ffffff2a;
	color: #fff;
	font-weight: 600;
	transition: 0.5s ease;
}
.header .navbar .nav-link{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 12px;
	padding-bottom: 12px;
	transition: 0.5s ease;
}
.header .navbar .nav-link:hover{
	
	
	background: #ffffff2a;
	color: #fff;
}
.header .navbar li{
	padding-right: 20px;
}
.header .navbar .dropdown-menu a{
	color: #000;
}
.header .navbar .dropdown-menu li{
	padding-right: 0;
}


.header .top_bar .trans_icon{
	width: 44px;
	height: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #EEC635;
	background: #eec6352a;
	border-radius: 50px;
	font-size: 18px;
	margin-right: 20px;
	flex-shrink: 0;
}

.header .top_bar p{
	margin-bottom: 0;
}
.header .top_bar .h_icon_content{
	display: flex;
	align-items: center;
}
.top_bar a{
	text-decoration: none;
}

.topbar_right_side{
	display: flex;
	justify-content: end;
}

.join_group .whatsapp_icon{
	width: 44px;
	height: 44px;
	margin-right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	background: #29A71A;
	font-size: 27px;
}
.header .join_group a{
	color: #fff;
	display: flex;
	align-items: center;
	margin-right: 20px;
}

.header .logo_box{
	background: #fff;
	padding: 20px;
	border-bottom-left-radius: 35px;
	border-bottom-right-radius: 35px;
	justify-content: center;
	display: flex;
	width: 300px;
}

.header nav{
	border-top: 1px solid #ffffff1e;
	border-bottom: 1px solid #ffffff1e;
	padding: 0;
	margin-top: 20px;
}


/* Banner */
.main_banner_parent{
	margin-bottom: 50px;
}
.main_banner_parent .top_main_content{
	text-align: center;
	color: #fff;
	margin-top: 30px;
	margin-bottom: 30px;
}
.main_banner_parent .top_main_content h2{
	font-weight: 600;
	color: #fff;
}
.main_banner_parent .top_main_content h4{
	color: #fff;
	font-size: 20px;
	font-weight: 400;
}
.main_banner_parent .phone_mockup{
	width: 100%;
	background: #333333;
	border-radius: 40px;
	border: 7px solid #333333;
	overflow: hidden;
	position: relative;

}
.main_banner_parent .theme2{
	background: #333333 !important;
}
.main_banner_parent .theme2 .btn-primary{
	background: #333333 !important;
}

.main_banner_parent .theme3{
	background: #333333 !important;
}
.main_banner_parent .theme3 .btn-primary{
	background: #333333 !important;
}

.main_banner_parent .theme4{
	background: #333333 !important;
}
.main_banner_parent .theme4 .btn-primary{
	background: #333333 !important;
}

.b_container{
	padding-left: 15px;
	padding-right: 15px;
}

.phone_mockup .black_bar{
	width: 94px;
	height: 24px;
	border-radius: 50px;
	position: absolute;
	top: 6px;
	background-color: #000;
	left: 50%;
  	transform: translateX(-50%);
}
.phone_mockup .screen_img{
	padding: 0;
}
.phone_mockup .screen_img img{
	width: 100%;
  height: 100%;
  object-fit: cover;
}
.phone_mockup .service_img_box{
	height: 224px;
	width: 100%;
	object-fit: cover;
	overflow: hidden;
	border-bottom-left-radius: 40px;
	border-bottom-right-radius: 40px;
}
.phone_mockup .service_img_box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.phone_mockup .services_body {
	max-height: 156px;
	overflow-x: hidden;
	overflow-y: auto;
}
.phone_mockup .accordion{
	--bs-accordion-bg: transparent !important;
	--bs-accordion-border-width: 0 !important;
}
.phone_mockup .accordion .accordion-button{
	background-color: transparent;
	box-shadow: none;
	border-color: none;
	padding-right: 0;
  	padding-left: 0;
	color: #000;
  	font-weight: 500;
}
.phone_mockup .accordion .accordion-body{
	padding: 0;
	
}
.phone_mockup .accordion .accordion-body ul{
	list-style: none;
	padding-left: 0;
}
.phone_mockup h5{
	color: #131313;
	font-weight: 600;
}

.footer{
	background-color: #140e2349;
}

.footer .footer_nav ul{
	list-style: none;
	padding-left: 0;
	justify-content: center;
}
.footer .footer_nav li{
	padding-right: 30px;
}
.copyright_footer a{
	text-decoration: none;
	color: #fff;
}
.footer .opening_hours{
	text-align: center;
	color: #fff;
	margin-top: 30px;
}
.footer .opening_hours .row{
	text-align: center;
  	justify-content: center;
	margin-top: 20px;
}
.copyright_footer p{
	color: #fff;
	margin: 0;
}
.footer h6{
	color: #fff;
	margin-top: 10px;
	font-weight: 600;
}
.copyright_footer {
    padding: 15px 0;
    background-color: #ffffff3d;
}


/* Modal  */
.modal_phone_mockup{
	height: 850px;
	min-height: 850px;
	width: 412px;
	max-width: 100%;
	background: #FBFCFE;
	border-radius: 40px;
	border: 7px solid #333333;
	overflow: hidden;
	position: relative;

}

.modal_phone_mockup .black_bar{
	width: 135px;
  	height: 30px;
	border-radius: 50px;
	position: absolute;
	top: 8px;
	background-color: #000;
	left: 50%;
  	transform: translateX(-50%);
	z-index: 1;
}
.modal-header{
	border: none;
}
.custom_modal_header .header_content{
	padding-top: 20px;
	padding-bottom: 10px;
	text-align: center;
}
.custom_modal_header .header_content h4{
	color: #4837BC;
  	font-weight: 700;
}
.pagination_bullets{
	display: flex;
	gap: 5px;
	justify-content: center;
}
.pagination_bullets .active{
	width: 33px !important;
	background: rgb(255, 199, 39);
	background: linear-gradient(281deg, rgb(255, 199, 39) 0%, rgb(255, 170, 0) 95%) !important;
}

.pagination_bullets .bullet{
	width: 11px;
	height: 11px;
	background: #DFDFDF;
	border-radius: 50px;
}
.modal_phone_mockup .selection_date_time h2{
	font-size: 20px;
	font-weight: 700;
	color: #000;
}
.modal_phone_mockup .fc .fc-button-primary {
	background-color: transparent !important;
	border-color: transparent !important;
	color: #000 !important;
}
.modal_phone_mockup .fc .fc-button-primary:focus{
	box-shadow: none !important;
}
.modal_phone_mockup .fc a{
	text-decoration: none;
	color: #4837BC;
}
.modal_phone_mockup .fc .fc-daygrid-day-number{
	color: #131313;
}
.modal_phone_mockup .fc-theme-standard .fc-scrollgrid, .modal_phone_mockup .fc-theme-standard td, .modal_phone_mockup .fc-theme-standard th{
	border: none;
}

/* Service Selection Modal  */
.services_selection{
	flex-wrap: wrap;
	display: flex;
	gap: 10px;
}
.services_selection .service_radio{
	width: 136px;
}
.b_section h5{
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #000;
	font-weight: 600;
}
.services_selection .service_check{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff !important;
	border-color: #CFCFCF !important;
	color: #4837BC;
	font-size: 38px;
	width: 100%;
	height: 90px;
	border-radius: 16px;
	margin-bottom: 5px;
}
.services_selection small{
	font-size: 12px;
	line-height: 18px;
	font-weight: 600;
}

.services_selection .service_radio{
	text-align: center;
}

.btn-check:checked + .service_check{
	background-color: #4837BC !important;
	border-color: #4837BC !important;
	color: #fff !important;
}
.btn-check:checked + .service_check img{
	filter: brightness(0) invert(1);
}

.services_selection + .btn:hover {
	color: #4837BC !important;
}


.custom_input .form-select{
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 10px;
}
.custom_input label small{
	font-weight: 600;
}
.custom_checkbox{
	display: flex;
  	justify-content: space-between;
	margin-top: 20px;
}









  /* Side Offcanvas */
  .header .navbar-toggler {
	color: #fff;
	border-color: #fff;
	background-color: rgba(255, 255, 255, 0.11);
  }
  .header .offcanvas {
	background-color: rgba(19, 19, 19, 0.8);
  }
  .header .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1.0%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }
 .header .offcanvas-header .btn-close {
	color: #fff;
	opacity: 1;
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  }
  /* .. */



  /* Responsive 

/* Small Device */
@media only screen and (max-width: 1199px){
.opening_hours .col-sm-2{
	width: 24%;
}

}

@media only screen and (max-width: 992px){


}

/* Tablet */
@media only screen and (max-width: 810px){
.header .navbar-nav{
	align-items: start !important;
}
.header .navbar .nav-link{
	border-radius: 50px;
	padding-left: 20px;
  	padding-right: 20px;
}
.opening_hours .col-sm-2 {
    width: 30%;
}

}

/* Mobile */
@media only screen and (max-width: 481px){
.header .top_bar .col-sm-4{
	text-align: center;
	margin-top: 20px;
}
.header .topbar_right_side{
	justify-content: center;
}
.footer .footer_nav ul{
	display: block !important;
	text-align: center;
}
.footer .footer_nav li{
	padding: 0 !important;
}
.opening_hours .col-sm-2 {
    width: 100%;
}
.copyright_footer .col-sm-6{
	text-align: center !important;
}
.selection_date_time .fc .fc-toolbar.fc-header-toolbar{
	display: block !important;
	text-align: center;
}
.selection_date_time .fc .fc-scrollgrid-liquid {
	height: 145%;
}
.services_selection .service_radio {
	width: 92px;
}
.b_section h5{
	font-size: 18px;
}
body{
	height: auto;
}
.copyright_footer{
	position: unset;
}
}