@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&display=swap");
body {margin: 0px;padding: 0px;font-family: "DM Sans", sans-serif;overflow-x: hidden;color: rgb(33, 33, 33);background: rgb(247, 245, 240);}
p {color: rgb(107, 101, 96);font-size: 16px;line-height: 1.625;margin: 0px 0px 15px;letter-spacing: 0.6px;font-family: "DM Sans", sans-serif;}
.main-table li { color: rgb(107, 101, 96); font-size: 15px; line-height: 1.6; margin: 0px 0px 8px; font-family: "DM Sans", sans-serif; }
a { font-family: "DM Sans", sans-serif; text-decoration: none !important; }
h1, h2, h3 { font-family: Fraunces, sans-serif; }
h4, h5, h6 { font-family: "DM Sans", sans-serif; color: rgb(107, 101, 96); }
.main-table { text-align: left; padding: 5% 0px; }
#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: #ffffff;font-size: 14px; padding: 10px 0; font-weight: 500;}
#MenuControl .nav-fill{ width:100%;}
#MenuControl .bg-light {background: #fff!important;height: 100%;}

#HomepagecontentControl_C {margin-top: -21px;background: rgb(247, 245, 240);}

#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%;}
#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: #fff}
    #MenuControl, #MenuControl_C { height: 0 !important;}
    #HeaderControl, #HeaderControl_C {height: 62px !important;background: #1a2b4a;}
    .navbar-collapse { background: #002346; 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: #ffffff00;border-radius: 12px 0 0 12px;}
    #MenuControl {position: absolute;right: 10%;top: 16px;z-index: 8 !important;width: 60%;background: #ffffff00;border-radius: 0 12px 12px 0;}
}
.navbar-nav.nav-fill > li:last-child {display: inline-block;background: rgb(200, 150, 90);color: rgb(255, 255, 255); border-radius: 30px;font-size: 14px;font-weight: 500;letter-spacing: 0.5px;transition: all .3s ease-in-out;}


.otherpagecss #RadDockZone1.container { max-width: 100%; }
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table { margin-top: 0px !important; }
.otherpagecss #WidgetControl5 { display: none; }

.heading p { color: rgb(200, 150, 90); text-transform: uppercase; letter-spacing: 4px; font-size: 14px; font-weight: 600; }
.heading h2 {color: rgb(26, 43, 74);font-weight: 700;font-size: 52px;line-height: 1.28;}
.heading h2 span {color: rgb(200, 150, 90);font-weight: 400;font-style: italic;}
.custom-btn {display: inline-block;background: transparent;border: 1px solid #1e1e1e2e;color: #1a2b4a;padding: 12px 26px;border-radius: 30px;font-size: 15px;letter-spacing: .3px;font-weight: 400;}
.sub-heading {color: rgb(26, 43, 74);font-weight: 600;font-size: 30px;line-height: 1.28;}

.banner-section { padding: 10% 0px 4%; background-image: url("image/banner-bg.jpg"); background-size: cover; background-repeat: no-repeat; }
.banner-section .established { display: inline-block; color: #c8965a; text-transform: uppercase; letter-spacing: 4px; font-size: 13px; font-weight: 600; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.8); padding: 4px 10px 3px 28px; border-radius: 20px; position: relative; }
.banner-section .established::after { content: ""; position: absolute; width: 5px; height: 5px; background: rgb(200, 150, 90); border-radius: 50%; left: 15px; top: 11px; animation: 2s ease-in-out 0s infinite normal none running softBlink; }
.banner-section h1 { margin: 40px 0px 10px; font-size: 78px; font-weight: 900; letter-spacing: 2.5px; }
.banner-section h1 .text-color { text-shadow: rgb(255, 255, 255) 1px 0px 0px, rgb(255, 255, 255) -1px 0px 0px, rgb(255, 255, 255) 0px 1px 0px, rgb(255, 255, 255) 0px -1px 0px; color: rgb(255, 255, 255); }
.banner-section h1 .text-outline { color: rgba(255, 255, 255, 0); -webkit-text-stroke: 1.5px rgb(200, 150, 90); }
.banner-section h2 { color: rgba(255, 255, 255, 0); -webkit-text-stroke: 1px rgba(255, 255, 255, 0.275); font-size: 58px; margin: 0px 0px 30px; font-style: italic; }
.banner-section p { width: 80%; margin: 0px auto 40px; font-size: 20px; color: rgba(255, 255, 255, 0.69); line-height: 1.5; font-weight: 400; }
.banner-section .book-consultation { display: inline-block; background: rgb(200, 150, 90); border: 1px solid rgb(200, 150, 90); color: rgb(255, 255, 255); padding: 12px 26px; border-radius: 30px; font-size: 16px; font-weight: 500; letter-spacing: 0.5px; transition: all .3s ease-in-out;}
.banner-section .book-consultation:hover { transform: translateY(-3px); box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.banner-section .book-consultation img { width: 20px; margin: 0px 0px 0px 4px; }
.banner-section .explore-services { display: inline-block; background: transparent; border: 1px solid rgba(255, 255, 255, 0.5); color: rgb(255, 255, 255); padding: 12px 30px; border-radius: 30px; font-size: 16px; font-weight: 500; letter-spacing: 0.5px; margin: 0px 0px 0px 10px; transition: all .3s ease-in-out;}
.banner-section .explore-services:hover { background: rgba(255, 255, 255, 0.2); transform: translateY(-3px);}
.banner-section .services span { display: inline-block; color: rgba(255, 255, 255, 0.59); font-size: 13px; font-weight: 400; letter-spacing: 0.5px; border: 1px solid rgba(255, 255, 255, 0.23); padding: 3px 12px; border-radius: 20px; margin: 0px 2px; }
.banner-section .counts .count-bx {display: inline-block;background: #0f1a2ebf;border: 1px solid rgba(200, 150, 90, 0.3);border-radius: 50px;width: 180px;margin: 0px 3px;backdrop-filter: blur(2px);padding: 20px 10px;animation: 3s ease-in-out 0s infinite normal none running smoothBounce;}
.banner-section .counts .count-bx h3 { color: rgb(200, 150, 90); font-size: 24px; letter-spacing: 0.6px; margin: 0px; font-weight: 800; }
.banner-section .counts .count-bx p { font-size: 13px; color: rgba(255, 255, 255, 0.56); font-weight: 300; margin: 0px auto; width: 100%; }
@keyframes smoothBounce { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}
@keyframes softBlink { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

.about-section { padding: 5% 0px; background: rgb(247, 245, 240); }
.about-section .mission-card { background: #1a2b4a; padding: 30px 25px; border-radius: 30px; transition: all .3s ease-in-out;}
.about-section .mission-card:hover { box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; transform: translateY(-5px);}
.about-section .mission-card .icon img { width: 40px; margin: 0 0 15px 0;}
.about-section .mission-card h4 {color: #fff;font-size: 21px;letter-spacing: .5px;}
.about-section .mission-card p {color: #e7e0e0;font-size: 15px;font-weight: 300;margin: 0}
.about-section .ser-card .card-content { box-sizing: border-box; display: flex;flex-direction: column;justify-content: space-between; padding: 0; height: 100%;}
.about-section .ser-card { background: #fff; border-radius: 30px; padding:  30px 25px 25px 25px; border: 1px solid #c8965a5e; transition: all .3s ease-in-out;}
.about-section .ser-card:hover { box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; transform: translateY(-5px);}
.about-section .ser-card .icon { background: #c8965a52; width: 40px; height: 40px; border-radius: 50%; padding: 8px; margin: 0 0 20px 0} 
.about-section .ser-card .icon img {width: 22px;}
.about-section .ser-card h3 {color: #1a2b4a;font-size: 19px;font-weight: 600;margin: 0 0 12px 0;}
.about-section .ser-card p {font-size: 14px;margin: 0;line-height: 1.65;}
.about-section .ser-card .num span {color: #1a2b4a;font-family: Fraunces, sans-serif;font-weight: 700;font-size: 16px;}
.about-section .ser-card .bottom-text span{ display: inline-block; font-size: 13px; padding: 2px 12px; border-radius: 20px; background: #c8965a52; color: rgb(107, 101, 96); font-weight: 500; letter-spacing: .3px}

.strategy-section { padding: 5% 0; background: #1a2b4a;}
.strategy-section .left-pic { position: relative;}
.strategy-section .left-pic img { border-radius: 30px;}
.strategy-section .left-pic .text {position: absolute;left: 0;bottom: 0;margin: 25px;background: #0f1a2ed1;padding: 30px;border-radius: 30px;backdrop-filter: blur(3px);}
.strategy-section .left-pic .text p {color: #ffffffd1;margin: 0;font-size: 16px;font-family: Fraunces, sans-serif;font-style: italic;}
.strategy-section .strategy-card { background: #0f1a2eb4;padding: 35px 30px;border-radius: 30px; border: 1px solid #c8965a3b; margin: 10px 0;} 
.strategy-section .strategy-card .num { width: 12%;}
.strategy-section .strategy-card .num span {color: #c8965a;font-family: Fraunces, sans-serif;font-weight: 700;font-size: 18px;}
.strategy-section .strategy-card .right-text { width: 88%;}
.strategy-section .strategy-card .right-text p { color: #ffffffb7; font-size: 16px; margin: 0;}

.team-section { padding: 5% 0;  background: rgb(247, 245, 240);}
.team-section .team-card { border-radius: 30px; overflow: hidden; background: #fff; border: 1px solid #c8965a3b; transition: all .3s ease-in-out;}
.team-section .team-card:hover { box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; transform: translateY(-5px);}
.team-section .team-card .pic { position: relative;}
.team-section .team-card .pic .CA { position: absolute; left: 0; bottom: 0; margin: 10px;}
.team-section .team-card .pic .CA span { display: inline-block; font-size: 13px; padding: 2px 12px; border-radius: 20px; background: #edddca; color: rgb(107, 101, 96); font-weight: 500; letter-spacing: .3px;}
.team-section .team-card .team-detail { padding: 20px;}
.team-section .team-card .team-detail h3 {color: #1a2b4a;font-size: 20px;font-weight: 600;margin: 0 0 5px 0; }
.team-section .team-card .team-detail .title {color: #c8965a;font-weight: 600;font-size: 14px;line-height: 1.45;}
.team-section .team-card .team-detail p { font-size: 14px; line-height: 1.6;}
.team-section .team-card .team-detail .call { color: #c8965a;font-weight: 600;font-size: 14px; transition: all .3s ease-in-out;}
.team-section .team-card .team-detail .call:hover { letter-spacing: 1px;}

footer {margin: -7px 0 0 0;padding: 2% 0 0 0;background: rgb(247, 245, 240);}
footer .contact-info { margin: 10px 0;}
footer .contact-info .icon i{display: inline-block;border-radius: 50%;background: #ffffff;color: #c8965a;width: 45px;height: 45px;text-align: center;border: 1px solid #c8965a4d;font-size: 15px;line-height: 2.9;margin: 0 15px 0 0;}
footer .contact-info h3 { font-size: 18px; color: #1a2b4a; font-weight: 700; margin: 5px 0;}
footer .contact-info p, footer .contact-info p a { color: #6b6560; font-size: 15px; line-height: 1.5;} 
footer .footer-bottom { border-top: 1px solid #6b65603d; margin: 3% 0 0 0; padding: 15px 0;}
footer .footer-bottom p, footer .footer-bottom p a { margin: 0; color: #6b6560; font-size: 14px;}
footer .footer-bottom .social-icon a { display: inline-block; border: 1px solid #6b656086; width: 35px; height: 35px; border-radius: 50%; text-align: center; line-height: 2.4; transition: all .2s ease-in-out;}
footer .footer-bottom span { display: inline-block; width: 5px; height: 5px; background: #c8965a; border-radius: 50%; margin: 0 10px;}
footer .footer-bottom .social-icon a:hover { background-color: #1a2b4a; color: #fff;}

.about-banner { padding: 15% 0 8% 0; background-image: url('/image/inner-banner.jpg'); background-size: cover; background-position: center;}
.about-banner h1 {color: #fff; font-size: 56px;text-shadow: 3px 10px 10px #00000054;letter-spacing: 1px; margin-bottom: 20px; text-transform: uppercase; font-style: italic; font-weight: 800; line-height: 1.2;}
.about-banner p, .about-banner p a{ color: #ececec;}

.contact-bx { background: #1a2b4a; border-radius: 10px; margin-top: -120px; position: relative; z-index: 2;}
.contact-bx .contact-info { text-align: center; padding: 40px 30px; border-right: 1px solid #c8965a80}
.contact-bx .contact-info i { color: #c8965a; font-size: 26px;}
.contact-bx .contact-info h5 { margin: 15px 0 10px 0; color: #fff; font-size: 20px;}
.contact-bx .contact-info p, .contact-bx .contact-info p a { color: #ffffffb2; margin: 0; font-size: 15px;}

.team-page .team-bx { background: #fff; border-radius: 30px; padding: 30px 25px 25px 25px; border: 1px solid #c8965a5e; margin: 30px 0 0 0; transition: all .3s ease-in-out; }
.team-page .team-bx:hover { box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; transform: translateY(-5px);}
.team-page .team-bx .pic img { border-radius: 10px; border: 1px solid #c8965a5e; }
.team-page .team-bx .pic h3 {color: #1a2b4a;font-size: 22px;font-weight: 600;margin: 15px 0 5px 0; }
.team-page .team-bx .pic p { color: #c8965a;font-weight: 600;font-size: 14px;line-height: 1.45; }

@media (min-width: 320px) and (max-width: 1200px) { 
  p, li { font-size: 15px;}

  .heading p { font-size: 13px; margin: 0 0 10px 0;}
  .heading h2 {color: rgb(26, 43, 74);font-weight: 700;font-size: 28px;line-height: 1.3;}
  .custom-btn { padding: 10px 24px; font-size: 14px;}

  .banner-section { padding: 25% 0px 4%;}
  .banner-section .established { letter-spacing: 2px; font-size: 12px; }
  .banner-section h1 { margin: 20px 0px 10px; font-size: 30px; font-weight: 500;}
  .banner-section h1 .text-outline { -webkit-text-stroke: 1px rgb(200, 150, 90); }
  .banner-section h2 { font-size: 24px; margin: 0px 0px 20px;}
  .banner-section p { width: 100%; margin: 0px auto 20px; font-size: 14px;}
  .banner-section .book-consultation { padding: 10px 20px; font-size: 13px;}
  .banner-section .book-consultation img { width: 15px; margin: 0px 0px 0px 3px;}
  .banner-section .explore-services { padding: 10px 20px; font-size: 13px; margin: 0px 0px 0px 4px;}
  .banner-section .services span { font-size: 12px; padding: 3px 10px; margin:2px; }
  .banner-section .counts .count-bx { width: 170px;margin: 2px;padding: 15px 10px;}
  .banner-section .counts .count-bx h3 { font-size: 20px;}
  .banner-section .counts .count-bx p { font-size: 12px;}

  .about-section { padding: 7% 0px;}
  .about-section .mission-card p {color: #e7e0e0;font-size: 14px;font-weight: 300;margin: 0}

  .strategy-section { padding: 7% 0;}
  .strategy-section .left-pic img { border-radius: 20px;}
  .strategy-section .left-pic .text { margin: 10px; padding: 20px;border-radius: 20px;}
  .strategy-section .left-pic .text p { font-size: 14px;}
  .strategy-section .strategy-card { padding: 25px;} 
  .strategy-section .strategy-card .right-text p { font-size: 15px;}

  footer { padding: 2% 0 0 0;  background: rgb(247, 245, 240); }
  footer .contact-info { margin: 10px 0;}
  footer .contact-info .icon i{ width: 40px;height: 40px; line-height: 2.4;margin: 0 15px 0 0;}
  footer .contact-info h3 { font-size: 15px;}
  footer .contact-info p, footer .contact-info p a { color: #6b6560; font-size: 14px; line-height: 1.5;} 

  .about-banner { padding: 30% 0 8% 0; }
  .about-banner h1 { font-size: 30px; margin-bottom: 10px;}
  .about-banner p, .about-banner p a{ color: #ececec;}

  .contact-bx .contact-info { padding: 20px; border-bottom: 1px solid #c8965a80}
  .contact-bx .contact-info i { color: #c8965a; font-size: 26px;}
  .contact-bx .contact-info h5 { margin: 15px 0 10px 0; font-size: 18px;}
  .contact-bx .contact-info p, .contact-bx .contact-info p a { font-size: 14px;}

  .team-page .team-bx {padding: 20px;margin: 20px 0 0 0}
}

@media (min-width:992px) and (max-width:1200px){ 
  .heading h2 {color: rgb(26, 43, 74);font-weight: 700;font-size: 42px;line-height: 1.3;}

  .banner-section { padding: 14% 0px 4%;}
  .banner-section .established { font-size: 12px;}
  .banner-section h1 { margin: 30px 0px 10px; font-size: 56px;}
  .banner-section h2 { font-size: 48px; margin: 0px 0px 20px; }
  .banner-section p { width: 100%; margin: 0px auto 40px; font-size: 17px;}
  .banner-section .book-consultation { font-size: 15px;}
  .banner-section .explore-services { font-size: 15px;}
}

@media (min-width:1201px) and (max-width:1440px){
  p { font-size: 15px;}

  .heading h2 { font-size: 46px;}

  .banner-section { padding: 12% 0px 4%;}
  .banner-section .established { letter-spacing: 3px; font-size: 12px;}
  .banner-section h1 { font-size: 64px;}
  .banner-section h2 { font-size: 52px;}
  .banner-section p { width: 80%; font-size: 18px; color: rgba(255, 255, 255, 0.69);}

  .about-banner { padding: 20% 0 8% 0;}
  .about-banner h1 {font-size: 50px;}
} 

.book-consultation-banner {background: #1a2b4a;min-height: 130px;}
.book-consultation { padding: 3% 0;}
.book-consultation .consultation-form { padding: 30px; border-radius: 10px; background: #fff; border: 1px solid #c8965a5e; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.book-consultation .consultation-form .question { color: #c8965a; font-weight: 600; display: inline-block; margin: 0 0 5px 0;} 
.book-consultation .consultation-form h5 { color: #1a2b4a; font-size: 21px; font-weight: 600;} 

.income-item { display: block; margin-bottom: 10px; cursor: pointer;}
.income-item input {display: none;}
.income-card { display: flex; align-items: center; gap: 14px; padding: 14px 18px; border: 1px solid #d8d2ca; border-radius: 10px; background: #fff; transition: all .25s ease;}
.income-icon { width: 38px; height: 38px; background: #f3f1ee; border-radius: 9px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.income-icon img { width: 24px; height: 24px; object-fit: contain;}
.income-content { flex: 1;}
.income-content h6 { margin: 0; font-size: 17px; font-weight: 600; color: #111; line-height: 1.2;}
.income-content p { margin: 3px 0 0; font-size: 14px; color: #8b8278; line-height: 1.4;}
.custom-checkbox { width: 20px; height: 20px; border: 1.5px solid #d6cec4; border-radius: 50%; position: relative; flex-shrink: 0; transition: .25s;}

/* Selected Card */
.income-item input:checked + .income-card { border-color: #1a73e8; background: #f4f8ff; box-shadow: 0 0 0 1px #1a73e8; }
.income-item input:checked + .income-card .custom-checkbox { border-color: #1a73e8; }
.income-item input:checked + .income-card .custom-checkbox::after { content: ""; width: 10px; height: 10px; background: #1a73e8; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

/* Hover */
.income-card:hover { border-color: #c9c1b8;}