@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
body { margin: 0; padding: 0; font-family: "Inter", sans-serif; overflow-x: hidden;}
p, li {color: #374151;font-size: 15px;line-height: 1.6;letter-spacing: .3px;margin: 0 0 12px 0;font-family: "Inter", sans-serif;font-weight: 350;}
.main-table li {color: #374151; font-size: 16px;line-height: 1.6;margin: 0 0 10px 0;font-family: "Inter", sans-serif; font-weight: 350;}
a { text-decoration: none !important; font-family: "Inter", sans-serif;}
h1, h2, h3, h4, h5, h6 { font-family: "Inter", sans-serif; color: #111827;}

.main-table { text-align: left; padding: 5% 0;}

#widgetsControl_C, #widgetsControl{ height: auto !important;}
#Div_body .container-fluid { margin: 0; padding: 0;}


#MenuControl .nav-item { margin: 0}
#MenuControl .nav-item .nav-link {color: #0f152f;font-size: 14px;font-weight: 400;letter-spacing: .3px;}
#MenuControl .nav-fill{ width:100%;}
#MenuControl .bg-light {background: #fff!important;height: 100%; padding: 0 0 0 10%}

#HeaderControl.RadDock_Default .rdMiddle .rdCenter, #HeaderControl.RadDock_Default .rdBottom .rdCenter { background-color: transparent !important;}
#MenuControl_C .bg-light {--bs-bg-opacity: 1;background-color: transparent !important;height: 100%;/* box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.21); */}
#MenuControl.RadDock_Default .rdMiddle .rdCenter, #MenuControl.RadDock_Default .rdBottom .rdCenter { background-color: transparent !important;}

#HeaderControl, #MenuControl, #MenuControl_C {height: 90px !important;}

#HomepagecontentControl_C { margin: -20px 0 0 0 !important}
@media (min-width: 320px) and (max-width: 768px ){
  .navbar-toggler { position: absolute; right: 15px; top: -60px; background: #fff}
  #MenuControl, #MenuControl_C { height: 0 !important;}
  #HeaderControl, #HeaderControl_C {height: 75px !important;background: #eeeced;}
  .navbar-collapse {background: #eeeced;margin-top: -10px}
}

/* innr-pg-c Start */
.otherpagecss #RadDockZone1.container { max-width: 100%;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table { margin-top: 0 !important;}

.heading {font-size: 32px;font-weight: 700;color: #111827;letter-spacing: .5px;margin: 0 0 20px 0;}
.title {font-size: 17px;color: #111827;line-height: 1.4;font-weight: 500;}
.team-name {font-size: 22px;color: #0f152f;font-weight: 600;margin: 5px 0 15px 0;}
.sub-heading { font-size: 22px; font-weight: 600; color: #111827; letter-spacing: .5px; margin: 0 0 20px 0; border-bottom: 1px dashed #ddd; padding: 5px 0;}
.custom-btn { display: inline-block; background: #2563eb; padding: 16px 34px; border-radius: 8px; color: #fff; font-weight: 600; letter-spacing: .3px; margin: 0 10px 0 0; transition: all .3s ease-in-out;}
.custom-btn img { transition: all .3s ease-in-out;}
.custom-btn:hover { background: #1d4ed8; color: #fff;}
.custom-btn:hover img { transform: translateX(5px);}
.border-left1 { border-left: 1px solid #2159e2}
.bg1 {background: #f1f1f1;}
.bg2 { background: #2159e2 !important;}

header {padding: 12px 0;}

.banner-section { background: linear-gradient(45deg, #dfecfe, #fff); padding: 5% 0;}
.banner-section .left-content h6 { background: #dbeafe; padding:11px 18px; border-radius: 20px; font-size: 14px; color: #1d4ed8; display: inline-block; line-height: 1; font-weight: 600; margin: 0 0 20px 0;}
.banner-section .left-content h6 img { width: 13px; margin: -4px 5px 0 0;}
.banner-section .left-content h1 {font-size: 54px;font-weight: 800;line-height: 1.14;color: #111827;letter-spacing: 1.2px;margin: 0 0 15px 0;}
.banner-section .left-content .title { margin:28px 0 20px 0; font-weight: 500; color: #374151;}
.banner-section .left-content .title img { margin: 0 10px 0 0;}
.banner-section .left-content .btn2 {display: inline-block;background: #22c55e;padding: 17px 34px;border-radius: 8px;color: #fff;font-weight: 600;letter-spacing: .3px; transition: all .3s ease-in-out;}
.banner-section .left-content .btn2:hover { background: #16a34a;}
.banner-section .left-content .btn2 img {width: 16px;margin: -2px 7px 0 0;}
.banner-section .left-content hr { margin: 30px 0; opacity: .14;}
.banner-section .left-content .counter h2 { color: #2563eb; font-size: 27px; font-weight: 800; margin: 0;}
.banner-section .left-content .counter p { font-size: 14.5px;}
.banner-section .right-text {position: relative;}
.banner-section .right-text::after{ content: ''; position: absolute; width: 100%; height: 100%; background: #2562e9; top: 0; left: 0; transform: rotate(3deg); border-radius: 15px; z-index: 1;}
.banner-section .right-card {position: relative;z-index: 2;background: #fff;padding: 30px;box-shadow: rgb(100 100 111 / 28%) 0px 7px 29px 0px;border-radius: 15px;}
.banner-section .right-text .icon img { width: 52px; height: 52px; background: #dbeafe; margin: 0 15px 0 0; padding: 16px; border-radius: 7px;}
.banner-section .right-text .icon img.green-bg { background: #dcfce7;}
.banner-section .right-text .icon img.yellow-bg { background: #fef3c7;}
.banner-section .right-text h5 { color: #111827; font-size: 16px; margin: 0 0 5px 0;}
.banner-section .right-text p {font-size: 14px; margin: 0;}

.about-section { padding: 5% 0;}
.about-section .about-card { margin: 10px 0 0 0;}
.about-section .about-card .icon { background: #dbeafe; width: 65px; height: 65px; padding: 14px; border-radius: 50%; margin: 0 auto;}
.about-section .about-card h5 { font-size: 19px; color: #111827; margin: 25px 0 10px 0; font-weight: 500;}

.service-section { padding: 5% 0; background: #f1f1f1;}
.service-section .ser-card { background: #fff; padding: 30px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border-radius: 8px; margin: 25px 0 0 0; transition: all .3s ease-in-out;}
.service-section .ser-card:hover { box-shadow: rgba(100, 100, 111, 0.26) 0px 7px 29px 0px;}
.service-section .ser-card .icon img, .service-section .ser-card .icon i{background: #dbeafe;padding: 15px;width: 50px;height: 50px;border-radius: 7px;margin: 0 0 16px 0;color: #1d4ed8;font-size: 24px;text-align: center;}
.service-section .ser-card h5 {color: #111827;font-size: 21px;margin: 5px 0 15px 0;}
.service-section .ser-card p { font-size: 16px;}
.service-section .ser-card a { color: #2563eb;}
.service-section .ser-card a:hover { color: #1d4ed8;}

.core-values { padding: 5% 0;}
.core-values .core-card { padding: 30px; background: #f1f1f1; border: 1px solid #e4e4e4; margin: 24px 0 0 0; border-radius: 8px; min-height: 200px;}
.core-values .core-card img { width: 30px;}
.core-values .core-card h5 {color: #111827;font-size: 17px;font-weight: 500;margin: 18px 0 12px 0;line-height: 1.4;}
.core-values .core-card p {margin: 0;}
.core-values .cta {background: #dbeafec4;border-radius: 8px;padding: 45px;}
.core-values .cta h4{ font-size: 21px; margin: 0 0 20px 0;}
.core-values .cta .custom-btn { padding: 10px 34px;}

.our-expertise { padding: 5% 0; background: #2159e2;}
.our-expertise p {color: #f6f6f6;font-size: 16px;}
.our-expertise .expertise { margin: 10px 0 0 0;}
.our-expertise .expertise .icon {background: #ffffff2b;width: 68px;height: 68px;padding: 14px;border-radius: 50%;margin: 0 auto;}
.our-expertise.why-choose .expertise .icon img { filter: brightness(11);}
.our-expertise .expertise h5 { font-size: 19px; color: #ffffff; margin: 15px 0 5px 0; font-weight: 500;}
.our-expertise .expertise p {font-size: 15px; color: #f6f6f6;}

.contact-section { padding: 5% 0;}
.contact-section .contact-form { padding: 50px; background: #e6f1ff; margin: 30px 0 0 0; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;}

footer { background: #111827; padding: 4% 0 0 0;}
footer h4 { color: #fff; font-size: 19px; margin: 0 0 10px 0; letter-spacing: .3px;}
footer p, footer p a { font-size: 14px; margin: 0 0 5px 0; color: #bdc2ca;}
footer p a:hover { color: #2563eb;}
footer hr { color: #9ca3af; margin: 30px 0;}
footer .notice { padding: 20px; border-radius: 6px; background: #ffffff12;}
footer .copyright { padding: 20px 0; font-size: 13px;}
footer p i { color: #e9e9e9; margin: 5px 5px 0 0;}

.about-banner { padding: 5% 0; background: linear-gradient(45deg, #dfecfe, #fff);}
.about-banner .left-content h6 { background: #dbeafe; padding:11px 18px; border-radius: 20px; font-size: 14px; color: #1d4ed8; display: inline-block; line-height: 1; font-weight: 600; margin: 0 0 20px 0;}
.about-banner .left-content h6 img { width: 13px; margin: -4px 5px 0 0;}
.about-banner .left-content h1 {font-size: 47px;font-weight: 800;line-height: 1.14;color: #111827;letter-spacing: 1.2px;margin: 0 0 25px 0;}
.about-banner .left-content hr { margin: 30px 0; opacity: .14;}
.about-banner .ser-icon {background: #fff;position: relative;width: 75%;margin: 0 auto;}
.about-banner .ser-icon::after{ content: ''; position: absolute; width: 100%; height: 100%; background: #2562e9; top: 0; left: 0; transform: rotate(4deg); border-radius: 15px; z-index: 1;}
.about-banner .ser-icon img {background: #fff;padding: 40px 70px;box-shadow: rgb(100 100 111 / 28%) 0px 7px 29px 0px;border-radius: 15px;position: relative;z-index: 2;}

.our-commitment { padding: 5% 0;}
.our-commitment .our-commitment-bx { padding: 40px;}
.our-commitment .our-commitment-bx img { width: 30px;}
.our-commitment .our-commitment-bx h4 {color: #111827;font-size: 17px;font-weight: 500;margin: 18px 0 12px 0;line-height: 1.4;}
.our-commitment .our-commitment-bx p { margin: 0; font-size: 16px;}
.our-commitment .title { display: flex;}
.our-commitment .title img {width: 19px;height: 19px;margin: 4px 5px 0 0;}

.service-section .vision-mission .icon img {width: 68px;height: 68px;}
.service-section .vision-mission h5 { font-size: 19px}
.service-section .vision-mission p { font-size: 15px}

.service-section2 { padding: 5% 0; background: #2159e2;}
.service-section2 .card1 {background: rgba(255, 255, 255, 1);padding: 30px;border: 1px solid #ffffff1e;border-radius: 8px;min-height: 230px;}
.service-section2 .card1 .icon {background: #dbeafe;width: 55px;height: 55px;border-radius: 8px;padding: 15px;margin: 0 0 20px 0;}
.service-section2 .card1 h4 {color: #111827;font-size: 17px;font-weight: 500;margin: 20px 0 10px 0;}
.service-section2 .card1 p {margin: 0;font-size: 15px;}

.contact-form label { font-size: 15px; margin: 0 0 4px 0; font-weight: 500}
.contact-form .form-control, .contact-form .form-select {padding: 13px;margin: 0 0 20px 0;font-size: 15px;}
.contact-form input[type='button'] { display: inline-block; background: #fff; padding: 14px 40px; border-radius: 8px; text-transform: lowercase; color: #fff; background: #2159e2; text-transform: uppercase; font-size: 15px; letter-spacing: .5px; font-weight: 400; border: 0;}


@media ( min-width: 320px) and ( max-width: 768px) {
  p, li { font-size: 15px;line-height: 1.5;}
  .main-table li {font-size: 15px;line-height: 1.4;}

  .heading {font-size: 27px;}
  .title {font-size: 18px;}
  .team-name { font-size: 20px;}
  .sub-heading { font-size: 19px;}
  .custom-btn {padding: 12px 27px; font-weight: 500; font-size: 13px;}

  .banner-section { padding: 8% 0 12% 0;}
  .banner-section .left-content h6 { font-size: 13px;}
  .banner-section .left-content h1 {font-size: 34px; line-height: 1.2;}
  .banner-section .left-content .title { font-size: 16px;}
  .banner-section .left-content .btn2 { padding: 14px 27px; font-weight: 500; font-size: 13px; margin: 8px 0 0 0;}
  .banner-section .left-content .counter h2 { color: #2563eb; font-size: 27px; font-weight: 800; margin: 0;}
  .banner-section .left-content .counter p { margin: 0 0 60px 0;}
  
  .contact-section .contact-form { padding: 30px;}

  footer h4 { margin: 20px 0 8px 0;}
  footer p, footer p a { font-size: 14px; margin: 0 0 5px 0; color: #bdc2ca;}
  footer p a:hover { color: #2563eb;}
  footer hr { color: #9ca3af; margin: 30px 0;}
  footer .notice { padding: 20px; border-radius: 6px; background: #ffffff12;}
  footer .copyright { padding: 20px 0; font-size: 13px;}
  footer p i { color: #e9e9e9; margin: 5px 5px 0 0;}

  .about-banner { padding: 12% 0;}
  .about-banner .left-content h6 { font-size: 13px;}
  .about-banner .left-content h1 {font-size: 32px;}
  .about-banner .ser-icon { width: 60%; margin: 30px auto 0 auto;}

  .our-commitment-bx {border: 0 !important; border: 1px solid #ddd !important;}
}