@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');

body { margin: 0; padding: 0; font-family: "Lora", serif;   overflow-x: hidden;}
a { text-decoration: none;}
p {font-family: Garamond;font-size: 17px !important;margin: 0 0 15px 0;/* text-align: justify; */line-height: 1.6;letter-spacing: .5px;color: #222;}
.main-table ul li  { font-family: "Lora", serif;font-size: 17px;margin: 0 0 15px 0;line-height: 1.4;letter-spacing: .5px;color: #222;}
h1, h2, h3, h4, h5, h6 {font-family: "Lora", serif;}

.heading h2 { color: #044a80; font-size: 38px; font-weight: 600; padding: 0 0 15px 20px; position: relative; display: inline-block;}
.heading h2::after { content: ''; position: absolute; width: 8px; height: 35px; background: #044a80; left: 0; top: 6px;}
.heading p { color: #000; font-size: 20px; font-weight: 500;}
.sub-heading { color: #044a80; font-size: 40px; font-weight: 600; margin: 0 0 30px 0;}
.sub-heading1 {color: #044a80;font-size: 27px;font-weight: 600;margin: 30px 0 15px 0;}
.team-name { color: #044a80; font-size: 24px; font-weight: 600; margin: 10px 0 15px 0;}

header {/* padding: 14px 0; */}
header img {width: 360px;}

.banner-section { position: relative;}
.banner-section video{ width: 100%; height: 90vh; object-fit: cover;}
.banner-section .banner-content {width: 100%;height: 99.5%;position: absolute;background:linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(18, 18, 18, .4));top: 0;left: 0;}
.banner-section .banner-content .text {position: absolute;left: 20%; top: 32%;width: 60%;}
.banner-section .banner-content .text h2 {color: #fff;font-size: 50px;margin: 0 0 20px 0;text-align: center;font-weight: 600;}
.banner-section .banner-content .text p { text-align: center; color: #fff; font-size: 27px;}

.overlay_img{ position: absolute; width: 100%; height: 100vh; background-color: #59abb3; z-index: 1; transition:1.5s;}
.overlay_img.in-view{width: 5%;height: 100%;background-color: #59abb3;transition:1.5s;}
.hm-abt .separator-line_left, .hm-team .hm-abt-rht .separator-line_left, .hm-career .separator-line_left{
    width: 70%;
    height: 2px;
    margin: 15px 0;
    opacity: 1;
    background: rgb(163, 163, 163);
    background: linear-gradient(to right, rgba(163, 163, 163, 1) 1%, rgba(255, 255, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a3a3a3', endColorstr='#ffffff', GradientType=1);
    clear: both;
    float: none;
    display: inline-block;
}

#about-hm  .hm-abt-lft, .hm-career .hm-abt-lft{text-align:right;padding-right: 50px;}



.key-highlights { padding: 5% 0; background-image: url('image/key-highlights-bg.jpg'); background-size: cover; background-attachment: fixed;}
.key-highlights .heading {color: #fff;font-size: 40px;margin: 0 0 50px 0;font-weight: 600;letter-spacing: .5px;}
.key-highlights .count-bx { padding: 25px; border-right: 1px solid rgba(255, 255, 255, .4)}
.key-highlights .count-bx img {width: 76px;margin: 0 0 10px 0}
.key-highlights .count-bx h2 {color: #fff;font-size: 36px;margin: 0;font-weight: 600;}
.key-highlights .count-bx p {color: #f6f6f6;font-size: 18px;}

.service-section { padding: 8% 0;}
.service-section .ser-card { position: relative; margin: 30px 0 0 0; transition: all .3s ease-in-out; overflow: hidden;}
.service-section .ser-card img { transition: all .4s ease-in-out;}
.service-section .ser-card::after {content: '';position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);/* text-align: justify; */top: 0;left: 0;}
.service-section .ser-card .ser-name {position: absolute;font-size: 19px;color: #fff;width: 100%;text-align: center;bottom: 30px;z-index: 2;letter-spacing: .5px;transition: all .3s ease-in-out;}
.service-section .ser-card .text {position: absolute;width: 100%;height: 100%;padding: 25px;top: 0;left: 0;/* transform: translate(-50%, -40%); */z-index: 2;text-align: center;display: none;transition: all .3s ease-in-out;}
.service-section .ser-card .text h5 {color: #fff;font-size: 18px;margin: 0 0 10px 0;}
.service-section .ser-card .text p {font-family: Garamond;color: #fff;/* font-size: 16px; */line-height: 1.5;margin: 0;text-align: center !important;!i;!;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.service-section .ser-card .text a {color: #fff;display: block;color: #59abb3;}
.service-section .ser-card:hover .ser-name{ display: none;}
.service-section .ser-card:hover .text { display: block;}
.service-section .ser-card:hover img { transform: scale(1.2);}

.sectors-section { padding: 0 0 8% 0;}

.career-section .career-bx { background: #044a80;}
.career-section .career-bx .text { padding: 50px;}
.career-section .career-bx .heading h2 { color: #fff; padding: 0; margin: 0 0 10px 0;}
.career-section .career-bx .heading h2::after { width: 0;}
.career-section .career-bx .text .heading p {color: #fff;margin: 0 0 20px 0;font-size: 18px;text-align: center !important;!i;!;}
.career-section .career-bx .text p {color: #d6d6d6;/* font-size: 16px; */}
.career-section .career-bx .text a { display: inline-block; padding: 10px 34px; color: #fff; border: 1px solid #fff; margin: 10px 0 0 0;}

.contact-section { padding: 7% 0;}
.contact-section .contact-form h4 { color: #044a80; font-size: 32px; margin: 0 0 20px 0; font-weight: 600;}
.contact-section .contact-form .form-control { margin: 0 0 20px 0; padding: 10px; border: 0; border-bottom: 1px solid #5c5c5c; border-radius: 0;}
.contact-section .contact-form input[type="button"] { background: #044a80; border: 0; color: #fff; padding: 12px 34px; margin: 10px 0 0 0;}

footer { background: #161616; padding: 7% 0 0 0;}
footer h5 { color: #fff; text-transform: uppercase; font-size: 19px; margin: 0 0 17px 0; letter-spacing: .5px;} 
footer .social-icon a {display: inline-block;background: #044a80;color: #fff;display: inline-block;width: 40px;height: 40px;text-align: center;line-height: 2.4;border-radius: 50%;font-size: 16px;}
footer p, footer p a {color: #bdbdbd;/* font-size: 15px; */margin: 0 0 10px 0;}
footer p a:hover { color: #044a80;}
footer .footer-bottom { margin: 5% 0 0 0; border-top: 1px solid rgba(255, 255, 255, .3); padding: 18px 0;}
footer .footer-bottom p { margin: 0;}

.inner-banner { padding: 12% 0; background-image: url(image/inner-banner.jpg); background-size: cover;}
.inner-banner h2 { text-align: center; color: #fff; font-size: 52px; font-weight: 600; letter-spacing: 1px; margin: 0 0 16px 0;}
.inner-banner p { text-align: center !important; color: #fff; font-size: 21px; margin: 0;}

.tag-line { font-size: 17px;}
.tag-line span { color: #044a80; font-size: 32px; font-weight: 600}

.mission-card {margin: 20px 0 0 0;padding: 30px 25px;text-align: center;border: 1px solid #ddd;border-radius: 15px;min-height: 400px;}
.mission-card img { width: 80px;}
.mission-card h5 {font-size: 26px;margin: 15px 0 10px 0;color: #044a80;font-weight: 600;}
.mission-card p {font-size: 16px;letter-spacing: 0;margin: 0;}

.service-page .text, .service-page .text1{/* padding: 0 50px; */}
.service-page .text h4 {font-size: 24px;font-weight: 600;text-align: left;margin: 30px 0 10px 0;}
.service-page .text ul, .service-page .text ul li, .service-page .text1 ul, .service-page .text1 ul li {margin: 0;/* padding: 0; */list-style-type: none;}
.service-page .text ul li {font-family: Garamond;/* line-height: 25px; */margin: -6px 0 12px 0;font-size: 17px;display: flex;}
.service-page .text ul li i {color: #044a80;margin: 2px 5px 0 0;font-size: 17px;}

.contact-page .contact-card { border: 1px solid #ddd; border-radius: 10px; padding: 20px 10px; text-align: center; min-height: 220px;} 
.contact-page .contact-card i {display: inline-block;background: #044a80;color: #fff;width: 40px;height: 40px;border-radius: 50%;margin: 0 0 15px 0;line-height: 2.5;font-size: 16px;}
.contact-page .contact-card h5 { margin: 0 0 10px 0; font-size: 18px; font-weight: 600;}
.contact-page .contact-card p {font-size: 17px;margin: 0px;text-align: center !important;!i;!;min-height: 108px;}

.team-card { border: 1px solid #ddd;}
.team-card h4 { font-size: 18px; text-align: center; margin: 20px 0 10px 0; font-weight: 600; color: #161616;}
.team-card p {text-align: center !important; color: #161616;}

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

    .heading h2 { font-size: 28px; padding: 0 0 5px 15px;}
    .heading h2::after { width: 4px; height: 22px;}
    .heading p { font-size: 17px; font-weight: 500;}
    .sub-heading { font-size: 24px; margin: 0 0 20px 0;}
    .sub-heading1 { font-size: 21px; margin: 30px 0 10px 0;}
    .team-name { font-size: 20px;}

    .banner-section video{ width: 100%; height: 240px;}
    .banner-section .banner-content { height: 97%;}
    .banner-section .banner-content .text { left: 10%; top: 32%;width: 80%;}
    .banner-section .banner-content .text h2 {color: #fff;font-size: 24px;margin: 0 0 10px 0;}
    .banner-section .banner-content .text p { font-size: 18px;}

    #about-hm  .hm-abt-lft, .hm-career .hm-abt-lft{ padding-right: 20px;}

    .key-highlights .heading { font-size: 27px; margin: 0 0 20px 0;}
    .key-highlights .count-bx { padding: 15px 10px; margin: 0 0 10px 0;}
    .key-highlights .count-bx h2 { font-size: 27px;}
    .key-highlights .count-bx p { font-size: 15px;}

    .career-section .career-bx .text { padding: 30px;}
    .career-section .career-bx .text .heading p {font-size: 16px;}
    .career-section .career-bx .text p { font-size: 15px;}
    
    .contact-section .contact-form h4 { font-size: 27px; margin: 20px 0 10px 0;}
    
    footer h5 {font-size: 17px; margin: 15px 0 10px 0;} 
    footer .social-icon a { width: 30px; height: 30px; font-size: 13px;}
    footer p, footer p a { margin: 0 0 5px 0; font-size: 14px;}

    .inner-banner h2 { font-size: 32px; margin: 0 0 10px 0;}
    .inner-banner p { font-size: 16px;}

    .mission-card { padding: 30px 20px; min-height: 300px;}
    .mission-card img { width: 60px;}
    .mission-card h5 { font-size: 21px;}
    .mission-card p { font-size: 14px;}

    .service-page .text, .service-page .text1{ padding: 20px;}
    
    .contact-page .contact-card { border: 1px solid #ddd; border-radius: 10px; padding: 20px 10px; text-align: center; min-height: 220px;} 
    .contact-page .contact-card i { display: inline-block; background: #044a80; color: #fff; width: 40px; height: 40px; border-radius: 50%; margin: 0 0 15px 0; line-height: 2.5;}
    .contact-page .contact-card h5 { margin: 0 0 10px 0; font-size: 18px; font-weight: 600;}
    .contact-page .contact-card p { font-size: 14px; margin: 0;}

    .team-card { border: 1px solid #ddd;}
    .team-card h4 { font-size: 18px; text-align: center; margin: 20px 0 10px 0; font-weight: 600; color: #161616;}
    .team-card p {text-align: center !important; color: #161616;}
}

.about-page .innovation { border-top: 1px solid #161616; padding: 35px 5px}
.about-page .innovation p { margin: 0}
.about-page .innovation h4{ font-size: 25px; margin: 0 0 15px 0; font-weight: 500}
.about-page .innovation:hover h4 {color: #044a80}

.modal-backdrop {--bs-backdrop-zindex: -10 !important}
.modal-header { background: #044a80; color: #fff; border-radius: 0}
.modal-content { width: 110%; border-radius: 0;}
.modal-content .form-control, .modal-content .form-select { margin: 0 0 15px 0; padding: 12px; border-radius: 0}
.modal-body { padding: 25px}
.modal-body input[type='button'] { background: #044a80; border: 0; color: #fff; padding:12px 30px; font-size: 15px; letter-spacing: .5px} 

.firm-profile { padding: 4% 0}
.firm-profile .profile { background-image: url(image/profile-bg.jpg); padding: 40px; background-size: cover;}
.firm-profile .profile h3 { color: #044a80; font-size: 34px; font-weight: 700; text-align: left; margin: 0 0 15px 0}
.firm-profile .profile p  {margin: 0; color: #000}
.firm-profile .firm-profile-bx { background: #044a80;}
.firm-profile .download { padding: 20px}
.firm-profile .download h4{ color: #fff; font-size: 26px; margin: 0 0 15px 0}
.firm-profile .download .btn { background: #161616; color: #e4e4e4; border-radius: 0; padding: 10px 30px; font-size: 14px; letter-spacing: .5px}

.team-page .team-pic img{ border-radius: 15px;}
.team-page .team-detail h3 {color: #044a80; font-size: 26px; font-weight: 600; margin: 0 0 8px 0;}
.team-page .name { color: #161616; font-size: 34px; font-weight: 600; margin: 0 0 40px 0; position: relative;}
.team-page .name::after { content: ''; position: absolute; width: 180px; background: #044a80; height: 1px; left: 0; bottom: -15px;}
.team-page .name::before { content: ''; position: absolute; width: 18px; height: 18px; background: #044a80; bottom: -24px; transform: rotate(45deg); border: 4px solid #fff; z-index: 2; left: 85px; outline: 1px solid #fff;}
.team-page .team-detail p {color: 15px; margin: 0 0 8px 0;}
.team-page .team-detail .more { display: none;}
.team-page .team-detail .read {color: #044a80;font-weight: 600;font-size: 18px;cursor: pointer;}

.team-slider .name::after, .team-slider .name::before { left: 0; right: 0; margin: 0 auto;}
.team-slider .team-card { border: 1px solid #c4c4c4; border-radius: 15px; margin: 0 0 20px 0;}
.team-slider .team-card .pic img {border-radius: 15px;}
.team-slider .team-card .text {padding: 20px 0 5px 0;}
.team-slider .team-card .text .more { display: none;}
.team-slider .team-card .read { color: #044a80; font-weight: 600; font-size: 16px;}
.team-slider .team-card .text h4 {font-size: 21px; text-align: center; color: #044a80; font-weight: 700; margin: 0 0 5px 0;}
.team-slider .team-card .text h5 {color: #212121;font-size: 16px;text-align: center;margin: 0 0 12px 0;}
.team-slider .team-card .text p {font-size: 17px;color: #111111;text-align: justify !important;margin: 0 0 6px 0;padding: 0 10px 0 0;}
.team-slider .team-card .about {height: 160px;overflow: scroll;overflow-x: hidden;padding: 0 0 0 13px;}

.team-page ::-webkit-scrollbar {
    width: 5px;
  }
  
  /* Track */
  .team-page ::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  /* Handle */
  .team-page ::-webkit-scrollbar-thumb {
    background: #044a80; border-radius: 5px;
  }
  
  /* Handle on hover */
  .team-page ::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }

.team-slider .carousel-indicators [data-bs-target] {background-color: #044a80 !important;margin: 0 3px -30px 3px;}
.abt_pge ul{list-style-type:none;}
.abt_pge ul li i{color:#044a80;}
.sectors-section .sector-card {border: 1px solid #ddd;border-radius: 10px;padding: 20px;margin: 15px 0 0 0;min-height: 148px;}
.sectors-section .sector-card img { width: 54px}
.sectors-section .sector-card h4 {font-size: 15px;color: #141414;margin: 14px 0 0 0;}

center #form1 #MenuControl{/* top: 41px; *//* height: 89px; */}
@media(max-width:720px){
    #HeaderControl{width: 100%;top:0;}
    .body-fx #HeaderControl{width: 110%;top:0;padding: 0 20px;}
    .body-fx #MenuControl,#MenuControl{width:100%;top:60px;}
    #WidgetControl4{display:none;}
    .navbar>.container-fluid{justify-content:center;}
    .banner-section video{aspect-ratio:1/1;height: 400px;}
    .banner-section .banner-content .text{top:40%;}
    center #form1 #MenuControl{width: 100% !important;right:0;top: 60px;}
}
img.hm-abt-img,.hm-team-img {
    height: 500px;
    width: 100%;
}