@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&family=Oswald:wght@200;300;400;500;600;700&display=swap');
body {font-family: 'Open Sans', sans-serif; color: #444444;}
a {color: #7bc7d7; text-decoration:none;}
a:hover {color: #8ec4dd; text-decoration: none;}
/* Contact Form Styling  */


.contact-us-banner-img{
    height: 400px;
    width: 100%;
}

.contact-us{
    margin-top: 20px;
}

.contact-us-container{
    /* width: 80%; */
    display: flex;
    margin: auto;
}

.heading-design{
    text-align: center;
    /* color: #87b1c4; */
    color: #2a569f;
    font-style: oblique;
    margin-top: 50px;
    font-weight: 700;
    margin-bottom: 50px;
}

.left-container{
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.left-container label{
    margin-top: 5px;
    margin-bottom: 5px;
    border: none;
}
.Img-Design{
    width: 100%;
    height: auto;
    margin-top: -35px;
    /* margin-right: auto; */
    align-items: center;
}

.left-container input, textarea{
    border-style: none;
    border-bottom: 2px solid #87b1c4;
    width: 70%;
}

.send-msg-btn{
    border: 5px solid #87b1c4;
    margin-top: 20px;
    background: #87b1c4;
}



/* Get in Touch Design  */
.contact-detail{
    background: #eeeeee;
    padding: 25px 15px;
    height: 323px;
}

.contact-detail, h5, p {
    font-size: 2px;
}

.pic{
    background: #fff;
    padding: 20px;
    border-radius: 25%;
    display: inline-block;
    margin: 0 0 10px 0;
    box-shadow: rgba(80, 80, 91, 01);
}

.m-top{
    margin-top: 30px !important;
}


/* For Enquiry Design  */

.enquiry{
    margin-top: 20px;
}
.admin-div{
    margin: 20px;
    padding: 10px;
    background: #e0eff7;
    /* border-radius: 50px; */
    display: flex;
    flex-direction: column;
    /* justify-content: center;
    align-items:  center; */
}

.admin-div i{
    font-size: 15px;
    margin: 5px;
    padding: 2px;
    color: black;
}

.admin-div h6{
    color: #2a569f;
    font-weight: 600;
}

.enquiry p{
    font-size: 20px;
}

.email-div, .number-div{
    display: flex;
}

.email-div p{
    font-family: Arial, Helvetica, sans-serif;
}

.form-sec .col-md-6{ padding-left:5px; padding-right:5px;}

.form-bx{ background: rgba(222,222,222,.75); padding:15px 20px; border-radius:10px;}
.form-bx .txt{ font-size:20px; line-height:30px; font-weight:600;}
.form-bx h4{font-size:30px;line-height:30px;font-weight:700;text-align:left;color: #00375c;display: block;}
.form-bx p{ font-size:16px; line-height:30px; text-align:left; display: inline-block;}
.form-bx .fa{ float:right; font-size:60px; width:60px; height:50px; position: relative; right: 10px; top: -20px; color: #02aec4;}

.form-bx .form-control {background: transparent;border: 1px solid #b3b3b3;border-radius: 0;font-size: 16px;padding: 11px 20px;color: #b3b3b3;box-shadow: 1px 10px 20px -12px rgba(0,0,0,0.2);}

.form-bx .sbmt{color: #00375c;cursor: pointer;border-radius:20px;padding: 10px 25px;font-size:16px;border-style: solid dashed;border-color: #5a9f43;border-width:2px;}

.product-page-container{
    width: 80% !important;
}

.inner-banner-Products {background-image: url(image/Banner-Our-Products.jpg);background-size: cover;/* background-attachment: fixed; */height: 500px;}

.img-design{
    width: 100%;
    height: 100%;
    border: 3px solid #2a569f;
    border-radius: 10px;
}


.product-page-container h2{
    display: flex;
    justify-content: center;
    margin: 10px;
    color: #2a569f;
    font-weight: 1000 !important;
    margin-top: 20px !important;
}

.product-page-container h2{
    display: flex;
    justify-content: center;
    margin: 10px;
    color: #2a569f;
    font-weight: 1000 !important;
    margin-top: 20px !important;
}


/* Add in ca-style */
.body-fx #MenuControl {
    height: 90px;
    float: Right;
    position: fixed;
    right: 0;
    width: 76%;
    padding: 0;
    padding-right: 0;
    transition: 0.5s;
    top: 0;
    height: 68px !important;
}
.body-fx #HeaderControl{
    height: 90px;
    float: Left;
    position: fixed;
    width: 25%;
    padding: 0;
    padding-left: 0;
    z-index: 99;
    text-align: left;
    transition: 0.5s;
	height: 68px !important;
	    top: 0;
		
}
    /* Add in media max-width:767px  */
    @media (max-width: 767px)
    {
    .body-fx #HeaderControl {
        float: Left;
        position: static;
        width: 100%;
        }
        .body-fx #MenuControl{ float: Left;
        position: static; width: 100%;}
    }
h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif;}
section.bnr{padding:0;}
img{max-width:100%;}
a{text-decoration:none;}
#divmainenquiry11 .close { position: absolute; right: 14px; font-size: 30px; cursor: pointer;}
/*nav-top*/
.table-responsive{
  overflow: hidden !important;
    padding: 0;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  padding-right: 8px;
  padding-left: 8px;}
.nav-top {position:relative; overflow:hidden;}
.nav-top:before{position: absolute; left: -140px; top: 0; z-index: 0; border-right: 5px solid #fff; background: #115199;  content:'';  height: 60px; width: 40%;  transform: skew(-20deg, 0deg);}
.nav-top .text-end .d-inline-flex .fa{background: #115199; width: 45px;  height: 45px; line-height: 50px; text-align: center;    border-radius: 5px;  transition: .5s; margin-top:5px;}
.nav-top .text-end .d-inline-flex .fa:hover{background: #000;}
/*nav-top*/
/*nav-bar*/
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
/*#MenuControl*/ .navbar.bg-light{background-color: transparent !important; height:100%;}
#MenuControl .nav-link:focus,#MenuControl .nav-link:hover{background-color:#fff !important; color:#2b2825 !important;}
.nav-link{font-weight: 600; color:#000;}
.nav-fill{width:100%; font-size: 15px;}
.navbar-brand{margin:0;}
.nav-item{position:relative;}
/* .nav-item:before {display: block; content: ''; position: absolute; top: -30px; left: 0; right: 0;  margin: auto;  border-radius: 0;   width: 2px;  height: 17px;  transition: all .3s ease; margin-bottom: 21px;  visibility: hidden;  opacity: 0;}
.nav-item:hover:before{visibility: visible; opacity: 1; margin-bottom: 0; background: #3c98db;}
.nav-item:after {content: ""; margin: auto;  border: none; width: 9px; height: 9px; position: absolute; left: 50%; top: -13px;   border-radius: 50px;  opacity: 0; transition: all .3s ease;}
.nav-item:hover:after{visibility: visible; opacity: 1; margin-bottom: 0; transform: translateX(-50%) scale(1); background: #3c98db;} */

/*nav-bar*/
@media (max-width: 1170px){
.navbar-expand-md .navbar-nav .nav-link{padding-right:1px; padding-left: 1px;}
}
@media (max-width: 991px){
#MenuControl, #MenuControl_C, #HeaderControl, #HeaderControl_C, #widgetsControl_C, #widgetsControl{ height: initial !important;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 12px;}
	}

@media (max-width: 767px){
.navbar-toggler{background:#eee;}
.navbar.navbar-expand-md{text-align:center;}
.navbar.navbar-expand-md .container-fluid{display:block;}
.nav-fill .nav-item, .nav-fill>.nav-link{text-align:left;}
.navbar-nav>li{ display: block; text-align: left; padding: 4px 0; border-bottom: 1px solid #999; border-right:0; }
.nav-item ul li .dropdown-toggle::after{transform: rotate(90deg);}
.nav-item .nav-link.dropdown-toggle::after {position: absolute; right: 5px; top: 15px;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 14px;padding-right: 5px; padding-left: 5px;}
}



.main-table{  Font-size:22px; color:#333; line-height:24px; text-align:justify; padding: 0 5px;}
.main-heading{font-weight:bold;Font-size:22px;color:#000;line-height:36px;border-bottom:1px #ccc dashed;text-align:left;margin-bottom: 10px;padding: 0;margin-left: 6px;}
.sub-heading{font-weight:bold; Font-size:18px; color:#333; line-height:30px; margin:0; text-align:left;}
.team-title{font-weight:bold; Font-size:16px; color:#333; line-height:30px; margin:0; text-align:left;}
.team_img {
  width: 150px;
  border: 6px solid #2f4d5a;
  border-radius: 50%;
}
p{
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 25px;
}
a{
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;

}
.foot_color p{
  color: #fff;
}
.secondary-bg i{color: #fff;}
.secondary-bg p{color: #fff;    font-weight: 600;
}

.sub-head{color: #2a569f;}
.btn-primary{
  --bs-btn-bg: #2a569f;
  --bs-btn-border-color: #2a569f;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2a569f;
  --bs-btn-hover-border-color: #2a569f;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2a569f;
  --bs-btn-active-border-color: #2a569f;
}

/* contact */

/*----------------------------contactpage----------------------------------------*/
.bx-rht-cont p{margin-bottom:0;}
.brn-off{width:31%; padding:1%; float:left;     padding-bottom: 0;}
.cont-page h3{     margin: 0;
    font-size: 18px;
    margin-bottom: 8px;}
.cont-page p{font-size:14px; color:#000;     line-height: 24px !important;}

.cont-heading {
    margin: 0;

    font-size: 15px;
    text-transform: uppercase;
    background:#60355c;
    padding: 9px 10px;
    color: #fff;
    margin-bottom: 8px;
}
.head-bx{float: left;
    width: 50%;}
	
.contd-bx{float: left;
    width: 50%;}
	
.brn-bx h2{text-align:center;}

.map-cont img{max-width:100%;}

.cont-page .st-feature-box{    background: #3c99dc;
    padding-top: 10px;
    padding-bottom: 10px; margin-bottom: 10px;     padding-right: 10px;
	    color: #fff;}
	
.cont-page .feature-box-image{    margin-top: 13px;}

.brnh-off p{margin-bottom:2px;}


.st-custom-heading-layout2.st-custom-heading-wraper {
    margin-bottom: 24px;
}

.st-custom-heading-layout2 .st-heading-title {
    position: relative;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 25px; font-weight:bold;
	margin-top: 0;
}

.st-custom-heading-layout2 .st-heading-title>span {
	    position: relative;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 25px;
    display: block;
    margin-bottom: 11px;
}

.st-custom-heading-layout2 .heading-line {
    width: 26px;
    height: 1px;
    background: #114366;
    margin: 0;
}

.st-feature-box {
    padding-left:75px;
    position: relative;
	    margin-bottom: 35px;
}

.st-feature-box .st-feature-box-icon {
    color: #111;
    display: block;
    position: absolute;
    width: 52px;
    height: 52px;
    line-height:0px;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 60px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.st-feature-box h3 {
    color: #fff;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
}

.cont-soc img{margin-right:5px;}
.cont-page h2{    font-weight:bold;
    color: #111;
    font-size: 19px;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 18px;
	margin-top:10px;}
.cont-page h2 span{color: #111;
    font-weight: normal;
    font-size: 18px;}
.cont-page h5{    color: #222;
    font-size: 19px;
    margin-bottom: 25px;}
	
.cont-page h2 span {
    color: #111;
    font-weight: normal;
    font-size: 18px;
}

.cont-page{text-align:left;font-family: arial; font-size: 14px;}

/* End */
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  right: 15px;
  bottom: 15px;
  background: #7bc7d7;
  color: #fff;
  transition: display 0.5s ease-in-out;
  z-index: 99999;
}

.back-to-top i {
  font-size: 24px;
  position: absolute;
  top: 7px;
  left: 8px;
}

.back-to-top:hover {
  color: #fff;
  background: #86c0da;
  transition: background 0.2s ease-in-out;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header .fa-mobile{font-size: 50px !important;}
#header .head-img{position:relative; padding:15px 0;}

.main-bg{background:#0f5298;}
.main-color{color:#0f5298;}
.secondary-bg{background-color: #3c99dc;}
#MenuControl{padding: 4px 0;}
/*#MenuControl .navbar-expand-md .navbar-collapse{display:block !important;text-align: center;}
#MenuControl .navbar-expand-md .navbar-nav{display: -webkit-inline-box;}*/
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 60px 0;
}

.section-bg {
  background-color: #f4f9fc;
}

.tm-lft .section-title h2::before{background: #fff;}
.section-title p {
  margin-bottom: 0;
}
/*bnr-sec*/

.bnr-sec .carousel-control-next, .bnr-sec .carousel-control-prev{width: 60px;  height: 60px; opacity: 1; background:#2a569f; top: 40%; border-radius: 50%; opacity: 1; }
.bnr-sec .carousel-dark .carousel-control-next-icon, .bnr-sec .carousel-dark .carousel-control-prev-icon { filter: invert(0) grayscale(0);
}
.bnr-sec .carousel-control-next{opacity: 1; right: 50px;}
.bnr-sec .carousel-control-prev{opacity: 1; left: 50px;}
.bnr-sec .carousel-caption h2{font-size: 65px; font-weight: bold; margin-bottom: 16px; text-transform: uppercase;  color:#2a569f;}
.bnr-sec .carousel-caption h4{font-size: 25px; font-weight: bold; margin-bottom: 16px; text-transform: uppercase;  color:#2a569f;}
.bnr-sec .carousel-caption h2 span{color:#fff;    display: block;}
.bnr-sec .carousel-caption h4 span{color:#fff;}
.bnr-sec .carousel-caption p{font-size:18px; line-height: 25px; margin-top:50px; animation: fadeInRight 2000ms ease-in-out;}
.bnr-sec .carousel-dark .carousel-indicators [data-bs-target] { background-color: #fff;}
.bnr-sec .carousel-caption{text-align:left;}
.bnr-sec .carousel-indicators{display:none;}
/*bnr-sec*/



/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about { padding: 0px 0 50px;  position: relative;  overflow: hidden;}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# career
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# btm-three-bx
--------------------------------------------------------------*/
.btm-three-bx::after { position: absolute;  content: ""; width: 100%; height: calc(80% - 45px); bottom:-10px; left: 0;    background: linear-gradient(rgba(43, 40, 37, .9), rgba(43, 40, 37, .9));  background-size: cover; z-index: -1;}
.btm-three-bx .bg-primary{background-color: #0f5298 !important;}
.btm-three-bx .rd-mr .btn-primary{background:#2b2825;}
.btm-three-bx .rd-mr:hover .btn-primary{color:#fff;}

/*--------------------------------------------------------------
# btm-three-bx
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer{background-color:#2a2525; color: #111; font-size: 15px;    overflow: hidden;}
footer a{color: #fff;}
.divider{width: 50px; height: 2px; border: 1px solid #fff;}
footer p{font-size: 15px;}
footer .soci-icn .fa{background:#3c99dc; width:45px; height:45px; line-height:50px; text-align:center; border-radius:5px; transition:.5s;}
footer .soci-icn .fa:hover{background:#115199;}
.top {  position: fixed;  right: 20px;  bottom: 30px;  text-align: center;  color: #fff; background-color:#3c99dc;  padding: 10px 15px; z-index: 9; cursor: pointer;  opacity: 0;  transition: ease-in 0.5s;}
.top.scll-top {  opacity: 1; transition: ease-in 0.5s;  bottom: 50px;}
.top .fa { display: block !important;}

@media (max-width: 1200px) {
  .about .content {
    padding-right: 0;
  }
}
@media (max-width: 992px) {
  .bnr-sec .carousel-caption h2{
    font-size: 36px;
  }
  .bnr-sec .carousel-caption p{
    margin-top: 30px;
  }
  .team .member {
    margin-bottom: 110px;
  }
  .services .icon-box{margin:15px auto;}
}

@media (max-width: 768px) {
  .about {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .bnr-sec .carousel-caption h2{
    font-size: 36px;
  }
  .bnr-sec .carousel-caption h4{
    margin-bottom: 0;
  }
  .bnr-sec .carousel-caption p{
    margin-top: 14px;
  }
  .header_img{text-align: left !important;}
  .Top_social_link{text-align: left !important;}
  #header img{margin:inherit;}
  .navbar-toggler{position: inherit;  }
.caption{width: 100%;}
.wback .caption{    top: 30%;}

}
@media (max-width: 575px) {
  .carousel-caption{display: none;}
  .bnr-btm-sec .btm-bx{    padding: 18px 20px 20px;  }
  #footer .footer-top .footer-info {margin: -20px 0 30px 0;}
  .wback .caption{display:none;}
}
@media (max-width: 414px) {
}

.contact-page .contact-detail {background: #eeeeee;padding: 35px 20px;height: 310px;}
.contact-page .contact-detail .pic {background: #fff;padding: 18px;width: 44%;border-radius: 48%;display: inline-block;margin: 0 0 20px 0;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.contact-page .contact-detail .pic img { width: 50px;}
.contact-page .contact-detail h5 { color: #2a569f; font-size: 26px; font-weight: 600; margin: 0 0 17px 0;}
.contact-page .contact-detail p, .contact-page .contact-detail p a{margin: 0;font-size: 14px;color: #212121;}
.contact-page .contact-form { padding: 40px; box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;}
.contact-page .contact-form .form-control { border: 0; border-radius: 0; border-bottom: 1px solid #ccc;}


@media (min-width: 320px) and (max-width: 768px) {
            .contact-page .contact-detail { padding: 25px 10px; min-height: 120px; margin: 16px 0 0 0;}
            .contact-page .contact-detail .pic { padding: 20px;}
            .contact-page .contact-detail .pic img { width: 40px;}
            .contact-page .contact-detail h5 { font-size: 20px; }
        }

.inner-banner { background-image: url(image/management-banner.jpg); background-size: cover; background-attachment: fixed; height: 420px;}
.inner-bannerv { background-image: url(Image/vision1.jpg); background-size: cover; background-attachment: fixed; height: 420px;}
.inner-bannerm { background-image: url(Image/Mission11.png); background-size: cover; background-attachment: fixed; height: 420px;}

.icon-bar {
      position: fixed;
      top: 50%;
	 right:0%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      z-index: 99999;
      }
      .icon-bar a {
      display: block;
      text-align: center;
      padding: 10px;
      transition: all 0.3s ease;
      color: white;
      font-size: 20px;
      }
      .icon-bar a:hover {background-color: #000;}
      .facebook {background: #3B5998;color: white;}
      .twitter {background: #55ACEE;color: white;}
      .google {background: #dd4b39;color: white;}
      .linkedin {background: #007bb5;color: white;}
      .telegram {background: #24A1DE;color: white;}
      .youtube-play {background: #bb0000;color: white;}
      .whatsapp{background: #25D366;color: white;}
      .instagram{color:white; background: rgb(249,206,52); background: linear-gradient(328deg, rgba(249,206,52,1) 0%, rgba(238,42,123,1) 57%, rgba(98,40,215,1) 100%);}