@charset"utf-8";
html{
height: 100%;
}
body{
/*font-family:"Font Awesome\ 5 Pro" , arial , Open Sans, sans-serif; */
font-size:15px;
background-color:#fff; /* e1e1e1 */
color: #000;
margin:0;
/*padding: 6px;*/
/*padding: 0;*/
width:100%;
height: 100%;
/*overflow:hidden; */
font-family: Arial, Helvetica, sans-serif;
}
*{
/*fontawesome for all elements*/
/*font-family:"Font Awesome\ 5 Pro" , arial , Open Sans, sans-serif; */
padding: 0;
margin: 0;
box-sizing: border-box;
}
@font-face {
font-family: UbuntuFont;
src: url(fonts/ubuntu/Ubuntu-Bold.ttf);
}
@font-face {
font-family: SoraFont;
src: url(fonts/sora/Sora-VariableFont_wght.ttf);
}
#page_container{
width: 100%;
/* padding:0 20px;*/
/* border:5px solid blue;*/
background-color: #fff; /* Used if the image is unavailable */
}
i.white{
color:#fff;
font-size:18px;
font-family:"Font Awesome\ 5 Pro" , arial , Open Sans, sans-serif;
}
#header_container{
}
#header_1_row{
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px ;
width: 100%;
/*border-bottom:2px solid white; */
background: #1f2937; /*183153*/
}
#header_1_row span.right_side {
padding: 0 15px;
/*cursor: pointer;*/
font-size: 15px;
color: #fff;
font-family: arial;
text-decoration: none;
border-right: 1px solid white;
}
#header_1_row span.right_side i{
cursor: pointer;}
#header_2_row {
display: flex;
align-items: center;
justify-content: space-between;
/*padding: 10px ;*/
width: 100%;
/*border:1px solid black; */
/*border-top:0;*/
background: #ececec;
/*margin: 5px 0;*/
}
#logo_container {
width:210px;
/*border:11px solid green;*/
margin:10px;
background: ;
}
#logo_container img {
/* border-radius:5px ;
border:1px solid green;*/
width:100%;
/* border: 0;*/
cursor: pointer;
/* border:1px solid green;*/
}
#menu_container {
/* border: 1px solid blue;*/
}
#menu_container a {
margin: 0 20px;
cursor: pointer;
font-size: 17px;
font-weight: ;
color: blue;
/*text-decoration: underline;*/
/*background:pink;*/
/*border: 1px solid blue;*/
}
#menu_container a i {
color: #01baf7;
font-size: 20px;
}
#announcement {
display: flex;
background: #0d2d62;
color: #fff;
/* margin-top:-3px; */
padding:5px;
/* border-bottom:1px solid black;*/
}
#announcement i {
color:#fff;
padding:5px;
border:px solid blue;
font-size: 20px;
}
#announcement marquee {
/* border: 1px solid blue;*/
align-content: center;
}
#announcement marquee span{
margin:0 50px;
}
#slideshow_container {
/* border:1px solid black;*/
height: 500px;
position: relative;
}
#slideshow_container img{
max-height: 100%;
width: 100%;
object-fit: cover;
/* border-radius: 15px;*/
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
#slideshow_button_container {
display: flex;
justify-content: space-between;
/* border:1px solid blue;*/
width: 100%;
height: 100%;
position: absolute;
top:0px;
}
#slideshow_button_container button {
padding: 10px;
background: transparent;
border: 0;
color:#fff;
font-size: 25px;
cursor: pointer;
}
#body_section{
margin:0;
padding: 5px;
width:100%;
/* height:500px;*/
background: #eee;
border:1px solid black;
}
#ceo_message_container {
width: 100%;
margin: 0 auto;
/* border: 1px solid black;*/
display: flex;
flex-direction: row;
align-items: center;
color:#000;
/* background:#efefef;*/
/* background-color: #0a817d; */
/* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);*/
/* border-radius:15px ;*/
}
#ceo_message {
/* border: 2px dashed blue;*/
padding:20px 20px;
width:100%;
font-size: 15px;
font-family: SoraFont;
font-weight: normal;
line-height: 1.2;
letter-spacing: .8px;
height:350px;
/*position: relative;*/
overflow: hidden;
/*text-decoration: underline;
text-decoration-color: #ccc !important;
text-decoration-thickness: 2.5px !important;
text-underline-offset: 8px;*/
}
#ceo_photo_container {
width:300px;
height: 300px;
padding:5px;
/* border-left: 1px solid black; */
/* border: 1px double green; */
display: flex;
flex-direction: column;
position: relative;
margin:20px 0;
}
#ceo_photo_container img {
/* object-fit: contain; */
height:100%;
width:100%;
border:1px solid #ccc;
border-radius:15px;
/* border: 2px solid green;*/
}
#why_choose_us {
background-color: #f7f7f7; /* Used if the image is unavailable */
}
.mainContainer {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 10px;
text-align: center;
/*border:5px solid green;*/
padding:10px;
max-width: 100%;
}
.outer_box {
width: 200px;
height: 200px;
/* border:1px solid green; */
margin:50px 40px ;
}
.outer_box p{
/*border:1px solid blue;*/
}
.inner_box {
width: 150px;
height: 150px;
transition: 0.5s all ease-in;
border: 5px solid #dfdfdf;
outline: 1px solid #0000ff;
background: #0000ff;
display: inline-flex;
justify-content: center;
align-items: center;
}
.inner_box:hover {
/* background: yellow;
outline-color: red;*/
border-color: #0000ff;
}
.inner_box i{
font-size: 50px;
color: #fff;
}
.team_photos {
width: 300px;
height: 300px;
transition: 0.3s all ease-in;
border: 5px solid #0000ff;
display: inline-flex;
justify-content: center;
align-items: center;
object-fit: cover;
}
.team_photos:hover {
border-color: #6699cc;
}
fieldset{
border: 1px solid black;
display: flex;
flex-direction: column;
justify-content: center;
padding:10px;
/* margin: 15px 0;*/
}
legend {
margin-left:10px;
padding:0 5px;
color:#333;
font-family: arial;
font-size: 19px;
font-family: UbuntuFont;
}
footer{
display: flex;
justify-content: center; /* for horizontal centering */
border:px solid #2f2f2f;
background: #171717;
color:#fff;
padding: 15px 10px;
}
@media screen and (max-width: 920px) {
.header_1_row_menu a {
display: none;
}
}
@media screen and (max-width: 840px) {
#menu_container {
display: none;
}
}
@media screen and (max-width: 750px) {
#header_2_row {flex-direction: column;}
}
@media screen and (max-width: 1000px) {
#ceo_message_container {flex-direction: column;}
}
@media screen and (max-width: 400px) {
.outer_box {
margin:50px 0px ;
}
}