/*---------------------- HEADER & NAV START  ------------------------------  */
.header01 {
  width: 100%;
}
/*---------------------- HEADER & NAV END  ------------------------------  */

/*----------------------  NAV START  ------------------------------  */
.nav01 {
  width: 100%;
}

/*----------------------  NAV END  ------------------------------  */

/*----------------------  SLIDE END  ------------------------------  */

/*----------------------  SLIDE END  ------------------------------  */

/*---------------------- TITLES START ------------------------------  */
h1 {
  width: 100%;
}
h2 {
  width: 100%;
}
h3 {
  width: 100%;
}
h4 {
  width: 100%;
}
h5 {
  width: 100%;
}
h6 {
  width: 100%;
}

.page-title01 {
  width: 100%;
  clear: both;
  padding: 40px 0px;
  text-align: center;
  background-image: url("../images/page-title.jpeg");
  background-repeat: no-repeat;
  background-position: center; /* Center the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.page-title01 h3 {
  color: #fff;
  font-size: 40px;
}

.page-title01 p {
  color: #f4f4f4;
  font-size: 16px;
}

.page-title01 a {
  color: #fff;
  text-decoration: none;

}

.sub-title {
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 22px;
  margin: 0 0 21px 0;
  display: inline-block;
  position: relative;
  margin-left: 35px;
  color: #173e5f;
}

.sub-title:before {
  content: "";
  width: 25px;
  position: absolute;
  background: #173e5f;
  height: 3px;
  left: -35px;
  top: 50%;
  transform: translateY(-50%);
}

.paragraph01 {
  width: 100%;
  padding: 15px;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  color: #111d58;
  margin-bottom: 6px;
}
/*---------------------- TITLES END ------------------------------ */

/*---------------------- LIST START ------------------------------ */
.sree-list01 {
  width: 100%;
  padding: 0px;
  margin: 0px;
}
.sree-list01 li {
  list-style: none;
  color: #263788;
  font-size: 20px;
  font-weight: bold;
  line-height: 40px;
}
.sree-list01 li i {
  color: #173e5f;
}
.sree-list01 li:before {
  content: " ";
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}

.sree-list02 {
  width: 100%;
  padding: 0px;
  margin: 0px;
}
.sree-list02 li {
  list-style: none;
  color: #263788;
  font-size: 18px;
  font-weight: 400;
  line-height: 40px;
}
.sree-list02 li i {
  color: #173e5f;
}
.sree-list02 li:before {
  content: " ";
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}

/*---------------------- LIST END ------------------------------ */

#page {
  width: 100%;
  clear: both;
  background: #f4f4f4;
}

#page .page-in {
  width: 100%;
  padding: 20px 20px;
  background: #fff !important;
  margin: 40px 10px;
}




/*---------------------- FOOTER START ------------------------------ */
.footer01 {
  width: 100%;
  clear: both;
  margin: 40px 0px 0px 0px;
  padding: 0px;
}

.footer01 p {
  color: #a0abdc;
}

.footer01 .footer-top {
  width: 100%;
  line-height: 30px;
  color: #fff;
  text-align: center;
  font-size: 34px;
  background: #2d3e8e;
  padding: 30px 0px;
}

.footer01 .footer-info {
  width: 100%;
  background: #21317d;
  padding: 20px;
}
.footer01 .footer-info h5 {
  color: #ffffff;
  font-family: "Fira Sans", Sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.footer01 .copyrights {
  background: #111d58;
  text-align: center;
  font-size: 16px;
  padding: 15px;
}
.footer01 a {
  color: #fff;
  text-decoration: none;
}

.footer02 {
  width: 100%;
}
.footer03 {
  width: 100%;
}
.footer04 {
  width: 100%;
}
.footer05 {
  width: 100%;
}
.footer06 {
  width: 100%;
}
.footer07 {
  width: 100%;
}
.footer08 {
  width: 100%;
}
.footer09 {
  width: 100%;
}
.footer10 {
  width: 100%;
}
/*---------------------- FOOTER END ------------------------------ */

/*---------------------- FIX CODE START ------------------------------ */
.clear0 {
  clear: both;
  height: 0px;
}
.clear5 {
  clear: both;
  height: 5px;
}
.clear10 {
  clear: both;
  height: 10px;
}
.clear15 {
  clear: both;
  height: 15px;
}
.clear20 {
  clear: both;
  height: 20px;
}
.clear25 {
  clear: both;
  height: 25px;
}
.clear30 {
  clear: both;
  height: 30px;
}
.clear35 {
  clear: both;
  height: 35px;
}
.clear40 {
  clear: both;
  height: 40px;
}
.clear45 {
  clear: both;
  height: 45px;
}
.clear50 {
  clear: both;
  height: 50px;
}
.clear55 {
  clear: both;
  height: 55px;
}
.clear60 {
  clear: both;
  height: 60px;
}
.clear65 {
  clear: both;
  height: 65px;
}
.clear70 {
  clear: both;
  height: 70px;
}
.clear75 {
  clear: both;
  height: 75px;
}
.clear80 {
  clear: both;
  height: 80px;
}
.clear85 {
  clear: both;
  height: 85px;
}
.clear90 {
  clear: both;
  height: 90px;
}
.clear95 {
  clear: both;
  height: 95px;
}
.clear100 {
  clear: both;
  height: 100px;
}

/*Align Start */

.center {
  text-align: center;
}
.right-center {
  text-align: right;
}
.left-center {
  text-align: left;
}
/*Align End */
/*---------------------- FIX CODE END ------------------------------ */
.google-map {
  width: 100%;
  min-height: 350px;
  margin-top: 40px;
  clear: both;
}
.google-map iframe {
  width: 100%;
  min-height: 350px;
  margin-top: 40px;
  margin-bottom: -40px;
  clear: both;
}
/*---------------------- CHANGES CODE START ------------------------------ */



/*---------------------- CHANGES CODE START ------------------------------ */
.dropdown-menu a {
  color: #000 !important;
}

.dropdown-menu .dropdown-item {
  color: #000 !important;
}
ul .dropdown-menu .show {
  background: #000 !important;
}
.navbar-light .navbar-toggler {
  background-color: #fff;
}


@media (max-width: 768px) {
.nav-bg .navbar-brand {
  width: 77% !important;
}
}





.logo {
  width:300px;
  border-radius:6px;
}
.logo img { 
  width:100%;
  border-radius:6px;
} 

.nav-bg {
  background: #002f3f;
  color: #fff;
}
.nav-bg a {
  color: #fff !important;
  text-decoration: none;
}
.nav-bg .logo {
  color: #FAF028 !important;
}
.nav-bg .navbar-brand {
  color: #fff;
  font-size: 22px;
  color: #FAF028 !important;
  text-transform: uppercase;
}





/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 
  .about-company .image .fonded {
    width:100%;
    margin :auto;
    background:#263788;
    border-radius:8px;
    padding:15px 35px;
 }

 .homepage-service {
    margin:10px 1% 50px 1%;
}

.homepage-service  .box01 {
  border:solid 1px #ccc;
  margin:5px auto;
}

.about-company .text .contact h5 {
  font-size: 22px;
 
}

 }

 
 

.logo {
  width:300px;
  border-radius:6px;
}
.logo img { 
  width:100%;
  border-radius:6px;
} 





body {
  background:#f4f4f4;
}
.welcome {
width:100%;
text-align:center;
background:#FFFBFB;
padding: 40px;
clear:both;
border-radius:10px;
box-shadow: 1px 2px #D5D5D5;
}
.welcome h1{ 
font-size:28px;
color:#263788;
text-transform:uppercase;
font-weight:500;
}
.welcome p {
font-size:18px;
color:#0E1D62;
margin-bottom:0.5rem;
}
.homepage-service {
  width:98%;
  clear:both;
  margin:-50px 1% 50px 1%;
  position: relative;
}
.homepage-service  .box01 {
width: 100%;
background: #fff;
padding: 40px 20px;
border-radius:10px;
}
.homepage-service  .box01 img {
  width: 100%;
  margin-top:20px;
}
.homepage-service  .box01 .icon {
  width: 100%;
}
.homepage-service  .box01 .icon i {
  width: 100px !important;
}
.homepage-service .box01 h5 {
  color: #263788;
font-size:20px;
font-weight: 500;
line-height:24px;
margin-top:20px;
}
.homepage-service .box01:hover {
width: 100%;
background: #263788;
color: #fff;
}
.homepage-service .box01:hover h5 {
  color:#fff;
}

.carousel-caption {
  margin-bottom:100px;
  font-size:40px;
}
.carousel-caption h5 {
  font-size:50px;
}

/* ........... */
.about-company {
  width:100%;
  clear:both;
  margin:50px auto;
}
.about-company .image {
  width:100%;
  padding:26px;
}
.about-company .image .fonded {
  width:60%;
  margin :auto;
  background:#263788;
 border-radius:8px;
  z-index: 9;
  padding:15px 35px;
  position: relative;
  margin-top:-70px;
}
.about-company .image .fonded h5 {
  color:#fff;
} 
.about-company .image .fonded p {
  color:#8C97CD;
  font-weight:400;
  font-size:18px;
} 
.about-company .image img {
  width:100%;
  border-radius:10px;  
}
.about-company .text {
  width: 100%;
  padding: 26px;
}
.about-company .text .contact {
  width: 100%;
  padding: 30px;
  text-align:center;
  margin-top:30px;
  clear:both;
}
.about-company .text .contact i {
font-size:50px;
padding-top:10px;
color:#173E5F;
text-align:right !important;
}
.about-company .text .contact h5 {
font-size: 28px;
  font-weight: 500;
  line-height: 30px;
  color: #173E5F;
  margin: 0;
}
.about-company .text .contact h5 span {
color:#173E5F;
}
.about-company .text .contact p {
font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  margin: 0;
  text-transform: uppercase;
  color: #62718d;
}
.about-company .text .satisfaction {
  width: 100%;
  padding: 26px;
  text-align:center;
  border-left:solid 4px #2db7ff;
  margin-top:14px;
}
.about-company .text .satisfaction h5 {
  width: 100%;
  font-size:36px;
  color:#263788;
  font-weight: 600;
}
.about-company .text .satisfaction p {
  width: 100%;
  font-size:22px;
  color:#62718d;
}
.home-service {
width: 100%;
clear:both;
margin:50px 0px;
}
.home-service .home-service-in {
width:98%;
margin:1%;
}
.home-service .home-service-in img {
border-radius:10px;
margin-top:20px;
}
.home-service .home-service-in .hs-info {
width: 90%;
padding: 6px 10px;
background:#fff;
position: relative;
margin:-7px 5% 10px 5%;
border-radius:6px;
text-align:center;
overflow: hidden;
border:solid 1px #ccc;
height:150px;

}
.home-service .home-service-in .hs-info:hover {
margin:-70px 5% 10px 5%;
transition: .5s;
height:170px;
transition: .7s;
}

.home-service .home-service-in .hs-info h5 {
 font-size: 26px;
  line-height: 50px;
  color: #263787;
  font-weight: 500;
  transition: 0.4s;
  margin: 20px 0px 0px 0px;
  transition: 0.4s ease;
}
.home-service .home-service-in .hs-info P {
display:none;
width: 100%;
transition: 1s;
transition-delay: 1s;
line-height:0px !important;
height:0px !important;
line-height:20px;
}
.home-service .home-service-in .hs-info:hover P {
display:inline;
transition: 1s !important;
}
.home-service .home-service-in .hs-info:hover P {
display:inline;
width: 100%;
transition: height 2s;
line-height:20px;


}
.home-service .home-service-in .hs-info a {
text-decoration:none;
}
.home-service .home-service-in iframe {
width:100%;
min-height:300px;
}

















 
.welcome {
  width:100%;
  text-align:center;
  background:#79D1FF;
  padding: 40px;
  clear:both;
  border-radius:10px;
}
.welcome h1{ 
  font-size:28px;
  color:#263788;
  text-transform:uppercase;
  font-weight:500;
}
.welcome p {
  font-size:18px;
  color:#0E1D62;
  margin-bottom:0.5rem;
}
.homepage-service {
    width:98%;
    clear:both;
    margin:-50px 1% 50px 1%;
    position: relative;
}
.homepage-service  .box01 {
  width: 100%;
  background: #fff;
  padding: 40px 20px;
  border-radius:10px;
}
.homepage-service  .box01 img {
    width: 60px;
}
.homepage-service .box01 h5 {
    color: #263788;
  font-size:20px;
  font-weight: 500;
  line-height:24px;
  margin-top:20px;
}
.homepage-service .box01:hover {
  width: 100%;
  background: #263788;
  color: #fff;
}
.homepage-service .box01:hover h5 {
    color:#fff;
}

.carousel-caption {
    margin-bottom:100px;
    font-size:40px;
}
.carousel-caption h5 {
    font-size:50px;
}

/* ........... */
.about-company {
    width:100%;
    clear:both;
    margin:50px auto;
}
.about-company .image {
    width:100%;
    padding:26px;
}
.about-company .image .fonded {
    width:60%;
    margin :auto;
    background:#263788;
   border-radius:8px;
    z-index: 9;
    padding:15px 35px;
    position: relative;
    margin-top:-70px;
}
.about-company .image .fonded h5 {
    color:#fff;
} 
.about-company .image .fonded p {
    color:#8C97CD;
    font-weight:400;
    font-size:18px;
} 
.about-company .image img {
    width:100%;
    border-radius:10px;  
}
.about-company .text {
    width: 100%;
    padding: 26px;
}
.about-company .text .contact {
    width: 100%;
    padding: 30px;
    text-align:center;
    margin-top:30px;
    clear:both;
}
.about-company .text .contact i {
  font-size:50px;
  padding-top:10px;
  color:#2db7ff;
  text-align:right !important;
}
.about-company .text .contact h5 {
font-size: 28px;
    font-weight: 500;
    line-height: 30px;
    color: #263788;
    margin: 0;
}
.about-company .text .contact h5 span {
  color:#2db7ff;
}
.about-company .text .contact p {
  font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    margin: 0;
    text-transform: uppercase;
    color: #62718d;
}
.about-company .text .satisfaction {
    width: 100%;
    padding: 26px;
    text-align:center;
    border-left:solid 4px #2db7ff;
    margin-top:14px;
}
.about-company .text .satisfaction h5 {
    width: 100%;
    font-size:36px;
    color:#263788;
    font-weight: 600;
}
.about-company .text .satisfaction p {
    width: 100%;
    font-size:22px;
    color:#62718d;
}
.home-service {
  width: 100%;
  clear:both;
  margin:50px 0px;
}
.home-service .home-service-in {
  width:98%;
  margin:1%;
}
.home-service .home-service-in img {
  border-radius:10px;
  margin-top:20px;
}
.home-service .home-service-in .hs-info {
  width: 90%;
  padding: 6px 10px;
  background:#fff;
  position: relative;
  margin:-50px 5% 10px 5%;
  border-radius:6px;
  text-align:center;
  overflow: hidden;
  border:solid 1px #ccc;
  height:150px;
  
}
.home-service .home-service-in .hs-info:hover {
  margin:-70px 5% 10px 5%;
  transition: .5s;
  height:170px;
  transition: .7s;
}

.home-service .home-service-in .hs-info h5 {
   font-size: 26px;
    line-height: 50px;
    color: #263787;
    font-weight: 500;
    transition: 0.4s;
    margin: 20px 0px 0px 0px;
    transition: 0.4s ease;
}
.home-service .home-service-in .hs-info P {
 display:none;
width: 100%;
transition: 1s;
  transition-delay: 1s;
  line-height:0px !important;
  height:0px !important;
  line-height:20px;
}
.home-service .home-service-in .hs-info:hover P {
 display:inline;
 transition: 1s !important;
}
.home-service .home-service-in .hs-info:hover P {
  display:inline;
  width: 100%;
  transition: height 2s;
  line-height:20px;
 

}
.home-service .home-service-in .hs-info a {
  text-decoration:none;
}