@charset "utf-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');



a, a:focus, a:hover{ outline:none; text-decoration:none;}


html, body{ background:#fff; margin:0;  padding:0; color:#656565; font-size:14px; line-height:24px; font-family: 'Poppins', sans-serif;  font-weight:400;
 overflow-x:hidden;  }

h1, h2, h3, h4, h5, h6{font-family: 'Poppins', sans-serif; font-weight:500; color:#05061b; }

.btn{   border:none; box-shadow:none !important; background-image: linear-gradient(to right, #7f65f6 , #4f3da1); font-size:16px; 
font-family: 'Poppins', sans-serif; font-weight:500; color:#fff; border-radius:0px; padding:10px 20px;}
.btn:hover{background-image: linear-gradient(to right, #4f3da1 , #7f65f6); color:#fff;} 


.img_full{ width:100%;}

.lh28{ line-height:28px;}

.clearfix{ clear:both; display:block;}

.bx_all_wrap{ padding:60px 0px;} 


ul{ margin:0; padding:0;} ul li{ list-style:none;} .white{ color:#fff;} .m_t_0{ margin-top:0 !important;}  


#mainheader{ position:relative; z-index:9999; background:#fff;}  

.topbar{ background:#282932; padding:15px 0px; color:#fff;}
.link3 a{ color:#fff;} .link3 a:hover{ color:#fff; text-decoration:underline;}

.social_top a{ display:inline-block; margin-left:5px; width:20px; height:20px; background-image: linear-gradient(to right, #7f65f6 , #4f3da1); color:#fff; font-size:13px; text-align:center; line-height:21px; border-radius:4px;} 
.social_top a:hover{ background:#fff; color:#523fa6;}

.navbar{ padding:20px 0px; background:#fff; -webkit-box-shadow: 0 32px 30px -30px rgba(0,0,0,.08); -moz-box-shadow: 0 32px 30px -30px rgba(0,0,0,.08); 
box-shadow: 0 32px 30px -30px rgba(0,0,0,.08);} 

.navbar-brand{ padding:0px; }

.navbar-nav > li{padding:0px 20px; line-height:16px; display:inline-block;   position:relative; }  
.navbar-nav > li > a{ padding:5px 0px!important; color:#060000; font-weight:400; font-size:16px;} 
.navbar-nav > li.active > a, .navbar-nav > li > a:hover, .navbar-nav > li:hover > a{ color:#4f3da1; background:none; text-decoration:none;} 

.dropdown-menu {
	padding: 15px;
	margin-top: 10px;
	
}
.dropdown-item:focus, .dropdown-item:hover {
	color: #16181b;
	text-decoration: none;
	background-color: transparent !important;
}

.dropdown-menu li{ padding:0 !important;  border:none;}  
.dropdown-menu li:last-child{ margin:0px 0px 0px;}
.dropdown-menu li a{ display:block; padding:5px 0px; color:#fff; white-space:inherit; line-height:22px; }  
.dropdown-menu li a:hover{ color:#fdca15;} 



.navbar-expand-md .navbar-nav .dropdown-menu{ background-image: linear-gradient(to right, #7f65f6 , #4f3da1);  top:14px; border:none; border-radius:3px; padding:5px;} 
.navbar-expand-md .navbar-nav .dropdown-menu ul{ padding:5px 10px; } 
.navbar-expand-md > .container, .navbar-expand-md > .container-fluid{ display:block;} 


#myCarousel{ background:#fff; padding:120px 0px;}
#myCarousel .carousel-control-next, #myCarousel .carousel-control-prev{ width:auto;} 
#myCarousel .carousel-control-next{ padding-right:10px;} 
#myCarousel .carousel-control-prev{ padding-left:10px;}

#myCarousel .carousel-indicators{ z-index:999; bottom:25px;} 
#myCarousel .carousel-indicators li{ background:#f7c870 ; cursor:pointer;} 
#myCarousel .carousel-indicators li.active{ background:#f2a411 ;}   

#myCarousel  .carousel-control-prev i, #myCarousel  .carousel-control-next i{ width:44px; height:44px; text-align:center; font-size:25px; border-radius:100%; display:inline-block; background:#f2a411; text-align:center; line-height:44px; color:#fff; opacity:1;} 
#myCarousel  .carousel-control-prev,  #myCarousel  .carousel-control-next{opacity:1;}

.hm_slide_detail h1{ font-size:50px; font-weight:700; color:#0a142e;} 
.hm_slide_detail h1 .book{ color:#f88d1b;} .hm_slide_detail h1 .easily{ color:#00d0e3;}
.hm_slide_detail p{ font-size:16px; color:#000; font-weight:300; line-height:26px;} 
.btn2{ background:#fff; border:#f7901a 1px solid; color:#100528; font-size:16px; font-weight:300; padding:9px 25px;}
.btn2:hover{ background:#f7901a; color:#fff;}




/*=============================formbapp====================================*/

.bookanappointment{ background:#fff; padding:40px 50px; border-radius:15px; box-shadow:0px 4px 100px rgba(0,0,0,.06); color:#545454; font-family: 'Poppins', sans-serif; font-weight:400; font-size:16px;} 
#myWizard .h4{font-family: 'Poppins', sans-serif; font-weight:500; color:#1f1b1b; font-size:20px; margin-bottom:50px;} 

#myWizard li.active > a.hidden-xs {
 display: block!important;
}
#myWizard li.active > a.visible-xs {
	display: none!important; 
}

#myWizard .nav-pills.nav-wizard > li{ width:20%; text-align:center;} 
#myWizard .nav-pills.nav-wizard > li:first-child{ text-align:left;} 
#myWizard .nav-pills.nav-wizard > li:last-child{ text-align:right;}

#myWizard .nav-pills.nav-wizard > li a {
color:#cbcbcb; font-size:18px; font-family: 'Poppins', sans-serif; font-weight:500;
  padding:0px;
}

#myWizard .nav-pills.nav-wizard > li:hover a {
color: #cbcbcb;
}

#myWizard .nav-pills.nav-wizard > li.active a, #myWizard .nav-pills.nav-wizard > li a.active {
 color:#1f1b1b;
}

#myWizard .tab-content .tab-pane.active.fade{opacity:1; display:block;}

#myWizard .navbar{ padding:0px;} 

#myWizard .progress{ background:none; border-radius:0; position:relative;} 
#myWizard .progress:before{ content:""; width:100%; height:1px; background:#808080; position:absolute; left:0px; top:50%;} 
#myWizard .progress .progress-bar{ background-image: linear-gradient(to right, #f2a411 , #fc7c23); border-radius:8px; position:relative; z-index:5; 
text-indent:-9999px;} 

#myWizard .tab-content h5{font-family: 'Poppins', sans-serif; font-weight:500; color:#1f1b1b; font-size:18px; margin-bottom:12px;} 

.txt_bkapp{ border:#756d6d 1px solid; height:42px !important; padding-left:10px; border-radius:6px; padding-right:35px !important; color:#756d6d; font-family: 'Poppins', sans-serif; font-weight:400; font-size:16px; outline:none; 
-webkit-appearance:none; -moz-appearance:none; box-shadow:none !important; appearance:none; background:#fff url(../images/select_dw_arrow.png) no-repeat right center;} 
.txt_bkapp:focus{border:#ff8d02 1px solid;} 

.txt_bkapp2{ outline:none; border:#756d6d 1px solid; height:42px; border-radius:6px; padding:0px 14px;  color:#756d6d; font-family: 'Poppins', sans-serif; font-weight:400; font-size:16px; 
-webkit-appearance:none; -moz-appearance:none; box-shadow:none !important; appearance:none; background:#fff;} 
.txt_bkapp2:focus{border:#ff8d02 1px solid;}

.txt_bkapp2::-webkit-input-placeholder{color:#756d6d;opacity:1;} 
.txt_bkapp2::-moz-placeholder{color:#756d6d;opacity:1;} 
.txt_bkapp2:-ms-input-placeholder{color:#756d6d;opacity:1;} 
.txt_bkapp2::-ms-input-placeholder{color:#756d6d;opacity:1;} 
.txt_bkapp2::placeholder{color:#756d6d;opacity:1;} 



/* The customcheck */
.customcheck {
    display: inline-block; width:25px; height:25px;
    position: relative;
   
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.customcheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff; border:#ff8d02 1px solid;
    border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.customcheck:hover input ~ .checkmark {
    background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.customcheck input:checked ~ .checkmark {
    background-image: linear-gradient(to right, #f2a411 , #fc7c23); border:none !important;
    border-radius: 5px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.customcheck input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.customcheck .checkmark:after {
    left: 9px;
    top: 7px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.weektable{ padding-top:15px;}
.weektable table tr td{ text-align:center;} 
.weektable table tr:first-child td{ color:#222222; font-size:14px; padding-bottom:8px; font-family: 'Poppins', sans-serif; font-weight:500; } 

.app_bk_btn1{ width:130px; height:50px; border:none; box-shadow:none !important; background-image: linear-gradient(to right, #f2a411 , #fc7c23); font-size:16px; 
font-family: 'Poppins', sans-serif; font-weight:500; color:#fff; border-radius:8px;}
.app_bk_btn1:hover{background-image: linear-gradient(to right, #fc7c23 , #f2a411);} 

.fw500{ font-weight:500;} .fw600{ font-weight:600;} 

.timetable ul li{ width:19%; float:left; margin-right:1.25%; margin-bottom:1.25%;} 
.timetable ul li:nth-child(5n+5){ margin-right:0px;} 

.timedate{background-image: linear-gradient(to right, #f2a411 , #fc7c23); font-size:16px; border-radius:8px; 
font-family: 'Poppins', sans-serif; font-weight:500; color:#fff; border-radius:8px; width:100%; text-align:center; padding:10px 5px; text-align:center;} 

.timetable ul li .customcheck{ width:100%;   color:#000000; font-size:16px;  padding:6px 10px; border:#d6d6d6 1px solid; border-radius:8px;
font-family: 'Poppins', sans-serif; font-weight:400; height:auto; } 
.timetable ul li .customcheck .checkmark{ display:inline-block; position:relative; top:4px; margin-right:5px; border:#d6d6d6 1px solid;;} 
.fxtime{ position:relative; top:-2px;} 


.nextprev_wrap a{ display:inline-block; margin:0px 5px; text-decoration:none; width:28px; height:28px; border-radius:6px; background:#ebebeb; color:#000; text-align:center; line-height:28px; font-size:20px;} .nextprev_wrap a:hover{ background-image: linear-gradient(to right, #f2a411 , #fc7c23); color:#fff;} 

.fon18{ font-size:18px;} .font16{ font-size:16px;} .drk_clr{ color:#1f1b1b;}


.light_chk_bx .customcheck{ width:100%;   color:#000000; font-size:16px;  font-family: 'Poppins', sans-serif; font-weight:400; height:auto; } 
.light_chk_bx .customcheck .checkmark{ display:inline-block; position:relative; top:4px; margin-right:5px; border:#d6d6d6 1px solid;;} 
.light_chk_bx .subtxt_p{ position:relative; top:-2px;}  

.center_sml_cl{ width:160px; margin:0 auto;}


/*=============================formbapp end====================================*/ 

.pnk_bg{ background:#ffdde6;} 
.navy_blue_bg{ background-image: linear-gradient(to right, #7159dd , #5a46b5);} 
.drk_blue_bg{ background:#282932;} 
.blue_bg{ background-image: linear-gradient(to right, #3968f8 , #3465f8);}

.s_cl{ padding:25px 10px; border-radius:10px; display:block; text-align:center; color:#fff;} 
.s_cl:hover{ color:#fff;}
.s_cl h4{ font-weight:600; color:#fff; font-size:18px; margin:25px 0px 20px;}
.s_cl p{ font-size:16px; font-weight:300; line-height:26px;} 

.sml_title{ color:#05061b; font-size:16px; font-weight:500; position:relative;} 
.sml_title:before{ content:""; width:10px; height:10px; margin-right:8px; border-radius:50px; background-image: linear-gradient(to right, #f2a411 , #fc7c23); display:inline-block;}

.font25{ font-size:25px;}


.our_expertise_cl{ background:#fff; border-radius:6px; display:block; text-align:center; box-shadow:0px 0px 50px rgba(0,0,0,.12); position:relative;}  
.our_expertise_cl:before{ content:""; width:86px; height:4px; position:absolute; left:50%; bottom:0px; margin-left:-43px; background-image: linear-gradient(to right, #f2a411 , #fc7c23);}
.our_expertise_cl figure{ margin:0px; padding:0px;}
.our_expertise_cl figure img{ border-radius:6px 6px 0px 0px;}
.our_expertise_cl figcaption{ padding:25px 10px; } 
.our_expertise_cl figcaption h4{ font-size:18px;}
.our_expertise_cl figcaption p{ font-size:16px; color:#585858;} 


.our_blog_cl{ background:#fff; border:#fff 1px solid; border-radius:6px; display:block; padding:15px;  box-shadow:0px 0px 50px rgba(0,0,0,.12); position:relative;}  
.our_blog_cl figure{ margin:0px; padding:0px;}
.our_blog_cl figure img{ border-radius:6px;}
.our_blog_cl figcaption{ padding:15px 0px 0px; } 
.date_blg a{ font-size:12px; color:#888888;} .date_blg a i{ position:relative; top:-1px;}

.our_blog_cl figcaption h4{ font-size:16px; color:#000000;}  .our_blog_cl figcaption h4 a{ color:#000000;}
.our_blog_cl:hover{border:#ffc680 1px solid;}

.by_name a{ color:#373737;} .by_name a i{ width:16px; position:relative; top:-2px; margin-right:3px; display:inline-block;} .by_name a i img{ border-radius:100%;} 

.btn4{background-image: linear-gradient(to right, #f2a411 , #fc7c23); padding:3px 15px 5px; border-radius:0px 12px 12px 12px;} 
.btn4:hover{background-image: linear-gradient(to right, #fc7c23 , #f2a411);} 


.contact_form{ background:#fff; padding:35px; border-radius:15px; box-shadow:0px 0px 50px rgba(0,0,0,.12);} 
.txt_bx_f_1{ background:#fbfbfb; margin-bottom:30px; height:48px; border:#fbfbfb 1px solid; color:#000; font-size:14px; box-shadow:none !important; font-family: 'Poppins', sans-serif; font-weight:400;} 
.txt_bx_f_1:focus{border:#ff8d02 1px solid;}

.contact_form .form-group{ position:relative; margin:0px;} 
.contact_form .form-group .palceholder{
   position: absolute;
   top: 13px;
   left: 18px;
    
    display: none;
  }
  
 .contact_form .form-group .palceholder  label{
   font-wight: normal; margin:0px; color:#b5b5b5; font-size:14px; font-family: 'Poppins', sans-serif; font-weight:400;
    olor: #B1B1B1;
  } 
  
 .contact_form .form-group .palceholder   .star{
    color: #ff2424;
  }

.h185{ height:185px !important;} .radius0{ border-radius:0px;}


.contact_form  .app_bk_btn1{ width:100px;}





#footer{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7f65f6+0,4f3da1+100 */
background: #7f65f6; /* Old browsers */
background: -moz-linear-gradient(left,  #7f65f6 0%, #4f3da1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #7f65f6 0%,#4f3da1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #7f65f6 0%,#4f3da1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f65f6', endColorstr='#4f3da1',GradientType=1 ); /* IE6-9 */ 
position:relative;
} 

#footer:after{ content:""; width:48%; height:100%; position:absolute; right:0px; top:0px; background:url(../images/footer_bg.png) no-repeat left center; background-size:100% 100%;
}

.footer_top{ padding:60px 0px; position:relative; z-index:5;}  
.footer_top h5{ font-size:20px; font-weight:500; color:#fff; margin-bottom:28px; }

.social_ftr ul li{ display:inline-block; margin-right:4px;} 
.social_ftr ul li a{ display:block; width:31px; height:31px; font-size:18px; color:#4dc7f8;  text-align:center; line-height:32px;  border-radius:100%;}

.social_ftr ul li a:hover .fa-twitter{ color:#4dc7f8;}
.social_ftr ul li a:hover .fa-pinterest-p{ color:#cb2027;} 
.social_ftr ul li a:hover .fa-send{ color:#4dc7f8;} 

.social_ftr ul li a:hover{box-shadow:0px 4px 4px rgba(235,235,235,.25); background:#fff;}
 
.contact_us_f ul li{  color:#fff; position:relative; margin-bottom:15px;} .contact_us_f ul li a{ color:#fff; display:block;} 
.contact_us_f ul li:last-child{ margin:0;}


.footer_bottom{ padding:0px 0px 30px;  color:#fff;  position:relative; z-index:5;}  
.footer_bottom hr{border-top:1px solid rgba(255,255,255,.5); margin-bottom:30px; margin-top:0px;}
.link2 a{ color:#ffffff; display:inline-block; margin-left:20px;} .link2 a:hover{ text-decoration:underline;}  

.menuftr ul li a{ color:#fff; display:block; margin-bottom:10px;}  .menuftr ul li a:hover{ text-decoration:underline;}

.opening_hours table tr td{ padding:20px 0px 6px; border-bottom:#fff 1px dotted;} 
.opening_hours table tr:first-child td{ padding-top:0px;} 
.opening_hours table tr td:last-child{ text-align:right;} 


.inner_title_h{ background-image: linear-gradient(to right, #7f65f6 , #4f3da1); padding:90px 0px;}
.inner_title_h h1{ font-size:25px; font-weight:700; text-transform:uppercase; color:#fff; margin-bottom:15px;} 

.inner_title_h .breadcrumb{ background:none; margin:0px; justify-content:center; padding:0px;} 
.inner_title_h .breadcrumb li{color:#fff; font-size:16px; font-weight:500;}
.inner_title_h .breadcrumb li a{ color:#fff;} 

.inner_title_h .breadcrumb-item + .breadcrumb-item::before{ content:">"; color:#fff;} 
.font30{ font-size:30px;} 
.pw_center{background-size:100% 100%; padding:70px;} 

.pw_cl .number{ font-weight:800; color:#fff; font-size:35px;}
.pw_cl h4{ font-weight:800; color:#fff; font-size:20px; text-transform:uppercase; margin-top:22px !important;} 


.skillcl h4{ font-size:20px; margin-top:10px;} 
.black{ color:#000000;}

.teammain .our_expertise_cl{ margin-bottom:40px;}
.our_expertise_cl figure{ position:relative;} 
.our_expertise_cl:hover .social_team.has-social-icons {
  display: block;
}
.social_team{ width:122px; background:#fff; padding:4px 8px; text-align:center; display:none; border-radius:5px; position:absolute; left:50%; bottom:10px; margin-left:-58px;} 
.social_team:before{ content:""; width: 0; position:absolute; left:50%; bottom:-6px; margin-left:-6px; 
  height: 0;  border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff;
 }
.social_team a{ font-size:18px; color:#4dc7f8; display:inline-block; margin:0px 8px;}  
.social_team a:hover{opacity:0.7;}
.social_team a .fa-pinterest-p{ color:#ea4949;} 
.teammain .our_expertise_cl:before{background-image: linear-gradient(to right, #7f65f6 , #4f3da1);} 


.getintouch ul li{ padding-left:90px; position:relative; margin-bottom:50px;}  
.getintouch ul li:last-child{ margin:0px;}
.getintouch ul li i{ position:absolute; left:0px; top:0px;} 
.getintouch ul li h5{ color:#262626; font-weight:700; font-size:20px; margin-bottom:12px;} 
.getintouch ul li p{ color:#000000; font-size:16px;} 
.getintouch ul li p a{ color:#000;} 

.dropusline .txt_bx_f_1{ background:#f4f6fa;} 
.h124{ height:124px !important; padding-top:8px;} 
.w110{ width:110px; text-transform:uppercase;} 

.s_cl_md{ background:#fff; border-radius:8px; position:relative; padding:45px 50px; margin-bottom:30px; box-shadow:0px 0px 50px rgba(0,0,0,.12);}  
/*.s_cl_md:hover{ background:url(../images/texture_bg.jpg) no-repeat right top; background-size:100% 100%;}*/
.s_number{ width:40px; height:40px; border-radius:100%; text-align:center; line-height:40px; color:#fff; font-size:14px; font-weight:700; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#775ee8+0,5844b1+100 */
background: #775ee8; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #775ee8 0%, #5844b1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #775ee8 0%,#5844b1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #775ee8 0%,#5844b1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#775ee8', endColorstr='#5844b1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
position:absolute; left:50px; top:50%; margin-top:-20px;
} 
.s_cl_md .srv_descrip{ padding-left:75px;} 
.s_cl_md .srv_descrip h4{ font-size:18px; font-weight:600; margin-bottom:12px;} .s_cl_md .srv_descrip p{ font-size:15px; line-height:25px; margin:0;} 

/*.s_cl_md:hover .srv_descrip h4, .s_cl_md:hover .srv_descrip p{ color:#fff;} */


.blog_large_thmnl img, .blg_m_img img{ border-radius:10px 10px 0px 0px;} 

.drk_gry{ color:#262626;} .font13{ font-size:13px;} 

.uix a{ display:inline-block; background:#f3f3f3; font-weight:300; color:#3e3e3e; font-size:16px; padding:5px 15px; margin-right:8px;}
.uix a:hover{ background:#7159de; color:#fff;} 

.share a{ display:inline-block; margin-left:5px;} 
.share a img{ background:#fff; border:#fff 3px solid; border-radius:100%; box-shadow:0px 0px 12px rgba(0,0,0,.2);} 

.profile{ background:#f7f7f7; padding:20px 40px;} 

.social_sml a{ display:inline-block; margin:0px 5px;} 
.social_sml a img{ width:20px;} 

.profile figure{ display:inline-block; width:94px; position:relative; padding-top:15px;}  
.profile figure:before{ content:""; width:126px; height:64px; position:absolute; left:-16px; top:0px; background: url(../images/pic_bg.png) no-repeat center top; }
.profile figure img{ border-radius:100%; position:relative; z-index:4;} 

.search_r{ position:relative;}
.search_r .form-control{ border:none; box-shadow:none !important; background:#f5f5f5; height:50px; border-radius:50px; padding:6px 70px 6px 20px;} 
.search_r .btn{ width:60px; height:40px; border-radius:40px; position:absolute; right:7px; top:6px; background-image: url(../images/search_ic.png), linear-gradient(to right, #7f65f6 , #4f3da1); background-repeat:no-repeat; background-position:center;} 
.search_r .btn:hover{ background-image: url(../images/search_ic.png), linear-gradient(to right, #4f3da1 , #7f65f6); background-repeat:no-repeat; background-position:center;}
 
.fon20{ font-size:20px;}  

.categories ul li{ margin-bottom:10px; position:relative; padding-left:20px;}
.categories ul li:before{ content:""; width:8px; height:8px; background:#7159de; border-radius:50px; position:absolute; left:0px; top:8px;} 

.recent_post ul li{ display:flex; align-items:center; margin-bottom:16px;} 
.recent_post ul li figure{ width:30%; float:left; margin:0px; padding:0px;} .recent_post ul li figure img{ border-radius:5px;}
.recent_post ul li figcaption{ width:70%; float:left; padding-left:10px;} 
.recent_post ul li figcaption h5{ font-size:14px; color:#2f2f2f; font-weight:600; margin:0px 0px 5px;} 
.recent_post ul li figcaption .rc_p_date{ color:#333333; font-weight:300;}
 

@media (min-width:768px){
.navbar-nav li:hover .dropdown-menu{ display:block; }
	
	}

@media (min-width:992px) and (max-width:1199px){  

.navbar-nav > li{ padding:0px 15px;} 
.hm_slide_detail h1{ font-size:42px;}


}


@media (min-width:768px) and (max-width:991px){  


/*=======================bookappointmentform=======================================*/

#myWizard .nav-pills.nav-wizard > li a{ font-size:16px;} 
#myWizard .tab-content h5{ font-size:14px; margin-bottom:8px;} .weektable{ padding-top:7px; margin:0px -15px;} 
.weektable table tr:first-child td{ font-size:12px;} .txt_bkapp, .txt_bkapp2{ font-size:14px;} 
.timetable ul li{ width:24%;  margin-right:1.25% !important; } 
.timetable ul li:nth-child(4n+4){  margin-right:0 !important; } 

/*=======================bookappointmentform end=======================================*/ 

.social_top a{ margin-left:-1px;} .navbar-nav > li{ padding:0px 8px;} .navbar-nav > li > a{ font-size:13px;} 
.hm_slide_detail.pr-5{ padding-right:0px !important;} .hm_slide_detail h1{ font-size:34px;} 
.hm_slide_detail p{ font-size:14px; line-height:24px;} .s_cl, .our_blog_cl{ margin-bottom:30px;} 
.wcu_detail.pl-4{ padding-left:0px !important;} 
.opening_hours.ml-4, .menuftr.ml-5{ margin-left:0px !important;} 
.s_cl_md{ padding:25px;} .s_number{ left:25px;} .s_cl_md .srv_descrip{ padding-left:56px;} 
.profile{ padding:15px;}
  

}


@media (max-width:767px){ 
.navbar-toggler{ background-image: linear-gradient(to right, #f2a411 , #fc7c23); transition:0.5s; background-size:200% auto; position:absolute; right:15px; top:0px; outline:none; border:none !important; padding:4px 8px; border-radius:0px;  color:#fff; line-height:inherit; z-index:9999; line-height:10px; outline:none;} 
.navbar-toggler:hover{outline:none; background-image: linear-gradient(to right, #fc7c23 , #f2a411); color:#fff;}  .navbar-toggler:focus{ outline:none;}
.navbar-toggler-icon{ width:auto; height:auto;}  .navbar-nav{ margin-right:0; padding:10px 15px 15px;  margin-bottom:0px; text-align:center;}   
.navbar-brand{ display:inline-block; margin:0;} .navbar{ padding:20px 15px;}
.navbar-nav li{ display:block; border:none; padding:0; margin-bottom:5px;} .navbar-expand-md .navbar-nav .nav-link{ padding:10px 0px !important;  font-size:14px; border:none;}    
#navbarCollapse{ background:#323772; padding-bottom:25px; position:absolute; width:100%; right:0px; top:10px; text-align:center; border-radius:0;}   
.navbar-nav > li::before{ display:none;} 

.navbar-expand-md .navbar-nav .dropdown-menu{ background:#7f65f6; text-align:center; margin-top:0px;} 
.dropdown-menu li a:hover{ color:#000;}  
.navbar-nav > li > a{ color:#fff;} 
.navbar-nav > li.active > a, .navbar-nav > li > a:hover, .navbar-nav > li:hover > a{ color:#f2a411;}


/*=======================bookappointmentform=======================================*/
.bookanappointment{ padding:20px;} #myWizard .tab-content h5{ font-size:15px; margin-bottom:8px;} 
.txt_bkapp, .txt_bkapp2{ font-size:14px;} 

/*=======================bookappointmentform end=======================================*/ 

.topbar{ text-align:center;} .address, .phone_t, .email_t{ margin:2px 0px 3px !important; display:block !important;} 
.social_top.text-right{ text-align:center !important;} .social_top a{ margin:0px 2px;} 
.hm_slide_detail.pr-5{ padding-right:0px !important; text-align:center; margin-top:20px;} 
.hm_slide_detail h1{ font-size:34px;} .s_cl, .our_expertise_cl, .our_blog_cl, .contact_form{ margin-bottom:30px;} 
.wcu_detail{ padding-left:0px !important; margin-top:25px; text-align:center;}  

.opening_hours { margin:30px 0px !important;} .menuftr{ margin-left:0px  !important; margin-bottom:30px;} 
.footer_top h5{ margin-bottom:12px;} .footer_bottom, .footer_bottom .text-right{ text-align:center !important;} 

.pw_center{ padding:25px;} .pw_cl{ padding:15px 0px; display:block;} 
.pw_cl h4{ font-size:16px; margin-top:12px !important;} .pw_cl .number{ font-size:25px;} 
.inner_title_h{ padding:40px 0px;} .skillcl { margin-bottom:25px;} .contact_detail, .services_detail { margin-top:30px;} 
.getintouch { padding-left:0px !important;} .services_detail{ text-align:center;} 
.s_cl_md{ display:block !important; padding:25px; text-align:center;} 
.s_number{ position:relative; display:inline-block; margin:0px 0px 15px; top:0px; left:0px;} 
.s_cl_md .srv_descrip{ padding-left:0px;} .profile { margin-top:30px;}


} 



@media (min-width:451px) and (max-width:767px){ 

/*=======================bookappointmentform=======================================*/
.timetable ul li{ width:32.25%;  margin-right:1.25% !important; } 
.timetable ul li:nth-child(3n+3){  margin-right:0 !important; }  
.timedate, .timetable ul li .customcheck{ font-size:14px;}
/*=======================bookappointmentform end=======================================*/

}


@media (max-width:450px){ 

/*=======================bookappointmentform=======================================*/
#myWizard .nav-pills.nav-wizard > li a{ font-size:14px;}  
.timetable ul li{ width:49%;  margin-right:2% !important; margin-bottom:2%; } 
.timetable ul li:nth-child(2n+2){  margin-right:0 !important; }  
/*=======================bookappointmentform end=======================================*/

}

/*==============================subscribe form===================================*/
.newsletter{ background:#0d0c22; padding: 45px; text-align:center;}
.newsletter h2{ text-transform:uppercase; font-weight:500; color:#fff; letter-spacing:0.15em; margin-bottom:15px;} 

.newsletter form .form-control{ border:none; box-shadow:none !important; border-radius:0px; background:#fff; height:48px; padding-right:106px}
.newsletter form{ position:relative;} .newsletter form .btn{ width:96px; border:none !important; box-shadow:none !important; height:38px; position:absolute; top:5px; right:5px; border-radius:0px; padding:0px;}
.newsletter form .btn:hover{ background:#0d0c22; color:#fff;} 
/*==============================subscribe form end===================================*/