@import url('https://fonts.googleapis.com/css2?family=Khand:wght@300;400;500;600;700&family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Khand:wght@300;400;500;600;700&family=Montserrat+Subrayada:wght@400;700&family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,600;1,100;1,200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@500&family=Great+Vibes&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital@1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital@1&display=swap');


*{ 
	margin: 0px;
	padding: 0px;
	box-sizing:border-box;
}
html{
	scroll-behavior: smooth;
}
.jumbotron{
    background-color:#33658a;
    padding: 0.1em 0.1em;
    margin:0px;
    border-radius:0px;
    
}
 .font{
	list-style-type:none;
	display:flex;
	position:relative;
	justify-content:flex-end;
    margin-top:8px;
    margin-bottom:8px;
    color:#fff;
}
.fontawesome{
	align-items:flex-end;
	margin-right:8px;
}
.font-a a {
	color:#fff;
	padding-left:10px;
}
/**
* Mobile Navigation 
*/
.logo-image{
    width: 85px;
    height:85px;
    radius: 50%;
    overflow: hidden;
}
.navbar ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
}
#navbarNav ul li a{
    color: #fff;
   font-family: sans-serif;
    font-size:25px !important;
}
#navbar {
    overflow: hidden;
    background-color: #D3D3D3 !important;
    z-index:2001 !important;
    width: 100%;
}
#navbarNav .navbar-nav li a {
    float: left;
    color: maroon;
    text-align: center;
    margin-right:0px;
    text-decoration: none;
    font-size:22px;
    font-weight:bold;   
}
#navbarNav .navbar-nav li a:hover{
    color: #800080;
}
.navbar-brand{
    font-family: sans-serif;
    font-size:40px;
}
.jumbotron-a{
	width:100%;
	background-image:url(../img/10.jpg);
	margin:0 auto;
    margin-bottom:100px;
    position:relative;
}
.jumbotron-a img{
	width:100%;
	height:auto;
	background-repeat: no-repeat;
	background-size:cover;
	background-position:center center;
	overflow:hidden;
	margin:0 auto;
	height: 70vh;	
}
.slider-area{
    width:100%;
    height:100vh;
  
}
.aboutus{
    margin-bottom:0px;
    width: 100%;
    margin-top:50px;
    max-width: 700px;
    height:auto;
    margin:0 auto;
    background-color:#3a6ea5;
    color:#fff;
    opacity: 0.4px;
    font-family: 'Cormorant', serif;
    font-size:19px;
}
.content{
    font-family: 'EB Garamond', serif;
    font-size: 20px;
    font-weight: 500;
}
.product h2{
    font-family: 'Cormorant', serif;
    color:#3a6ea5;
    font-weight:bold;
    margin-bottom:0px;
}
.button a{
    display:block;
    border:1px solid #3a6ea5;
    padding:5px;
    border-radius:5px;
    width:120px;
    text-align:center;
    position: relative;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-decoration:none;
    color:#3a6ea5;
    margin-top:50px;
}
.aboutarea{
    margin-top:100px;
}
.button a:hover{
    background-color:#3a6ea5;
    color:#fff;
}
.service h2{
	font-family: 'Cormorant', serif;
	color:#3a6ea5;
	font-weight:bold;
	} 
.ptext{
	margin-top: 10px;
	margin-left:15px;
	margin-right:15px;
	color:#fff;
}
.jobrole{
    font-family: tangerine,serrif;
    color:#3a6ea5 ;
    font-size: 38px;
}
.card-a {
    color:#3a6ea5;
    justify-content:center;
    border:1px solid #3a6ea5 ;
    font-family:'Gentium Basic', serif;
    flex-wrap: wrap;
    font-size:20px;
}
.card-body p{
    font-size:18px;
}
.card-a :hover{
    background-color:#7aceee;
    color:#fff;
    cursor:pointer;
    transition:0.2s ease-in-out; 
    font-family: 'Gentium Basic', serif;
    
}
/*  START NOTICE  */
.notice-content1{
	
	animation:notice 10s linear infinite;
	}
	@keyframes notice
      {
        0%{
          transform: translateY(-10px);
        }
         
        100%{
          transform: translateY(290px);
		  
        }
      }
     
.notice-content2{
		
	animation:notice 10s linear infinite;
}
@keyframes notice
      {
        0%{
          transform: translateY(-10px);
        }
         
         100%{
          transform: translateY(290px);
		  
        }
      }
     
.notice-content1 ul li {
	text-decoration:none;
	list-style-type:none;
	text-transform:uppercase;
	
}
.notice-content2 ul li {
	text-decoration:none;
	list-style-type:none;
}
.noticelist-a{
	font-size:15x;
    margin-top:20px;
    margin-left:5px;
}
.noticelist-b {
	font-size:15px;
    margin-top:20px;
	margin-left:5px;
}
.list1 {
	margin-left:30px;
	width:90px;
	height:35px;
	background-color:#3a6ea5;
	color:#fff;
	margin-top:10px;
	padding-left:8px;
	padding-top:5px;
	border-radius:4px;
}
.list2 {
	margin-left:30px;
	width:90px;
	height:35px;
	background-color:#3a6ea5;
	color:#fff;
	margin-top:15px;
	padding-left:8px;
	padding-top:5px;
	border-radius:4px;
}
.notice-list1 {
	max-height: 428px;
    overflow: hidden;
	
	
}
 @media (max-width: 767px){
 .notice-content1{
	width:50%; 
	 
 }
.notice-content2{ 
	width:50%; 
	 
   }
 }
@media (max-width: 540px){
.notice-section {
	max-width:350px;	
  }
.notice-content1{
	
	animation:notice 10s linear infinite;
	}
	@keyframes notice
      {
        0%{
          transform: translateY(-10px);
        }
         
        100%{
          transform: translateY(240px);
        }
      }
     
.notice-content2{
		
	animation:notice 10s linear infinite;
}
@keyframes notice
      {
        0%{
          transform: translateY(-10px);
        }
         
         100%{
          transform: translateY(240px);
        }
      } 
.list2 {
	margin-top:80px;
  }
}
/*  END NOTICE  */
/*  START FOOTER  */
.footerarea{
	background-color:#034078;
	color:#fff;
	font-family: 'Gentium Basic', serif;
    margin-top: 120px;

}
.footerarea.footer-links h4 {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 12px;
}

 .footerarea .footer-links h4::before, .footerarea .footer-links h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
}

.footerarea .footer-links h4::before {
    right: 0;
    background: #555;
}

.footerarea .footer-links h4::after {
    background: #18d26e;
    width: 60px;
}

.footerarea.footer-links {
    margin-bottom: 30px;
}

.footerarea .footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footerarea .footer-links ul i {
    padding-right: 8px;
    color: #ddd;
}

.footerarea .footer-links ul li {
    border-bottom: 1px solid #333;
    padding: 10px 0;
}
.footerarea .footer-links ul li a{
    font-size: 17px;
}

.footerarea .footer-links ul li:first-child {
    padding-top: 0;
}

.footerarea .footer-links ul a {
    color: #eee;
}

.footerarea .footer-links ul a:hover {
    color: #18d26e;
    text-decoration: none;
}


.copyright{
	background-color:#D3D3D3;
	color:#fff;
	font-size:15px;
	width:100%;
	height:auto;
	padding-top:4px;
	padding-bottom:4px;
	margin-bottom:0px;
    clearfix: both2;
}
.copyright p{
    margin-top:10px;
	color:#000;
    font-family: 'Gentium Basic', serif;
}
.social{  
    margin-left:0px;
    padding-left: 0px;   
}
.social i{
    padding-top:10px;
}
.footerarea ul li{
    list-style:none;
    padding:0px;
    margin-bottom:0px;
    font-size:15px;    
}
.address h5{
	font-size:17px;
}
.address p{
	font-size:17px;
	margin-top:20px;
}
.footerarea ul{
	padding:0px;
    margin-bottom:0px;    
}
.form input[type=text]{
	padding:15px auto;
	margin:15px auto;
	border:1px solid #3a6ea5;
} 
.form input[type=email]{
	padding:15px auto;
	margin:15px auto;
	border:1px solid #3a6ea5;
} 
.form textarea{
	padding:15px auto;
	margin:15px auto;
	border:1px solid #3a6ea5;
}
.form-control:focus{
	box-shadow:none;
}
.btn{
	border:1px solid #3a6ea5;
	background-color:#fff;
	color:grey;
	margin-top: 20px;
    position: relative;
    top: 50%;
    left: 50%;
   -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.btn:hover{
    color:#fff;
    background-color:#3a6ea5;
    transition:0.2;
}
.btn:focus{
	box-shadow:none;
}
.form textarea:focus{
    border:1px solid #db7970;
}
    
@media only screen and (max-width:768px) {
.fontawesome ul{
    justify-content: flex-end;
    margin-right:0px;
	}
.card-a :hover{
    background-color:#7aceee;
    color:#fff;
    cursor:pointer;
    transition:0.2s;
  }	
}
@media only screen and (max-width:700px) {
.footerarea h5{
    margin-top:40px;
    }
.social{
    margin-top:40px;
    font-size:15px;
    margin-left:17px;
    }
.social i{
    padding-top:15px;
} 
#contact{
    font-size:21px;
   }
.web{
    margin-top:50px;
}
.product h2{
    margin-top:0px;
}

.address h5{
    font-size:21px;
   } 
.address p{
    font-size:17px;
   } 
.footerarea ul li {
    font-size:15px;
   } 
 }
 
/*  END FOOTER  */