@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: #3c98db; text-decoration:none;}
a:hover {color: #000; text-decoration: none;}

.container{ font-family: Open Sans !important; font-size: 15px;}

p, ul li{ font-family: Open Sans !important; font-size: 15px; line-height: 23px; text-align: justify;}   
h1, h2, h3, h4, h5, h6 { font-family: 'Oswald', sans-serif;}
section.bnr{ padding:0;}
img{ max-width:100%;}
#divmainenquiry11 .close { position: absolute; right: 14px; font-size: 30px; cursor: pointer;}

.main-table .sub-heading{ text-align: justify;}
.cont-page{ text-align: justify;}

  /*============WHATSAPP==========*/
    
  .whatsapp_btn{
      position: fixed;
      bottom: 5em;
      right: 20px;
      width: 55px;
      height: 55px;
      z-index: 9999;
  }
  .whatsapp_btn .icon_logo{
      position: relative;
      z-index: 100;
      padding: 5px;
  }
  
  .whatsapp_btn .icon_logo > a > img{
      width: 100%;
  }
  
  .whatsapp_btn .circle_waves{
      border-radius: 50%;
      background-color: #3cc04e;
      width: 55px;
      height: 55px;
      position: absolute;
      opacity: 0;
      bottom: 1px;
      left: 0px;
      z-index: 99;
      animation: waves 4s infinite cubic-bezier(.36, .11, .89, .32);
  }
  
  @keyframes waves {
      from {
          transform: scale(.55, .55);
          opacity: .6;
      }
      to {
          transform: scale(1.8, 1.8);
          opacity: 0;
      }
  }
  .addrs {
    color: #fff;
}

.cont {
    color: #fff;
}
.Howwedo{ background-color:#076aa6; margin-top:20px;}
.bg-blue{background-color:#076aa6;}
.box-bdr1{background-color: #2c86bc; padding:20px 10px; min-height:320px; border-radius:20px;}
.box-bdr1 img{ margin-bottom:10px; width:200px; border-radius:20px;}

.Howwedo .carousel-indicators{ bottom:-30px;}


#EventCalenderControl{ }
#EventCalenderControl marquee{ background-color:#eee;}
#EventCalenderControl marquee a{ font-size: 12pt !important;}

/*nav-top*/
header{ padding: 5px 0;}
header img{ height:60px;}

.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*/
#widgetsControl, #widgetsControl_C{height: inherit !important;}
/*innr-pg-bnnr*/
.otherpagecss #RadDockZone1.container{max-width: 100%;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table{margin-top:0 !important;}
.innr-pg-bnnr{padding: 80px 0; width: 100%; background-size: cover; min-height: 350px; text-align: center; position:relative;background-position: center center; margin-bottom: 20px;}
.innr-pg-bnnr:after{content:''; position:absolute; left:-1px; right:-1px; top:-1px; width:100%; height:100%; background:rgba(0,0,0,0.25);}
.innr-pg-bnnr h1{color:#fff; text-align:center; text-transform:uppercase; font-size:40px; font-weight:bold; position:relative; z-index:1;}
.innr-pg-bnnr h1:after{content:''; position:absolute; bottom: -25px; margin:0 auto; left:0; right:0; width:100px; height:4px; border-radius:2px; background:#fff;}
.inner-page ul, .innr-pg ul{padding:0px; /*margin-bottom:0;*/}
.inner-page li, .innr-pg li {position: relative; list-style: none; padding-left: 30px; line-height:26px; color: #7a7a7a;}
.inner-page .accordion-button, .inner-page .accordion-button:not(.collapsed){color: #fff;  background: #0185d6;}
.inner-page li:before, .innr-pg li:before{content: "\f101";  position: absolute; font-family: FontAwesome; font-size: 17px; line-height: 30px;    left: 7px;  top: -2px; color: #004488;}
.inner-page .text-white em{color:#fff;}
.innr-pg-bnnr h1{margin-top: 40px;;}
.inner-page .accordion-body ul li{border:1px solid #ccc; margin: 5px; line-height: 32px;}
/*innr-pg-bnnr*/
/*contact*/

.cont-page h2{font-weight:bold; Font-size:18px; color:#0185d6; line-height:30px; text-transform:uppercase; margin:0;}
.cont-page h5{font-weight:bold; Font-size:16px; color:#0185d6; line-height:30px; text-transform:uppercase; margin:0;}
.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: #640f24;
    margin: 0;
}

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

.st-feature-box .st-feature-box-icon {
	color: #640f24;
	display: block;
	position: absolute;
	width: 52px;
	height: 52px;
	line-height: 0px;
	top: 20px;
	left: 8px;
	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:nth-of-type(2) .st-feature-box-icon{top:5px;}
.st-feature-box:nth-of-type(3) .st-feature-box-icon{top:0px;}
.st-feature-box h3 {
    color: #fff;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
}


/*contact*/
.map-cont{     margin-top: 10px;
    width: 56%;
    float: left;
    border: 1px solid #ddd;
    text-align: center; padding: 10px 0;}
.map-cont img{max-width:100%;}
	
.bx-rht-cont{    width:40%;
    float: left;
    margin-left: 3%; text-align: left;}
	
.bx-rht-cont a{cursor:pointer;}
.bx-rht-cont h2{text-align: left;
    font-size: 16px;
    font-weight: bold;     line-height: 18px; margin-top: 10px; margin-bottom:5px;}
	
.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: 16px;}
.cont-page p{font-size:14px; color:#fff;     line-height: 24px !important;}

.cont-page h2 span{    display: block;
    font-size: 14px;
    color: #999;
    font-weight: 500;
    margin-bottom: 10px;}
	
.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 .feature-box-image .fa {
    color: #fff;
    line-height: 30px;
    font-size: 30px;
    margin-top: 20px;
}
.cont-page .st-feature-box{    background: #0185d6;
    padding-top: 15px; margin-top: 10px;    color: #fff;
    padding-bottom: 10px; margin-bottom: 10px;     padding-right: 10px;}


/*contact*/
.table-responsive{padding: 0;}
/*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:85%; font-size: 15px; margin:0 auto; }
.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;}
}

/*--------------------------------------------------------------
# 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: 12px 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: 40px 0;
}

.section-bg {
  background-color: #f4f9fc;
}
.section-title::before {z-index:9;
    position: absolute;
    content: "";
    width: 60px;
    height: 10px;
    left: 50%;
    bottom: 0;
    margin-left: -30px;
    background: #0f5298;
}
.section-title::after {
    position: absolute;
    content: "";
    width: 180px;
    height: 2px;
    left: 50%;
    bottom: 4px;
    margin-left: -90px;
    background:#3c98db;
}
.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:#3c98db; top: 40%; border-radius: 50%; opacity: 0; transition: .3s;}
.bnr-sec .carousel-dark .carousel-control-next-icon, .bnr-sec .carousel-dark .carousel-control-prev-icon { filter: invert(0) grayscale(0);
}
.bnr-sec:hover .carousel-control-next{opacity: 1; right: 50px;}
.bnr-sec:hover .carousel-control-prev{opacity: 1; left: 50px;}
.bnr-sec .carousel-caption h2{font-size: 55px; font-weight: bold; margin-bottom: 16px; text-transform: uppercase; animation: fadeInRight 2000ms ease-in-out; color:#3c98db;}
.bnr-sec .carousel-caption h4{font-size: 25px; font-weight: bold; margin-bottom: 16px; text-transform: uppercase; animation: fadeInRight 2000ms ease-in-out; color:#3c98db;}
.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:20px; 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;    top: 100px;}
.bnr-sec .carousel-indicators{display:none;}
/*bnr-sec*/



.container-fluid.bg-black.position-relative img{width: 150px; margin: 15px 0;}
.elementor-shape-top {
    top: -1px;
}
.elementor-shape {
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 0;
    direction: ltr;
    
}
    .elementor-shape-top {
        top: -1px;
}
.text-justify{text-align: justify;}
.elementor-shape-top .elementor-shape-fill {
    fill: #F3F3F3;
}
.elementor-shape.elementor-shape-fill {
    fill: #fff;
    transform-origin: center;
    transform: rotateY(0deg);
}
.elementor-shape svg {
    display: block;
    width: calc(100% + 1.3px);
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.elementor-background-overlay {height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: #000000;
    opacity: 1;
    transition:0.3s, border-radius 0.3s, opacity 0.3s;
}

/*bnr-btm-sec*/
.bnr-btm-sec{position:relative; margin-top:-50px}
.bnr-btm-sec .btm-bx{position:relative; overflow:hidden;  background-color: #fff; padding:50px 20px 20px; border-radius: 10px; margin-bottom:40px;}
.bnr-btm-sec .btm-bx .icn{position:relative; text-align:center;float: left; }
.bnr-btm-sec .btm-bx .icn .fa{position:relative; width:100px; height:100px;  color:#fff; font-size:30px; line-height:90px;}
.bnr-btm-sec .btm-bx .icn:before {content: ""; z-index: 0; position: absolute; left: -119px;  top: 50%;  transform: translateY(-50%) skewX(-25deg); width: 200px; padding: 0; bottom: 0; height: 83px; transition: all .3s;background: #3c98db;}
.bnr-btm-sec .btm-bx:hover .icn:before {background: #115199;}
.btm-bx-cont{ width: 75%; float: right;}

/*bnr-btm-sec*/

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about { background:#f2f2f2; padding: 50px 0 50px;  position: relative;  overflow: hidden;}
.about .container { position: relative; z-index: 10;}
.about .content {padding: 10px 30px 0 30px;}
.about .content p {margin-bottom: 10px; text-align:justify; line-height:26px;}
.border-inner{ position: relative;}
.rd-mr .btn-primary{ color: #FFFFFF; background-color: #3c98db;  border-color: #3c98db;font-family:Oswald;}
.rd-mr .btn-primary:hover{ color: #000;}
.about img{border-radius: 30% 70% 70% 30%/50% 50% 50% 50%; transition: .5s; max-width: 85%;    position: relative;}
.about figure{position:relative;    text-align: center;}
.about figure:before{ content:''; position:absolute;background:#3c98db;border-radius: 30% 70% 70% 30%/50% 50% 50% 50%; max-width:150px; height:100px; bottom:0; left:60%; right:0; margin:0 auto; z-index:9;}


/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services{position:relative;overflow: hidden; background:url(image/services-bg.jpg);}
.services .ser-bx{background: #fff; width: 100%; margin:10px auto;  margin-bottom: 40px; transition:.5s; align-items: center; margin-top:20px;}
.services .ser-bx:hover{background: #0f5298;}
.services .ser-bx:hover .rd-mr .btn-primary{background: #2b2825; color:#fff;}
.ser-bx{padding: 65px 30px 50px;}
.services .ser-bx:hover{background-position: center center; background-repeat: no-repeat; background-size: cover; color:#fff;}
.services .col-lg-4:nth-child(1) .ser-bx:hover{background:url(image/servbgpic1.jpg);}
.services .col-lg-4:nth-child(2) .ser-bx:hover{background:url(image/servbgpic1.jpg);}
.services .col-lg-4:nth-child(3) .ser-bx:hover{background:url(image/servbgpic1.jpg);}
.services .col-lg-4:nth-child(4) .ser-bx:hover{background:url(image/servbgpic1.jpg);}
.services .col-lg-4:nth-child(5) .ser-bx:hover{background:url(image/servbgpic1.jpg);}
.services .col-lg-4:nth-child(6) .ser-bx:hover{background:url(image/servbgpic1.jpg);}
.ser-bx .ser-tp-num{ width: 50px; height: 50px; line-height: 45px; position: absolute; top: 0; font-size: 18px; left: 50%;    font-weight: 800;
    -webkit-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 0;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #fff;
    border: solid 2px;background: #3c98db;}
.ser-bx .img-bx .fa{font-size: 60px; width: 80px; height: 80px; color:#3c98db; transition: .5s;}
.ser-bx:hover .img-bx .fa{color:#fff;}
.ser-bx:hover .ser-tp-num:before, .ser-bx:hover .ser-tp-num{border-color:#3c98db; background:#115199;}
.ser-bx .ser-tp-num h4{line-height:45px; transition: .5s;}
.ser-bx .ser-tp-num:before {background: #3c98db; content: "";  z-index: -1;  position: absolute;  left: 27px;  top: 50%;   transform: translateY(-50%) skewX(-23deg);  width: 31px; padding: 0; bottom: 0; height: 50px; transition: all .3s; border: solid 2px; border-left: 0;}


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

.text{ padding: 5px;
    background-position: center center;
    background-size: cover;
   webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    transition: all 0.3s ease-in-out;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
	opacity: 0;
    /*box-shadow: rgba(0,0,0,.33) 0 0 0 100px inset; color:#fff;*/
}
.ser-bx:hover .text{ opacity: 1; position: relative; -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);}
	
.servtp:hover .rd-mr{ display:none;}	
.servtp:hover .img-bx .fa{display:none;}

.ser-bx-btm .text{ opacity:1;  position: relative; -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);}

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

.career{background:url(image/career-img.jpg) no-repeat; padding:50px 0; background-attachment:fixed; background-size:cover;}

/*--------------------------------------------------------------
# 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-image: linear-gradient(to right, #000 , #2b2825); background-size: cover; color: #111; font-size: 15px;    overflow: hidden;}
footer .footer-tp .ft-icn{float: left; margin-right: 30px; font-size: 18px; font-weight: 600;background: #3c99dc;  box-shadow: 0 0 10px 0 rgb(0 0 0 / 8%); height: 46px; width: 46px; line-height: 46px; text-align: center; color: #fff;}
footer .footer-tp .ft-icn:before{content: ""; position: absolute; left: -16px; top: 50%; transform: translateY(-50%) skewX(-18deg); width: 70px; padding: 0; bottom: 0; height: 50px; transition: all .3s;  z-index: 0;background: #3c99dc; text-align:center;}
footer .footer-tp .ft-icn .fa{ font-size: 21px; line-height: 44px;  height: 50px;  position: relative;}
footer .footer-tp .addrs .ft-icn{margin-top:20px;}
footer .footer-tp .col-lg-4:last-child:before { content: ""; position: absolute; left: -50px; top: -12px; bottom: 0; right: 0;  transform: skewX(-19deg);  z-index: 0;  width: 1000px;  border-left: solid 8px #fff; background: #3c99dc;}
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) {
  .team .member {
    margin-bottom: 110px;
  }
  .services .icon-box{margin:15px auto;}
}

@media (max-width: 768px) {
  .about {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .nav-item:before, .nav-item:after{display: none;}
  #header img{margin:inherit;}
  .navbar-toggler{/*position: absolute; top: -60px; right: 0;*/}
.caption{width: 100%;}
.wback .caption{    top: 30%;}
.bnr-btm-sec{position:relative; margin-top:0px}
.carousel-caption{display: none;}

}
@media (max-width: 575px) {
  #footer .footer-top .footer-info {margin: -20px 0 30px 0;}
  .wback .caption{display:none;}
}
@media (max-width: 414px) {
}