@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');
body { margin: 0; padding: 0; font-family: "Sora", sans-serif; overflow-x: hidden; color: #212121}
p, li {color: #0f152f;font-size: 16px;line-height: 28px;font-weight: 400; margin: 0 0 12px 0;font-family: "Sora", sans-serif;}
.main-table li {color: #0f152f;font-size: 16px;line-height: 25px;margin: 0 0 10px 0;font-family: "Sora", sans-serif;}
a { text-decoration: none !important; font-family: "Sora", sans-serif;}
h1, h2, h3, h4, h5, h6 { font-family: "Sora", sans-serif; color: #212121}

.main-table { text-align: left; padding: 6% 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: 16px;font-weight: 600;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 { color: #0F152F; font-size: 32px; font-weight: 500; line-height: 56px; margin: 0 0 20px 0;}
.heading-title { font-size: 20px; font-weight: 700; line-height: 28px;}
.sub-heading { color: #0f0f0f; font-size: 26px; }
.custom-btn { display: inline-block; color: #fff; background: #d7390f; font-size: 16px; border-radius: 3px; font-weight: 600; padding: 12px 45px;}
.custom-btn:hover { color: #fff;}

header {/* box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.21); */ text-align: center}
header .logo { width: 160px; padding: 8px 0;}

.banner-section { padding: 6% 0; border-top: 1px solid #ddd}
.banner-section h1 { font-size: 33px; line-height: 47px; font-weight: 500; color: #0f152f; margin: 0 0 26px 0;}
.banner-section .right-img img { box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; border-radius: 3px;}

.clients-logo .item {display: inline-block;padding: 10px;border-radius: 3px;}
.clients-logo .item img {width: 140px;}

.core-values { padding: 7% 0;}

.project-section { padding: 6% 0; background: #bfbfbf;}
.project-section .project-pic { overflow: hidden;}
.project-section .project-pic img { border-radius: 10px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; border: 2px solid rgba(212, 212, 212, .4); margin: 10px 0; transition: all .3s ease-in-out;}

.office-needs { padding: 6% 0;}
.office-needs .needs img { width: 68%; border-radius: 50%; margin: 0 0 20px 0;}
.office-needs .needs h4 { text-transform: uppercase; font-size: 20px; font-weight: 500;}
.office-needs:first-child { margin: 20%;}

.stratergy-roadmap { padding: 0 0 7% 0;}
.stratergy-roadmap .right-img img { border-radius: 15px;}
.stratergy-roadmap ul { padding-left: 1rem;}
.stratergy-roadmap ul li { color: #4c5253; font-size: 15px; margin: 0 0 5px 0; line-height: 23px;}
.stratergy-roadmap h4 { font-size: 21px; margin: 0 0 12px 0;}
.stratergy-roadmap .read-more { display: inline-block; color: #d7390f; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; font-weight: 500; transition: all .2s ease-in-out;}
.stratergy-roadmap .read-more:hover { letter-spacing: 2px;}

.execution-stratergy { padding: 0 0 6% 0;}
.execution-stratergy-card img { border-radius: 10px; margin: 0 0 15px 0;}
.execution-stratergy-card h5 { font-size: 16px; margin: 0 0 8px 0; font-weight: 600;}
.execution-stratergy-card p { color: #4c5253; font-size: 14px; }

.contact-us { background-image: url('image/contact-bg.jpg'); background-size: cover; padding: 7% 0;}
.contact-us .heading { color: #fff; line-height: 1.5; margin: 0 0 30px 0;}

footer {background: #0f0f0f;padding: 6% 0 0 0;margin: -20px 0 0 0;}
footer .logo { width: 200px; margin: 0 0 20px 0;}
footer h4 { color: #fff; font-size: 19px; margin: 0 0 16px 0;}
footer p, footer a { color: #afafaf; font-size: 14px; text-align: justify; margin: 0 0 10px 0;}
footer ul { padding-left: 1rem;}
footer li { color: #afafaf;}
footer p { display: flex;}
footer p i { color: #fff; margin: 5px 6px 0 0;}
footer .social-icon a { display: inline-block; width: 35px; height: 35px; background: #fff; border-radius: 3px; text-align: center; line-height: 2.4; color: #0f0f0f; margin: 10px 3px 0 0;}
footer a:hover { color: #d7390f;}
footer .footer-bottom { margin: 5% 0 0 0; padding: 12px 0; border-top: 1px solid rgba(225, 225, 225, .2);}

.about-page .right-img { position: relative;}
.about-page .right-img::after { content: ''; position: absolute; width: 100%; height: 100%; background: #4c5253; border-radius: 3px; top: 3%; left: 3%;}
.about-page .right-img img { position: relative; z-index: 2; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; border-radius: 3px; border: 1px solid #adadad;}

.services  {background: #d7390f; padding: 6% 0;}
.services .heading { position: relative; margin: 0 0 50px 0;}
.services .heading::after { content: ''; position: absolute; width: 200px; height: 2px; background: #e4e4e4; left: 0; right: 0; margin: 0 auto; bottom: -12px;}
.services p { color: #f5f5f5; font-size: 18px; font-weight: 300; letter-spacing: .5px;}

.core-strengths-bx {margin: 25px 0 0 0;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;padding: 30px;border-radius: 20px;}
.core-strengths-bx .icon img {width: 72px;margin: 0 0 15px 0;}
.core-strengths-bx .icon h2 {color: #d7390f;font-size: 18px;font-weight: 600;line-height: 1.4;}
.core-strengths-bx .heading-title {font-size: 15px;line-height: 24px;}
.core-strengths-bx p {font-size: 14px;margin: 0;line-height: 25px;}

.contact-info { background: #4c5253; margin: 30px 0 0 0; padding: 40px 20px 30px 20px; border-radius: 15px; text-align: center; position: relative; min-height: 160px;}
.contact-info .icon {  position: absolute; top: -25px; left: 0; right: 0; margin: 0 auto;}
.contact-info .icon i { display: inline-block; background: #d7390f; color: #fff; width: 50px; height: 50px; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; font-size: 20px; line-height: 2.4;}
.contact-info h4 { color: #fff; font-size: 20px; margin: 0 0 10px 0; text-align: center;}
.contact-info p { color: #fff; font-size: 15px; margin: 0; line-height: 26px; text-align: center;}

.contact-form { box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; background: #e3e3e3; padding: 40px; border-radius: 15px;}
.contact-form .form-control { margin: 0 0 10px 0; padding: 12px;}
.contact-form input[type='button'] {color: #fff; background: #d7390f; font-size: 16px; border-radius: 3px; font-weight: 600; padding: 12px 45px; border: 0;}

.roadmap-card {background: #ddd;padding: 50px 40px 40px 70px;border-radius: 10px;position: relative;margin: 20px 0;min-height: 350px;}
.roadmap-card::after {content: '';position: absolute;width: 100%;height: 100%;border: 1px solid #4c5253;top: 10px;left: -10px;border-radius: 10px;opacity: .5;}
.roadmap-card .icon {position: absolute;width: 70px;height: 70px;background: #fff;border-radius: 50%;left: -20px; top: 30px;display: inline-block;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;padding: 10px; z-index: 2}
.roadmap-card h4 { font-size: 24px; font-weight: 600; margin: 0 0 15px 0; position: relative; z-index: 2;}
.roadmap-card ul {padding-left: 1rem;position: relative;z-index: 2;margin: 0;}
.roadmap-card ul li { font-size: 15px; margin: 0 0 8px 0; line-height: 23px;}

.stratergy1 { background: #d7390f; padding: 5% 0;}
.stratergy1 .card1 { margin: 20px 0 0 0; background: #fff; border-radius: 10px; min-height: 370px;}
.stratergy1 .card1 h4 { background: #1a1a1a; padding: 30px 30px 20px 30px; border-radius: 10px 10px 0 0; color: #fff; font-size: 24px; font-weight: 600;}  
.stratergy1 .card1 .text { padding: 20px;}
.stratergy1 .card1 ul { padding-left: 1rem;}

.team-profile { background: #ddd; padding: 50px; border-radius: 10px; margin: 10px 0;}
.team-profile .name h3 { color: #d7390f; font-size: 32px; text-align: center; font-weight: 600;}
.team-profile .name p {font-size: 18px; text-align: center; margin: 0 0 40px 0;}
.team-profile .team-pic p { font-size: 20px; text-align: center; margin: 20px 0 0 0; font-weight: 600;}
.team-profile .team-pic p span { color: #d7390f; font-size: 27px;}
.team-profile .Experience h5 {font-size: 18px;font-weight: 600;margin: 0 0 18px 0;position: relative;}
.team-profile .Experience h5::after {content: '';position: absolute;width: 60px;height: 2px;background: #d7390f;left: 0;bottom: -6px;}
.team-profile .Experience ul, .team-profile .Experience ul li { margin: 0; padding: 0; list-style: none;}
.team-profile .Experience ul li {font-size: 13.5px;border-bottom: 1px solid #a5a5a5;padding: 5px;line-height: 1.5;}
.team-profile .content p, .team-profile .content li { font-size: 15px;}
.team-profile .content h5 { margin: 20px 0 15px 0; color: #1a1a1a; font-weight: 600; border-bottom: 1px dashed #a5a5a5; padding: 5px 0;}

.project-card { margin: 0 0 30px 0;}
.project-card .pic img { margin: 0 0 15px 0; border-radius: 10px;}
.project-card h5 { color: #d7390f; font-size: 21px; font-weight: 600; margin: 0 0 10px 0;}
.project-card p { margin: 0; border-bottom: 1px solid #ddd; padding: 5px 0;}

@media (min-width: 320px) and (max-width: 768px) { 
  p, li { font-size: 15px; line-height: 26px;}
  .main-table li { font-size: 15px;line-height: 24px;}
  
  .heading { font-size: 24px; line-height: 1.5;}
  .heading-title { font-size: 17px;}
  .custom-btn { font-size: 14px; font-weight: 500; padding: 10px 24px;}

  .banner-section h1 { font-size: 24px; line-height: 35px; margin: 0 0 16px 0;}
  .banner-section .right-img img {margin: 15px 0 0 0;}

  .core-values img { margin: 0 0 20px 0;}

  .stratergy-roadmap ul li { font-size: 14px; line-height: 20px;}
  .stratergy-roadmap h4 { font-size: 18px; margin: 0 0 8px 0;}
  .stratergy-roadmap .read-more { margin: 0 0 20px 0}

  .execution-stratergy-card h5 { font-size: 15px;}
  .execution-stratergy-card p { line-height: 1.7;}

  .contact-us { padding: 10% 0;}

  footer .logo { width: 160px; margin: 0 0 10px 0;}
  footer h4 { color: #fff; font-size: 17px; margin: 20px 0 8px 0;}
  footer p, footer a { color: #afafaf; font-size: 13px;}
  footer ul { padding-left: 1rem;}
  footer li { margin: 0 0 5px 0;}


  .services { padding: 9% 0;}
  .services .heading { margin: 0 0 40px 0;}
  .services p { font-size: 14px;}

  .roadmap-card {background: #ddd;padding: 50px 40px 40px 70px;border-radius: 10px;position: relative;margin: 20px 0;min-height: 350px;}
  .roadmap-card::after {top: 8px;left: -8px;}
  .roadmap-card .icon {width: 60px;height: 60px; left: -10px;}
  .roadmap-card h4 { font-size: 20px;}

  .stratergy1 .card1 { margin: 15px 0 0 0; min-height: 70px;}
  .stratergy1 .card1 h4 { padding: 20px; font-size: 18px;}  
  .stratergy1 .card1 .text { padding: 20px;}
  .stratergy1 .card1 ul { padding-left: 1rem;}

  .team-profile { padding: 20px;}
  .team-profile .name h3 { font-size: 24px;}
  .team-profile .name p {font-size: 15px; margin: 0 0 20px 0;}
  .team-profile .team-pic p { font-size: 18px;}
  .team-profile .team-pic p span { font-size: 20px;}
  
}