@charset "utf-8";
/* CSS Document */
body {
	font-family: 'Poppins', sans-serif;
}
* {
	margin: 0;
	padding: 0;
}

.clear {clear:both}

strong {
    font-weight: 600;
	color: #000;
}
.scroll {
    height: 260px;
    overflow-x: hidden;
	margin-bottom:20px;
	padding-right: 15px;
}


.scroll::-webkit-scrollbar {
  width: 6px;
}

.scroll::-webkit-scrollbar-track {
  background: #f1f1f1;
}
 
.scroll::-webkit-scrollbar-thumb {
  background: #fd690d;
}

.scroll::-webkit-scrollbar-thumb:hover {
  background: #ee7f3b;
}



.top_bar {
    color: #fff;
    padding: 8px 15px;
	border-bottom:solid 1px #fd690d;
	display: none;
	
	}
.top_bar ul {
	text-align: end;
	margin:0
	}	
.top_bar ul li {
	list-style: none;
    display: inline-block;
	margin: 0px 10px 0px 0px;
	color:#fff;
	}
.top_bar ul li a {
	color:#fd690d; 
	text-decoration:none; 
	font-size: 14px; 
	line-height: 16px;
	font-weight: 400;
	}
.top_bar ul li:hover {
    filter: opacity(.7);
}
.top_bar ul li:first-child:hover {
    filter: opacity(.7);
}

.top_bar .dh{float:left; font-size:14px; color:#3c4f54; line-height: 24px; padding-left:8px;}

.breadcrumb {background:#f7f7f7; margin: 0;}
.breadcrumb ul li {display:inline-block; font-size: 14px; color: #2d3a44; font-weight: 400;}
.breadcrumb ul li a.active {color:#881769; font-size: 14px; text-decoration:none; font-weight: 400;}
.breadcrumb ul li a:hover {color:#881769; text-decoration:none;}

.icon {background:url(../images/ibg.jpg) no-repeat; background-size: cover; padding:60px 20px;}
.icon .icon-box{text-align:center; padding:10px 20px 30px 20px; margin:10px; backdrop-filter: saturate(100%) blur(6px);
box-shadow: 0 3px 9px rgb(43 135 218 / 20%), 0 14px 0 -7px #fff, 0 14px 9px -6px rgb(43 135 218 / 20%), 0 25px 0 -12px #fff, 0 25px 9px -11px rgb(43 135 218 / 20%);

}
.icon .icon-box:hover{box-shadow: 0 5px 30px rgb(43 135 218 / 20%), 0 16px 0 -9px #fff, 0 16px 30px -8px rgb(43 135 218 / 20%), 0 27px 0 -14px #fff, 0 27px 30px -13px rgb(43 135 218 / 20%);}
.icon .icon-box img {width:80px; height:80px; padding:10px; border-radius:5px; margin:15px;}
.icon .icon-box h5 {color:#222; font-size:18px; font-weight:500;}
.icon .icon-box:hover h5 {color:#fd690d;}
header {
    position: fixed;
    top: 20px;
    color: #000;
    max-width: 960px;
    width: 100%;
    padding: 0px;
    background-image: linear-gradient(to right, #fff , rgb(255 255 255 / 50%));
    z-index: 99;
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 0px 10px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0px 10px 0 rgb(0 0 0 / 30%);
    margin: auto;
    left: 0;
    right: 0;
    transition: all .5s;
	backdrop-filter: saturate(180%) blur(20px);
}
header .logo {
    float: left;
    width: 12%;
    padding: 13px 0 13px 20px;
}
header .smlogo {
	float: left;
	display: none;
	width:10%;
	padding: 3px 0 3px 20px;
}
header .gp{
	float: left;
	padding: 9px 0px 9px 0px;}
header .gp a img {padding: 0 5px;}
header .gp a img:hover {opacity:.8}	
	
header .clink {
	float: right;
	padding: 0px 20px 0px 0px;
	text-align:end;
	width:85%;
}
header .clink nav {

}
header .clink nav ul {
	margin: 0;
	padding: 0;
}
header .clink ul li {
	margin: 0 0 0 0px;
	padding: 26px 0 26px 14px;
	display: inline-block;
	position: relative;
	vertical-align: text-top;
}
header .clink ul li span {
    font-size: 12px;
    line-height: 18px;
    display: block;
    padding: 7px 0;
}
header .clink ul li img.sub-img {
	position: static !important;
    float: left;}

header .clink ul li a {
	font-size: 16px;
	color: #3c4f54;
	text-align: center;
	text-decoration: none;
	font-weight:400;
	
}
header .clink ul li a:hover {
	color: #ee7f3b;
}

header .clink ul li a.cb {
    background: #fd690d;
    color: #fff;
    padding: 10px 22px;
	font-weight: 500;
	clip-path: polygon(0% 0%, 100% 0, 100% 54%, 92% 100%, 0% 100%);
	
}

header .clink ul li a.cb:hover {
	background: #ee7f3b;
	color: #fff;
    padding: 10px 22px;
}


header .clink ul ul {
	display: none;
	position: inherit;
	z-index: 9;
	background: rgb(255 255 255 / 99%);
	box-shadow: 1px 11px 10px rgb(0 0 0 / 10%);
	
}


header .clink ul ul h2 {color: #ee7f3b; margin-bottom:15px; margin-left: 25px;}

header .clink ul li:hover>ul {
    display: block;
    position: fixed;
    top: 76px;
    width: 280px;
    text-align: left;
    padding: 15px 10px 15px 15px;
}

.f-input {
    position: relative;
    width: 19%;
    float: left;
    margin: 2px;
}

.f-input1 {width:100%}

.wyl {
    position: relative;
}

.text-danger {
    position: absolute;
    top: -24px;
    left: 3px;
}

.bar-height{
	height: 400px;
    overflow-y: scroll;
	}

.bar-height::-webkit-scrollbar {
  width: 8px;
}


.bar-height::-webkit-scrollbar-track {
  background: #fff;
}


.bar-height::-webkit-scrollbar-thumb {
  background: #fd690d6b;
  border-radius:5px;
}

.bar-height::-webkit-scrollbar-thumb:hover {
  background: #fd690d;
}

header .clink ul li:hover>ul img {
    top: -18px;
    position: absolute;
    width: 100%;
    height: 42px;
	padding-right: 10px;
}
header .clink ul li:hover>ul li {
    display: inline-block;
    padding: 10px 10px;
    width: 96%;
	border-bottom: dashed 1px rgb(253 105 13 / 30%);
	margin-right: 10px;
}
header .clink ul li:hover>ul li:hover {
	border-bottom: dashed 1px rgb(253 105 13);
}
header .clink ul li:hover>ul li p{
	font-size: 18px;
    line-height: 22px;
	margin: auto;
	height: 44px;
	letter-spacing: 1px;
}

header .clink ul li >ul li a {
	margin-bottom:20px;
}

header .clink ul li:hover>ul li a {
	font-size: 14px;
	font-weight:400;
	margin-bottom:0px;
	text-align: left;
    color: #333;
	display: block;
}
header .clink ul li:hover>ul li a:hover {color:#ee7f3b;}
header .submenu {background:#fff; border-top: solid 1px #e7e9ea;}
header .submenu ul {}
header .submenu ul li {display: inline-block; width: 12%; vertical-align: top;border-left: solid 1px #fff;
    border-right: solid 1px #fff;}
header .submenu ul li a {
    font-size: 12px;
    line-height: 18px;
    display: block;
	padding: 10px 4px 14px 4px;
	text-decoration:none;
}
header .submenu ul li img{padding-right:6px; float: left;}
header .submenu ul li:hover{
	background: #f6f6f6;
    border-left: solid 1px #e7e9ea;
    border-right: solid 1px #e7e9ea;
}
header .submenu ul li:hover a {	color:#ee7f3b;}
header .submenu ul li a:hover li{opacity:.8;}
header .submenu ul li .slink {position:relative;}
header .submenu ul li .slink-open {display:none; position:absolute; background:#fff; width:18%; box-shadow: 0px 5px 10px 0 rgba(0,0,0,0.3); border-top:solid 1px #ee7f3b; height:0;}
header .submenu ul li .slink-open li {border-bottom:solid 1px #e7e9ea; padding: 10px; display:block; width: 100%;}
header .submenu ul li .slink-open li a{padding:0; font-size: 13px; color:#333;}
header .submenu ul li .slink-open li:hover {background: #ee7f3b; }
header .submenu ul li .slink-open li:hover a {color:#fff !important;}
header .submenu ul li .slink-open li.active {background: #ee7f3b; }
header .submenu ul li .slink-open li.active a {color:#fff !important;}


header .submenu ul li:hover>.slink-open {
    display: block;
	height:auto;
}

.fixed {
	width: 100%;
	max-width: 100%;
	position: fixed;
	left:0;
	top:0;
	z-index: 999;
	background: rgb(255 255 255 / 80%);
	box-shadow: 0 0px 10px 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0px 10px 0 rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0px 10px 0 rgba(0,0,0,0.3);
	backdrop-filter: saturate(180%) blur(20px);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
}

header.fixed .top_bar .dh {color:#3c4f54;}
header.fixed .clink ul li a {color:#3c4f54;}
header.fixed .clink ul li a.cb {color:#fff;}
header.fixed .clink ul li a:hover {color: #ee7f3b;}
header.fixed .clink ul li a.cb:hover {color: #fff;}

header.fixed .top_bar {
	display: block;
	
	}

.fixed_tab {
	width: 100%;
	background: rgb(255 255 255 / 80%);
	position: fixed;
	left:0;
	top:125px;
	z-index: 999;
	box-shadow: 5px 1px 5px 0 rgb(0 0 0 / 20%);
	-moz-box-shadow: 5px 1px 5px 0 rgb(0 0 0 / 20%);
	-webkit-box-shadow: 5px 1px 5px 0 rgb(0 0 0 / 20%);
	backdrop-filter: saturate(180%) blur(20px);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	transition:all .5s;
	padding:10px;
}

header.fixed .clink {
    float: right;
    padding: 0px 20px 0px 0px;
    text-align: end;
    width: 80%;
}
header.fixed .clink ul li:hover>ul {
    top: 116px;
}



.rsocial {
    position: fixed;
    right: 2px;
    top: 150px;
    z-index: 99;
    background: #fff;
	padding:5px;
	background: rgb(255 255 255 / 60%);
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 0px 10px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0px 10px 0 rgb(0 0 0 / 30%);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
	border-radius: 25px;
}

.rsocial a {
    display: block;
    color: #fff;
    background: #fd690d;
    padding: 5px;
    margin: 5px 0px;
    width: 36px;
    height: 36px;
    text-align: center;
    border-radius: 100px;
    line-height: 28px;
	transition:all .5s
}

.rsocial a:hover {color: #fd690d;
    background: #fff;
	box-shadow: 0 0px 10px 0 rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 0px 10px 0 rgba(0,0,0,0.3);}


.homebanner img{width: 100% !important;}

.homebanner .home-banner .hb_caption {
	position: absolute; 
	right: 22.7%;
    bottom: 30%;
	}

.homebanner .home-banner .hb_caption a {
	display: inline-block;
	padding: 10px 30px;
	border-radius: 0px;
	font-size: 18px;
	color: #fff;
	font-weight: 400;
	text-decoration: none;
	transition: all .5s;
	background:#ee7f3b;
	clip-path: polygon(0% 0%, 100% 0, 100% 54%, 92% 100%, 0% 100%);
}
.homebanner .home-banner .hb_caption a:hover {
	color: #fff;
	background: #fd690d;
}

.homebanner video {
    padding: 0;
    width: 100%;
    object-fit: cover;
    position: relative;
	display: inline-block;
    vertical-align: baseline;
	box-sizing: border-box;
	height: 100vh;
}


.home-banner .owl-nav button {
	float: left;
	margin: 0px 50px;
}

.home-banner .owl-prev {
	display: block;
	background: url('../images/left-arrow.png') no-repeat left top !important;
	width: 20px;
	height: 41px;
	outline: none;
	position: absolute;
    left: 30px;
    top: 50%;
	opacity: .7
}
.home-banner .owl-next {
	display: block;
	background: url('../images/right-arrow.png') no-repeat left top !important;
	width: 20px;
	height: 41px;
	outline: none;
	position: absolute;
    right: 30px;
    top: 50%;
	opacity: .7
}

.home-banner .owl-nav .owl-next:hover {
	opacity: 1;
}
.home-banner .owl-nav .disabled {
	opacity: .1;
	cursor: default;
}

.home-banner .owl-prev:hover {
	opacity: 1
}
.home-banner .owl-next:hover {
	opacity: 1
}
.home-banner .owl-prev span {
	display: none
}
.home-banner .owl-next span {
	display: none
}

.owl-one .owl-nav button {
	float: left;
	margin: 0px -40px;
}

.owl-one .owl-prev {
	display: block;
	background: url('../images/left-arrow.png') no-repeat left top !important;
	width: 20px;
	height: 41px;
	outline: none;
	position: absolute;
    left: 0px;
    top: 50%;
	opacity: .7
}
.owl-one .owl-next {
	display: block;
	background: url('../images/right-arrow.png') no-repeat left top !important;
	width: 20px;
	height: 41px;
	outline: none;
	position: absolute;
    right: 0px;
    top: 50%;
	opacity: .7
}



.exclusive-offers .owl-nav button {
	float: left;
	margin: 0px -40px;
}

.exclusive-offers .owl-prev {
	display: block;
	background: url('../images/left-arrow.png') no-repeat left top !important;
	width: 20px;
	height: 41px;
	outline: none;
	position: absolute;
    left: 0px;
    top: 50%;
	opacity: .7
}
.exclusive-offers .owl-next {
	display: block;
	background: url('../images/right-arrow.png') no-repeat left top !important;
	width: 20px;
	height: 41px;
	outline: none;
	position: absolute;
    right: 0px;
    top: 50%;
	opacity: .7
}

.blog-slider .owl-nav button {
	float: left;
	margin: 0px -10px;
}

.blog-slider .owl-prev {
	display: block;
	background: url('../images/left-arrow.png') no-repeat left top !important;
	width: 20px;
	height: 41px;
	outline: none;
	position: absolute;
    left: 0px;
    top: 50%;
	opacity: .7
}
.blog-slider .owl-next {
	display: block;
	background: url('../images/right-arrow.png') no-repeat left top !important;
	width: 20px;
	height: 41px;
	outline: none;
	position: absolute;
    right: 0px;
    top: 50%;
	opacity: .7
}

.testi-monial {margin-top:30px;}

.testi-monial .owl-nav button {
	float: left;
	margin: 0px -30px;
}

.testi-monial .owl-prev {
	display: block;
	background: url('../images/left-arrow.png') no-repeat left top !important;
	width: 20px;
	height: 41px;
	outline: none;
	position: absolute;
    left: 0px;
    top: 50%;
	opacity: .7
}
.testi-monial .owl-next {
	display: block;
	background: url('../images/right-arrow.png') no-repeat left top !important;
	width: 20px;
	height: 41px;
	outline: none;
	position: absolute;
    right: 0px;
    top: 50%;
	opacity: .7
}
.testi-monial .item {text-align:center;}
.testi-monial .item img {width:14% !important; margin:auto}
.testi-monial .item p {
	font-size: 16px;
  color: rgb( 255, 255, 255 );
  line-height: 1.5;
  text-align: center;
  margin-bottom:30px;}
.testi-monial .item span {
  font-size: 20px;
  color: rgb( 252, 105, 13 );
  line-height: 1;
  text-align: center;
  text-shadow: 2.5px 4.33px 5px rgb( 0, 0, 0 );}


.innerbanner {
	margin: 0;
	padding: 0;
}
.innerbanner img {
    width: 100%;
    object-fit: cover;
    height: 500px;
}

.breadcrumb {background:#f7f7f7; margin: 0;}
.breadcrumb ul {margin:0; padding:0;}
.breadcrumb ul li {display:inline-block; font-size: 14px; color: #333; font-weight: 400;}
.breadcrumb ul li a {color:#ee7f3b; text-decoration:none;}
.breadcrumb ul li a:hover {color:#fd690d; text-decoration:none;}
.breadcrumb ul li a.active {color:#fd690d; text-decoration:none; font-weight: 400;}
.breadcrumb ul li .fa-angle-double-right {font-size: 11px;}


.dashed {margin:10px 0 30px 0; border-bottom:solid 2px #ee7f3b; width:100px; display:inline-block;}
.dashed1 {margin:5px 0 10px 0; border-bottom:solid 2px #ee7f3b; width:80px; display:inline-block;}
.dashed2 {margin:10px 0 18px 0; border-bottom:dashed 1px #ee7f3b; width:100%; display:inline-block;}
.dashed3 {margin:0px 0px 15px 0px; border-bottom:solid 2px #ee7f3b; width:50px; display:inline-block;}

.slink {
    background: #707070;
    color: #bababa;
    border-radius: 5px;
    margin: 20px 5px 0px 5px;
    width: 36px;
    height: 36px;
    display: inline-block;
    text-align: center;
    padding: 8px;
    font-size: 18px;
    line-height: 22px;
}
.slink:hover {
    background: #ee7f3b;
    color: #fff;
}

.welcome {padding:60px 20px 60px 20px;}
.welcome .wel-info {}
.welcome .wel-info .info-text{
  font-size: 16px;
  color: rgb( 253, 105, 13 );
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom:20px;
  }
.welcome .wel-info h1 {
  font-size: 48px;
  color: rgb( 60, 79, 84 );
  font-weight: 300;
  letter-spacing: 6px;
  line-height: 52px;
}
.welcome .wel-info p {
font-size: 14px;
color: rgb( 60, 79, 84 );
line-height: 22px;
margin-bottom:30px;
}

.welcome .wel-info a {
	display: inline-block;
	padding: 12px 34px;
	border-radius: 0px;
	font-size: 18px;
	color: #fff;
	font-weight: 400;
	text-decoration: none;
	transition: all .5s;
	background:#fd690d;
	clip-path: polygon(0% 0%, 100% 0, 100% 54%, 92% 100%, 0% 100%);
}
.welcome .wel-info a:hover {
	color: #fff;
	background: #ee7f3b;
}

.welcome .wel-pic {text-align:end}

.welcome.pb{padding-bottom:60px}
.welcome .wel-pic.al {text-align:left !important;}

.about-us {background:#fd690d; padding:60px 20px;}
.about-us h3 {
  font-size: 32px;
  color: rgb( 255, 255, 255 );
  line-height: 0.556;
  font-weight: 300;
  margin-bottom:30px;
}

.about-us p {
  font-size: 16px;
  color: rgb( 255, 255, 255 );
  line-height: 0.556;
  font-weight: 300;	
  letter-spacing: .5px;
  margin-bottom:0px;
}


.make-your {background:#fd690d; padding:60px 20px;}

.make-your h3 {
  font-size: 32px;
  color: rgb( 255, 255, 255 );
  line-height: 0.556;
  font-weight: 300;
  margin-bottom:30px;
}

.make-your p {
  font-size: 16px;
  color: rgb( 255, 255, 255 );
  line-height: 0.556;
  font-weight: 300;	
  letter-spacing: .5px;
  margin-bottom:0px;
}

.make-your .call-us {
	text-align:end;
}

.make-your .call-us a {
	display: inline-block;
	padding: 10px 34px 8px 34px;
	border-radius: 0px;
	font-size: 28px;
	color: #fd690d;
	font-weight: 400;
	text-decoration: none;
	transition: all .5s;
	background:#fff;
	clip-path: polygon(0% 0%, 100% 0, 100% 54%, 92% 100%, 0% 100%);
}
.make-your .call-us a:hover {
	color: #333;
	background: #fff;
}



.why-choose {padding:60px 20px 0px 20px;}
.why-choose .why-info {}
.box-s {width: 100%;
    background: rgb(255 255 255 / 10%);
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 0px 10px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0px 10px 0 rgb(0 0 0 / 30%);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    padding: 50px;
	margin-bottom:60px;}

.why-choose .why-info .info-text{
  font-size: 16px;
  color: rgb( 253, 105, 13 );
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom:20px;
  }
.why-choose .why-info h1 {
  font-size: 42px;
  color: rgb( 60, 79, 84 );
  font-weight: 300;
  letter-spacing: 6px;
  line-height: 52px;
}
.why-choose .why-info h2 {
  font-size: 42px;
  color: rgb( 60, 79, 84 );
  font-weight: 300;
  letter-spacing: 6px;
  line-height: 52px;
}
.why-choose .why-info p {
font-size: 14px;
color: rgb( 60, 79, 84 );
line-height: 22px;
margin-bottom:30px;
}

.why-choose .why-info a {
	display: inline-block;
	padding: 12px 34px;
	border-radius: 0px;
	font-size: 18px;
	color: #fff;
	font-weight: 400;
	text-decoration: none;
	transition: all .5s;
	background:#ee7f3b;
	clip-path: polygon(0% 0%, 100% 0, 100% 54%, 92% 100%, 0% 100%);
}
.why-choose .why-info a:hover {
	color: #fff;
	background: #fd690d;
}


.why-choose .why-info ul {list-style:none;}
.why-choose .why-info ul li{padding:12px 0; color:#3c4f54; font-size:16px; font-weight: 300; border-bottom: solid 1px rgb(253 105 13 / 50%); background: url('../images/liicon.jpg') no-repeat left 0px top 17px; padding-left:22px; text-align: justify;}

.why-choose .why-pic {text-align:start}

.tab-services {
	padding:60px 20px;
	text-align:center;
	background:url(../images/tab-bg.jpg) no-repeat;
	background-attachment: fixed;
    background-size: cover;
}
.tab-services h2 {
    font-size: 32px;
    color: rgb( 60, 79, 84 );
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 32px;
    margin-bottom: 10px;
}

.tab-services p {
    font-size: 14px;
    color: rgb( 60, 79, 84 );
    line-height: 22px;
    margin-bottom: 30px;
	text-align: justify;
}
.tab-services span {
    font-size: 16px;
    color: rgb( 253, 105, 13 );
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 10px;
    display: inline-block;
}

#tab1, #tab2, #tab3, #tab4, #tab5 {transition: all .5s;}


.tab {
    width: 100%;
    max-width: 820px;
    margin:auto;
}

.twidth {
	background: rgb(255 255 255 / .0%);
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
	backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    padding: 10px;}


.tab button {
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 6px 30px;
  transition: 0.5s;
  font-size: 16px;
  margin:0 1px;
  color: #222;
  background: none;
}

.tab button:hover {
  transition: 0.5s;
  background-color: #fd690d;
  color: #fff;
}

.tab button.active {
  transition: 0.5s;
  background-color: #fd690d;
  color: #fff;
}

.tabcontent {
  display: none;
  padding: 40px 12px 0px 12px;
  transition: all .5s;
}

.topright {
  float: right;
  cursor: pointer;
  font-size: 28px;
}

.topright:hover {color: red;}
.p30{padding: 0 30px;}


.ser-box {
    background: rgb(255 255 255 / .0%);
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    padding: 25px;
	margin: 0 10px;
	backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
	position: relative;
}
.ser-box .left {float:left; width:50%; }
.ser-box .left img{width:100%;}
.ser-box .right {float:left; width:50%; padding-left:15px; text-align:left;}
.ser-box .right p {font-size:14px; color:#;}
.ser-box .right a.link1 {
    background: #bababb;
    color: #000;
    padding: 8px 10px;
    width: 100%;
    display: block;
    text-align: center;
    text-decoration: none;
	backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
	clip-path: polygon(0% 0%, 100% 0, 100% 54%, 92% 100%, 0% 100%);
	font-size:14px;
	margin-bottom:10px;
	transition:all .5s;
}
.ser-box .right a.link1:hover {background: #000; color: #fff;}

.ser-box .right a.link2 {
    background: #fd690d;
    color: #fff;
    padding: 8px 10px;
    width: 100%;
    display: block;
    text-align: center;
    text-decoration: none;
	backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
	clip-path: polygon(0% 0%, 100% 0, 100% 54%, 92% 100%, 0% 100%);
	font-size:14px;
	transition:all .5s;
}
.ser-box .right a.link2:hover {background: #ee7f3b;}


.ser-box1 {
    background: rgb(255 255 255 / .0%);
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    padding: 25px;
	margin: 0 10px;
	backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
}
.ser-box1 img{width:100%; margin-bottom:20px}

.ser-box1 a.link1 {
    border:solid 1px #222;
    color: #222;
    padding: 10px;
    width: 100%;
    display: block;
    text-align: center;
    text-decoration: none;
	margin-bottom:10px;
	backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
}
.ser-box1 a.link1:hover {background:#fd690d; border:solid 1px #ee7f3b; color: #fff;}


.treatment {
	background:#f7f7f7;
	border-top:solid 1px #e7e7e7;
	border-bottom:solid 1px #e7e7e7;
	padding:60px 20px;
	text-align:center;
}

.treatment span {
  font-size: 16px;
  color: rgb( 253, 105, 13 );
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom:10px;
  display:inline-block;
  }
  
.treatment h2 {
  font-size: 32px;
  color: rgb( 60, 79, 84 );
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 32px;
  margin-bottom:10px;
} 


.treatment .owl-one .item {background:#fff; position:relative;}
.treatment .owl-one .item img {width:100%;}
.treatment .owl-one .item .hb-text{ padding:20px 30px;}
.treatment .owl-one .item a {
	text-decoration:none
	}
.treatment .owl-one .item .hb-text h3 {
  font-size: 22px;
  color: rgb( 253, 105, 13 );
  font-weight: 500;
  line-height: 1.5;
  margin: 0;  
}
.treatment .owl-one .item .hb-text p {
  margin: 0;  
  font-size: 14px;
  color: rgb( 0, 0, 0 );
  line-height: 1.3;
  text-align: center;
}
	

.treatment .owl-one .item a:hover .hb-text h3 {
	
	color:#222;
}

.treatment .owl-one .item .hdiv {
    position: absolute;
    background-image: linear-gradient(178deg, rgb(253 105 13 / 55%), rgb(0 0 0 / 90%));
    width: 100%;
    height: 51.6vh;
    margin: auto 0;
	display: flex;
    align-items: center;
    justify-content: center;
	opacity:0;
	transition:all .5s
}

.treatment .owl-one .item .hdiv a {
	display: inline-block;
	padding: 12px 34px;
	border-radius: 0px;
	font-size: 18px;
	color: #fff;
	font-weight: 400;
	text-decoration: none;
	transition: all .5s;
	background:#ee7f3b;
	clip-path: polygon(0% 0%, 100% 0, 100% 54%, 92% 100%, 0% 100%);
}
.treatment .owl-one .item .hdiv a:hover {
	color: #fff;
	background: #fd690d;
}

.treatment .owl-one .item:hover .hdiv{ opacity:1;} 	


.treatment .exclusive-offers .item {background:#fff; padding:20px;}


.treatment .exclusive-offers .item .offer-details {padding:20px 0; background:#f3f3f3;}
.treatment .exclusive-offers .item .offer-details h3 {
	color: #fc690d;
    font-size: 22px;}
.treatment .exclusive-offers .item .offer-details h4 {
	color: #333;
    font-size: 16px;
}
.treatment .exclusive-offers .item .offer-details p {
	color: #222;
    font-size: 14px;
}

.treatment .exclusive-offers .item .offer-details a {
	padding: 6px 30px;
	border-radius: 0px;
	font-size: 16px;
	color: #fff;
	font-weight: 400;
	text-decoration: none;
	transition: all .5s;
	background:#fd690d;
	position:relative;
	clip-path: polygon(0% 0%, 100% 0, 100% 54%, 92% 100%, 0% 100%);
}
.treatment .exclusive-offers .item .offer-details a:hover {
	color: #fff;
	background: #000;
}

.our-works {
	background:#f7f7f7;
	border-top:solid 1px #e7e7e7;
	border-bottom:solid 1px #e7e7e7;
	padding:60px 20px;
	text-align:center;
}

.our-works span {
  font-size: 16px;
  color: rgb( 253, 105, 13 );
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom:10px;
  display:inline-block;
  }
  
.our-works h2 {
  font-size: 32px;
  color: rgb( 60, 79, 84 );
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 32px;
  margin-bottom:10px;
} 	
	
.our-works p {
  font-size: 14px;
  color: rgb( 60, 79, 84 );
  line-height: 1.429;
  text-align: center;
  margin-top:20px;
  margin-bottom:50px;
}	
	
.gallery {padding:0px 10px; margin-bottom:20px; float:left; width:33.333%;}
.gallery img {width:100%;}	

.gallery1 {padding:0 10px 0 0px; float:left; width:100%;}
.gallery1 img {width:100%; text-align:left;}		
	
	

	
.testimonal {
	background: url('../images/t-bg.jpg') no-repeat bottom center;
	background-attachment: fixed;
    background-size: cover;
	padding:60px 20px;
	text-align:center;
}

.testimonal span {
  font-size: 16px;
  color: rgb( 253, 105, 13 );
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom:10px;
  display:inline-block;
  }
  
.testimonal h2 {
  font-size: 32px;
  color: rgb( 255, 255, 255 );
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 32px;
  margin-bottom:10px;
} 	
	
.testimonal p {
  font-size: 14px;
  color: rgb( 60, 79, 84 );
  line-height: 1.429;
  text-align: center;
  margin-top:20px;
  margin-bottom:50px;
}	
	



.blog {
	background:#f7f7f7;
	border-top:solid 1px #e7e7e7;
	border-bottom:solid 1px #e7e7e7;
	padding:60px 20px;
	text-align: center;
}

.blog span {
  font-size: 16px;
  color: rgb( 253, 105, 13 );
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom:10px;
  display:inline-block;
  }
  
.blog h2 {
  font-size: 32px;
  color: rgb( 60, 79, 84 );
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 32px;
  margin-bottom:10px;
} 


.blog .blog-slider .item {background:#fff; position:relative; padding:15px;}
.blog .blog-slider .item .hb-text{ padding:10px 0;}
.blog .blog-slider .item a {
	text-decoration:none
	}
.blog .blog-slider .item .hb-text h3 {
  font-size: 18px;
  color: rgb( 253, 105, 13 );
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 10px 0;
  text-align: left;  
}
.blog .blog-slider .item .hb-text p {
  margin: 0;  
  font-size: 14px;
  color: rgb( 0, 0, 0 );
  line-height: 1.4;
  font-weight: 300;
  margin-bottom:20px;
  text-align: left;
}
	
.blog .blog-slider .item a {
	padding: 6px 20px;
	border-radius: 0px;
	font-size: 12px;
	color: #fff;
	font-weight: 400;
	text-decoration: none;
	transition: all .5s;
	background:#fd690d;
	position:relative;
	clip-path: polygon(0% 0%, 100% 0, 100% 54%, 92% 100%, 0% 100%);
}
.blog .blog-slider .item a:hover {
	color: #fff;
	background: #ee7f3b;
}
	


.sp-s1 {padding:60px 20px 60px 20px;}
.sp-s1 .sps-info h1 {
  font-size: 32px;
  color: rgb( 60, 79, 84 );
  font-weight: 500;
  line-height: 42px;
}

.sp-s1 .sps-info h2 {
  font-size: 22px;
  color: rgb(253 105 13);
  font-weight: 500;
  line-height: 42px;
}
.sp-s1 .sps-info p {
font-size: 16px;
color: rgba(0,0,0,.9);
line-height: 26px;
margin-bottom:30px;
font-weight: 300;
}
.sp-s1 .sps-info a {
	display: inline-block;
	padding: 12px 34px;
	border-radius: 0px;
	font-size: 16px;
	color: #fff;
	font-weight: 400;
	text-decoration: none;
	transition: all .5s;
	background:#fd690d;
	clip-path: polygon(0% 0%, 100% 0, 100% 54%, 92% 100%, 0% 100%);
}
.sp-s1 .sps-info a:hover {
	color: #fff;
	background: #ee7f3b;
}
.sp-s1 .sps-pic {text-align:end}
.sp-s1 .sps-pic img {width:75%;
padding:10px;
	background: rgb(255 255 255 / 80%);
	box-shadow: 0 0px 10px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 0px 10px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0px 10px 0 rgb(0 0 0 / 10%);
}


.grid {display: grid;
    align-items: center;}




.mb {margin-bottom:35px; background: rgb(255 255 255 / 40%);}
.f20{font-size: 18px;}



.sp-s2 {
	padding:60px 20px 60px 20px;
	background: #f7f7f7;
    border-top: solid 1px #e7e7e7;
    border-bottom: solid 1px #e7e7e7;
}
.sp-s2 .sps2-info h1 {
  font-size: 32px;
  color: rgb( 60, 79, 84 );
  font-weight: 500;
  line-height: 42px;
}
.sp-s2 .sps2-info p {
font-size: 16px;
color: rgba(0,0,0,.7);
line-height: 26px;
margin-bottom:20px;
font-weight: 300;
}
.sp-s2 .sps2-info a {
	display: inline-block;
	padding: 12px 34px;
	border-radius: 0px;
	font-size: 16px;
	color: #fff;
	font-weight: 400;
	text-decoration: none;
	transition: all .5s;
	background:#fd690d;
	clip-path: polygon(0% 0%, 100% 0, 100% 54%, 92% 100%, 0% 100%);
}
.sp-s2 .sps2-info a:hover {
	color: #fff;
	background: #ee7f3b;
}
.sp-s2 .sps2-pic {text-align:start}
.sp-s2 .sps2-pic img {width:75%;
padding:10px;
	background: rgb(255 255 255 / 80%);
	box-shadow: 0 0px 10px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 0px 10px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0px 10px 0 rgb(0 0 0 / 10%);
}
.sps2-info ol {margin-left:15px;}
.sps2-info ol li{font-size:16px; font-weight:300; margin-bottom:8px;}

.sp-s3 {padding:60px 20px 60px 20px;}

.sp-s3 .sps3-info h3 {
  font-size: 22px;
  color: #fd690d;
  font-weight: 500;
  line-height: 32px;
}
.sp-s3 .sps3-info h4 {
  font-size: 18px;
  color: #333;
  font-weight: 400;
  line-height: 28px;
}
.sp-s3 .sps3-info p {
font-size: 16px;
color: rgba(0,0,0,.8);
line-height: 26px;
margin-bottom:20px;
font-weight: 300;
text-align: justify;
}

.sp-s3 .sps3-info ul {list-style:none; padding:0; margin-bottom:25px;}
.sp-s3 .sps3-info ul.c2 {columns: 2;}
.sp-s3 .sps3-info ul.c3 {columns: 3;}
.sp-s3 .sps3-info ul.c4 {columns: 4;}
.sp-s3 .sps3-info ul li {
    padding: 12px;
    border-bottom: dashed 1px #ee7f3b;
    color: rgba(0,0,0,9);
    font-weight: 300;
    line-height: 26px;
    background: #f9f9f9;
    margin-bottom: 10px;
	box-shadow: 0 0px 5px 0 rgb(0 0 0 / .1);
    -moz-box-shadow: 0 0px 5px 0 rgba(0,0,0,0.1);
	background: url(../images/liicon.jpg) no-repeat left 15px top 17px;
    padding-left: 40px;
}

.bgn {border:none; 
	background:url(../images/s-bg.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.bg {background: #f7f7f7; border-top: solid 1px #e7e7e7;
    border-bottom: solid 1px #e7e7e7;}







.dss {

	padding:60px 20px;
	text-align:center;
}

.dss span {
  font-size: 16px;
  color: rgb( 253, 105, 13 );
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom:10px;
  display:inline-block;
  }
  
.dss h2 {
  font-size: 32px;
  color: rgb( 60, 79, 84 );
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 32px;
  margin-bottom:10px;
} 
.dss .statements {padding:15px; box-shadow: 0 5px 30px rgb(238 127 59 / 10%); margin-bottom:20px; border: solid 1px rgb(238 127 59 / 7%);}
.dss .statements img{ width:100%;
}




.contact-us {padding:60px 20px 60px 20px;}

.contact-us .left-info {} 

.contact-us .left-info ul {
    list-style: none;
    display: inline-block;
    width: 49%;
    vertical-align: top;
}  
.contact-us .left-info ul li{margin-bottom:10px; font-size:16px; font-weight:300; line-height:22px;} 
.contact-us .left-info ul li strong {color:#fd690d; font-size:18px;}
.contact-us .left-info ul li a {color:#222; text-decoration:none;}
.contact-us .left-info ul li a:hover {color:#fd690d}

.contact-us .left-info ul li:first-child{background:url(../images/location.png) no-repeat top left; padding-left:26px;}
.contact-us .left-info ul li:nth-child(2){background:url(../images/telephone-call.png) no-repeat top left; padding-left:26px;}
.contact-us .left-info ul li:nth-child(3){background:url(../images/email.png) no-repeat top left; padding-left:28px;}

.contact-us .left-info iframe {
    padding: 10px;
    margin-right: 0;
    background: #F9F9F9;
    width: 50%;
    display: inline-block;
} 
 
.contact-us .right-info h1 {
  font-size: 30px;
  color: rgb( 60, 79, 84 );
  font-weight: 300;
  letter-spacing: 2px;
  line-height: 42px;
}

.contact-us .right-info p {
font-size: 16px;
color: rgb( 60, 79, 84 );
line-height: 22px;
margin-top:-15px;
margin-bottom:20px;
font-weight: 300;
}

.contact-us .right-info a {
	display: inline-block;
	padding: 12px 34px;
	border-radius: 0px;
	font-size: 18px;
	color: #fff;
	font-weight: 400;
	text-decoration: none;
	transition: all .5s;
	background:#ee7f3b;
	clip-path: polygon(0% 0%, 100% 0, 100% 54%, 92% 100%, 0% 100%);
}
.contact-us .right-info a:hover {
	color: #fff;
	background: #fd690d;
}

.contact-us .right-info ul {list-style:none;}
.contact-us .right-info ul li{border-bottom:solid 1px #fd690d; padding:12px 0; color:#3c4f54; font-size:18px; font-weight: 300; border-bottom: solid 1px rgb(253 105 13 / 50%); background: url('../images/liicon.jpg') no-repeat left 0px top 17px; padding-left:22px;}

.contact-us .right-info {
	width: 94%;
    background: rgb(255 255 255 / 10%);
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 0px 10px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0px 10px 0 rgb(0 0 0 / 30%);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    padding: 50px;
	float: right;}

.sitemap {padding:0px 20px 60px 20px;}
.sitemap .links-info {padding: 0 10px 0 0;}
.sitemap .links-info h3 {
	margin-bottom:10px;
	font-weight: 500;
	line-height: 32px;
	font-size: 22px;
	
}
.sitemap .links-info h3 a{
  color: #fd690d;
  text-decoration:none;
}
.sitemap .links-info h3 a:hover{color: #222;}
.sitemap .links-info h4 a{
  font-size: 18px;
  color: #ee7f3b;
  font-weight: 400;
  line-height: 28px;
  text-decoration:none;
}
.sitemap .links-info h4 a:hover{color: #333;}
.sitemap .links-info ul {
    list-style: none;
    padding:0px;
}
.sitemap .links-info ul li {
    font-size: 14px;
    margin: 2px 20px 10px 0px;
    float: left;
    width: 30.333%;
    background: url(../images/liicon.jpg) no-repeat left 0px top 3px;
    padding: 0px 0px 12px 18px;
    border-bottom: dashed 1px #eb7e3a;
}
.sitemap .links-info ul li a{color: rgba(0,0,0,8); text-decoration:none;}
.sitemap .links-info ul li a:hover {color: #ee7f3b;}

.bm25 {margin-bottom:25px;}

hr {margin:50px 0 50px 0;}

footer {
	background: #515151; 
	padding: 60px 0 15px 0;
}
footer h5 {
	font-size: 18px;
    color: #fff;
    margin-bottom: 19px;
    line-height: 18px;
    font-weight: 400;
}

footer p.text {
	font-size: 12px !important;
    color: #fff;
    margin-bottom: 10px;
    line-height: 18px !important;
    font-weight: 400;
    text-decoration: none;
    padding-right: 20px;
}

footer p a{
	font-size: 14px;
	color: #fff;
	margin-bottom: 10px;
	line-height: 22px;
	font-weight:400;
	text-decoration:none;
}
footer p a:hover{
	color: #ff9655;
	text-decoration:none;
}

footer span {
	text-align: justify;
	font-size: 14px;
	color: rgb( 255, 255, 255 );
	display: block;
	margin-bottom:25px;
	line-height: 1.70;
	opacity: 0.7;
}
footer ul {
	margin-bottom: 20px;
	list-style:none;
}

footer li {
	font-size: 14px;
	color: rgb( 255, 255, 255 );
	text-decoration:none;
	opacity: 0.9;
	font-weight:400;
	padding-bottom: 5px;
	padding-left:0px;
	transition:all .5s;
	
}
footer li:hover {margin-left: 5px;}

footer li.bgnone {background:none !important; padding-left: 0;}
footer li.bgnone strong {font-size: 16px;}

footer li a {
	font-size: 14px;
	color: rgb( 255, 255, 255 );
	text-decoration:none;
	opacity: 0.9;
	font-weight:400;
}
footer li a:hover{ text-decoration:none; font-weight:500; color:#fd690d}

footer .blink { border-top:solid 1px rgba(255,255,255); padding-top:15px}
footer .blink .copyright {
	font-size: 12px;
	color: rgb( 255, 255, 255 );
	font-weight:300;
	line-height: 1.70;}
	
footer .blink .copyright a{color:#fff; text-decoration:none}
footer .blink .copyright a:hover{color:#ff9655;}

footer .blink .brlink {
	font-size: 14px;
	color: rgb( 255, 255, 255 );
	text-decoration:none;
	font-weight:300;
	float:right;
}

footer .blink .brlink a {
	font-size: 12px;
	color: rgb( 255, 255, 255 );
	text-decoration:none;
	font-weight:300;
	padding:0 8px
}
footer .blink .brlink a:hover { color: #ff9655; opacity:1;}


footer #scroll-up {
	display:none;
	position: fixed;
    bottom: 20px;
    right: 20px;
}

footer .tawk {
    bottom: 17px;
    position: fixed;
    right: 17px;
	filter: drop-shadow(1px 1px 5px #000);
	z-index: 999;
}

footer .sales { background:#fff; padding:30px 50px; max-width:900px; margin:0 auto; margin-bottom:35px}
footer .sales p {margin:0; color:#ee7f3b; font-size:28px;} 
footer .sales a.yes {
    border: solid 1px #fec700;
    float: right;
    font-size: 14px;
    padding: 7px 12px;
    margin-top: -31px;
	color:#ee7f3b;
}

footer .sales a.yes img {margin-right:5px;}

footer .info-box img.back {margin-bottom:16px; background:#fff; padding:10px 40px;}
footer .info-box p{color: #fff;font-size:14px; line-height:20px; display:inline-block;}
footer .info-box p strong {color: #fff;}


input, select, textarea{width:100%; margin-bottom:15px; color:#666868; border:solid 1px #ccc; padding:12px 15px; font-size:14px; font-weight:400;}

::placeholder {color:#666868; font-size:14px; font-weight:400;}



.but {
    background: #fd690d;
    color: #fff;
    padding: 10px 45px;
	font-weight: 500;
	border:none;
	clip-path: polygon(0% 0%, 100% 0, 100% 54%, 92% 100%, 0% 100%);
}

.but:hover {
	background: #ee7f3b;
	color: #fff;
    padding: 10px 45px;
}

.desktop {display: block;}
.mobile { display:none;}




.device-menu {display:none;}

.device-menu-links {display:none;}
.fmlink {display:none;}

.show1 {display:none}

.sr_box {background:#fff; padding:30px 30px 5px 30px; box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 16%); margin-bottom:30px;}
.sr_box ul {
    margin-bottom: 12px;
}


#poploginfrm p{
position: relative;
}
#poploginfrm label{
display: inline-block;
margin-bottom: 0;
color: #ff0000;
font-size: 11px;
position: absolute;
left: 0;
bottom: -8px;
}
.option-scroll {display: contents;}


.fc_hide {display: none !important;}















div#comparison { 
  width: 60vw;
  height: 60vw;
  max-width: 600px;
  max-height: 600px;
  overflow: hidden; 
  margin: auto;}
div#comparison figure { 
  background-image: url(https://drharor.com/images/face-before.jpg); 
  background-size: cover;
  position: relative;
  font-size: 0;
  width: 100%; 
  height: 100%;
  margin: 0; 
}
div#comparison figure > img { 
  position: relative;
  width: 100%;
}
div#comparison figure div { 
  background-image: url(https://drharor.com/images/face-after.jpg);
  background-size: cover;
  position: absolute;
  width: 50%; 
  box-shadow: 0 5px 10px -2px rgba(0,0,0,0.3);
  overflow: hidden;
  bottom: 0;
  height: 100%;
}

input[type=range]{
  -webkit-appearance:none;
  -moz-appearance:none;
  position: relative;
  top: -20rem; 
  left: -1%;
  background-color: rgba(255,255,255,0);
  width: 102%;
  border:none;
  padding:0;
}
input[type=range]:focus { 
  outline: none; 
}
input[type=range]:active { 
  outline: none;  
}

input[type=range]::-moz-range-track { 
  -moz-appearance:none;
    height:15px;
    width: 98%;
    background-color: rgba(255,255,255,0.1); 
    outline: none;    
 }
input[type=range]::active { 
  border: none; 
  outline: none;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance:none;
    width: 48px; 
	height: 48px;   
    background:url(../images/ba-arrow.png) no-repeat #fff;
    border-radius: 100px;
	
   }   
   
input[type=range]::-moz-range-thumb {
  -moz-appearance: none;
  width: 20px;
  height: 15px;
  background: #fff;
  border-radius: 0;
     }   
input[type=range]:focus::-webkit-slider-thumb {
    background:url(../images/ba-arrow.png) no-repeat #fff; opacity:.8;
   }
input[type=range]:focus::-moz-range-thumb {
    background:url(../images/ba-arrow.png) no-repeat #fff; opacity:.8;
   }

.ex-dr-bg {
background:url(../images/ex-dr-bg.jpg) no-repeat; center center;
background-size: cover;} 

.p30 {
	padding:30px;
	border: solid 1px #ccc;
    background: rgb(253 105 13 / 1%) !important;
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 0px 10px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0px 10px 0 rgb(0 0 0 / 10%);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);}

.p30 img {
    width: 200px !important;
    height: 200px;
    margin: auto;
    margin-bottom: 20px;
    border: solid 2px #fd690d;
    border-radius: 100px;
    padding: 5px;
}

.p30 h3 {
	font-size: 20px;
    color: rgb( 253, 105, 13 );
    font-weight: 500;
    line-height: 1.5;
    margin: 0;
	margin-bottom:5px;}
.p30 p {
	font-size: 14px;
    color: rgb( 60, 79, 84 );
    line-height: 22px;
    margin-bottom: 30px;}



.video-thum {
    background: #212529;
    padding: 10px;
    margin: 0px 5px 25px 5px;
    box-shadow: 0px 5px 10px #fd690d4f;
    border-radius: 3px;
}
.video-thum iframe{width:100%; min-height:315px}
.video-thum h3 {
	font-size: 16px;
    color: #fff;
    font-weight: 300;
    line-height: 24px;
	padding:0 10px;}




.p0 {padding:0;}
.pt0 {padding-top:0;}
.mar-top- {margin-top:-50px;}

.mbook {display:none;}
.micon {display:none}
.rmicon {display:none}


.b_form {
    background: rgb(0 0 0 / 60%);
    padding: 15px 20px;
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    text-align: center;
    border-radius: 50px 50px 0px 0px;
    border-top: solid 2px rgb(255 255 255 / 50%);
}

.b_form h2{
	font-size: 28px;
  color: rgb( 255, 255, 255 );}
.b_form p{ font-size: 15px;
  font-family: "Poppins";
  color: rgb( 255, 255, 255 );}


.b_form input{ width:100%; background:#e8e8e8; height: 46px;}
.b_form select { width:100%; background:#e8e8e8; height: 46px;}
.b_form textarea { width:100%; background:#e8e8e8; height: 46px;}

.b_form input::placeholder{color:#4f4f4f}

.b_form .but1 {background:transparent; border:solid 1px #e8e8e8; padding:12px 18px; font-size: 14px; color:#dfddde; transition:all .5s}

.b_form .but1:hover {
	background: #fd690d;
    color: #fff;
    padding: 12px 18px;
	font-size: 14px;
	border:solid 1px #fd690d;
    clip-path: polygon(0% 0%, 100% 0, 100% 54%, 92% 100%, 0% 100%);}
	
	
.b_form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(../images/select-icon.png);
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 3px;
  border-left:solid 1px #000;
}

.hb-off	{display:none !important;}
.hb-on	{display:none !important;}	


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

.homebanner .home-banner .hb_caption {
    right: 22.7%;
    bottom: 30%;
}	

}


@media screen and (max-width: 1023px) {
	
header {
    top: 0px;	
}
header .submenu {
    display: none;
}
header .clink {
    display: none;
}
header .logo {
    width: 38%;
	margin: 0px 0;
}
header .smlogo {
    width: 20%;
    margin: 0px 0;
    padding: 5px 20px;
}


.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding:12px 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 18px;
  transition: 0.4s;
  margin-bottom: 5px;
}

.accordion.active, .accordion:hover {
  background-color: #881769;
  color:#fff;
  outline:none;
}


.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  -webkit-max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-out;
  outline:none !important
}
.panel .pbox {padding:10px 0px;}
.panel .pbox a{color:#88186a; text-decoration:none; font-weight:500;}
.panel .pbox a:hover{color:#6a1c58; text-decoration:none;}
.panel .pbox ol {list-style: auto; padding-left:25px;}

.panel .pbox ul {list-style: number; padding-left: 15px;}
.panel .pbox ul li{color: #881769; padding-bottom: 15px; font-weight:600;}
.panel .pbox ul li span {display:block; color: #2d3a44; font-weight:400;}

.accordion:after {
  content: '\002B'; /* Unicode character for "plus" sign (+) */
  color: #881769;
  float: right;
  margin-left: 0px;
  outline:none; 
}

.accordion.active:after {
  content: "\2212"; /* Unicode character for "minus" sign (-) */
  outline:none;
  color: #fff;
}

.accordion:hover:after {
  color: #fff;
}	

.device-menu {display:block; position:fixed; top:6px; right:0px; z-index: 999;}
.device-menu-links { background: rgb(255 255 255 / 85%); width:100%; height:100vh; display:none; z-index:999999; position:fixed; top:0; padding:10px;}
.device-menu a {display:inline-block; padding: 18px 10px 18px 10px;}

.mmi {top:45px;} 


.device-menu-links .links {background:#fd690d; width:100%; height:97vh; position:relative; padding:15px;}
.device-menu-links .links .mclose {
    position: absolute;
    right: 15px;
    top: 10px;
}
.device-menu-links .links .mlogo { text-align:center; padding: 20px 0;}
.device-menu-links .links .mlogo img {background:#fff; padding:10px 30px;}

.links button.accordion {
    background: transparent;
    font-size: 14px;
    padding: 10px 6px;
    margin-bottom: 0px;
    line-height: 18px;
    border-bottom: solid 1px rgb(255 255 255 / 22%);
}
.links button.accordion a {
	color:#fff; 
	font-size: 18px; 
	width: 90%;
    display: inline-block;
	text-decoration:none;}
.links button.accordion.active, .accordion:hover{
	background: rgb(255 255 255 / 40%);
    color: #fff;
	font-size: 16px;
	outline: none !important;
}
.links button.accordion.active, .accordion:{color:#fff}
.links button.accordion.active, .accordion:hover a{
    color: #fff;
	font-size: 30px;
	outline: none !important;
}

.links button.accordion:after {
    color: #fff;
	font-size: 30px;
	outline: none !important;
}
.links button.accordion.active:after {
    color: #fff;
	font-size: 30px;
}

.links > .suresh-up .panel .pbox ul {
    list-style: none !important;
    padding-left: 0 !important;
}
.links > .suresh-up .panel .pbox ul li {
    color: #333;
    padding-bottom: 5px;
    border-bottom: solid 1px rgb(136 23 105 / 21%);
    margin-bottom: 5px;
}

.links > .suresh-up .panel .pbox a {
    color: #333;
    text-decoration: none;
    font-weight: 500;
	font-size: 14px;
}

.links > .suresh-up .panel .pbox a:hover {
    color: #ee7f3b;
}

.fnone:after {display:none;}

.suresh-up {
    overflow: overlay;
    height: 580px;
    padding-right: 10px;
}
.sm {display:none;}

.top_bar {
    padding: 5px 5px;
}

.hide1{display:none;}
.show1 {display:block;}

}

@media screen and (max-width: 768px) {
	
.micon {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 15px;
    z-index: 22;
    background: rgb(255 255 255 / 80%);
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 0px 10px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0px 10px 0 rgb(0 0 0 / 30%);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    width: 300px;
    border-radius: 25px;
    margin: auto;
    text-align: center;
    overflow-y: hidden;
}
.micon ul {
    list-style: none;
    margin: 0;
    width: 421px;
    text-align: start;
    padding-left: 10px;
}
.micon ul li{display: inline-block;
    padding: 5px 2px;}	
	
.rsocial a {
    padding: 4px;
    width: 32px;
    height: 32px;
    line-height: 24px;
}	
	
.blinking {
    -webkit-animation: 2s blink ease infinite;
    -moz-animation: 2s blink ease infinite;
    -ms-animation: 2s blink ease infinite;
    -o-animation: 2s blink ease infinite;
    animation: 2s blink ease infinite;
  }

  @keyframes "blink" {

    from,
    to {
      opacity: 0;
    }

    50% {
      opacity: 1;
    }
  }

  @-moz-keyframes blink {

    from,
    to {
      opacity: 0;
    }

    50% {
      opacity: 1;
    }
  }

  @-webkit-keyframes "blink" {

    from,
    to {
      opacity: 0;
    }

    50% {
      opacity: 1;
    }
  }

  @-ms-keyframes "blink" {

    from,
    to {
      opacity: 0;
    }

    50% {
      opacity: 1;
    }
  }

  @-o-keyframes "blink" {

    from,
    to {
      opacity: 0;
    }

    50% {
      opacity: 1;
    }
  }

.blinking:hover{animation: 0s blink ease infinite;}	

.top_bar ul li a {
    font-size: 16px;
}
	
.mbook {
    display: block;
    padding: 24px 0;
	font-size: 16px;
}
.mbook a {color:#333; text-decoration:none;}

.hsocial {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 80px;
    left: 0;
    right: 0;
}

.hsocial a {
    color: #fff;
    border: solid 1px #fff;
    padding: 8px 10px 10px 10px;
    margin: 0 5px;
    width: 40px;
    height: 40px;
    display: inline-block;
}

.hsocial a:hover {
    color: #fd690d;
    background: #fff;
}

.hsocial p {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-bottom: solid 2px #fff;
    margin: 0 80px 20px 100px;
}

header.fixed .mbook {
    padding: 24px 0;
}
.mbook a {
    padding-left: 15px;
}
	
.owl-one .owl-next {
    right: 0;
}
.owl-one .owl-nav button {
    float: left;
    margin: 0px 0px;
}

.icon .icon-box h5 {
    font-size: 16px;
    font-weight: 400;
}

.welcome .wel-info h1 {
    font-size: 42px;
}

.wel-pic img {width:100%;}

.make-your h3 {
    font-size: 26px;
}

.make-your .call-us a {
    padding: 10px 20px 8px 20px;
    font-size: 20px;
}


.tab button {
    padding: 6px 18px;
}

.tabcontent {
    padding: 40px 0px 0px 0px;
}

.ser-box {
    padding: 15px;
}

.ser-box .left {
    float: none;
    width: 100%;
    margin-bottom: 15px;
}
.ser-box .right {
    float: none;
    width: 100%;
    padding-left: 0;
    text-align: left;
}


.box-s {padding: 50px 30px;}

.why-choose .why-info h1 {
    font-size: 26px;
    letter-spacing: 3px;
    line-height: 42px;
}
.why-choose .why-info h1 > br {display:none;}
.why-choose .why-info h2 {
    font-size: 26px;
    letter-spacing: 3px;
    line-height: 42px;
}
.why-choose .why-info h2 > br {display:none;}

.why-choose .why-info {
    background: #fff;
    padding: 20px;
    background: rgb(255 255 255 / 80%);
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 0px 10px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0px 10px 0 rgb(0 0 0 / 30%);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
}
.why-choose .why-info ul {
    margin-top: -20px;
}
.why-choose .why-info ul li {
    font-size: 16px;
    font-weight: 400;

}


footer .sales {
    padding: 30px 150px;
    text-align: center;
}

footer .sales p {
    line-height: 30px;
}

footer .sales a.yes {
    float: unset;
    margin-top: 10px;
    display: inline-block;
}
	
.innerbanner {
    margin-top: 75px;
}

.innerbanner .hb_caption .banner-heading {
    font-size: 2rem;
    line-height: 2.2rem;
    margin-bottom: 5px;
}
.innerbanner .hb_caption p {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 10px;
}

input[type=range] {
    top: -16rem;
}
	
}


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

.sp-s3 .sps3-info ul.c2 {
    columns: 1;
}
	
.homebanner {margin-top: 70px;}	

.contact-us .left-info ul {
    width: 100%;
}
.contact-us .left-info iframe {
    width: 100%;
}

.contact-us .right-info {
    width: 100%;
    padding: 30px;
    margin-top: 25px;
}
	
.text-danger {
    top: -18px;
    font-size: 12px;
}	

.b_form input, select, textarea {
    font-size: 12px;

}
	
.rsocial {display:none;}

li.sbg a {
    color: #fff;
    background: #fd690d;
    padding: 4px;
    width: 35px;
    height: 35px;
    line-height: 28px;
    text-align: center;
    border-radius: 100px;
    transition: all .5s;
    display: inline-block;
}

li.sbg1 a {
    color: #fff;
    background: #1bd741;
    padding: 4px;
    width: 35px;
    height: 35px;
    line-height: 28px;
    text-align: center;
    border-radius: 100px;
    transition: all .5s;
    display: inline-block;
}	

.b_form {
    background: rgb(0 0 0 / 90%);
    padding: 15px 20px;
    position: static;
    bottom: -178px;
    z-index: 1;
    border-radius: 0;
    border-top: solid 2px rgb(255 255 255 / 0%);
}
.f-input {
    width: 48.6%;
}

.w100{
	width:100%
}
	
.gallery {
    width: 100%;
}	
	
.ser-box1 {
    padding: 15px;
    margin: 0 0px 30px 0px;
}

.treatment {
    padding: 60px 20px 30px 20px;
}	

.welcome {
    padding: 60px 20px 0px 20px;
}
.welcome .wel-pic {
    text-align: end;
    padding-top: 30px;
}
	
.p30{padding: 0px;}	

.tab button {
	font-size: 13px;
    padding: 8px 8px;
    background: #efefef;
    margin: 2px;
    width: 48%;
}	
		
.db {display:none !important;}
.mb1 {display: block !important;}
	
.fc_hide {display: inline-block !important;}
.fc_show {display: none !important;}
	

footer .tawk {display:none;}
	
.fmlink { 
	display:block;
	position: fixed;
    bottom: 0;
    z-index: 99;
    background: #ee7f3b;
    padding: 9px 10px;
    text-align: center;
	width:100%;
	box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 20%);}

.top_bar ul {
    text-align: center;
}
.top_bar ul li{
	margin: 2px 5px;  
}
.mbook a {
    padding-left: 5px;
}
.testi-monial .owl-nav button {
		margin: 0px 0px;
}
.testi-monial .item img {
    width: 30% !important;
}
.homebanner .owl-carousel .owl-item img {
    height: auto;
	width: 100%;
}

.homebanner .home-banner .hb_caption {
    left: 4%;
    right: 4%;
    bottom: 5%;
    text-align: center;
}
.homebanner .home-banner .hb_caption h1 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
    width: 100%;
}
.homebanner .home-banner .hb_caption h1 span.white{
    font-size: 18px;
}
.homebanner .home-banner .hb_caption h1 > br {display:none;}
.homebanner .home-banner .hb_caption a {
    padding: 6px;
    border-radius: 0px;
    font-size: 12px;
}
.owl-one .owl-next {
    right: 30%;
	top: auto;
}
.owl-one .owl-prev {
    left: 30%;
    top: auto;
}
.second_slider .owl-nav {
    right: 20px;
}
.homebanner .owl-carousel {
    margin-top: 0px;
}

.innerbanner .owl-carousel .owl-item .skv img {
    height: 450px !important;
    object-fit: cover;
    object-position: 88%;
}

.innerbanner .hb_caption {
    bottom: 0%;
    left: 0;
    right: 0;
    position: static;
    background: #680f53;
    text-align: center;
	padding: 0px 10px 80px 10px;
}
.innerbanner .hb_caption h1 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 10px;
}
.innerbanner .hb_caption .banner-heading {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 10px;
}
.innerbanner .hb_caption p {
    font-size: 14px;
    line-height: 18px;
	width:100%;
	text-align: center;
}

header.fixed .top_bar .dh {
    display: none;
}

header .gp {
    float: left;
    padding: 9px 0px 0px 15px;
    text-align: center;
	width: 50%;
}
header .logo {
    width: 28%;
	padding: 12px 0 10px 10px;
}
header .smlogo {
	padding: 5px 10px;
	width: 34%;
}

header .smlogo img {width:100%;}

header .gp a {
    width: 41%;
    float: left;
}

header .gp a img {
    padding: 0 8px 0 0px;
}

.desktop {display:none;}
.mobile {display:block;}


footer {
    padding: 30px 20px;
	text-align: center;
}
footer p {
    margin-bottom: 10px;
	text-align:center;
}
footer .sales {
    padding: 20px 40px 75px 40px;
    margin-bottom: 35px;
}
footer .sales p {
    font-size: 20px;
    text-align: center;
    line-height: 28px;
}
footer .sales a.yes {
    float: left;
    margin-top: 10px;
    margin-left: 25%;
}
footer .blink .copyright {
    font-size: 14px;
    text-align: center;
}
footer .blink .brlink {
    font-size: 14px;
    float: none;
    text-align: center;
}
footer li {
    padding-bottom: 5px;
}


.hide { display:none}

footer #scroll-up {
    bottom: 80px;
    right: 10px;
	z-index: 99;
}
.call-button {
    display: none !important;
}
footer .blink {
    margin-bottom: 0px;
}


.homebanner .owl-carousel {
    top: 0px;
}

.getintouchpop1 {
    padding: 30px;

}
.closebuts {
    right: -15px;
    top: -15px;
}
.homebanner .home-banner .hb_caption1 {
    bottom: 5%;
    margin: auto;
    right: 0;
    left: 0;
    text-align: center;
}
.homebanner .home-banner .hb_caption1 a {
    padding: 6px 12px;
    font-size: 12px;
}

.homebanner .home-banner .hb_caption2 {
    bottom: 5%;
    margin: auto;
    right: 0;
    left: 0;
    text-align: center;
}
.homebanner .home-banner .hb_caption2 a {
    padding: 6px 12px;
    font-size: 12px;
}

.homebanner .home-banner .hb_caption3 {
    bottom: 5%;
    margin: auto;
    right: 0;
    left: 0;
    text-align: center;
}
.homebanner .home-banner .hb_caption3 a {
    padding: 6px 12px;
    font-size: 12px;
}

.innerbanner .cta {
    text-align: center;
    bottom: 5%;
    left: 0;
    right: 0;
    margin: auto;
}

.innerbanner .cta a {
    padding: 7px 15px;
    margin: 0 2px;
}
.rate-us {
    top: 380px !important;
	z-index: 2;
}

.why-choose .why-pic img {width:100%;}

.make-your h3 {
    font-size: 22px;
    text-align: center;
    line-height: 36px;
    margin-bottom: 15px;
}


.make-your p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
    text-align: center;
}

.make-your .call-us {
    text-align: center;
}
.sp-s1 .sps-pic {
    margin-top: 30px;
}
.sp-s1 .sps-pic img {
    width: 100%;
}

.dss h2 {
    word-break: break-all;
}

.our-works p > br {display:none;}

.why-choose {
    padding: 60px 20px 60px 20px;
}

.box-s {
    margin-bottom: 0px;

}

.innerbanner img {
    object-fit: cover;
	height: auto;
	object-position: 100%;
}

.sp-s1 {
    padding: 30px 20px;
}

.sp-s1 .sps-info h1 {
    font-size: 26px;
    line-height: 36px;
}
.sp-s2 {
    padding: 30px 20px 15px 20px;
}

.sp-s2 .sps2-pic img {
    width: 100%;
}

.sp-s2 .sps2-pic {
    margin-bottom: 30px;
}

.sp-s3 {
    padding: 30px 20px 15px 20px;
}
.ser-box {
    padding: 10px;
   margin: 0 10px 25px 10px;
}

.ser-box .right a.link1 {
    padding: 10px 0px;
    width: 49%;
    display: inline-block;
}

.ser-box .right a.link2 {
    padding: 10px 0px;
    width: 49%;
    display: inline-block;
}

select {height: 48px;}

.make-your {
    padding: 40px 10px;
}

.sps2-info h2{
	color: rgb( 60, 79, 84 );
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
	
}
.info-box {margin-bottom: 30px;}

.ser-box .left img {width:100%;}

div#comparison {
    width: 90vw;
    height: 90vw;
}

}

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

input[type=range]::-webkit-slider-thumb {
    width: 38px; 
	height: 38px;   
	background-position: center;
	background-size: 90%;
   }
	
input[type=range] {
    top: -12rem;
}	
	
.welcome .wel-info h1 {
    font-size: 36px;
    line-height: 46px;
}

.treatment h2 {
    font-size: 26px;
}

.our-works h2 {
    font-size: 26px;
}
.testimonal h2 {
    font-size: 26px;
}
.blog h2 {
    font-size: 26px;
}
.dss h2 {
    font-size: 26px;
}
.testi-monial .item p {
    font-size: 14px;
}
.testi-monial .item p > br {display:none;}

.owl-one .owl-prev {
    left: 5%;
    top: 72.4%;
}
.owl-one .owl-next {
    right: 5%;
    top: 72.4%;
}
.contact-us .left-info ul li > br {display:none;}
}


@media screen and (max-width: 410px) {
.getintouchpop {
    max-width: 320px;
}
footer .sales {
    padding: 20px 20px 75px 20px;
    margin-bottom: 35px;
}

.sp-s1 .sps-info h1 {
    font-size: 24px;
    line-height: 34px;
}

.owl-one .owl-prev {
    left: 5%;
    top: 70%;
}
.owl-one .owl-next {
    right: 5%;
    top: 70%;
}

}

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

.suresh-up {
    height: 480px;
}
header .gp {
    padding: 10px 0px 0px 15px;
}
.top_bar ul li a {
    font-size: 15px;
}
.mbook a {
    padding-left: 5px;
    font-size: 15px;
}
}

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

.suresh-up {
    height: 560px;
}
.our_branches {
    margin-bottom: 80px;
}

.welcome .wel-info h1 {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 3px;
}




}

@media screen and (max-width: 350px) {
.top_bar {
    padding: 3px 0px;
}
.top_bar ul li {
    margin-left: 10px;
}

.device-menu {
    top: 31px;
}
.homebanner .owl-carousel {
    margin-top: 60px;
}
.homebanner .owl-carousel .owl-item img {
    object-position: 84%;
}

.homebanner .home-banner .hb_caption {
    left: 2%;
    right: 2%;
    bottom: 8%;
    padding: 10px 5px;
}
.homebanner .home-banner .hb_caption a {
    font-size: 11px;
}
.fmlink {
    padding: 10px 0px;
}
.fmlink ul li {
    width: 23%;
}

.homebanner .owl-carousel .owl-item img {
    height: 410px;
}
header.fixed .mbook {
    padding: 16px 0;
}
.top_bar ul li a {
    font-size: 12px;
}
.mbook a {
    padding-left: 4px;
    font-size: 12px;
}


}