* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
:root {
    --primary: #002163;
    --secondary: #ec6b24;
    --light: #EEF9FF;
    --dark: #091E3E;
    --blue-dark: #54AEC2;
    --blue-light: #05569d;
    --gray: #353535;
    --yellow: #fbdd00;
    --orange: #eb6b25;
}
body {

}
h1 {
	
}

h2 {
	font-size:1.4rem;
	color: var(--blue-light);
	line-height: 1.2;
	font-weight: 500;
}

.top-head h1{
	font-size:1.4rem;
	color: var(--blue-light);
	line-height: 1.2;
	font-weight: 500;
}
.top-head p{
	font-size:1.4rem;
	color: var( --orange );
	line-height: 1.2;
	font-weight: 500;
}

.color_1 {
	color: var(--blue-light);
}

.color_2 {
	color: var(--yellow);
}

.color_3 {
	color: var(--orange);
}

.course-bg {
    background-color:#f8fafb;
}

.btn-bg {
	border: 1px solid var(--orange);
	background-color: var(--orange);
	color: #FFF;
}

.btn-bg:hover {
	border: 1px solid var(--orange);
	background-color: #FFF;
	color: var(--blue-light);
}

.btn-bg-outline {
	border: 1px solid var(--orange);
	color: var(--blue-light);
}
.btn-bg-outline:hover {
	border: 1px solid var(--orange);
	background-color: var(--orange);	
	color: #FFF;
}
h3 {
	font-size: 1rem;

}

ul.list-style {
	list-style-type: none;
	margin: 20px 0px 10px 0px;
}
.list-style li {
	padding: 20px 0;
} 
/*
.list-style ul, li {
  padding: 20px 10p;
  
}
.list-style ul li {
	list-style-type: none;
 
}*/

.nav-bg {
	background-color: var(--blue-light);
}
.nav-bg .nav-textcolor {
	color: #FFF;
}
.menu-box {
	display: flex !important;
	justify-content: space-between;
	border-right: 1px solid #FFF;
}

.menu-box:last-child {
	border-right: unset;
}

.menu-box a{
	padding: 0px;
}
.menu-box a span{
	padding: 10px 40px;
/*    border-right: 1px solid;*/
}

.fluid-banner {
	background: url('../img/dental-implants-noida-1.jpg') no-repeat center;
	background-size: cover;
	padding: 100px 0;
}

.h3_text {
	font-size: 2.2rem;
    padding-left: 30px;
    color: #FFF;
}
.fluid-banner a{
	margin-left: 30px;
}

.carousel-item img{
	width: 100%;
/*	height: 93vh;*/
}

.card_img {
	width: 80px;
	max-width: 100%;
}
.card_height{
	height: 100%;
}
.card-footer-bg {
	border-top:none; 
	background-color: white;
}

.list-group-item {
	border: none;
}
.tik-color {
	color: var(--blue-light);
}

.why-choose-bg {
	background: url('../img/affordable-dental-clinic-downtown-noida.jpg') no-repeat fixed center;
	background-size: cover;
}
.all-in-four-bg {
	background: url('../img/denture-implants-noida.jpg') no-repeat fixed center;
	background-size: cover;
}
.right-col {
	margin: 80px 0;
	padding: 70px;
	background-color: rgba(255,255,255,.8);
	border-radius: 30px;
}
.right-col .call-box {
	margin: 20px 0 0;
    display: block;
    padding: 15px 30px;
    border: 1px solid #2460ad;
    color: #007cba;
    border-radius: 10px;
    line-height: 1.2;
    font-size: 21px;
    position: relative;
}

/* Accordion css  */
	
	.accordion-body {
		background-color: #FBFBFB;
	}
/* End Accordion css  */

.footer-wrap {
	background-color: #1f2b5f !important;
	color: #FFF;
}

.footer-wrap h3 {
	margin-left: 30px;
	margin-top: 40px;
	font-size: 1.2rem;
	color: #e6e6e6;
}

.footer-wrap ul {
	padding: 0 0 20px 20px;
  	list-style-type: none;
/*  	text-decoration: underline;*/
}

.footer-wrap ul li{
	margin: 20px 10px;
	padding: 0 0 10px 0;
	color: #808080;
	border-bottom: 1px solid #686666;

}

.footer-wrap .social {
	font-size: 28px;
}
.footer-wrap .social a{
	padding: 0 12px;
}
.footer-wrap .social a span{
	background: #FEFEFE; padding: 2px; border-radius: 5px;
}

/* contact us page css */

#contact_us_h1{
    font-weight: 700;
}
.same_font{
    font-size:20px;
    font-weight:300;
    text-decoration:none;
}
.box_shadow{
    box-shadow:0px 1px 0px 0px grey;
}
.submit_btn{
    background-color:white;
    border:2px solid blue;
    color:blue;
    font-size:20px;
    font-weight:500;
    height:60px;
}
.submit_btn:hover{
    background_color:blue;
    color:white;
}
.bold_heading{
    font_weight:500;
    font-size:22px;
    color:black;
}
.quick_contact{
    font-weight:300;
    font-size:32px;
    color:black;
}

.border_bottom_addr{
    height:65px;
    border-bottom:.5px solid grey;
}

.border_bottom{
    height:40px;
    border-bottom:.5px solid grey;
}


.border_for_icon{
    box-shadow:0 1px 0px 0;
    height:50px;
    padding:15px;
    margin-right:-25px;
    border-top:1px solid grey;
    border-bottom:1px solid grey;
    border-left:1px solid grey;
    border-right:0px solid grey;
}

.border_for_content{
    height:50px;
    width:100%;
    outline:none;
    border-top:1px solid grey;
    border-bottom:1px solid grey;
    border-left:0px solid grey;
    border-right:1px solid grey;
}

.border_for_content_message{
    padding:5px;
    box-shadow:0 1px 0px 0 ; 
    height:150px;
    width:100%;
    outline:none;
    border-top:1px solid grey;
    border-bottom:1px solid grey;
    border-left:0px solid grey;
    border-right:1px solid grey;
}

#message_icon{
    box-shadow:0 1px 0px 0;  !important;
    height:150px;  !important;
    padding:17px;  !important;
    margin-right:-25px;  !important;
    border-top:1px solid grey;  !important;
    border-bottom:1px solid grey;  !important;
    border-left:1px solid grey;  !important;
    border-right:0px solid grey;  !important;
}

/*Responsive css*/

/*// X-Small devices (portrait phones, less than 576px)*/
/*// No media query for `xs` since this is the default in Bootstrap*/

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 
	.menu-box {
		display: flex !important;
		justify-content: space-between;
		border-right: unset;
	}
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { ... }

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	.menu-box {
		display: flex !important;
		justify-content: space-between;
		border-right: 1px solid #FFF;
	}
	.calbx-div {
		margin-left: 2em;
		font-size: .700em !important;
	}


}

/*// X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { ... }

/*// XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { ... }



/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	.menu-box {
		display: flex !important;
		justify-content: space-between;
		border-right: unset;
	}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
	.menu-box {
		display: flex !important;
		justify-content: space-between;
		border-right: unset;
	}
	.xs-column-reverse {
		display: flex;
		flex-direction: column-reverse;
	}
	.calbx-div {
		margin-left: 0;
		font-size: .700em !important
	}

}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	
}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) { ... }