@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Akshar&display=swap');

@import url('../../../css-1');
@import url('normalize.css');


/*
	Theme Name: Name.
	Created : DD MM YYYY
	Updated : None
	Version: 1.0

*/

/* ========================================================================== */
/* ========================================================================== */
							/* [Table of contents] */
/* ========================================================================== */
/* ========================================================================== */
    
/*	

	1. BASE MODULE.	
		1.1. RESET
		1.2. TYPOGRAPHY
		1.3. BUTTONS
		1.4. BOOTSTRAP ELEMENTS RESET
		1.5  LOADER

	2. LAYOUT MODULE.
		2.1 SPACING AND ALIGNMENT
		2.2 HEADER
		2.3 CONTENT
		2.4 SIDEBAR
		2.5 FOOTER

	3. PAGES MODULE.
		3.1 COMMON STYLES
		.....

	4. COMPONENTS MODULE.
		4.1 SCROLLING TOP
		4.2 TESTIMONIAL SLIDER
		......
		
	5. MEDIA QUERIES MODULE.
		5.1 TYPOGRAPHY BREAKPOINTS VIEW
		5.2 THEME BREAKPOINTS VIEW
		
*/ 

/* ==========================================================================
   	1. BASE MODULE.
   ========================================================================== */

/* ================== 
	1.1. RESET. 
   ================== */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/


#mr-10{
    margin-right:10px ;
}
#for-res{
  justify-content: center;
    padding: 179px 0px;
}
.icon-img {
  background-image: url(img/master/bullet-icon.png);
  width: 27px;
  background-repeat: no-repeat;
  position: relative;
  top: 5px;
}
.text-white{
  color: white;
}
#for-h:hover{
  color: white;

}
.tp-caption {
  color: white !important;
}
#for-h{
  color: #C09632;
  font-weight: 700;
}
.sub-banner{
  background-color: #012C40;
  height: 330px;
}
body :where(h1,h2,h3,h4,h5,h6){
  font-family: 'Righteous', sans-serif !important;
 font-weight: 300 !important;
}
body :where(p,li,span){
  font-family: 'Akshar', sans-serif !important;
 font-weight: 100 !important;

}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
.service-icon-img2{
  text-align: center !important;
}
.service-icon-img2 img{
  width: 20%;
  filter: brightness(8.8);

}
.icon-circle{
  box-shadow: 1px 0px 19px 1px #ebe2e2;
  background-color: #012C40 !important;
}
.tp-splitted{
  text-align: right !important;
}
body {
	line-height: 1.5;
    overflow-x: hidden;
}
ol, ul {
	list-style: none;
}
.tab-content ul{
  line-height: 3em !important;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}
.chef-pic{
  padding: 3em;
}
.for-c{
  color: #C09632;
}
.for-bg{
  padding: 40px 10px;
  background-color: #1C3864;
}
.a-btn{
  color: #FFF;

  border-color: #1d3b69;
  transition: 0.3s;
  
}
.for-p{
  padding: 10px 10px;
  background-color: #CB9C2A;
  text-align: center;
  border-radius: 10px;
}
.color-background{
  /* margin-top: 30px; */
}
/* ================== 
	1.2. TYPOGRAPHY. 
   ================== */
h1{
    font-size: 26px;
	font-family: 'Montserrat', sans-serif;
}

h2{
    font-size: 24px;
	font-family: 'Open Sans', sans-serif;
}

h3{
    font-size: 22px;
    font-family: 'Source Sans Pro', sans-serif;
}

h4{
    font-size: 20px;
	font-family: 'Open Sans', sans-serif;
}

h5{
    font-size: 18px;
	font-family: 'Montserrat', sans-serif;
}

h6{
    font-size: 20px;
	font-family: 'Open Sans', sans-serif;
}

p{
    font-size: 17px;
	font-family: 'Open Sans', sans-serif;
}

/* ================== 
	1.3. BUTTONS. 
   ================== */
.btn {
  display: inline-block;
  padding: 6px 18px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.7;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 5px;
  font-family: 'Source Sans Pro', sans-serif;
}

.btn-custom {
  color: #FFF;
  background-color: #FF404C;
  border-color: #FF404C;
  transition: 0.3s;
}
.btn-custom:focus,
.btn-custom.focus {
  color: #FFF;
  background-color: #ff1a29;
  border-color: #ff1a29;
}
.btn-custom:hover {
  color: #FFF;
  background-color: #ff1a29;
  border-color: #ff1a29;
}
.btn-custom:active,
.btn-custom.active,
.open > .dropdown-toggle.btn-custom {
  color: #FFF;
  background-color: #ff1a29;
  border-color: #ff1a29;
}

.btn-info {
  color: #333;
  background-color: #cccccc;
  border-color: #cccccc;
  transition: 0.3s;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #cccccc;
  border-color: #cccccc;
}
.btn-info:hover {
  color: #fff;
  background-color: #595959;
  border-color: #595959;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #595959;
  border-color: #595959;
}

.btn-more {
  color: #FFF;
  background-color: #FF404C;
  border-color: #FF404C;
  transition: 0.3s;
  padding: 8px 20px;
  font-weight: 600;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
    margin-top: 10px;
}
.btn-more:focus,
.btn-more.focus {
  color: #FFF;
  background-color: #FF404C;
  border-color: #FF404C;
}
.btn-more:hover {
  color: #FFF;
  background-color: #FF404C;
  border-color: #FF404C;
}
.btn-more:active,
.btn-more.active,
.open > .dropdown-toggle.btn-default {
  color: #FFF;
  background-color: #FF404C;
  border-color: #FF404C;
}


/* ===============================
	1.4. BOOTSTRAP ELEMENTS RESET. 
   =============================== */
hr.center{
    width: 80px;
    border-top: 3px solid #cb9c2a;
    margin: 15px auto 15px auto;
}
/* ================== 
	1.5. LOADER. 
   ================== */
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1031;
  background-color: #F2F2F2;
}

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 3px solid transparent;
  border-top-color: #1d3b69;
  border-radius: 50%;
  animation: loader 2s linear infinite;
}
#loader::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border: 3px solid transparent;
  border-top-color: #1d3b69;
  border-radius: 50%;
  animation: loader 3s linear infinite;
}
#loader::after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border: 3px solid transparent;
  border-top-color: #1d3b69;
  border-radius: 50%;
  animation: loader 1.5s linear infinite;
}

@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* ==========================================================================
   	2. LAYOUT MODULE.
   ========================================================================== */


/* ================== 
	2.1. SPACING AND ALIGNMENT. 
   ================== */
.wrapper{
    width: 100%;
    height: auto;
    overflow: hidden;
}

.main{
    margin: 50px 0px 50px 0px;
}

.no-margin-bottom{
    margin: 50px 0px 0px 0px;
}

.section{
    padding: 0px;
    margin: 0px auto 0px auto;
}

.section-full{
    padding: 15px;
    padding: 0px 15px 0px 15px;
    margin: 0px auto 0px auto;
}

.color-background{
    /* padding: 40px 0px 40px 0px; */
    background: #f9f9f9;
}

@media (min-width: 1200px) {
.section {
    width: 1200px;
}

    
.section-full {
    width: 1800px;
}
	
hr.top-line{
	width: 1200px;
}
 
}
hr.top-line{
    border-top: 1px solid #1d3b69;
    margin: 0px auto 0px auto;
}
 

/* ================== 
	2.2. HEADER. 
   ================== */
.main-nav .section{
	padding: 0px;
}

.header{
	width: 100%;
	background: transparent;
	margin-bottom: 60px;
  
}

.top-header{
    margin-top: -15px;
    height: 50px;
    transition: 0.5s;
    background: #0798BC;
	padding: 15px 0px 15px 0px;
	transition: 0.3s;
}

.content p{
	color: #FFF;
	transition: 0.3s;
}

.leftside{
	float: left;
}

.rightside{
	float: right;
}

.social-items{
	display: inline-block;
	margin-right: 10px;
}

.social-items .fa{
	font-size: 16px;
	transition: 0.3s;
}

.social-items .fa:hover{
	color: #2D527C;
}

.location-top{
	display: inline-block;
	margin-right: 10px;
}

.hero {
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  text-align: center;
  color: #fff;
  padding-top: 280px;
  min-height: 750px;
  letter-spacing: 2px;
}

.hero h1 {
  font-size: 50px;
  font-weight: 500;
  line-height: 1.2;
}
.hero h1 span {
  font-size: 60px;
  color: #1abeff;
  line-height: 1.5;
  font-family: 'Anton', sans-serif;
}

@-webkit-keyframes scroll {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes scroll {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.main-hero{
    margin-top: -20px;
}

.button-container{
    margin: 30px 0px 30px 0px;
}

.navbar-brand{
	width: 150px;
}

.navbar-brand img{
	width: 100%;
}

.main-slider{
    z-index: 0;
}

.main-nav{
    z-index: 2; 
}

.main-header{
    height: 100%;
    background: transparent;
}

/* ================== 
	2.4. SIDEBAR. 
   ================== */
.sidebar{
    height: 100%;
    clear: both;
}

/* ================== 
	2.5. FOOTER. 
   ================== */
.footer{
	width: 100%;
	background: #1B3663;
padding-bottom: 38px;
}

.footer .main{
	margin: 0px 0px 0px 0px;

}

.footer .main .section{
	padding: 60px 15px 0px 15px;
}

.footer a:link {
    text-decoration: none;
	color: #000;
}

.footer a:visited {
    text-decoration: none;
	/* color: #d9d9d9; */
}

.footer a:hover {
    text-decoration: none;
	/* color: #fff; */
}

.footer a:active {
    text-decoration: none;
	color: #d9d9d9;
}

hr.line-footer{
	border-top: 1px solid #595959;
}

.footer-logo{
	width: 100%;
	margin-bottom: 10px;
}

.footer-logo img{
  width: 80%;
}

.about-footer p{
	color: #fff;
}

.social-footer{
	margin-top: 23px;
}

.social-footer h6{
	color: #fff;
}

.social-items{
    display: inline-block;
    margin: 10px 5px 0px 0px;
}

.social-items .fa{
    color: #fff;
	font-size: 18px;
	transition: 0.3s;
}

.social-items .fa:hover{
    color: #fff;
}

.icon-fa{
    display:inline-block;
    font-size: 25px;
    line-height: 32px;
    background: #595959;
    color: #FFF;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: bottom;
    border-radius: 5px;
    float: left;
	border: solid 1px #595959;
	transition: 0.3s;
}

.icon-fa:hover{
    background: #1d3b69;
	border: solid 1px #1d3b69;
}

.footer-categories h6{
	color: #1d3b69;
}

.categories-list{
	margin: 10px 15px 0px 0px;
	display: inline-block;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
}
.categories-list-2{
	margin-top: 10px;
	display: inline-block;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
}

.left-footer{
	float: left;
}

.right-footer{
	float: right;
	color: #595959;
}

.left-footer p{
	color: #fff;
	font-size: 13px;
}
.left-footer a{
  color: #fff;
}
.right-footer p{
	color: #d9d9d9;
	font-size: 13px;
	transition: 0.3s;
}

.subscribe-footer h6{
	color: #1d3b69;
	margin-bottom: 10px;
}

.subscribe-footer p{
	color: #d9d9d9;
}

.newsletter-box {
	margin: 15px 0px 15px 0px;
}

.newsletter-box form {
  	display: flex;
  	align-items: center;
}

.newsletter-box .input {
  	width: 75%;
  	height: 38px;
  	background: #FDFCFB;
  	border: none;
  	font-family: inherit;
  	color: #737373;
  	letter-spacing: 1px;
  	text-indent: 5%;
  	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
}

.newsletter-box .button {
  	width: 25%;
  	height: 38px;
  	background-color: #FF404C;
  	border: none;
  	border-radius: 0 5px 5px 0;
  	font-family: inherit;
  	font-weight: 500;
  	color: inherit;
  	letter-spacing: 1px;
  	cursor: pointer;
  	color: #FFF;
  	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
}

p.cursive{
	font-style: italic;
}

/* ==========================================================================
   	3. PAGES MODULE.
   ========================================================================== */

/* ================== 
	3.1. THEME PAGES COMMON STYLES. 
   ================== */
.pages-header{
    background: #012C40;
    height: 350px; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;   
    position: relative;
	margin-bottom: 60px;
}

.section-heading{
    width: 100%;
    position: absolute;
    bottom: 0;
}

.span-title h1{
    color: #FFF;
}

.span-title p{
    color: #FFF;
}

.section-title h2{
    text-align: center;
}

.section-title{
    margin-bottom: 30px;
    padding: 0px 120px 0px 120px;
}

.section-title p{
    text-align: center;
    color: #8C8C8C;
    margin-top: 10px;
}

/* ================== 
	3.2. ABOUT PAGE. 
   ================== */

/* ================== 
	3.3. PAGE NAME. 
   ================== */

/* ================== 
	3.4. PAGE NAME.  
   ================== */


/* ==========================================================================
   	4. COMPONENTS MODULE.
   ========================================================================== */

/* ===================== 
	4.1. SCROLLING TOP. 
   ==================== */
@media only screen and (min-width: 1024px) {
  main p {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(255, 64, 76, 1) url(../img/master/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  border-radius: 5px;  
  background-color: #FF404C;    
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #CC0023;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  } 
}

@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

/* ======================== 
	4.2 TESTIMONIAL SLIDER.
   ======================== */


/* ==========================================================================
   	5. MEDIA QUERIES MODULE.
   ========================================================================== */

/* ================================== 
	5.1. TYPOGRAPHY BREAKPOINTS VIEW. 
   ================================== */
@media (min-width:576px) {
h1 {
    font-size: 24px;
} 

h2 {
    font-size: 22px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}
    
}

@media (min-width:768px) {
h1 {
    font-size: 26px;
  }  
    
h2 {
    font-size: 24px;
    line-height: 1.2;
  }
    
h3 {
    font-size: 22px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}
    
}

@media (min-width:992px) {
  .txt1{
    font-size: 50px !important;
    font-weight: bold;
  }
  .txt2{
    font-size: 50px !important;
    width: 50%;
    line-height: 75px;
    font-weight: bold;

  }
  .txt3{
    font-size: 50px !important;
    width: 50%;
    right: 0;
    margin-right: 0 !important;
    line-height: 75px;
    font-weight: bold;
    color: white !important;

  }
  .txt3 span{
    font-size: 50px !important;
  
   
    font-weight: bold;
    color: white !important;
  }
h1 {
    font-size: 32px;
  }  
    
h2 {
    font-size: 30px;
  }
    
h3 {
    font-size: 28px;
}

h4 {
    font-size: 26px;
}

h5 {
    font-size: 24px;
}

h6 {
    font-size: 22px;
}
    
}

/* ============================ 
	5.2 THEME BREAKPOINTS VIEW
   ============================ */

@media (max-width:992px) {  

/* ============================ 
	1. BASE MODULE BREAKPOINTS. 
   ============================ */
	
/* ============================== 
	2. LAYOUT MODULE BREAKPOINTS. 
   ============================== */
/*.footer{*/
/*	height: 100%;*/
/*}*/
	
.footer .main .section{
	padding: 40px 15px 20px 15px;
}
	
.center-column{
	margin: 30px 0px 30px 0px;
}
    
.sidebar{
    margin-top: 30px;
}
.right-column {
  padding-right: 15px;
  padding-left: 15px;
}
	
/* ============================= 
	3. PAGES MODULE BREAKPOINTS. 
   ============================= */
.pages-header{
    height: 250px; 
}
	
/* ================================== 
	4. COMPONENTS MODULE BREAKPOINTS. 
   ================================== */
}

@media (max-width:767px) {
	
/* ============================ 
	1. BASE MODULE BREAKPOINTS. 
   ============================ */

/* ============================== 
	2. LAYOUT MODULE BREAKPOINTS. 
   ============================== */
.bottom-footer{
	text-align: center;
}
	
.left-footer{
	float: none;
}

.right-footer{
	float: none;
	color: #595959;
}
	
.footer .main .section{
	padding: 40px 15px 10px 15px;
}
	
.footer-logo{
	width: 100%;
	margin-bottom: 20px;
}

.right-column {
  padding-right: 15px;
  padding-left: 15px;
}
/* ============================= 
	3. PAGES MODULE BREAKPOINTS. 
   ============================= */
.section-title{
    padding: 0px 20px 0px 20px;
}
    
/* ================================== 
	4. COMPONENTS MODULE BREAKPOINTS. 
   ================================== */


}

@media (max-width:576px) {
	
/* ============================ 
	1. BASE MODULE BREAKPOINTS. 
   ============================ */
.btn {
  padding: 4px 12px;
  font-size: 14px;
}
.right-column{
  padding-right: 15px;
padding-left: 15px;
}
.about-medical h6, h1{
  /* text-align: center; */
  font-weight: 400 !important;
}
.about-medical hr{
  margin: auto !important;
  margin-bottom: 1em !important;
  margin-top: 1em !important;
}

.for-cs{
  font-size: 13px;
}
#for-res{
  padding: 140px 0px ;
  justify-content: center;
}

/* ============================== 
	2. LAYOUT MODULE BREAKPOINTS. 
   ============================== */
	
/* ============================= 
	3. PAGES MODULE BREAKPOINTS. 
   ============================= */
	
/* ================================== 
	4. COMPONENTS MODULE BREAKPOINTS. 
   ================================== */
}

@media (max-width:450px) {
	
/* ============================ 
	1. BASE MODULE BREAKPOINTS. 
   ============================ */
	
/* ============================== 
	2. LAYOUT MODULE BREAKPOINTS. 
   ============================== */
	
/* ============================= 
	3. PAGES MODULE BREAKPOINTS. 
   ============================= */
	
/* ================================== 
	4. COMPONENTS MODULE BREAKPOINTS. 
   ================================== */
}

/* #over_lay::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.66);
  color: #f1f1f1;
  width: 100%;
  height: 100%;
} */
.icon {
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  padding: 1em;
  /* margin: auto; */
  height: max-content;
  height: 8em;
  width: 26%;
  border-radius: 4px;
background-color: #1d3b69;
/* margin-left: 3em; */
  
}   

.social-top i{
  color: #fff;
}

.categoties-items a{
  color: #fff !important;
}
.categoties-items i{
  color: #fff;
}

.icon .icon-box{
  /* height: 100px; */
  /* line-height: 100px; */
  text-align: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.img-content{
  display: flex;
flex-direction: row;
justify-content: center;
align-content: center;
align-items: center;
gap: 7px;
margin-bottom: 4px;
}
.icon .icon-box img{
  height: 1.3em;
  /* line-height: 100px; */
  text-align: center;
  margin-bottom: 1px;
}
.icon a{
  color: #fff;
  font-weight: bold;
}
.icon .icon-box span{
  color: #fff;
  
}
.box-corner-shadow img{
  display: flex;
  width: 15%;
  margin: auto;
}
.list-mar{
  margin-left: 1em;
  color: #000;
}
.list-mar i{
  color: #1B3663;
}

.about-content-2 P{
  color: #555 ;
  margin-bottom: 10px;
  line-height: 1.7;
}
.box-corner-shadow P{
  color: #555 ;

}
/* responsive  */
@media screen and (max-width: 1013px){
  .icon{
    width: 100% !important;
    display: flex;
justify-content: center;
    height: 9em !important;
  }
  .icon div {
    height: unset !important;
  }
}

.tag-contents{
  display: flex;
  justify-content: center;
}
.tag-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  /* box-shadow: 0px 0px 40px #e3dede; */
  margin-top: 12px;
  padding: 10px;
  border: 3px solid #1C3864;
}
.about-image-3 img{
  width: 100%;
  background-color: #f9f9f9;
  /* height: 38em; */
  padding: 1em;
  /* box-shadow: #00000029 0px 1px 4px;  */
}

.about-content-2 p{
  text-align: justify;
}

@media (max-width: 810px) {
  .txt1{
    left: unset !important;
  }
}