@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "PT Sans", sans-serif;
}
body{
  margin:0;
  padding:0;
}
.project-section{
  position: relative;
  margin-bottom: 20px;
}
.project-section .product-content{
  background: #1b8ecd;
  color:#fff;
  padding:8px 0px;
}
.project-section h3{
  font-weight: bold;
  border-bottom:3px solid #000;
  display: inline-block;
}
.project-slider .slick-arrow{
  position: absolute;
  top:50%;
  transform: translateY(-50%);
}
.project-slider .slick-next{
  right:148px;
}
.project-slider .slick-prev{
  left:125px;
}
.product-image{
  margin-top:20px;
}
.project-slider .product-image,.project-sliders .product-image{
  height:263px;
}
.product-image img{
  height: 100%;
  width:100%;
  object-fit: cover;
}
.product-image p{
  font-size: 25px;
  font-weight: bold;
}
.categories-detail h4{
      background-color: #0a4877;
    padding: 15px 15px;
    line-height: normal;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 20px;
}
.categories-detail p a{
  color: #0a4877;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: normal;
    padding: 12px 15px!important;
    text-transform: capitalize;
    display: block;
    border-bottom:1px solid #ccc;
}
.categories-detail p a:first-child{
  background:#ccc;
}
.categories-detail p a:hover{
  background: #ccc;
}
.form-side{
  margin-top:20px;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
  border:1px solid #f1f1f1;
}
.form-side:hover{
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
.form-side-detail{
  background:#179c61;
  padding:20px 20px 5px 20px;
}
.form-side-detail h4,.form-side-detail p{
  padding:0;
  margin:0;
  color:#fff;
}
.form-side-detail h4{
  font-weight: bold;
  font-size:24px;
  padding-bottom:10px;
}
.form-side-detail p{
  font-size: 18px;
  padding-bottom:10px;
}
.form-side form{
  padding:16px 20px 20px;
}
.form-side form input{
  border:none;
  box-shadow: none;
  padding:18px 28px 10px 0px;
  border-bottom: 1px solid #485f7c;
  margin-bottom:20px;
}
.form-side form input::placeholder{
  font-size:15px;
  color:#787a80;
}
.form-side select{
  border:none;
  box-shadow: none;
  font-size: 15px;
  color:#787a80;
  margin-bottom:20px;
  border-bottom:1px solid #485f7c;
}
.form-side select option{
  font-size: 15px;
}
.form-side input:focus,.form-side select:focus{
  outline: none;
  box-shadow: none;
  border-radius: 0px;
}
.footer-section .contact-section li:hover{
    color:#1b8ecd;
}
.temporary-section h1,h2,h3,h4,h5,h6{
  margin:0;
  padding:0;
  margin:20px 0px;
}
.table-responsive{
  margin-top:20px;
}
.bottom-header .navigation .hover-items{
  position: relative;
}
.bottom-header .navigation .hover-items .dropdowns{
  position: absolute;
  left:250px;
  min-width:240px;
  top:0px;
  background:#179c61;
  visibility: hidden;
}
.bottom-header .navigation .hover-items:hover .dropdowns{
  visibility: visible;
}
.country-content .common-design a:hover .overlay-detail{
  background:rgba(0,0,0,0.7);
  transition: 0.5s;
  transform: skewX(10deg); 
}
.modal-header{
  padding:0;
}
.education-service{
  background: #05834c;
  margin-top:30px;
}
.education-service h3{
  color:#fff;
  font-weight: bold;
  text-align: center;
  padding-bottom:12px;
  padding-top:8px;
  margin:0;
  background:#e47332;
}
.education-service li{
  border-bottom:1px solid #f1f1f1;
  padding:0px 8px 8px 8px;
  text-align: center;
}
.education-service a{
  color:#fff;
  font-size:18px;
  line-height:35px;
}
.education-service a li:hover{
  background:#e47332;
  transition: .4s;
}
.common-apply{
  background:#05834c;
  color:#fff;
  padding:10px 20px;
  margin-top:30px;
  position: absolute;
}
.common-apply:hover,.common-apply:focus{
  background:#e47332;
  transition: .1s;
  border:1px solid #05834c;
  color:#fff;
  text-decoration: none;
}
#button {
  display: inline-block;
  background:#1b8ecd;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 100%;
  position: fixed;
  bottom: 80px;
  right: 30px;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  margin-right: 70px;
}
#button i {
  font-weight: normal;
  line-height: 50px;
  color: #fff;
  font-size: 19px;
}
#button:hover {
  cursor: pointer;
  background-color: #000;
}
#button.show {
  opacity: 1;
  visibility: visible;
}
.temporary-section .other-visa{
  background:#179c61;
}
.other-visa h3{
  background:#e47332; 
  color: #fff; 
  border-bottom:1px solid #f1f1f1;
  font-weight: bold; 
  text-align: center; 
  padding:0;
  margin:0;
  padding:10px;
}
.other-visa li{
  padding:10px!important;
  border-bottom:1px solid #f1f1f1;
  text-align: center;
}
.other-visa li a{
  color:#fff!important;
}
.other-visa li:hover{
  background:#e47332;
}
.other-visa li:hover a{
  color:#fff;
}
.other-visa li a{
  font-size:16px!important;
  color:#05834c;
}
.visa-section-detail h5{
  color:#e47332;
  font-weight: bold;
  margin:0;
  padding-bottom:20px;
  font-size:16px;
}
.visa-section-detail h3{
  color:#05834c;
  font-weight: bold;
  margin:0;
}
.visa-section-detail p{
  padding-top:20px;
  font-size:16px;
  text-align: justify;
  line-height: 25px;
}
.temporary-section p{
  font-size: 16px;
  line-height: 25px;
  text-align: justify;
  margin:0;
}
.temporary-section th{
  padding:10px;
  font-size: 22px;
  background:#e47332;
  color:#fff;
  text-align: center;
}
.temporary-section td{
  font-size: 18px;
  padding:10px;
}
.list-eli li{
  font-size:16px;
  line-height: 25px;
  margin-left:15px;
}
.list-eli li i{
  padding-right:10px;
  color:#e47332;
  font-size: 14px;
}
.prof-detail{
  padding:0px 0px 10px 0px;
}
.prof-detail li{
  font-size:16px;
  text-align: justify;
  margin-left:30px;
  line-height: 25px;
}
.prof-detail li i{
  color:#e47332;
  font-size: 10px;
}
.education-section{
  margin:20px 0px;
}
.education-section .education-content h3{
  font-weight:bold;
  color:#179c61;
}
.education-content p{
  text-align:justify;
  font-size:16px;
  line-height:25px;
}
.education-content li{
 font-size:16px;
 line-height:25px; 
 margin-left:30px;
}
.education-content li i{
  color:#179c61;
}
.why-section-content{
  min-height:515px;
  margin-bottom:20px;
  margin-top:10px;
  padding:20px;
  background:#fff;
  border:1px solid #f1f1f1;
  box-shadow:0px 0px 20px 0px rgba(241, 241, 241,1);
}
.why-section-content p{
  color:#000;
}
.why-section-content h4{
  font-weight:bold;
  color:#179c61!important;
}
.vision-section h3{
  font-size: 26px;
  color:#05834c;
  font-weight: bold;
}
.vision-section p{
  font-size: 16px;
  text-align: justify;
}
.founder-image h3{
  text-align: center;
  padding-bottom:20px;
  font-weight: bold;
  color:#179c61;
}
.news-detail-image ul li{
  display:inline-block;
  font-size: 16px;
  margin:12px 8px 12px 12px;
}
.news-detail-content{
  padding:20px 0px;
  font-size: 16px;
}
.news-detail-content p{
  margin-bottom:15px;
}
.news-right h3{
  font-size: 16px;
  color:#05834c;
  font-weight: bold;
}
.news-right-content{
  border-top:2px solid #05834c;
  border-bottom:2px solid #05834c;
  padding:50px 0px 20px 0px;
}
.blog-detail{
  display: flex;
  margin-bottom:30px;
}
.blog-detail img{
  width:128px;
  height:86px;
}
.blog-content-detail{
  padding:0px 10px;
}
.blog-content-detail h4{
  font-size: 16px;
  margin:0;
  padding-bottom:10px;
}
.blog-content-detail p{
  font-size: 14px;
}
.share-section{
  padding:20px 0px 40px 0px;
  border-bottom:2px solid #05834c;
}
.share-section p{
  font-size: 16px;
  font-weight: bold;
  color:#05834c;
  float:left;
}
.share-section ul{
  float:right;
}
.share-section ul li{
  display: inline-block;
  padding:0px 5px;
}
.news-form{
  margin-top: 30px;
  box-shadow: 0px 0px 10px 0px #f1f1f1;
  border-top:3px solid #05834c;
}
.news-form form{
  padding:30px;
}
.news-form form h3{
  padding-bottom:20px;
}
.news-form form input{
  padding:8px 16px;
  border-radius:0;
}
.news-form form input::placeholder{
  font-size: 16px;
}
.news-form .btn{
  position:relative;
  left:270px;
  bottom:20px;
  padding:10px 15px;
  background:#05834c;
  color:#fff;
}
.control a{
  font-size: 18px;
  color:#05834c;
}
.top-header .fa-instagram {
  background: radial-gradient(
    circle at 30% 107%,
    #fdf497 0%,
    #fdf497 5%,
    #fd5949 45%,
    #d6249f 60%,
    #285aeb 90%
  );
  border-radius: 0px 2px 2px #999;
  text-align: center;
  justify-content: center;
  border-radius: 100%;
}
.top-header .fa-tiktok {
  background: #69c9d0;
  border-radius: 0px 2px 2px #999;
  text-align: center;
  justify-content: center;
  border-radius: 100%;
}
.top-header .fa-youtube {
  background: #ff0000;
  border-radius: 0px 2px 2px #999;
  text-align: center;
  justify-content: center;
  border-radius: 100%;
}
.top-header .fa-facebook-f {
  background: #4060a5;
  border-radius: 0px 2px 2px #999;
  text-align: center;
  justify-content: center;
  border-radius: 100%;
}
.social-content li i {
  height: 30px;
  width: 30px;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.top-footer {
  background: #00213a;
  padding: 50px 10px;
  color: #179c61;
  position: relative;
  border-bottom: 1px solid #f1f1f1;
}
.top-footer .footer-section p {
  font-size: 16px;
  padding-top: 10px;
  color:#fff;
}
.footer-section h3 {
  font-size: 20px;
  color:#fff;
}
.footer-section ul {
  padding-left: 15px;
  border-left: 1px solid #ccc;
  margin-top: 20px;
}
.footer-section .contact-section li {
  font-size: 16px;
  line-height: 35px;
  color:#fff;
}
.footer-section .contact-section li a{
  font-size: 16px;
  line-height: 35px;
  color:#fff;
}
.footer-section .contact-section li a:hover{
  color:#1b8ecd;
}
.footer-section .contact-section li i {
  margin-right: 16px;
}
.footer-section img{
  max-height:100px;
}
.footer-section form button {
  position: absolute;
  right: 15px;
  bottom: 45px;
  background: #179c61;
  color: #fff;
}
.footer-section form button:focus{
  border:none;
}
.bottom-footer {
  background:#00213a;
}
.bottom-footer p {
  font-size: 16px;
  padding: 20px 0px 10px 0px;
}
.top-header {
  padding:10px;
  color: #fff;
  background: #076585;
}
.top-header .left-section li {
  display: inline-block;
}
.top-header .left-section li a {
  color: #fff;
  font-size: 18px;
}
.top-header .left-section li span {
  font-size: 16px;
  padding-left: 5px;
}
.top-header .left-section li i {
  font-size: 14px;
  line-height: 30px;
  color:#fff;
}
.top-header .left-section .email-section li {
  padding: 0px 10px;
}
.top-header .left-section .social-content li {
  margin-right: 10px;
}
.top-header .left-section .social-content li a i{
  color:#fff;
}
.bottom-header {
  background:#fff;
  position:fixed;
  width:100%;
  box-sizing: border-box;
  z-index:999;
  min-height:91px;
  padding:10px 0px;
}
.project-slider{
  overflow: hidden;
}
.bottom-header .logos{
  width:172px;
}
.bottom-header .logos img{
  float: left;
}
.bottom-header .navigation{
float:right;
margin-right: 50px;
margin-top:20px;
}
.bottom-header .navigation li {
  display: inline-block;
  padding:0px 20px;
}
.bottom-header .navigation li a {
  font-size: 18px;
  color: #000;
  font-weight:700;
}
.bottom-header .navigation li a:hover{
  color:#1b8ecd;
}
.bottom-header .menu-toggle {
  position:relative;
  float:right;
  top:0;
  background: #141421;
  padding: 10px;
  display:none;
}
.bottom-header .menu-toggle i {
  color: #fff;
  font-size: 22px;
}
.bottom-header .navigation .dropdown {
  position:absolute;
  top:55px;
  background: #1b8ecd;
  z-index: 1200;
  min-width: 145px;
  visibility: hidden;
}
.bottom-header .navigation .dropdown a{
padding:15px;
display: block;
text-transform: none;
font-weight:normal;
color:#fff;
border-bottom:1px solid #ccc;
}
.bottom-header .navigation .dropdown a:hover{
  color:#000;
}
.bottom-header .navigation .hover-item:hover .dropdown {
  visibility: visible;
}
.slides .carousel-indicators{
  display: none;
}
.slides .carousel-control{
  background:none;
  opacity:1;
  display: none;
}
.banner-content .image-content {
  background: url("../images/banner.jpg");
  box-shadow: inset 0 0 0 1700px rgba(0, 0, 0, 0.3);
  min-height: 506px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.banner-caption {
  position: absolute;
  top: 20%;
  left: 15%;
  width: 615px;
  color: #fff;
  z-index: 999;
}
.banner-caption h1 {
  font-size: 35px;
  font-weight: bold;
  margin-bottom:20px;
  text-transform: uppercase;
}
.banner-caption p {
  font-size: 16px;
  margin-bottom:20px;
  text-align: justify;
}
.banner-caption .btn {
  padding: 16px 20px;
  background: #16bbde;
  color: #fff;
  font-size: 16px;
}
.main-content{
  position: relative;
  bottom:80px;
  margin:0 auto;
}
.main-content .content-detail{
  min-height:135px;
  padding:8px;
  text-align: center;
  margin-bottom:15px;
  color:#fff;
}
.content-detail .right-content span{
  padding: 10px;
    font-size: 18px;
    background: rgba(22, 187, 222, 0.8);
    position: absolute;
    left: 23px;
    right: 23px;
    bottom: 23px;
}
.about-content {
  padding:50px 0px;
  background: #efebe8;
    margin-bottom: 50px;
}
.about-image img {
  margin: 20px 0px;
}
.about-detail h2 {
  font-size: 42px;
  color: #454242;
  font-weight:bold;
  margin-bottom: 30px;
}
.about-detail h2 span{
  color:#14b9de;
}
.about-detail p {
  margin-bottom: 20px;
  font-size: 18px;
  color:#454242;
  line-height: 25px;
}
.about-message{
  background: #14b9de;
  padding:10px;
}
.common-design {
  padding: 10px 0px;
}
.more-btn a {
  background:#e6e6e8;
  padding: 16px 30px;
  color: #000;
  border: 1px solid #e6e6e8;
}
.more-btn a:hover{
  background: #000;
  color:#fff;
}
.product-section{
padding:50px 0px;
  background:url(../images/product-back.jpg);
  background-repeat: no-repeat;
    background-size: cover;
}
.product-section h3{
  font-size: 36px;
  color:#fff;
}
.product-section .product-detail{
  padding:30px 0px;
}
.product-content p{
  font-size: 16px;
}
.product-section .product-detail .product-content{
  text-align: center;
  background:#fff;
  padding:10px 0px;
  font-size:16px;
  font-weight:bold;
  position: relative;
  bottom:52px;
  color:#303030; 
}
.product-section .product-detail a:hover .product-content{
  background: #0a4877;
  color:#fff;
  transition: 1s;
}
.client-section {
  margin: 40px 0px;
  padding:50px 0px;
  background:url(../images/client.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; 
}
.client-section h3 {
  font-size: 35px;
  color: #fff;
  font-weight:bold;
}
.client-section .carousel-control{
  position: absolute;
  width:60px;
}
.common-banner {
  background: url(../images/bg1.jpg);
  background-size: cover;
  min-height:250px;
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.6);
  background-position: center center;
  margin-bottom:50px;
}
.breadcrumbs-item {
  position: absolute;
  top: 28px;
  left: 50%;
  transform: translate(-50%, 50%);
}
.breadcrumbs-item h1 {
  color: #fff;
  font-size: 59px;
  font-weight: bold;
}
.breadcrumbs-item li {
  display: inline-block;
  color: #fff;
  font-size: 16px;
}
.breadcrumbs-item li a {
  color: #fff;
  font-size: 16px;
}
.breadcrumbs-item li i {
  padding: 0px 10px;
  font-size: 14px;
}
.contact-content {
  margin: 30px 0px;
}
.contact-content h2 {
  font-size: 38px;
  color:#1b8ecd;
  font-weight: bold;
}
.contact-content .contact-detail {
  padding-bottom: 30px;
}
.contact-section-detail {
  box-shadow: 0px 0px 10px 0px #e1e1e1;
}
.contact-section-detail .detail-page {
  background: #0a4877;
  text-align: center;
  padding: 15px 10px;
}
.contact-section-detail .detail-page h2 {
  font-size: 25px;
  color:#fff;
}
.contact-main {
  padding: 20px;
  border-bottom: 1px solid #e1e1e1;
}
.contact-main .contact-left {
  background: #0a4877;
  height: 64px;
  width: 64px;
  float: left;
}
.contact-main .contact-left i {
  font-size: 32px;
  color: #fff;
  position: relative;
  top: 15px;
  left: 15px;
}
.contact-main .contact-right {
  margin-left: 80px;
  font-size: 16px;
}
.contact-main .contact-right h5 {
  font-weight: bold;
  padding: 5px;
  margin: 0;
}
.contact-main .contact-right p {
  padding: 3px 0px;
  margin: 0;
}
.top-inquiry{
  background:#05834c;
  padding:8px;
  color:#fff;
  text-align: center;
}
.top-inquiry p{
  text-align: center;
}
.form-section{
  padding:0px 10px;
}
.form-section b {
  font-size: 16px;
}
.form-section label{
  padding-bottom: 9px;
  margin:0;
  font-weight: normal;
  font-size: 16px;
}
.form-section .form-control{
  padding:6px 16px;
  min-height:47px;
  border-radius:0px;
  border:1px solid #c3c3c3;
}
.btn-form {
  float: right;
  background: #1b8ecd;
  padding: 15px 10px;
}
.btn-form button {
  border:none!important;
  background:none!important;
  color:#fff!important;
}
.btn-form button:focus{
outline:none!important;
  background:none!important;
  color:#fff!important;
}
.btn-form button i {
  padding-right: 15px;
}
.company-image {
  background: url(../images/img.jpg);
  min-height: 500px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  justify-content: center;
  vertical-align: middle;
  display: inline-block;
  background-position: center;
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.6);
}
.company-image button {
  position: absolute;
  border:none;
  top: 40%;
  color: #fff;
  background: #05834c;
  padding: 10px;
  font-size: 18px;
}
.background-image {
  background: url(../images/bg-img2.jpg);
  min-height: 500px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  justify-content: center;
  vertical-align: middle;
  display: inline-block;
  background-position: center;
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.6);
}
.bg-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}
.bg-content h2 {
  font-size: 42px;
}
.bg-content .bg-bottom-apply {
  background: #05834c;
  display: inline-block;
  padding: 10px;
}
.bg-content .bg-bottom-apply a {
  color: #fff;
  font-size: 16px;
}
.bg-content .play {
  color: #fff;
  background: #05834c;
  padding: 10px;
}
.bg-content .play i {
  font-size: 16px;
}
.blog-section {
  box-shadow: 0px 0px 10px 0px #e1e1e1;
}
.blog-content {
  padding:0px 20px 10px 20px;
  border-bottom: 1px solid #f1f1f1;
  max-height:200px;
  overflow: hidden;
  font-size: 16px;
  text-align: justify;
}
.blog-image h3 {
  font-size: 18px;
  color: #1b8ecd;
  text-align: center;
}
.blog-bottom a {
  font-size: 14px;
  color: #1b8ecd;
}
.blog-bottom {
  padding: 20px;
  font-size: 16px;
}
.blog-image img {
  max-height: 215px;
  width: 100%;
}
.feature-client {
  background: #eaeaea;
  padding: 80px 10px;
}
.feature-client h3 {
  font-size: 16px;
  color: #179c61;
  font-weight: bold;
}
.feature-client h2 {
  font-size: 35px;
}
.feature-section {
  background: #fff;
  padding: 10px 10px 60px 10px;
  text-align: center;
  margin-top: 10px;
  min-height:439px;
  box-shadow: 0px 0px 10px 0px #010101;
}
.feature-sections {
  background: url(../images/img.jpg);
  background-size: cover;
  background-position: center;
  box-shadow: inset 0 0 0 2000px rgba(255, 255, 255, 0.8);
}
.feature-sections:hover {
  box-shadow: inset 0 0 0 2000px rgba(255, 255, 255, 0.4);
}
.feature-section span i {
  color: #179c61;
  font-size: 50px;
}
.feature-section h3 {
  font-size: 16px;
}
.feature-section p {
  font-size: 16px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.feature-image img {
  border-radius: 100%;
  height: 100px;
  width: 100px;
  position: absolute;
  left: 50%;
  bottom: -25%;
  transform: translate(-50%, -50%);
}
.layout li {
  display: inline-block;
  padding: 5px 10px;
}
.layout li a {
  color: #000;
}
.layout button {
  background: none;
  border: none;
}
.layout li:hover {
  background: #05834c;
}
.layout li:hover button {
  color: #fff;
}
.gallerys img {
  width: 366px;
  height: 244px;
}
@media(min-width:1367px) and (max-width:1920px){
  .bottom-header .navigation li a{
    font-size:18px;
    font-weight: bold;
  }
}
@media (min-width: 992px) and (max-width: 1250px) {
  .bottom-header .navigation .hover-items .dropdowns{
  position: absolute;
  left:238px;
  min-width:210px;
  top:0px;
  background:#179c61;
  visibility: hidden;
}
  .breadcrumbs-item h1{
  font-size:40px;
  }
  .social-section li {
    height: 30px;
    width: 30px;
  }
  .social-section li i {
    font-size: 14px;
    padding: 10px;
    line-height: 10px;
  }
  .common-design {
    padding: 10px 0px;
  }
  .overlay-detail {
    text-align: center;
    background: rgba(5, 131, 76, 0.7);
    color: #fff;
    padding: 10px;
    font-size: 16px;
    position: absolute;
    bottom: 20px;
    right: 30px;
    left: 30px;
  }
  .overlay-detail h3 {
    color: #fff;
  }
  .banner-about {
    padding: 5px;
  }
  .banner-about h2 {
    font-size: 35px;
  }
  .bottom-header .navigation li{
    padding-right:5px;
  }
  .bottom-header .navigation li a {
    font-size: 15px;
  }
  .bottom-header .navigation .main-menu{
    position: relative;
    left:-2px;
    display: flex;
    line-height: 30px;
  }
  .bottom-header .navigation .dropdown {
    z-index: 1300;
  }
  .about-detail h2 {
    font-size: 32px;
    margin: 10px 0px;
  }
  .about-detail p {
    margin-bottom: 10px;
  }
  .about-apply {
    padding: 10px 15px;
  }
  .banner-caption {
    position: absolute;
    top:100px;
    margin:0 auto;
    width:80%;
    color: #fff;
    z-index: 999;
  }
}
@media (max-width: 991px) {
  .top-header .left-section {
    text-align: center;
  }
  .breadcrumbs-item h1{
  font-size:40px;
  }
  .about-detail h2 {
    font-size: 26px;
  }
  .banner-about h2 {
    font-size: 26px;
  }
  .country-content h2 {
    font-size: 25px;
  }
  .country-content p {
    font-size: 16px;
    padding: 0;
    margin-bottom: 14px;
  }
  .bottom-header{
    height:80px;
  }
  .bottom-header .menu-toggle {
    display: block;
  }
  .bottom-header .navigation{
    position: absolute;
    left:0;
    top:-130px;
    width:250px;
    background: #141421;
    height:100vh;
    transform: translateY(-400%);
    transition: all ease 0.3s;
    z-index: 1600;
  }
  .bottom-header .navigation.show {
    transform: translateY(0);
  }
  .bottom-header .navigation .main-menu{
    left:0px;
  }
  .bottom-header .navigation li {
    display: block;
    text-align:left;
  }
  .bottom-header .navigation .dropdown li a {
    line-height: 10px;
  }
  .bottom-header .navigation li a:hover {
    background: none;
    color:#1b8ecd;
  }
  .bottom-header .navigation li a,
  .bottom-header .navigation li a.active {
    color: #fff;
    line-height: 40px;
    background:none;
  }
  .bottom-header .navigation .hover-item .dropdown{
    position:absolute;
    top:100px;
    right:0;
  }
  .bottom-header .navigation .hover-item .dropdown a{
    padding:8px;
  }
  .banner-caption {
    position: absolute;
    top: 20%;
    margin:0 auto;
    width: 100%;
    color: #fff;
    z-index: 1111;
  }
  .banner-caption h1 {
    font-size: 45px;
    padding-left: 10px;
  }
  .banner-caption p {
    font-size: 15px;
    margin-bottom: 14px;
    padding-left: 10px;
  }
  .banner-caption .btn {
    margin-left: 10px;
  }
  .overlay-detail {
    text-align: center;
    background: rgba(5, 131, 76, 0.7);
    color: #fff;
    padding: 5px;
    font-size: 12px;
    position: absolute;
    bottom: 20px;
    right: 30px;
    left: 30px;
  }
}
@media (max-width: 767px) {
  .container {
    width: 100%;
  }
  .image-section img {
    width: 100%;
  }
  .breadcrumbs-item h1{
  font-size:35px;
  }
}
@media (min-width: 578px) and (max-width: 991px) {
  .country-content {
    padding: 10px;
  }
  .breadcrumbs-item h1{
  font-size:35px;
  }
  .more-btn {
    margin-bottom: 10px;
  }
  .banner-section {
    padding: 10px;
  }
  .banner-about {
    padding: 0;
  }
  .service-section {
    padding: 10px;
  }
  .service-section p {
    padding: 0;
  }
  .banner-caption {
    position: absolute;
    top: 150px;
    margin:0 auto;
    width: 80%;
    color: #fff;
    z-index: 1111;
  }
  .content-detail .right-content span {
    padding: 10px;
    font-size: 18px;
    background: rgba(22, 187, 222, 0.8);
    position: absolute;
    left: 23px;
    right: 23px;
    bottom: 23px;
    max-width:246px;
}
}
@media (min-width: 418px) and (max-width: 577px) {
  .container{
    width:100%;
  }
  .breadcrumbs-item{
    position: absolute;
    bottom:50px;
  }
  .breadcrumbs-item h1{
  font-size:30px;
  }
  .more-btn {
    margin-bottom: 10px;
  }
  .banner-section {
    padding: 10px;
  }
  .banner-about {
    padding: 0;
  }
  .service-section {
    padding: 10px;
  }
  .service-section p {
    padding: 0;
  }
  .banner-caption {
    position: absolute;
    top: 30%;
    left: 50px;
    margin:0 auto;
    width: 80%;
    color: #fff;
    z-index: 1111;
  }
  .banner-caption h1 {
    font-size: 40px;
  }
  .banner-caption p {
    font-size: 14px;
    margin-bottom: 14px;
  }
}
@media (min-width: 320px) and (max-width: 417px) {
  .more-btn {
    margin-bottom: 10px;
  }
  .banner-section {
    padding: 10px;
  }
  .banner-about {
    padding: 0;
  }
  .service-section {
    padding: 10px;
  }
  .service-section p {
    padding: 0;
  }
  .banner-caption {
    position: absolute;
    top: 20%;
    margin:0 auto;
    left: 35px;
    width: 90%;
    color: #fff;
    z-index: 1111;
  }
  .banner-caption h1 {
    font-size: 40px;
  }
  .banner-caption p {
    font-size: 13px;
    margin-bottom: 14px;
  }
  .breadcrumbs-item{
    position: absolute;
    bottom:50px;
  }
.breadcrumbs-item h1{
  font-size:30px;
  }
}
@media (max-width: 386px) {
  .country-content {
    padding: 10px;
  }
  .more-btn {
    margin-bottom: 10px;
  }
  .bottom-header .navigation{
    position: absolute;
    top:-130px;
  }
  .banner-section {
    padding: 10px;
  }
  .banner-about {
    padding: 0;
  }
  .service-section {
    padding: 10px;
  }
  .service-section p {
    padding: 0;
  }
  .banner-caption {
    position: absolute;
    top: 20%;
    left: 10px;
    width: 95%;
    color: #fff;
    z-index: 1111;
  }
  .banner-caption h1 {
    font-size: 40px;
  }
  .banner-caption p {
    font-size: 13px;
    margin-bottom: 14px;
  }
}
.slide{
  background-image: linear-gradient(
180deg
, #F5F5F5 0%, #FFFFFF 100%);
  background:#0e466a;
  padding:50px;
  margin-top:80px;
  box-shadow: 8px 8px 1 0px rgb(0 0 0 / 11%);
  position:relative;
  left:50%;
  top:5%;
  max-width:700px;
  min-height:343px;
  transform: translate(-50%,-5%);
}
.slide .carousel-control{
  background: none;
  opacity:1;
}
.slide .carousel-control span{
  font-size: 14px;
  color:#d8d800;
}
.slide .carousel-indicators li{ 
  background:#000;
  opacity:0.2;
 }
.slide .carousel-indicators .active{
  background: #fff;
  opacity: 1;
}
.slide .carousel-inner{
  overflow:hidden;
}
.slide .image-test{
  position: relative;
  top:5%;
  display: inline-block;
  left:50%;
  margin-top:25px;
  transform: translate(-50%,5%);
}
.slide .image-test img{
  border-radius: 100%;
  height:50px;
  width:50px;
  float:left;
  margin-right:20px;
}
.slide .test-content p{
  line-height: 25px;
}
.image-test span{
  float:right;
  color:#d8d800;
  font-weight: bold;
  line-height: 25px;
}
.image-test span .cust{
  color:#000;
  font-weight: normal;
}