/*==============about banner section css start==============*/
.about-banner-section { padding: 35px 0; background: url(../images/bg.png), #f8f8f8; background-repeat: no-repeat; background-position: center center; }
.about-banner-wrap { border-radius: 11px; position: relative; overflow: hidden; }
.about-banner-wrap::before { background: linear-gradient(1turn, #323637, rgba(50, 54, 55, .3)); content: ""; height: 100%; left: 0; opacity: .5; position: absolute; top: 0; width: 100%; }
.common-banner-caption { position: absolute; left: 50px; right: 50px; bottom: 50px; }
.common-banner-caption h1 { color: #fff; font-size: 48px; margin-bottom: 0px; }
/*==============about banner section css end==============*/
/*==============about contect section css end==============*/
.about-contect-section { padding: 0px 0px 40px; background: url(../images/bg.png), #f8f8f8; background-repeat: no-repeat; background-position: center center; }
.about-contect-wrap { }
.about-contect-wrap p a, .about2-contect-left a, .during-appointment-info p a {
    text-decoration: underline;
}
.about-contect-wrap p a:hover, .about2-contect-left a:hover, .during-appointment-info p a:hover {
    text-decoration: none;
}
/*==============about contect section css end==============*/
/*==============about2 contect section2 css end==============*/
.about2-contect-section2 { padding: 35px 0px; }
.about2-contect-wrap2 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.about2-contect-left { width: 50%; }
.about2-contect-right { width: 45%; border-radius: 11px; overflow: hidden; }
.about2-contect-right img { width: 100%; }
/*==============about2 contect section2 css end==============*/
/*=======happens during appointment section css start=========*/
.happensduring-appointment-section { padding-top: 25px; }
.happensduring-appointment-section .commom-heading { margin-bottom: 34px; border-top: 1px solid #F5F5F5; padding-top: 35px; }
.during-appointment-row { display: flex; flex-wrap: wrap; padding-bottom: 20px; }
.during-appointment-col { width: 33.33%; padding: 0px 30px 40px 0; display: flex; flex-wrap: wrap; align-items: flex-start; }
.icon-col { width: 32px; text-align: center; }
.during-appointment-info { width: calc(100% - 32px); padding-left: 16px; }
.during-appointment-info h4 { color: #323637; font-size: 20px; line-height: 30px; margin-bottom: 4px; }
.during-appointment-info p { font-size: 16px; }
/*=======happens during appointment section css end=========*/
/*=======vision-mission section css start=========*/
.vision-mission-section { padding: 65px 0; }
.vision-mission-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
.vision-col-left { width: 49%; border: 1px solid #dedede; text-align: center; background: #fff; border-radius: 11px; overflow: hidden; }
.information-col { padding: 24px 24px 24px; text-align: left; }
.vision-col-left h3 { color: #323637; padding-bottom: 14px; margin-bottom: 28px; position: relative; }
.vision-col-left h3::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; height: 2px; background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgb(225 225 225) 100%); z-index: 2; }
/*=======vision-mission section css end=========*/