@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
*{  font-family: "Manrope", sans-serif !important;}
.fa{font-family:"fontawesome" !important;}
h1,h2,h3,h4,h5,h6{font-family: "Nunito", sans-serif !important;}
a {color: #000; text-decoration:none;}
p{color: #575d6e;line-height: 27px;font-size: 16px; margin-bottom: 8px} 
b,strong{color: #000000dc;}
section.bnr{padding:0;}
img{max-width:100%;}
#divmainenquiry11 .close { position: absolute; right: 14px; font-size: 30px; cursor: pointer;}
a{text-decoration: none;} 
#widgetsControl_C, #widgetsControl {height: auto !important;}
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {padding: 60px 0;}
  /* background-color */
 .bg-1{background-color:#0d83fd;;}
 .bg-2{background-color :#f9f9f9;}
  /* Text-color */
 .cl-1{color:#0d83fd;;}
 .cl-2{color :#212529;}

  /* Font-Size */
 .fs-14{font-size: 14px;}
 .fs-15{font-size: 15px;}
 .fs-18{font-size: 18px;}
 .fs-22{font-size: 22px;}
 .fs-62{font-size: 62px;}
  /* Font-weight */
  .fw-300{font-weight: 300;}
  .fw-500{font-weight: 500;}
  .fw-600{font-weight: 600;}
  .fw-700{font-weight: 700;}
  .fw-800{font-weight: 800;}
  .fw-900{font-weight: 900;}
  /* hm_heading */
.hm_heading{ color: #212529; font-size: 36px;font-weight: 700;margin-bottom: 40px;padding-bottom: 10px;position: relative;}
.hm_heading.text-center::after { content: "";position: absolute;display: block;width: 50px;height: 3px;left: 0px;right: 0px;bottom: 0px;background: #0d83fd;margin: auto;}
.hm_heading::after { content: "";position: absolute;display: block;width: 50px;height: 3px;left: 0px;bottom: 0px;background: #0d83fd;margin: auto;}

/*  */
.rm-btn {display: inline-block; background-color: #0d83fd;border:3px solid #0d83fd;color: #fff;padding: 10px 20px;border-radius: 50px;font-weight: 500;transition: all 0.3s ease;}
.rm-btn:hover {background-color:#0168d6f8 ;color: #fff;border:3px solid #0168d6f8;}

/*  */
.fix_line{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;overflow: hidden;}
/*  */
.main-table{ Font-size:15px; color:#333; line-height:24px; text-align:justify; padding: 0 5px;}
.main-heading{font-weight:bold;Font-size: 25px;color:#000;line-height:36px;text-align:left;margin-bottom: 10px;padding: 0;}
.sub-heading{font-weight:bold;Font-size: 24px;color:#333;line-height:30px;margin:0;text-align:left;}
 /* text-justify */
 .text-justify{text-align: justify;}
 .table-responsive {overflow: hidden;padding: 0;}
   /*  */
.dropdown-item {font-size: 14px;padding: 2px 12px !important;}
.dropdown-item:focus, .dropdown-item:hover {color: #fff;background-color: #0d83fd;}
.dropend .dropdown-menu[data-bs-popper]{left: auto;right: 100%;}
.dropdown-menu {border-radius: 0;}

/*--------------------------------------------------------------
# header
--------------------------------------------------------------*/
.header {width: 100%;z-index: 9;position: absolute; top: 10px; }
.header .container{background: #fff;padding: 5px;border-radius: 50px;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);}

/*--------------------------------------------------------------
# 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{ color:#0d83fd;}
.nav-link{font-weight: 500;color:#000;}
.nav-fill{width:100%; font-size: 15px;}
.navbar-brand{margin:0;}
.nav-item{position:relative;}
.navbar-nav .nav-item:last-child a {color: #0d83fd;}
@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;}
}

/*--------------------------------------------------------------
# banner Section
--------------------------------------------------------------*/
.banner {position: relative;padding-top: 160px;padding-bottom: 40px;background: linear-gradient(135deg, color-mix(in srgb, #0d83fd, transparent 95%) 50%, color-mix(in srgb, #0d83fd, transparent 98%) 25%, transparent 50%);}
.banner::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(circle at 90% 10%, color-mix(in srgb, #0d83fd, transparent 92%), transparent 40%);pointer-events: none;}
.banner .banner-content {position: relative;z-index: 1;}
.banner .banner-content h1 {font-size: 56px;font-weight: 700;line-height: 1.2;margin-bottom: 20px;color: #212529;}
.banner .banner-content span {color: #0d83fd; font-family: "Nunito", sans-serif !important;}
.banner .banner-top {display: inline-flex;align-items: center;padding: 10px 16px;background-color: #0d83fd;border-radius: 50px;color: #fff;font-weight: 500;}
.banner .banner-top i {font-size: 26px;}
.banner .banner-image {position: relative;text-align: center;z-index: 1;}

.banner .bnr_cont {position: absolute;bottom: 10px;right: 30px;background-color: #fff;padding: 16px;border-radius: 10px;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);max-width: 300px;animation: float-badge 3s ease-in-out infinite;will-change: transform;}
.banner .stats-row {position: relative;z-index: 1;background-color: #fff;border-radius: 20px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);padding: 40px 24px;margin-top: 25px;}
.banner .stat-item {display: flex;align-items: center;gap: 16px;}
.banner .stat-item .stat-icon {flex-shrink: 0;width: 64px;height: 64px;display: flex;align-items: center;justify-content: center;background-color: #0d83fd;border-radius: 50px;transition: 0.3s;}
.banner .stat-item .stat-icon i {font-size: 26px;color: #fff;}
.banner .stat-item:hover .stat-icon {background-color: #0168d6f8;}
.banner .stat-item:hover .stat-icon i {color: #fff;}
.banner .stat-item .stat-content {flex-grow: 1;}
.banner .stat-item .stat-content h4 {font-size: 28px;font-weight: 800;}
.banner .stat-item .stat-content p {font-size: 16px;margin: 0;line-height: 20px;font-weight: 400; color: #000;}
@media (max-width: 575px) {
  .banner .stat-item {padding: 10px;}
}
@keyframes float-badge {
  0% {transform: translateY(0);}
  50% {transform: translateY(-10px);}
  100% {transform: translateY(0);}
}

@media (max-width: 992px) {
  .banner .banner-content {text-align: center;margin-bottom: 10px;}
  .banner .banner-content h1 {font-size:42px;}
  .banner .banner-content .banner-buttons {justify-content: center;}
}
@media (max-width: 575px) {
  .banner .banner-content h1 {font-size: 32px;}
}

/*--------------------------------------------------------------
# abt_sec
--------------------------------------------------------------*/
.abt_sec{text-align: justify;}
.abt_sec .image-wrapper {position: relative;}
.abt_sec .image-wrapper .small-image {position: absolute;top: 20%;left: -10%;width: 45%;border: 8px solid #fff;}
.abt_sec .image-wrapper .experience-badge {position: absolute;bottom: 5%;right: 5%;background-color: #0d83fd;color: #fff;padding: 30px;border-radius: 8px;text-align: center;min-width: 200px;animation: experience-float 3s ease-in-out infinite;}
.abt_sec .image-wrapper .experience-badge h3 {color: #fff;font-size: 28px; font-weight: 600; margin-bottom: 5px;line-height: 0.5;}
.abt_sec .image-wrapper .experience-badge h3 span {font-size: 20px;display: inline-block;margin-left: 12px;}
.abt_sec .image-wrapper .experience-badge p {margin: 0px;font-size: 15px;color: #fff;}
@media (max-width: 992px) {
  .abt_sec .image-wrapper {padding-left: 0;display: flex;flex-direction: column;}
  .abt_sec .image-wrapper .images {display: flex;flex-direction: column;gap: 20px;}
  .abt_sec .image-wrapper .main-image {margin-left: 0;}
  .abt_sec .image-wrapper .small-image {position: static;width: 100%;margin: 0 auto;border: 0;}
  .abt_sec .image-wrapper .experience-badge {position: static;width: fit-content;margin: 0 auto;}
}
@keyframes experience-float {
  0% {transform: translateY(0);}
  50% {transform: translateY(-10px);}
  100% {transform: translateY(0);}
}
/*--------------------------------------------------------------
# carrer
--------------------------------------------------------------*/
.career {}
.career-bg {background-color: transparent;background:url(./Image/git-bg.jpg) no-repeat center center/cover fixed;padding: 80px;border-radius: 15px;overflow: hidden;position: relative;border-radius: 20px;}
.career-bg:before {content: "";background: rgba(0, 0, 0, 0.8);position: absolute;inset: 0;z-index: 2;}
.career .container .content {position: relative;z-index: 3;}
.career h3 {color: #fff;font-size: 28px;font-weight: 700;margin-bottom: 20px;}
.career p {color: #fff;margin-bottom: 20px; font-size: 16px;}
.career .rm-btn:hover {background-color:#fff ;color: #0d83fd;border:3px solid #0168d6f8;}
@keyframes pulsate-btn {
  0% {transform: scale(0.6, 0.6);opacity: 1;  }
  100% {transform: scale(1, 1);opacity: 0;  }
}
@media (max-width: 767px) {
  .career-bg {padding: 20px;}}
/*--------------------------------------------------------------
# Services Section
--------------------------------------------------------------*/
.services .service-item {background-color: #fff;padding: 40px;box-shadow: 0px 0 30px rgba(0, 0, 0, 0.1);height: 100%;}
.services .service-item .icon {width: 48px;height: 48px;position: relative;margin-bottom: 40px;}
.services .service-item .icon i {color: color-mix(in srgb, #212529, transparent 5%);font-size: 56px;transition: ease-in-out 0.3s;z-index: 2;position: relative;}
.services .service-item .icon:before {position: absolute;content: "";height: 100%;width: 100%;background: color-mix(in srgb, #0d83fd, transparent 95%);border-radius: 50px;z-index: 1;top: 10px;right: -20px;transition: 0.3s;}
.services .service-item h3 {color: color-mix(in srgb, #212529, transparent 5%);font-weight: 800;margin: 0 0 20px 0;padding-bottom: 8px;font-size: 22px;position: relative;display: inline-block;border-bottom: 4px solid color-mix(in srgb, #0d83fd, transparent 90%);transition: 0.3s;}
.services .service-item p {line-height: 24px;font-size: 15px;margin-bottom: 0;color: #000;}
.services .service-item .readmore {margin-top: 15px;display: inline-block;color: #000;}
.services .service-item:hover .icon i {color: #212529;}
.services .service-item:hover .icon:before {background: #0d83fd;}
.services .service-item:hover h3 {border-color: #0d83fd;color: #212529;}
.services .service-item:hover .readmore {color:#0d83fd}
/*--------------------------------------------------------------
# Contact Section
--------------------------------------------------------------*/
.contact .info-box {background-color: #0d83fd;color: #fff;padding: 40px;border-radius: 16px;height: 100%;}
.contact .info-box h3 {color: #fff;font-size: 40px;font-weight: 700;margin-bottom: 30px;}
.contact .info-box p {opacity: 0.8;margin-bottom: 20px;}
.contact .info-box a {color: #fff;}
.contact .info-item {display: flex;gap: 20px;margin-bottom: 26px;}
.contact .info-item:last-child {margin-bottom: 0;}
.contact .info-item .icon-box {width: 60px;height: 60px;background-color: color-mix(in srgb, #fff, transparent 85%);border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0;transition: 0.3s;}
.contact .info-item .icon-box i {font-size: 28px;color: #fff;}
.contact .info-item:hover .icon-box {background-color: color-mix(in srgb, #fff, transparent 70%);}
.contact .info-item .content h4 {color: #fff;font-size: 22px;margin: 8px 0;font-weight: 700;}
.contact .info-item .content p {font-size: 16px;color: #fff;}
.contact .info-item .content p:last-child {margin-bottom: 0;}
.contact .contact-form {background-color: #fff;padding: 40px;border-radius: 16px;height: 100%;box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);}
.contact .contact-form h3 {font-size: 40px;margin-bottom: 30px;font-weight: 700;color: #212529;}
.contact .form-control{ border-radius: 0;  padding: 15px;}
@media (max-width: 992px) {
  .contact .info-box {padding: 20px;}
  .contact .contact-form {padding: 20px;  }
}
@media (max-width: 767px) {
  .contact .info-box h3 {font-size: 32px;}
  .contact .contact-form h3 {font-size: 32px;}
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.footer {background-color: #212529;font-size: 14px;padding-top: 30px;position: relative;}
.footer h3 {font-size: 36px;font-weight: 700;position: relative;padding: 0;margin: 0 0 15px 0;}
.footer p {font-size: 15px;font-style: italic;padding: 0;margin: 0 0 30px 0;}
.footer .social-links {margin: 0 0 30px 0;}
.footer .social-links a {font-size: 16px;display: flex;align-items: center;justify-content: center;background: #0d83fd;color: #fff;line-height: 1;margin: 0 4px;border-radius: 50%;text-align: center;width: 36px;height: 36px;transition: 0.3s;}
.ft_link a{color: #eee;}
.ft_link a:hover{padding-left: 5px;transition: 0.3s ease-in-out;color: #0d83fd;}
.footer .map_text .fa{width: 35px; transition: .3s; border-radius: 3px; flex: none; height: 35px; color: #fff; padding: 5px; line-height: 25px; text-align: center; border: 1px solid #4680d5;}
.footer .map_text:hover .fa{background: #0d83fd;}
.footer .map_text{line-height: 19px;}
/*  */
.top {position: fixed;right: 18px;bottom: 30px;text-align: center;color: #fff;border-radius: 50%;background-color:#0d83fd ;width: 50px;height: 49px;line-height: 49px;z-index: 999;cursor: pointer;opacity: 0;transition: ease-in 0.5s;display: flex;justify-content: center;align-items: center;}
.top.scll-top {  opacity: 1; transition: ease-in 0.5s;  bottom: 56px;}
.top .fa { display: block !important;}