@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body { font-family:Poppins !important;  color: #0c0c0c;  background-color: #ffffff;  overflow-x: hidden; font-size: 15px;}
.main-table{ font-family:Poppins; font-weight:normal; Font-size:15px; color:#333; line-height:24px; text-align:justify;}
p,.container{font-family:Poppins; Font-size:15px; text-align: start; line-height: 26px}
.container-fluid, container{font-size: 14px;}
.main-heading{ font-weight:bold; Font-size: 20px; color:#222; text-align:left; line-height:30px; border-bottom:1px #ccc dashed; text-transform:uppercase; margin-bottom:10px;}
.sub-heading{font-weight: 600;Font-size: 20px;color:#222;line-height:30px;text-align:left;margin:0;}
.team-title{ font-weight:bold; Font-size:14px; color:#222; line-height:30px; text-align:left;}   
.team_img {width: 140px;border: 6px solid #777;border-radius: 50%;}
.top_head_nav{   height: 90px;background-color: #fff;}
/*theme-dark*/
body.dark, body.dark .about-section, body.dark .career-section {background-color: #000;color:#fff;} /* #9b59b6 */
#HomepagecontentControl_C > center > table{margin-top: 0 !important;}
body.dark .theme-dark,body.dark .social-icon{background-color: #fff; color:#292c35;}
body.dark h1, body.dark .heading h2, body.dark .support a {color: #101010;}
body.dark .bg-1{background-color: #000;}
.theme-dark .checkbox {
  opacity: 0;
  position: absolute;
}
body.dark .innr-pg-c h1{color:#fff}
body.dark .innr-pg-c:after {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-image: linear-gradient(22deg, #000 60%, #525252);
}
body.dark .about-section{}
.table-responsive{overflow: initial; padding: 0;}
.web-logo-2{display: none;}
.dark .web-logo-1{display: none;}
.dark .web-logo-2{display: inline-block;}
.theme-dark .checkbox-label {
  background-color: #111;
  width: 50px;
  height: 26px;
  border-radius: 50px;
  position: relative;
  padding: 5px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.theme-dark{transform: rotate(-90deg);background: rgb(255 255 255 / 70%);right:-62px;z-index: 999;color: #000;}
.social-icon{background: rgb(255 255 255 / 70%);}
.social-icon i{color: #000;}
.theme-dark .fa-moon-o{color: #f1c40f;}
.theme-dark .fa-sun-o{color: #f39c12;}
/* .theme-dark .d-head{position: absolute; top: 8px; right: 60px;background: rgb(255 255 255 / 50%);}
.theme-dark .l-head{position: absolute; top: 8px; right: -50px;background: rgb(255 255 255 / 50%);} */
.theme-dark .checkbox-label .ball {background-color: #fff; width: 22px; height: 22px; position: absolute;  left: 2px; top: 2px; border-radius: 50%; transition: transform 0.2s linear; transform: translateX(0px);}

.dark .theme-dark .checkbox-label .ball {
  transform: translateX(24px);
}
/* .dark .theme-dark .checkbox:checked + .dark .checkbox-label .ball {
  transform: translateX(24px);
} */
.dark .carousel-section::before{background: rgb(0 0 0 / 75%);}
.dark .carousel-section .banner-content * {color: #fff;}
.dark header .h-2{display: block;}
.dark header .h-1{display: none;}
.dark .top_head_nav{    background-color: #000;}
header .h-2{display: none;}
header .h-1{display: block;}
/*theme-dark*/
#widgetsControl, #widgetsControl_C{height: inherit !important;}
/***/

@keyframes rotateText {
  0% {transform: rotate(360deg);}
  100% {transform: rotate(0deg);}
}
.about1-section-area{margin:30px 0;}
.circle-button {position: relative; width: 160px; top: 0; left: 0; right: 0; margin: 0 auto;}
.rotate-circle {animation-name: rotateCircle;animation-duration: 20s;animation-iteration-count: infinite;animation-timing-function: linear;}
@keyframes rotateCircle {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
.text-u {text-transform: uppercase !important;}
.fz-30 {font-size: 30px !important;background: #fcfbff;border-radius: 50%;box-shadow: 1px 1px 6px #989797;}
.circle-button .rotate-circle svg {width: 160px;fill: #000;position: relative;}
.circle-button .icon {position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}

/***/
a,  a:hover, a:focus { text-decoration: none;}   
.text-justify{text-align: justify;} 
a:hover, a:focus {color: initial; }    
.btn, .btn:focus { outline: none !important; -webkit-box-shadow: none; box-shadow: none;}
.bg-1{background: #003c57;}
.bg-2{background: #51b946;}
.border-color-1{border-color:#0f0e47;}
.fs-12{font-size: 12px;}
.maps{ text-align:center;}
#divmainenquiry11 .close { position: absolute; right: 14px; font-size: 30px; cursor: pointer;}
.RadDock .rdContent{font-family:Poppins !important; }
 /*header section*/ 

 /*header section*/
 #HeaderControl .rdCenter, #MenuControl .rdCenter{background: transparent !important;}
/*nav-bar*/
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
#MenuControl .bg-light{background-color: transparent !important; height:100%;}
/* #MenuControl .nav-link:focus,#MenuControl .nav-link:hover, #MenuControl .dropdown-item:focus, #MenuControl .dropdown-item:hover{background-color:#000 !important; color:#fff !important;} */
.nav-link{font-weight: 600; color:#000;}
.dark .nav-link{color:#fff;}
.dark .other-section{background: #000 !important;}
.nav-fill{width:100%; font-size: 15px;}
.nav-item a{font-size:15px;}
.navbar-brand{margin:0;}
.RadGrid_Default .rgHoveredRow{background:#c5c5c5 !important;}
.navbar-toggler{background: #fff;}
/*  */
   /*  */
.dropdown-item {font-size: 14px;padding: 6px 12px !important;}
.dropend .dropdown-menu[data-bs-popper]{left: auto;right: 100%;}
.dropdown-menu {border-radius: 0;}
/*nav-bar*/
/*banner*/   
.carousel-section{background: url(../image/bg-img-3.jpg); background-size: cover; position: relative; background-attachment: fixed; z-index: 0;}
.carousel-section::before{content: ''; position: absolute; top: 0; width: 100%; background: rgb(255 255 255 / 70%); z-index: 1; height: 100%; }
.carousel-section .banner-content{z-index: 9; position: relative;}
.banner-content{ padding: 40px;}
.banner-content h2 {font-size: 56px;color: #000;font-weight: bold;}
.banner-content p { font-size: 16px; margin: 0px;}
.actv{color: #ffffff;background-color: #003c57 !important;}
.btn-1:hover {color: #ffffff;background-color: #185889;}
.btn-1 {font-size: 16px; color: #ffffff; text-align: center; padding:10px 25px; border-radius: 40px;border: 1px solid #fff;}
.carousel-section .carousel-indicators [data-bs-target]{height: 30px; border-radius: 50%; opacity: 1;}
.carousel-indicators .active {background-color: #000;}
/*banner*/
/*heading*/
.heading h2{width: 100%;font-size: 52px;font-weight: bold;position: relative;color: #212529;}
/*title*/
/*About us*/
.about-section .img-box{padding-left: 22px; padding-top: 37px; position:relative;}
.about-section .img-box img{animation: mover 3s infinite alternate;}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}

/*About Us*/
.other-bx {
    background: #2b2b2b99;
    margin: 15px 0;
    backdrop-filter: blur(3.5px);
    border-radius: 5px;
  }
.other-bx p {text-align: center;line-height: 1.6;}
 .service-section .col-lg-4{ margin: 15px 0;}
/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/

.service-section{position:relative; padding: 60px 0;background-attachment: fixed;}
.other-section:before{content:''; position: absolute; height: 100%; background: rgba(254, 254, 254, 0.75); top: 0; width: 100%; right: 0; z-index: 0;}
.dark .service-section:before{background: rgba(0, 0, 0, 0.6);}
.dark .other-bx .fa{color: #0f0e47;}
.dark .ser-bx{background: #003c57;}
.dark .ser-bx h4, .dark .ser-bx p{color: #fff;}
.service-section .heading{position:relative; z-index: 1;}
.ser-bx {
    background: #003c57;
    backdrop-filter: blur(3.5px);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 100%;
    cursor: pointer;
    }
/**/
.card-inner {
  position: relative;
  width: 100%;
  min-height: 280px;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.card:hover .card-inner {
  transform: rotateY(180deg);
}

.card-front,
.card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
}
.card-front p { text-align: center}
.card-back {display: flex; align-items: center;
  color: white;
  transform: rotateY(180deg);
}
/**/
.other-section {position:relative;background: url(Image/ser-bg-hm.jpg);padding: 60px 0;background-attachment: fixed;}
.other-bx .img-bx{padding:8px;width: 80px;height: 80px;background: #fff;box-shadow:-3px 5px 10px #999;text-align: center;border: 3px solid #9d9895;border-top: 0;border-right: 0;border-bottom-left-radius: 20px;}
.ser-bx .img-bx{padding:8px;width: 80px;height: 80px;background: #fff;box-shadow:-3px 5px 10px #666;text-align: center;border: 3px solid #003c57;border-top: 0;border-right: 0;border-bottom-left-radius: 20px;}
.ser-bx .img-bx .fa{font-size: 40px;line-height: 60px;text-align: center;color: #63ad49;}
.ser-bx .img-bx .fa-arrow-right{font-size: 20px; background: #003049; line-height: 40px; border-radius: 50%; width: 40px; height: 40px;  text-align: center; color:#eee;}
.ser-bx p a{font-weight: 600;line-height: 30px;text-decoration: underline;font-style: italic;transition: .5s;background: #63ad49 !important;}
/* .ser-bx:hover p a{color: #0f0e47;} */
.career-img {margin-left: -8rem;  z-index: 5; position: relative;}
.dark .career-cont{background: #000;}
.dark .career-cont p{
    color: #fff;
}
.career-cont{background: linear-gradient(0deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.6) 100%);
    backdrop-filter: blur(3.5px);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    padding: 7rem 9.5rem 7rem 5rem;
    margin: 0;
    overflow: visible;
    position: relative;}


/*query*/
.query-section{background: url(Image/query-bg.jpg);background-attachment: fixed;background-repeat: no-repeat;background-size: cover;position: relative;padding: 3% 0 5% 0;}
.query-section:before {
  content: '';
  position: absolute;
  height: 100%;
  background: rgba(254, 254, 254, 0.5);
  top: 0;
  width: 100%;
  right: 0;
  z-index: 0;
}
.dark .query-section:before{background: rgba(0, 0, 0, 0.6);}
.dark .query-section .innr-cont p a{color: #fff;}
.query-section .innr-cont p a{color: #000;}
.query-section .innr-cont{background: linear-gradient(0deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.6) 100%);
  backdrop-filter: blur(3.5px);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  margin: 0;
  overflow: visible;
  position: relative;}

/*query*/

/*footer*/
#FooterrControl1_lbl_hitsCounter, #FooterrControl1_lbl_hitMessage{color: #fff !important;}
#FooterrControl1_Footer{margin-top: 0 !important;}
.social-icon a:hover{color: #000;}
footer{font-size: 15px;}
footer .ft .fa{font-size: 20px; line-height: 30px; padding: 3px 10px; border: 1px solid #eee; width: 40px;    height: 40px;}
footer a{color: #eee;}
footer a:hover{color: #fff;}
/*footer*/
/*fix menu*/
@media (min-width: 991px){
/* #HeaderControl, #MenuControl{ transition:.3s;} 
 .body-fx #HeaderControl, .body-fx #MenuControl{position:fixed; top:0; height:70px; transition:.3s;}
.body-fx #HeaderControl{width:33%; float:left; left:0;}
.body-fx #MenuControl{width:67%; float:right; right:0;}*/
}
 @media(min-width:768px){
 #HeaderControl{position:absolute; left: 0; top: 0; z-index: 1}
 #MenuControl{position:absolute; right: 0; top: 0px; z-index: 1;}

}
/*fix menu*/
@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, .dropdown-menu{font-size: 13px;}
.fixed-top { position: relative;}
	}
@media (max-width: 769px){
#widgetsControl_C, #widgetsControl, #MenuControl, #MenuControl_C{height:initial !important}
}
a, a:hover{text-decoration:none !important;}
@media (max-width: 767px){
  .top_head_nav{display: none;}
.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;}
 header {text-align: center;}
 .dark  #HeaderControl, .dark  #MenuControl{background-color: #292c35;}
}

@media(max-width:568px){
	.career-cont{padding:15px;}
  .query-section .innr-cont{padding: 15px !important;}
}
@media(max-width:480px){
	
}



@media (max-width: 414px){
}


/*---------------------------------------
innr-pg-c 
----------------------------------------*/
.otherpagecss #RadDockZone1.container{max-width: 100%;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table{margin-top:0 !important;}
.innr-pg-c{margin-bottom: 20px;padding: 32px 0;position: relative;background:url(../Image/inner-bg-img.jpg) no-repeat right/cover scroll;}
.innr-pg-c h1{font-weight: 700;font-family: "Poppins", serif;Font-size: 26px;color: #fff;text-align: left;border-left: 3px #fff solid;text-transform: uppercase;position:relative;z-index:1;border-radius: 4px;padding: 5px 0 5px 20px;}
.innr-pg-c:after{content:'';position:absolute;left:0px;right:0px;top:0px;width:100%;height:100%;z-index: 0;background-image: linear-gradient(22deg, #000 60%, #525252);}
/*---------------------------------------
contact page
----------------------------------------*/
.cont-page h2{font-weight: 700;color: #111;font-size: 19px;margin-top: 0;text-transform: uppercase;margin-bottom: 18px;margin-top:10px;}
.cont-page .st-feature-box{background: #000;padding-top: 10px;padding-bottom: 17px;margin-bottom: 6px;padding-right: 25px;color: #fff;font-size: 15px;}
.cont-page .feature-box-image{    margin-top: 13px;}
.cont-page .feature-box-image .fa{color: #fff; font-size: 30px;}
.brnh-off p{margin-bottom:2px;}
.st-feature-box {padding-left: 58px;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: 500;}
.cont-soc img{margin-right:5px;}



.img-bx.my-3.m-auto.rounded-circle .fa {
    color: #003c57;
}

.counts {padding: 7% 0;background: #003c57;background-size: cover;background-attachment: fixed;}
.counts .count-bx {padding: 30px;background: #fff;box-shadow: -3px 5px 10px #666;}
.counts .count-bx h2 {color: #63ad49;text-align: center;font-size: 42px;font-weight: 600;margin: 0 0 10px 0;}
.counts .count-bx p {/* color: #fff; */margin: 0;font-size: 18px;font-weight: 500;text-align: center;} 

.industry-card img { width: 50px; margin: 0 0 10px 0; }
.industry-card p {font-size: 14px;margin: 0;text-align: center;}

@media (min-width: 320px) and ( max-width: 767px) {
  .heading h2 { font-size: 30px;}
  .banner-content h2 { font-size: 27px;}
}

center #form1 #HeaderControl { position: relative; margin: 0 0 10px 0}
#HomepagecontentControl_C { padding: 0 0 5% 0}

.go-ahead { padding: 5% 0; background-image: url(image/bg1.jpg); background-attachment: fixed; background-size: cover;}
.go-ahead .card1 .icon { display: inline-block; width: 90px; height: 90px; box-shadow: -3px 5px 10px #999; background: #fff; border-radius: 50%; margin: 20px 0; padding: 24px;}
.go-ahead .card1 h4 { color: #003049; font-size: 21px; font-weight: 600;}

.branch-card .card-inner { min-height: 120px;}
.branch-card .ser-bx {background: rgba(255, 255, 255, .7);border: 1px solid #000;margin: 10px 0;}
.branch-card .card-front i {font-size: 56px;margin: 0 0 15px 0;}
.branch-card .card-front h4 {text-transform: uppercase;font-size: 22px;letter-spacing: .5px;}
.branch-card .card-back { color: #0c0c0c;}
.branch-card .card-back p { font-size: 13px;}
.branch-card .card-back p a { background: #003049 !important; color: #fff; display: inline-block; padding: 0 7px; font-size: 13px; font-weight: 400; border-radius: 3px; margin: 5px 0 0 0;}

@media (min-width: 320px) and (max-width: 991px) {
	.branch-card .card-back p { font-size: 12px; line-height: 1.4}
}

@media (min-width:992px) and (max-width:1200px){
	.branch-card .card-inner { min-height: 140px;}
	.branch-card .card-back p { font-size: 12px; line-height: 1.5}
	.branch-card .card-front h4 { font-size: 18px;}
	.branch-card .card-back p a { font-size: 12px}
}
@media (min-width: 1201px) and ( max-width:1400px) {
	.branch-card .card-back p { line-height: 1.4; margin: 0}
	.branch-card .card-front h4 { font-size: 20px;}
}