@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");
body { margin: 0px; padding: 0px; font-family: Inter, sans-serif; overflow-x: hidden; color: rgb(33, 33, 33); }
p {color: rgb(93, 100, 111);font-size: 16px;line-height: 26px;margin: 0px 0px 15px;font-family: Inter, sans-serif;letter-spacing: .3px;}

.main-table li { color: rgb(93, 100, 111); font-size: 15px; line-height: 1.6; margin: 0px 0px 8px; font-family: Inter, sans-serif; }
a { font-family: Inter, sans-serif; text-decoration: none !important; }
h1, h2, h3 { font-family: "Playfair Display", serif; }
h4, h5, h6 { font-family: Inter, sans-serif; color: rgb(93, 100, 111);}

.main-table { text-align: left; padding: 5% 0px; }
#widgetsControl_C, #widgetsControl { height: auto !important; }
#Div_body .container-fluid { margin: 0px; padding: 0px; }
#MenuControl { padding: 0 4%}
#MenuControl .nav-item { margin: 0px; }
#MenuControl .nav-item .nav-link {color: rgb(16 50 91);font-size: 14px;padding: 10px 0px;font-weight: 600;text-transform: uppercase;letter-spacing: .7px;}
#MenuControl .nav-fill { width: 100%; }
#MenuControl .bg-light { height: 100%; background: rgb(255, 255, 255) !important; }
#HomepagecontentControl_C { margin-top: -21px; }
#HeaderControl.RadDock_Default .rdMiddle .rdCenter, #HeaderControl.RadDock_Default .rdBottom .rdCenter { background-color: transparent !important; }
#MenuControl_C .bg-light { --bs-bg-opacity: 1; height: 100%; background-color: transparent !important; }
#MenuControl.RadDock_Default .rdMiddle .rdCenter, #MenuControl.RadDock_Default .rdBottom .rdCenter { background-color: transparent !important; }
#HeaderControl, #MenuControl, #MenuControl_C { height: 85px !important; }

@media (min-width: 320px) and (max-width: 768px) {
  .navbar-toggler { position: absolute; right: 15px; top: -50px; background: rgb(255, 255, 255); }
  #MenuControl, #MenuControl_C { height: 0px !important; }
  #HeaderControl, #HeaderControl_C { background: rgb(26, 43, 74); height: 62px !important; }
  .navbar-collapse { background: rgb(0, 35, 70); margin-top: -10px; }
  #WidgetControl4 { display: none; }
}

@media (min-width: 769px) {
  /* #HeaderControl { position: absolute; left: 10%; top: 25px; z-index: 2; width: 20%; text-align: center; background: rgba(255, 255, 255, 0); border-radius: 12px 0px 0px 12px; }
  #MenuControl { position: absolute; right: 10%; top: 16px; width: 60%; background: rgba(255, 255, 255, 0); border-radius: 0px 12px 12px 0px; z-index: 8 !important; } */
}

.navbar-nav.nav-fill > li:last-child { display: inline-block; background: #10325b; border-radius: 5px; font-size: 13px; font-weight: 500; letter-spacing: 0.5px; transition: 0.3s ease-in-out; }
.navbar-nav.nav-fill > li:last-child .nav-link { color: rgb(208 164 58) !important; }
.otherpagecss #RadDockZone1.container { max-width: 100%; }
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table { margin-top: 0px !important; }
.otherpagecss #WidgetControl5 { display: none;}

.heading p { color: #d0a43a; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; font-weight: 500; padding: 0px 0px 0px 60px; position: relative; }
.heading p::after { content: ""; position: absolute; width: 50px; height: 1px; background: #d0a43a; left: 0px; top: 13px; }
.heading h2 { color: #10325b; font-weight: 700; font-size: 40px; line-height: 50px; margin: 0px 0px 30px; }
.custom-btn { display: inline-block; background: #d0a43a; padding: 16px 28px; color: rgb(17, 22, 31); font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.5px; border-radius: 5px; transition: 0.3s ease-in-out; }
.custom-btn img { width: 15px; margin: -1px 0px 0px 5px; transition: 0.2s ease-in-out; }
.custom-btn:hover { color: rgb(17, 22, 31); }
.custom-btn:hover img { transform: translateY(-3px); }
.expert-btn { display: inline-block; background: transparent; border: 1px solid rgb(255, 255, 255); padding: 14px 28px; color: rgb(255, 255, 255); font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.5px; border-radius: 5px; transition: 0.3s ease-in-out; }
.expert-btn:hover { color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.09); }
.p-7 { padding: 7% 0;}
.p-6 { padding: 5% 0;}
.bg1 { background: #f4f7fa;}

.banner-section { padding: 7% 0px; background-image: url("image/banner-bg.jpg"); background-size: cover; }
.banner-section .heading h1 { color: rgb(255, 255, 255); font-size: 68px; line-height: 78px; font-weight: 600; margin: 40px 0px 30px; }
.banner-section .heading h1 span { color: #d0a43a; font-style: italic; }
.banner-section .text p { font-size: 18px; line-height: 29px; color: rgba(255, 255, 255, 0.75); width: 85%; margin: 0px 0px 40px; }
.banner-section .bottom-text {margin: 10% 0px 0px;border-top: 1px solid rgba(255, 255, 255, 0.16);padding: 4% 0px 0px;width: 95%;}
.banner-section .bottom-text .icon { width: 16px; }
.banner-section .bottom-text p {color: rgba(255, 255, 255, 0.7);font-size: 14px;line-height: 20px;margin: 0 5px 0 0;}

.counts-section { padding: 3% 0px; background: rgb(250, 245, 247); border: 1px solid rgb(233, 226, 228); }
.counts-section .count-bx h3 .counter { color: #10325b; font-size: 60px; line-height: 60px; }
.counts-section .count-bx h3 span { color: #d0a43a; font-size: 60px; }
.counts-section .count-bx p { color: rgb(93, 100, 111); font-size: 12px; text-transform: uppercase; letter-spacing: 2px; font-weight: 500; margin: 10px 0px 0px; }

.services-section { padding: 7% 0px; }
.ser-card { padding: 30px; transition: 0.3s ease-in-out; position: relative; background: #fff;}
.ser-card::after { content: ""; position: absolute; width: 0px; height: 2px; background: #d0a43a; top: 0px; left: 0px; transition: 0.6s ease-in-out; }
.ser-card:hover::after { width: 100%; }
.ser-card:hover { background: rgb(250, 245, 247); }
.ser-card .icon img { width: 32px; }
.ser-card h3 { color: #10325b; font-size: 20px; font-weight: 600; margin: 30px 0px 10px; }
.ser-card p { font-size: 15px; line-height: 25px; }
.ser-card a { color: #10325b; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; font-weight: 600; transition: 0.3s ease-in-out; }
.ser-card:hover a { color: #d0a43a; }
.ser-card a i { font-size: 15px; padding: 0px 0px 0px 5px; }

.why-choose { padding: 7% 0px; background: #10325b;}
.why-choose .why-choose-card { padding: 28px; }
.why-choose .border-end, .why-choose .border-bottom { border-color: rgba(255, 255, 255, 0.18) !important; }
.why-choose .why-choose-card .num { color: #d0a43a; font-size: 16px; letter-spacing: 1.5px; font-family: "Playfair Display", serif; }
.why-choose .why-choose-card h3 { color: rgb(255, 255, 255); font-size: 19px; margin: 18px 0px 15px; letter-spacing: 0.3px; }
.why-choose .why-choose-card p { color: rgba(255, 255, 255, 0.42); margin: 0px; font-size: 15px; }

.industry-section { padding: 7% 0px; background: #f4f7fa;}
.industry-section .industry-card { width: 20%; }
.industry-section .industry-card .content {background: rgb(255, 255, 255);width: 103%;padding: 22px;border: 1px solid rgba(221, 221, 221, 0.75);border-radius: 4px;margin: 8px 0px;transition: 0.3s ease-in-out;}
.industry-section .industry-card .content:hover { border-color: #d0a43a; box-shadow: rgba(100, 100, 111, 0.05) 0px 7px 29px 0px; transform: translateY(-2px); }
.industry-section .industry-card .content .icon img { width: 32px; margin: 0px 0px 70px; }
.industry-section .industry-card .content h3 {color: #10325b;font-size: 19px;font-weight: 600;letter-spacing: 0;}
.industry-section .industry-card .content a { color: #d0a43a; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; font-weight: 600; transition: 0.3s ease-in-out; }

footer {background:#10325b; padding: 5% 0 0 0;}
footer h4 {color: #fff;font-size: 19px;font-weight: 600;margin: 0 0 40px 0;letter-spacing: .5px;position: relative;}
footer h4::after { content: ''; position: absolute; width: 60px; height: 1px; background: #d0a43a; left: 0; bottom: -18px}
footer p, footer p a {color: #ffffffa6;font-size: 14px;margin: 0 0 10px 0;}
footer p a:hover { color: #d0a43a; padding-left: 5px; transition: 0.3s;}
footer .footer-bottom {/* margin: 4% 0 0 0; */border-top: 1px solid rgba(204, 204, 204, .4);padding: 15px 0;}
footer .footer-bottom p { margin: 0;}
footer p i { color: #ffffff; margin: 0 5px 0 0}
footer .social-icon a {position: relative;color: #fff;background: rgba(255, 255, 255, .1);font-size: 13px;width: 35px;height: 35px;margin: 0 5px 0 0;display: inline-block;border-radius: 50%;text-align: center;line-height: 2.8;transition: all .2s ease-in-out;}
footer .social-icon a i { position: relative; z-index: 3;}
footer .social-icon a::before{ content: ''; position: absolute; width:100%; height: 100%; border-radius: 50%; background: #d0a43a;; left: 0; transform: scale(0); transition: all .4s ease-in-out;}
footer .social-icon a:hover { color: #212121;}
footer .social-icon a:hover::before { transform: scale(1);}

.mission-card {padding: 42px;}
.mission-card p { color: #d0a43a; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; font-weight: 500;}
.mission-card h3 {color: #10325b; font-size: 25px;margin: 0;line-height: 34px;font-weight: 600;letter-spacing: .3px;}

.core-value { background: rgb(255, 255, 255); padding: 22px;border: 1px solid rgba(221, 221, 221, 0.75);border-radius: 4px;margin: 8px 0px;}
.core-value .num {color: #d0a43a;font-size: 17px;letter-spacing: 1.5px;font-family: "Playfair Display", serif;}
.core-value h3 {color: #10325b;font-size: 20px;margin: 18px 0px 15px;letter-spacing: 0.3px;font-weight: 600;}
.core-value p {margin: 0px;font-size: 15px;}

.contact-page .contact-info .icon { width: 20%;}
.contact-page .contact-info .icon i {display: inline-block;width: 38px;height: 38px;background: #10325b;color: #d0a43a;border-radius: 5px;text-align: center;line-height: 2.3;}
.contact-page .contact-info .text { width: 80%;}
.contact-page .contact-info .text h4 { color: #d0a43a; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; font-weight: 500; margin: 0 0 8px 0}
.contact-page .contact-info .text p, .contact-page .contact-info .text p a { font-size: 14px; letter-spacing: 0; line-height: 24px; color: #3f4043}
.contact-page .contact-form { background: #fff; padding: 40px; border: 1px solid rgba(221, 221, 221, 0.75); border-radius: 6px;}
.contact-page .contact-form h3 { color: #10325b; font-size: 28px; margin: 0 0 10px 0;}
.contact-page .contact-form label { color: #10325b; letter-spacing: 1px; font-size: 12px; font-weight: 600; text-transform: uppercase; margin: 20px 0 10px 0;}
.contact-page .contact-form  .form-control { padding: 10px;}
.contact-page .contact-form input[type="button"] {width: 100%;margin: 25px 0 0 0;border: 0;background: #10325b;color: #fff;border-radius: 5px;padding: 15px;text-transform: uppercase;letter-spacing: 1px;font-size: 14px;}

.team-page .name {color: #10325b;font-size: 22px;margin: 5px 0;font-weight: 700;letter-spacing: .5px;}
.team-page .qualification {font-size: 15px;color: #e2ab60;line-height: 22px;font-weight: 500;}
.team-page p { font-size: 15px; letter-spacing: .2px}

.team-section { padding: 6% 0;}
.team-section .team-card { padding: 30px ;}
.team-section .team-card h3 { color: #10325b; font-size: 21px; margin: 20px 0 8px 0; font-weight: 600; }
.team-section .team-card p { font-size: 15px;}
.team-section .team-card a { color: #10325b; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; font-weight: 600; transition: 0.3s ease-in-out;}
.team-section .team-card a img { width: 12px;}

@media (min-width: 320px) and (max-width: 767px) { 
  .heading h2 { font-size: 30px; line-height: 38px; margin: 0px 0px 20px;}
  .custom-btn { padding: 12px 18px; letter-spacing: .5px; font-size: 12px;}
  .expert-btn { padding: 10px 18px; font-size: 12px; letter-spacing: .5px;}

  .banner-section { padding: 15% 0px; background-image: url("image/banner-bg.jpg"); background-size: cover; }
  .banner-section .heading h1 { font-size: 28px;line-height: 32px; margin: 0 0 20px 0;}
  .banner-section .text p { font-size: 15px; line-height: 22px; width: 100%; margin: 0px 0px 30px 0; }
  .banner-section .bottom-text {margin: 5% 0px 0px; padding: 4% 0px 0px;width: 100%;}
  .banner-section .bottom-text .icon { width: 16px; }
  .banner-section .bottom-text p {font-size: 12px;line-height: 18px;margin: 0 5px 0 0;}

  .counts-section .count-bx { padding: 10px 0}
  .counts-section .count-bx h3 .counter { font-size: 32px; line-height: 20px; }
  .counts-section .count-bx h3 span { font-size: 32px; }
  .counts-section .count-bx p { font-size: 10px; }

  .services-section { padding: 7% 0px; }
  .ser-card { padding: 20px; border: 0 !important; border: 1px solid #ddd !important;}
  .ser-card .icon img { width: 27px; }
  .ser-card h3 { font-size: 18px; margin: 20px 0px 10px; }
  .ser-card p { font-size: 14px; line-height: 24px; }
  .ser-card a { letter-spacing: 1px; font-size: 11px;}
  .ser-card a i { font-size: 13px;}

  .why-choose .why-choose-card { padding: 28px; border-bottom: 1px solid #ffffff5e}

  .industry-section .industry-card { width: 50%; }
  .industry-section .industry-card .content h3 { font-size: 17px;}
}

@media (min-width: 1201px) and (max-width: 1440px) {
  .banner-section .heading h1 { font-size: 60px; line-height: 70px;}

  .industry-section .industry-card .content h3 {color: #10325b;font-size: 17px;font-weight: 600;letter-spacing: 0;}
}