@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
body { margin: 0px; padding: 0px; font-family: "Montserrat", sans-serif; overflow-x: hidden; color: #191919;}
p, li {color: #191919;font-size: 15px;line-height: 24px;margin: 0px 0px 15px;font-family: "Montserrat", sans-serif;}
.main-table li {color: #191919;font-size: 14px;line-height: 20px;margin: 0px 0px 8px 0; font-family: "Montserrat", sans-serif;}
a { font-family: "Montserrat", sans-serif; text-decoration: none !important;}
h1, h2, h3, h4, h5, h6 { font-family: "Montserrat", sans-serif; color: #191919;}
.main-table { text-align: left; padding: 5% 0px;}

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

#HomepagecontentControl_C { margin-top: -21px;}

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

.custom-btn { display: inline-block; padding: 12px 24px; background: #e2ab60; color: #00142d; font-size: 16px; font-weight: 500; border-radius: 5px;}
.custom-btn img { width: 14px; margin: 0 0 0 5px;}
.heading p {font-size: 14px;padding: 0px 0px 0px 38px;font-weight: 500;text-transform: uppercase;letter-spacing: 1.4px;color: #e2ab60;display: inline-block;position: relative;margin: 0 0 10px 0;}
.heading p::after { position: absolute; content: ""; width: 30px; height: 1px; background: #e2ab60; left: 0px; top: 12px;}
.heading h2 {color: #00142d;font-size: 40px;margin: 0px 0px 20px 0;font-weight: 700;line-height: 1.3;}
.heading h3 {color: #00142d;font-size: 34px;margin: 0px 0px 20px 0;font-weight: 700;line-height: 1.3;}
.sub-heading { color: #00142d; font-size: 27px; margin: 0px 0px 30px 0; font-weight: 600; letter-spacing: 0.5px;}
.title {color:#e2ab60;font-size: 17px;margin: 0 0 8px 0;font-weight: 700;}

header{padding: 14px 0;}

.banner-section { position: relative;}
.banner-section {position: relative;height: 100vh;background: #000;overflow: hidden;}
.banner-section::after { content:''; position: absolute; width: 50%; height: 110%; background: #00142dcc; top: 0; left: 0;}
.banner-section .banner-content {width: 50%;height: 100%;position: absolute;top: 0px;left: 0px;z-index: 2}
.banner-section .banner-content .text {position: absolute;left: 20%;top: 38%;width: 70%;}
.banner-section .banner-content .text h1 {color: #fff;font-size: 52px;font-weight: 600;margin: 0px 0px 20px 0;}
.banner-section .banner-content .text h1 span { color: #e2ab60;}
.banner-section .banner-content .text h5 {color: #e2ab60;text-transform: uppercase;letter-spacing: 1px;font-weight: 500;margin: 0 0 20px 0;font-size: 16px;padding: 0 0 0 90px;}
.banner-section .banner-content .text h5::after { content: ''; position: absolute; width: 80px; height: 2px; background: #e2ab60; left: 0; top: 8px}
.banner-section .banner-content .text h6 {color: #fff;font-size: 19px;font-weight: 400;font-style: italic;line-height: 1.4;letter-spacing: .4px;position: relative;margin: 0 0 30px 0;}
.banner-section .banner-content .text h6::after { content: ''; position: absolute; width: 80px; height: 2px; background: #e2ab60; left: 0; bottom: -10px}
.banner-section .banner-content .text p { color: #f1f1f1; font-size: 15px; margin: 0 0 30px 0; line-height: 1.5;}
.banner-section .banner-content .text .explore-services { display: inline-block; padding: 10px 20px; background: #e2ab60; color: #00142d; font-size: 15px; font-weight: 500; border-radius: 5px;}
.banner-section .banner-content .text .explore-services img { width: 14px; margin: 0 0 0 5px;}
.banner-section .banner-content .text .get-in-touch { display: inline-block; padding: 9px 20px; background: transparent; border: 1px solid #e2ab60; color: #e2ab60; font-size: 15px; font-weight: 500; border-radius: 5px;}
.banner-section .banner-content .text .get-in-touch img { width: 14px; margin: 0 0 0 5px;}

.banner-bottom {background: #00142d;padding: 4% 0;}
.banner-bottom .about-card {background: #f7ebda;padding: 30px;border-radius: 10px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; transition: all .3s ease-in-out;}
.banner-bottom .about-card:hover { transform: translate(0, -10px);}
.banner-bottom .about-card .icon img { width: 56px}
.banner-bottom .about-card h4 { font-size: 19px; margin: 12px 0 10px 0; color: #00142d; font-weight: 500;}
.banner-bottom .about-card p { margin: 0; font-size: 14px; line-height: 24px}

.about-section { padding: 5% 0;}
.about-section .count-bx {padding: 30px;margin: 20px 0;background: #00142d;border-radius: 10px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.about-section .count-bx h2 {text-align: center;font-size: 37px; font-weight: 600; color: #e2ab60; letter-spacing: .5px}
.about-section .count-bx p {margin: 0;font-size: 17px;font-weight: 400;text-align: center;color: #fff} 

.why-choose { padding: 4% 0; background: #f7ebda;}
.why-choose .why-choose-card { position: relative;}
.why-choose .why-choose-card::after { position: absolute; content: ''; width: 2px; height: 85%; border-left: 2px dashed #e2ab60; top: 0; bottom: 0; left: 50%; margin: auto 0;}
.why-choose .why-choose-card .icon { background: #00142d; display: inline-block; width: 85px; height: 85px; padding: 18px; border-radius: 50%; border: 3px solid #e2ab60; position: relative; z-index: 2;}
.why-choose .why-choose-card h5 {font-size: 16px;color: #00142d;font-weight: 600;margin: 0 0 6px 0;line-height: 1.3;}
.why-choose .why-choose-card p {font-size: 14px;margin: 0; line-height: 1.56;}
.why-choose .why-choose-card p a { color: #e2ab60; font-weight: 500}

.service-section { padding: 5% 0; background: #00142d;}
.service-section .service-title .right-text p { font-size: 17px; color: #333;}
.service-section .service-title { border-bottom: 1px solid #e2ab60;}
.service-section .ser-card {border-radius: 5px;margin: 0 0 25px 0;padding: 35px 30px;box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;overflow: hidden;position: relative;transition: all .3s ease-in-out;min-height: 320px;}
.service-section .ser-card::after {position: absolute;content: '';width: 120px;height: 120px;left: 100%;top: 10%;background: #ffffff;border-radius: 50%;transition: all .4s ease-in-out;}
.service-section .ser-card:hover::after { left: 72%; top: -14%;}
.service-section .ser-card:hover { margin: -7px 0 30px 0;}
.service-section .ser-card .icon img {width: 60px;margin: 0 0 18px 0;}
.service-section .ser-card h5 {color: #00142d;font-size: 18px;font-weight: 600;line-height: 1.3;}
.service-section .ser-card p {margin: 0 0 22px 0;}
.service-section .ser-card a img {width: 20px;}
.service-section .service-bx .col-12:nth-child(odd) .ser-card, .service-section .service-bx1 .col-12:nth-child(even) .ser-card {background: #f7ebda;}
.service-section .service-bx .col-12:nth-child(even) .ser-card, .service-section .service-bx1 .col-12:nth-child(odd) .ser-card { background: #fff}
.service-section .service-bx .col-12:nth-child(even) .ser-card::after, .service-section .service-bx1 .col-12:nth-child(odd) .ser-card::after {background: #e2ab60;}

.client-section { padding: 5% 0;}
.client-section .client-card { box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 15px; padding: 15px; border-radius: 10px; border: 1px solid #f7ebda; margin: 10px 0;}

.testimonial-section { padding: 5% 0; background: #f7ebda;}
.testimonial-section .testimonial-card { max-width: 800px; background: #00142d; padding: 40px; border-radius: 20px; box-shadow: 0 10px 35px rgba(0,0,0,0.08); text-align: center; transition: all .4s ease;}
.testimonial-section .testimonial-card p { font-size: 16px; line-height: 1.56; color: #cdcdcd; margin: 30px 0; letter-spacing: .3px;}
.testimonial-section .testimonial-card .client-info { display: flex; align-items: center; justify-content: center; gap: 15px;}
.testimonial-section .testimonial-card .client-info img { width: 70px; height: 70px; border-radius: 50%; object-fit: cover; border: 3px solid #e2ab60;}
.testimonial-section .testimonial-card .client-info h5 { margin-bottom: 0; font-weight: 700; color: #e2ab60;}
/* Navigation */
.testimonial-section .carousel-control-prev, .testimonial-section .carousel-control-next { width: auto; opacity: .7;}
.testimonial-section .carousel-nav { width: 50px; height: 50px; background: #daa65f; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 22px;}

.contact-section {padding: 4% 0;background-image: url('image/contact-bg.jpg');background-attachment: fixed;background-size: cover;position: relative;}
.contact-section::after {content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: #00142d;opacity: .84;}
.contact-section .heading { position: relative; z-index: 2; line-height: 1.3; margin: 0;}
.contact-section .contact-form { position: relative; z-index: 2; background: rgba(255, 255, 255, 1); padding: 30px; border-radius: 10px; backdrop-filter: blur(3px);}
.contact-section .contact-form h4 { color: #00142d; font-size: 30px; font-weight: 600; margin: 0 0 5px 0;}
.contact-section .contact-form p { color: #e2ab60; font-weight: 600;}
.contact-section .contact-form .form-control { padding: 12px; margin: 0 0 12px 0;}
.contact-section .contact-form input[type='button'] { background: #00142d; border: 0; padding: 12px 34px; border-radius: 5px; color: #fff; font-weight: 400;}

.partners .container-fluid { padding: 0 ;}
.partners h4 {background: #e2ab60;text-align: center;font-size: 27px;color: #ffffff;font-weight: 600;letter-spacing: .5px;padding: 45px 0;position: relative;margin: 0;} 
.partners h4::after {content: "";position: absolute;right: 0;width: 0;height: 100%;border-top: 60px solid transparent;border-bottom: 62px solid transparent;border-right: 50px solid rgb(255 255 255);top: 0;}
.partners .item { display: inline-block; margin: 0 40px;}
.partners .item img { width: 140px;}

footer {background: linear-gradient(135deg, #010812, #00142d);padding: 7% 0 0 0;}
footer h4 {color: #fff; font-size: 19px;font-weight: 600;margin: 0 0 12px 0;letter-spacing: .5px;}
footer p, footer p a {color: #bbbbbb;font-size: 14px;margin: 0 0 10px 0;}
footer p a:hover { color: #e2ab60; 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: #e2ab60; 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);}

.inner-banner { background-image: url(image/inner-banner.jpg); background-size: cover; background-position: center; padding:12% 0 5% 0; position:relative;}
.inner-banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index: 2;background: linear-gradient(to right,#00142d 0%,#00000027 100%);}
.inner-banner h1 { color: #fff; font-size: 42px; font-weight: 600; letter-spacing: .8px; text-align: left; margin: 0 0 15px 0; position: relative; z-index: 2}
.inner-banner p, .inner-banner p a { color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 400; letter-spacing: .6px; text-align: left; position: relative; z-index: 2;}
.inner-banner p a:hover { color: #fff;}

.about-section .right-img { position: relative;}
.about-section .right-img::after { position: absolute; content: ''; width: 90%; left: 10%; height: 90%; top: -4%; border: 2px solid #e2ab60;}
.about-section .right-img img { position: relative; z-index: 2;}

.about-card1 {background: #00142d;position: relative;z-index: 3;padding:30px;border-radius: 5px;margin: 0 0 25px 0;height: 90%;}
.about-card1 img {width: 52px;margin: 0 0 18px 0;}
.about-card1 h5 {color: #e2ab60;font-size: 18px;margin: 0 0 20px 0;font-weight: 500;line-height: 1.3;}
.about-card1 .text {border-top: 1px solid #e2ab60;padding: 20px 0 0 0;}
.about-card1 .text p {color: #ededed;font-size: 14px;}

.about-card2 { background: #f7ebda; position: relative;z-index: 3;padding:30px;border-radius: 5px;margin: 0 0 25px 0;height: 90%;}
.about-card2 img {width: 52px;margin: 0 0 18px 0;}
.about-card2 h5 {color: #e2ab60;font-size: 18px;margin: 0 0 20px 0;font-weight: 500;line-height: 1.3;}
.about-card2 .text {border-top: 1px solid #e2ab60;padding: 20px 0 0 0;}
.about-card2 .text p { font-size: 14px;}

.btn-close {position: absolute;padding: 10px;border-radius: 50%;background-color: #e2ab60;opacity: 1;color: #fff;right: -40px;top: 0;}
.modal .team-details {background: #f7ebda;padding: 50px;}
.modal .team-details img {border: 4px solid #e2ab60;}
.modal .team-details h5 {color: #00142d;text-align: center;text-transform: uppercase;font-size: 20px;font-weight: 700;margin: 25px 0 4px 0;}
.modal .team-details p {text-align: center;font-size: 14px;font-weight: 600;color: #525252;}
.modal .right-text {background-color: #00142d !important;padding: 60px;height: 650px;overflow-y: scroll;}
.modal .right-text p {color: #eeeeee;letter-spacing: .5px;text-align: start;}
.modal-backdrop { display: none;}
.modal {background: rgba(0, 0, 0, .5);z-index: 9999; padding: 5% 0 0 0;}

.team-card{background: #fff;border: 1px solid #ddd;border-radius: 10px;overflow: hidden;text-align: center;transition: 0.4s ease;margin: 12px 0;}
.team-card:hover { transform: translateY(-5px); box-shadow: 0 12px 30px rgba(0,0,0,0.12);}
.team-card .team-content { padding: 20px; background: #f7ebda;}
.team-card .team-content h3 { font-size: 21px; font-weight: 500; color: #00142d; margin-bottom: 8px;}
.team-card .team-content span { display: block; font-size: 15px; color: #555; margin-bottom: 22px;}
.team-card .social-icons { display: flex; justify-content: center; gap: 10px;}
.team-card .social-icons i { width: 38px; height: 38px; background: #00142d; border-radius: 50%; color: #e2ab60; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: 0.3s ease;}
.team-content .social-icons i:hover { color: #fff; transform: translateY(-3px);}

.contact-page {background-image: linear-gradient(#fff 50%, #f7ebda 50%);}
.contact-page .contact-bx {background: #fff;padding: 50px 50px 70px 50px;border-radius: 15px;}
.contact-page .contact-bx .icon {color: #e2ab60;display: inline-block;width: 55px;height: 55px;font-size: 21px;text-align: center;line-height: 2.5;background: #00142d;border-radius: 10px;}
.contact-page .contact-bx h5, .contact-page .contact-bx h5 a {color: #212121;font-size: 16px;margin: 0;text-align: left; line-height: 1.5;}
.contact-page .contact-form .form-control {border: 1px solid #b9b9b9;padding: 16px 20px;margin: 0 0 20px 0;border-radius: 10px;color: #222222;}
.contact-page .contact-form input[type="button"] {background: #e2ab60;color: #00142d;display: inline-block; font-weight: 500;padding: 14px 30px;font-size: 15px;border-radius: 10px;border: none;}
.contact-page .contact-bx p { color: #e2ab60; font-size: 18px; font-weight: 500;}

.service-page { min-height: 450px;}
.service-page .heading { position: relative}
.service-page .heading h2,.service-page .heading h3 { position: relative; z-index: 2}
.service-page .heading::before {content: '';position: absolute;width: 50px;height: 50px;background: #e2ab60;border-radius: 50%;left: -20px;top: 20px;opacity: .4;}
.service-page .service-pagre-right { border-left: 1px solid #f7ebda; padding: 20px 0 20px 30px;}
.service-page .service-pagre-right p { font-size: 16px; line-height: 28px;}
.service-page .service-pagre-right ul { list-style-image: url('image/back.png');}

.audit-card { background: #f8edde;padding: 25px;border-radius: 10px;}
.audit-card .icon img {width: 54px;margin: 0 0 15px 0}
.audit-card h4 {font-size: 18px;margin: 0;color: #00142d;line-height: 1.4;font-weight: 600}

@media (min-width: 320px) and (max-width: 768px)  {
    .custom-btn { padding: 10px 18px; font-size: 14px;}
    .heading p {font-size: 13px; margin: 0 0 8px 0;}
    .heading h2 { font-size: 33px; margin: 0px 0px 18px 0;}
    .heading h3 { font-size: 27px;}
    .sub-heading { font-size: 24px; margin: 0px 0px 25px 0;}
    
    .banner-section {background: #00142d;}
    .banner-section video {height: 240px !important;object-fit: cover;}
    .banner-section::after { content:''; position: absolute; width: 0; height: 110%; background: #00142d00; top: 0; left: 0;}
    .banner-section .banner-content {height: 100%;position: relative;top: 0px;left: 0px;z-index: 2}
    .banner-section .banner-content .text {position: absolute;left: 5%;top: 20%;}
    .banner-section .banner-content .text h1 { font-size: 24px;font-weight: 600;margin: 0px 0px 10px 0;}
    .banner-section .banner-content .text h5 {color: #e2ab60;text-transform: uppercase;letter-spacing: 1px;font-weight: 500;margin: 0 0 20px 0;font-size: 16px;padding: 0 0 0 90px;}
    .banner-section .banner-content .text h5::after { content: ''; position: absolute; width: 80px; height: 2px; background: #e2ab60; left: 0; top: 8px}
    .banner-section .banner-content .text h6 {color: #fff;font-size: 19px;font-weight: 400;font-style: italic;line-height: 1.4;letter-spacing: .4px;position: relative;margin: 0 0 30px 0;}
    .banner-section .banner-content .text h6::after { content: ''; position: absolute; width: 80px; height: 2px; background: #e2ab60; left: 0; bottom: -10px}
    .banner-section .banner-content .text p {color: #f1f1f1;font-size: 14px;margin: 0 0 30px 0;line-height: 1.5;}
    .banner-section .banner-content .text .explore-services { display: inline-block; padding: 10px 20px; background: #e2ab60; color: #00142d; font-size: 15px; font-weight: 500; border-radius: 5px;}
    .banner-section .banner-content .text .explore-services img { width: 14px; margin: 0 0 0 5px;}
    .banner-section .banner-content .text .get-in-touch { display: inline-block; padding: 9px 20px; background: transparent; border: 1px solid #e2ab60; color: #e2ab60; font-size: 15px; font-weight: 500; border-radius: 5px;}
    .banner-section .banner-content .text .get-in-touch img { width: 14px; margin: 0 0 0 5px;}

    .banner-bottom {background: #00142d;padding: 4% 0;}
    .banner-bottom .about-card {background: #f7ebda;padding: 30px;border-radius: 10px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; transition: all .3s ease-in-out;}
    .banner-bottom .about-card:hover { transform: translate(0, -10px);}
    .banner-bottom .about-card .icon img { width: 56px}
    .banner-bottom .about-card h4 { font-size: 19px; margin: 12px 0 10px 0; color: #00142d; font-weight: 500;}
    .banner-bottom .about-card p { margin: 0; font-size: 14px; line-height: 24px}

    .about-section { padding: 5% 0;}
    .about-section .count-bx {padding: 30px;margin: 20px 0;background: #00142d;border-radius: 10px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
    .about-section .count-bx h2 {text-align: center;font-size: 37px; font-weight: 600; color: #e2ab60; letter-spacing: .5px}
    .about-section .count-bx p {margin: 0;font-size: 17px;font-weight: 400;text-align: center;color: #fff} 

    .why-choose { padding: 4% 0; background: #f7ebda;}
    .why-choose .why-choose-card { position: relative;}
    .why-choose .why-choose-card::after { position: absolute; content: ''; width: 2px; height: 85%; border-left: 2px dashed #e2ab60; top: 0; bottom: 0; left: 50%; margin: auto 0;}
    .why-choose .why-choose-card .icon { background: #00142d; display: inline-block; width: 85px; height: 85px; padding: 18px; border-radius: 50%; border: 3px solid #e2ab60; position: relative; z-index: 2;}
    .why-choose .why-choose-card h5 {font-size: 16px;color: #00142d;font-weight: 600;margin: 0 0 6px 0;line-height: 1.3;}
    .why-choose .why-choose-card p {font-size: 14px;margin: 0; line-height: 1.56;}
    .why-choose .why-choose-card p a { color: #e2ab60; font-weight: 500}

    .service-section { padding: 5% 0; background: #00142d;}
    .service-section .service-title .right-text p { font-size: 17px; color: #333;}
    .service-section .service-title { border-bottom: 1px solid #e2ab60;}
    .service-section .ser-card {border-radius: 5px;margin: 0 0 25px 0;padding: 35px 30px;box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;overflow: hidden;position: relative;transition: all .3s ease-in-out;min-height: 320px;}
    .service-section .ser-card::after {position: absolute;content: '';width: 120px;height: 120px;left: 100%;top: 10%;background: #ffffff;border-radius: 50%;transition: all .4s ease-in-out;}
    .service-section .ser-card:hover::after { left: 72%; top: -14%;}
    .service-section .ser-card:hover { margin: -7px 0 30px 0;}
    .service-section .ser-card .icon img {width: 60px;margin: 0 0 18px 0;}
    .service-section .ser-card h5 {color: #00142d;font-size: 18px;font-weight: 600;line-height: 1.3;}
    .service-section .ser-card p {margin: 0 0 22px 0;}
    .service-section .ser-card a img {width: 20px;}
    .service-section .service-bx .col-12:nth-child(odd) .ser-card, .service-section .service-bx1 .col-12:nth-child(even) .ser-card {background: #f7ebda;}
    .service-section .service-bx .col-12:nth-child(even) .ser-card, .service-section .service-bx1 .col-12:nth-child(odd) .ser-card { background: #fff}
    .service-section .service-bx .col-12:nth-child(even) .ser-card::after, .service-section .service-bx1 .col-12:nth-child(odd) .ser-card::after {background: #e2ab60;}

    .client-section { padding: 5% 0;}
    .client-section .client-card { box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 15px; padding: 15px; border-radius: 10px; border: 1px solid #f7ebda; margin: 10px 0;}

    .testimonial-section { padding: 5% 0; background: #f7ebda;}
    .testimonial-section .testimonial-card { max-width: 800px; background: #00142d; padding: 40px; border-radius: 20px; box-shadow: 0 10px 35px rgba(0,0,0,0.08); text-align: center; transition: all .4s ease;}
    .testimonial-section .testimonial-card p { font-size: 16px; line-height: 1.56; color: #cdcdcd; margin: 30px 0; letter-spacing: .3px;}
    .testimonial-section .testimonial-card .client-info { display: flex; align-items: center; justify-content: center; gap: 15px;}
    .testimonial-section .testimonial-card .client-info img { width: 70px; height: 70px; border-radius: 50%; object-fit: cover; border: 3px solid #e2ab60;}
    .testimonial-section .testimonial-card .client-info h5 { margin-bottom: 0; font-weight: 700; color: #e2ab60;}
    /* Navigation */
    .testimonial-section .carousel-control-prev, .testimonial-section .carousel-control-next { width: auto; opacity: .7;}
    .testimonial-section .carousel-nav { width: 50px; height: 50px; background: #daa65f; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 22px;}

    .contact-section {padding: 4% 0;background-image: url('image/contact-bg.jpg');background-attachment: fixed;background-size: cover;position: relative;}
    .contact-section::after {content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: #00142d;opacity: .84;}
    .contact-section .heading { position: relative; z-index: 2; line-height: 1.3; margin: 0;}
    .contact-section .contact-form { position: relative; z-index: 2; background: rgba(255, 255, 255, 1); padding: 30px; border-radius: 10px; backdrop-filter: blur(3px);}
    .contact-section .contact-form h4 { color: #00142d; font-size: 30px; font-weight: 600; margin: 0 0 5px 0;}
    .contact-section .contact-form p { color: #e2ab60; font-weight: 600;}
    .contact-section .contact-form .form-control { padding: 12px; margin: 0 0 12px 0;}
    .contact-section .contact-form input[type='button'] { background: #00142d; border: 0; padding: 12px 34px; border-radius: 5px; color: #fff; font-weight: 400;}

    .partners .container-fluid { padding: 0 ;}
    .partners h4 {background: #e2ab60;text-align: center;font-size: 27px;color: #ffffff;font-weight: 600;letter-spacing: .5px;padding: 45px 0;position: relative;margin: 0;} 
    .partners h4::after {content: "";position: absolute;right: 0;width: 0;height: 100%;border-top: 60px solid transparent;border-bottom: 62px solid transparent;border-right: 50px solid rgb(255 255 255);top: 0;}
    .partners .item { display: inline-block; margin: 0 40px;}
    .partners .item img { width: 140px;}

    footer {background: linear-gradient(135deg, #010812, #00142d);padding: 7% 0 0 0;}
    footer h4 {color: #fff; font-size: 19px;font-weight: 600;margin: 0 0 12px 0;letter-spacing: .5px;}
    footer p, footer p a {color: #bbbbbb;font-size: 14px;margin: 0 0 10px 0;}
    footer p a:hover { color: #e2ab60; 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: #e2ab60; 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);}

    .inner-banner { background-image: url(image/inner-banner.jpg); background-size: cover; background-position: center; padding:12% 0 5% 0; position:relative;}
    .inner-banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index: 2;background: linear-gradient(to right,#00142d 0%,#00000027 100%);}
    .inner-banner h1 { color: #fff; font-size: 42px; font-weight: 600; letter-spacing: .8px; text-align: left; margin: 0 0 15px 0; position: relative; z-index: 2}
    .inner-banner p, .inner-banner p a { color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 400; letter-spacing: .6px; text-align: left; position: relative; z-index: 2;}
    .inner-banner p a:hover { color: #fff;}

    .about-section .right-img { position: relative;}
    .about-section .right-img::after { position: absolute; content: ''; width: 90%; left: 10%; height: 90%; top: -4%; border: 2px solid #e2ab60;}
    .about-section .right-img img { position: relative; z-index: 2;}

    .about-card1 {background: #00142d;position: relative;z-index: 3;padding:30px;border-radius: 5px;margin: 0 0 25px 0;height: 90%;}
    .about-card1 img {width: 52px;margin: 0 0 18px 0;}
    .about-card1 h5 {color: #e2ab60;font-size: 18px;margin: 0 0 20px 0;font-weight: 500;line-height: 1.3;}
    .about-card1 .text {border-top: 1px solid #e2ab60;padding: 20px 0 0 0;}
    .about-card1 .text p {color: #ededed;font-size: 14px;}

    .about-card2 { background: #f7ebda; position: relative;z-index: 3;padding:30px;border-radius: 5px;margin: 0 0 25px 0;height: 90%;}
    .about-card2 img {width: 52px;margin: 0 0 18px 0;}
    .about-card2 h5 {color: #e2ab60;font-size: 18px;margin: 0 0 20px 0;font-weight: 500;line-height: 1.3;}
    .about-card2 .text {border-top: 1px solid #e2ab60;padding: 20px 0 0 0;}
    .about-card2 .text p { font-size: 14px;}

    .btn-close {position: absolute;padding: 10px;border-radius: 50%;background-color: #e2ab60;opacity: 1;color: #fff;right: -40px;top: 0;}
    .modal .team-details {background: #f7ebda;padding: 50px;}
    .modal .team-details img {border: 4px solid #e2ab60;}
    .modal .team-details h5 {color: #00142d;text-align: center;text-transform: uppercase;font-size: 20px;font-weight: 700;margin: 25px 0 4px 0;}
    .modal .team-details p {text-align: center;font-size: 14px;font-weight: 600;color: #525252;}
    .modal .right-text {background-color: #00142d !important;padding: 60px;height: 650px;overflow-y: scroll;}
    .modal .right-text p {color: #eeeeee;letter-spacing: .5px;text-align: start;}
    .modal-backdrop { display: none;}
    .modal {background: rgba(0, 0, 0, .5);z-index: 9999; padding: 5% 0 0 0;}

    .team-card{background: #fff;border: 1px solid #ddd;border-radius: 10px;overflow: hidden;text-align: center;transition: 0.4s ease;margin: 12px 0;}
    .team-card:hover { transform: translateY(-5px); box-shadow: 0 12px 30px rgba(0,0,0,0.12);}
    .team-card .team-content { padding: 20px; background: #f7ebda;}
    .team-card .team-content h3 { font-size: 21px; font-weight: 500; color: #00142d; margin-bottom: 8px;}
    .team-card .team-content span { display: block; font-size: 15px; color: #555; margin-bottom: 22px;}
    .team-card .social-icons { display: flex; justify-content: center; gap: 10px;}
    .team-card .social-icons i { width: 38px; height: 38px; background: #00142d; border-radius: 50%; color: #e2ab60; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: 0.3s ease;}
    .team-content .social-icons i:hover { color: #fff; transform: translateY(-3px);}

    .contact-page {background-image: linear-gradient(#fff 50%, #f7ebda 50%);}
    .contact-page .contact-bx {background: #fff;padding: 50px 50px 70px 50px;border-radius: 15px;}
    .contact-page .contact-bx .icon {color: #e2ab60;display: inline-block;width: 55px;height: 55px;font-size: 21px;text-align: center;line-height: 2.5;background: #00142d;border-radius: 10px;}
    .contact-page .contact-bx h5, .contact-page .contact-bx h5 a {color: #212121;font-size: 16px;margin: 0;text-align: left; line-height: 1.5;}
    .contact-page .contact-form .form-control {border: 1px solid #b9b9b9;padding: 16px 20px;margin: 0 0 20px 0;border-radius: 10px;color: #222222;}
    .contact-page .contact-form input[type="button"] {background: #e2ab60;color: #00142d;display: inline-block; font-weight: 500;padding: 14px 30px;font-size: 15px;border-radius: 10px;border: none;}
    .contact-page .contact-bx p { color: #e2ab60; font-size: 18px; font-weight: 500;}

    .service-page { min-height: 450px;}
    .service-page .heading { position: relative}
    .service-page .heading h2,.service-page .heading h3 { position: relative; z-index: 2}
    .service-page .heading::before {content: '';position: absolute;width: 50px;height: 50px;background: #e2ab60;border-radius: 50%;left: -20px;top: 20px;opacity: .4;}
    .service-page .service-pagre-right { border-left: 1px solid #f7ebda; padding: 20px 0 20px 30px;}
    .service-page .service-pagre-right p { font-size: 16px; line-height: 28px;}

    .audit-card { background: #f8edde;padding: 25px;border-radius: 10px;}
    .audit-card .icon img {width: 54px;margin: 0 0 15px 0}
    .audit-card h4 {font-size: 18px;margin: 0;color: #00142d;line-height: 1.4;font-weight: 600}
}

/* Global Smooth Transition */
.custom-btn,
.banner-bottom .about-card,
.about-section .count-bx,
.why-choose .why-choose-card .icon,
.service-section .ser-card,
.client-section .client-card,
.team-card,
.about-card1,
.about-card2,
.audit-card,
.contact-page .contact-bx,
footer .social-icon a,
.contact-page .contact-bx .icon {
    transition: all 0.35s ease-in-out !important;
}

/* Buttons */
.custom-btn:hover {
    color: #00142d;
    transform: translate(0, -5px) !important;
    box-shadow: 0 10px 20px rgba(0,20,45,.2);
}

/* Counter Boxes */
.about-section .count-bx:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 35px rgba(0,20,45,.18);
}

/* Why Choose Icons */
.why-choose .why-choose-card .icon:hover {
    transform: scale(1.1) rotate(8deg);
    box-shadow: 0 10px 25px rgba(226,171,96,.4);
}

/* Client Logos */
.client-section .client-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(0,0,0,.12);
}

/* About Cards */
.about-card1:hover,
.about-card2:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,.12);
}

/* Audit Cards */
.audit-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0,0,0,.1);
}

/* Team Cards */
.team-card img {
    transition: transform .5s ease;
}

.team-card:hover img {
    transform: scale(1.06);
}

/* Contact Boxes */
.contact-page .contact-bx:hover {
    box-shadow: 0 15px 35px rgba(0,0,0,.08);
    transform: translateY(-5px);
}

.contact-page .contact-bx .icon:hover {
    transform: rotateY(180deg);
}

/* Footer Social Icons */
footer .social-icon a:hover {
    transform: translateY(-5px);
}

/* Banner Buttons */
.banner-section .explore-services,
.banner-section .get-in-touch {
    transition: all .35s ease;
}

.banner-section .explore-services:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 20px rgba(226,171,96,.3);
}

.banner-section .get-in-touch:hover {
    background: #e2ab60;
    color: #00142d;
    transform: translateY(-4px);
}

/* Heading Underline Animation */
.heading p::after {
    transition: width .4s ease;
}

.heading:hover p::after {
    width: 45px;
}

/* Navigation Hover */
#MenuControl .nav-item .nav-link {
    position: relative;
    transition: all .3s ease;
}


#MenuControl .nav-item .nav-link:hover {
    color: #e2ab60;
}


/*--------------------------------------------------------------
# Nav-bar
--------------------------------------------------------------*/
/*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{/* background-color:#fff !important; */color: #e2ab60 !important;}
.nav-link{font-weight: 400;font-size: 18px;color:#fff;padding: 5px;}
.nav-fill{width:100%; font-size: 15px;}
.navbar-brand{margin:0;}
.nav-item{position:relative;}
.navbar-toggler{background: #00142d;margin: 15px 15px 15px 0;position: fixed;right: 5px;top: 5px;z-index: 9999999;opacity: 1;border: #e2ab60;transform: rotate(90deg);}
.navbar-toggler .navbar-toggler-icon { filter: invert(2)}
.navbar-collapse{background: #00142d;border-left: 4px solid #e2ab60;}
/*nav-bar*/

/**/
#WidgetControl5{height: 150px;overflow: hidden;}
#widgetsControl, #widgetsControl_C{height:inherit !important;}
.table-responsive{padding:0; overflow:hidden; border:0;}
#HeaderControl{position:absolute;top: 10px;left:0;width:100%;z-index: 9;}
#MenuControl{position:absolute;top: 65px;right:0;z-index: 9;}
#MenuControl .container-fluid{padding:0;}
#MenuControl .rdCenter,  #HeaderControl .rdCenter{ background-color: transparent !important;}
.body-fx .navbar-collapse { display: none;}
.body-fx .navbar-collapse.show{background: rgba(0,0,0,0.95);position: absolute;text-align: left;display: block;/*width: inherit; */float: right;right: 0;height: 100vh;overflow: hidden;top: 0;display: block;overflow-y: auto; animation: fadeInRight 300ms;transition: 0.5s;z-index: 99999999999999999;}
.nav-fill .nav-item{text-align: left; padding:5px 10px;}
.navbar-collapse{min-width: 30%;height:100vh;position: fixed; right: 0;top: 0px;padding-top: 50px;transition: none;-webkit-transform: translateX(0);  transform: translateX(0);overflow-y: auto;}
.navbar-collapse.show{ animation: fadeInRight 300ms;transition: 0.5s;z-index: 99999999999999999;}
.body-fx .navbar-toggler[aria-expanded="true"] { z-index: 999999999; position: relative; background: #ff0000; border-radius: 50%;  width: 30px; height: 30px;  text-align: center; padding: 5px; margin-top:5px; position: absolute; right: 14px;    border-color: #ff0000;
}
.body-fx .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after{content:"x";position:absolute;top: 79px;left: 10px;width: 40px;height: 40px;background: #ff0000;color: #fff;font-weight: bold;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after{content:"x";position: fixed;top:-1px;left:-1px;width: 40px;height: 40px;background: #000000;color: #fff;font-weight: bold;border-radius: 50%;line-height: 35px;visibility: visible;}
.navbar-toggler[aria-expanded="true"]{visibility: hidden;}

/**/
@media (max-width: 1170px){
.navbar-expand-md .navbar-nav .nav-link{padding-right:1px; padding-left: 1px;}
.banner-sec{height:700px;}
.hm-service .ser-box {width: 85%; height: 90%;}
}
@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;}
.banner-sec{height:600px;}
.banner-sec .banner-cont{bottom: 20%;}
.hm-service .ser-box{width: 80%;height: 100%;}
.hm-contact .container:before{width: 100%;}
.cont-hm-lft .fa-map-marker{width: 60px;}
.navbar-toggler{ right: 40px;}
	}

@media (max-width: 767px){
.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-sec{height:500px;}
.banner-sec .banner-cont{bottom: 40px;}
.hm-service .ser-box {width: 52%;}
.body-fx .navbar-collapse.show{top:0px;}
}
@media (max-width: 568px){
.hm-service .ser-box, .hm-service .ser-bx{transform: rotate(0deg); -webkit-transform: rotate(0deg); width:100%;}
.cont-hm-lft .fa-map-marker { width: 90px;}
}
@media (max-width: 480px){
.body-fx #HeaderControl img, #HeaderControl img{max-width: 80%;}
.navbar-toggler{right: 0px;margin: 5px 5px 5px 0;border: 1px solid #000;filter: none;}
.banner-sec .banner-cont{width:100%; bottom: 10px;}
}

/* ==============================
   RESPONSIVE CSS
================================= */

/* Large Desktop */
@media (max-width: 1600px) {

    .banner-section .banner-content .text {
        left: 12%;
        width: 80%;
    }

    .banner-section .banner-content .text h1 {
        font-size: 48px;
    }
}

/* Laptop */
@media (max-width: 1366px) {

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

    .heading h3 {
        font-size: 32px;
    }

    .banner-section .banner-content .text h1 {
        font-size: 42px;
    }

    .banner-section .banner-content .text h6 {
        font-size: 17px;
    }

    .service-section .ser-card {
        min-height: 360px;
    }

    .inner-banner {
        padding: 14% 0 6%;
    }
}

/* Tablet Landscape */
@media (max-width: 991px) {

    body {
        overflow-x: hidden;
    }

    p,
    li {
        font-size: 14px;
        line-height: 24px;
    }

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

    .heading h3 {
        font-size: 28px;
    }

    .sub-heading {
        font-size: 24px;
    }

    .banner-section {
        height: auto;
    }

    .banner-section::after {
        width: 100%;
        height: 100%;
    }

    .banner-section .banner-content {
        width: 100%;
    }

    .banner-section .banner-content .text {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        padding: 80px 30px;
    }

    .banner-section .banner-content .text h1 {
        font-size: 40px;
    }

    .banner-section video {
        min-height: 700px;
        object-fit: cover;
    }

    .why-choose .why-choose-card::after {
        display: none;
    }

    .service-section .ser-card {
        min-height: auto;
    }

    .partners h4::after {
        display: none;
    }

    .modal .right-text {
        height: auto;
        padding: 30px;
    }

    .inner-banner {
        padding: 18% 0 8%;
    }

    .contact-page .contact-bx {
        padding: 30px;
    }

    .service-page .service-pagre-right {
        border-left: 0;
        padding: 20px 0 0;
    }
}

/* Tablet Portrait */
@media (max-width: 767px) {

    .main-table {
        padding: 30px 0;
    }

    .heading p {
        font-size: 13px;
    }

    .heading h2 {
        font-size: 28px;
        margin-bottom: 15px;
    }

    .heading h3 {
        font-size: 26px;
        margin-bottom: 15px;
    }

    .sub-heading {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .banner-section .banner-content .text {
        padding: 60px 20px;
    }

    .banner-section .banner-content .text h5 {
        font-size: 14px;
        padding-left: 70px;
    }

    .banner-section .banner-content .text h5::after {
        width: 60px;
    }

    .banner-section .banner-content .text h1 {
        font-size: 34px;
    }

    .banner-section .banner-content .text h6 {
        font-size: 16px;
    }

    .banner-section .banner-content .text .explore-services,
    .banner-section .banner-content .text .get-in-touch {
        display: inline-block;
        margin-bottom: 10px;
    }

    .banner-bottom,
    .about-section,
    .why-choose,
    .service-section,
    .client-section,
    .testimonial-section,
    .contact-section {
        padding: 60px 0;
    }

    .about-section .count-bx h2 {
        font-size: 30px;
    }

    .about-section .count-bx p {
        font-size: 15px;
    }

    .testimonial-section .testimonial-card {
        padding: 25px;
    }

    .testimonial-section .testimonial-card p {
        font-size: 15px;
    }

    .partners .item {
        margin: 0 20px;
    }

    .partners .item img {
        width: 110px;
    }

    .inner-banner {
        padding: 120px 0 50px;
    }

    .inner-banner h1 {
        font-size: 34px;
    }

    .contact-page .contact-bx {
        padding: 25px;
    }

    .contact-page .contact-form .form-control {
        padding: 14px 16px;
    }

    .modal .team-details {
        padding: 25px;
    }

    .btn-close {
        right: 10px;
        top: 10px;
    }
}

/* Mobile */
@media (max-width: 575px) {

    p,
    li {
        font-size: 14px;
        line-height: 22px;
    }

    .heading p {
        padding-left: 30px;
    }

    .heading p::after {
        width: 22px;
    }

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

    .heading h3 {
        font-size: 22px;
    }

    .sub-heading {
        font-size: 20px;
    }

    .title {
        font-size: 16px;
    }

    .banner-section .banner-content .text {
        padding: 50px 15px;
    }

    .banner-section .banner-content .text h1 {
        font-size: 28px;
        line-height: 1.3;
    }

    .banner-section .banner-content .text h6 {
        font-size: 15px;
    }

    .banner-section video {
        min-height: 280px;
    }

    .custom-btn,
    .banner-section .banner-content .text .explore-services,
    .banner-section .banner-content .text .get-in-touch {
        padding: 10px 18px;
        font-size: 14px;
    }

    .banner-bottom .about-card,
    .about-card1,
    .about-card2,
    .audit-card,
    .contact-section .contact-form {
        padding: 20px;
    }

    .service-section .ser-card {
        padding: 25px 20px;
    }

    .service-section .ser-card h5 {
        font-size: 17px;
    }

    .testimonial-section .testimonial-card {
        padding: 20px;
    }

    .testimonial-section .testimonial-card .client-info {
        flex-direction: column;
    }

    .contact-section .contact-form h4 {
        font-size: 24px;
    }

    .partners h4 {
        font-size: 22px;
        padding: 30px 15px;
    }

    footer {
        padding-top: 60px;
    }

    footer h4 {
        font-size: 18px;
        margin-top: 25px;
    }

    .inner-banner h1 {
        font-size: 28px;
    }

    .inner-banner p,
    .inner-banner p a {
        font-size: 12px;
    }

    .team-card .team-content h3 {
        font-size: 18px;
    }

    .contact-page .contact-bx {
        padding: 20px;
    }

    .contact-page .contact-bx .icon {
        width: 45px;
        height: 45px;
        font-size: 18px;
        line-height: 2.5;
    }
}