@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;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: 15px;margin: 0 0 15px 0;line-height: 1.4;letter-spacing: .5px;text-align: initial;color: #222;}
h1, h2, h3, h4, h5, h6 {font-family: "Lora", serif;}
.main-heading {
    color: #044a80;
    font-size: 31px;
    font-weight: 600;
    text-align: initial;
    margin: 30px 0 15px 0;
    }
.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: 21px;font-weight: 600;text-align: initial;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, rgb(0 0 0 / 78%), rgb(18 18 18 / 68%));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: #493892;z-index: 1;transition:1.5s;}
.overlay_img.in-view{width: 5%;height: 100%;background-color: #493892;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;text-align: center;}

.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(73, 56, 146, 0.7);/* text-align: justify; */top: 0;left: 0;}
.service-section .ser-card .ser-name { position: absolute; font-size: 24px; 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: 21px;margin: 0 0 10px 0;}
.service-section .ser-card .text p {font-family: Garamond;color: #fff;font-size: 14px;line-height: 1.5;margin: 0;text-align: center !important;!i;!;}
.service-section .ser-card .text a { color: #fff;}
.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: #493892;}
.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;text-align: justify !important;}
.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;}
/*--------------------------------------------------------------
# get in touch
--------------------------------------------------------------*/
/***** get in touch *****/
.get_in_touch{background: url(Image/get_in_touch.jpg) no-repeat center/cover scroll;}
    .get_in_touch_box{background: #493892ab;padding: 60px;}
 .get_in_touch_box h2{color: #ffffff;}
    .get_in_touch_box .sub-head{color: #e3e2e2;font-weight: 300;}
    .get_in_touch_contact > a{position: relative;display: inline-block;margin: 8px 0;font-size: 18px;line-height: 27px;color: #fcfeff;margin-left: 10px;}
    .get_in_touch_contact a::before{    position: absolute;bottom: 0;content: "";display: block;width: 0;height: 1px;background: #20282D;transition: width .3s;}
    .get_in_touch_contact a:hover:before {right: 0;bottom: 0;width: 100%;}
    .form-control {display: block;width: 100%;padding: 0.375rem 0.75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #20282D;background-color: transparent;/* background-clip: padding-box; */border: none;border-bottom: 1px solid #939597;/* -webkit-appearance: none; */-moz-appearance: none;/* appearance: none; */border-radius: 0;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

/***** End get in touch *****/
footer {background: #493892;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: #482f8f;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: #ffffff;}
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 {position:relative; padding: 12% 0; background-image: url(image/inner-banner.jpg); background-size: cover;}
.inner-banner:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#43449769;z-index:1;}
.inner-banner .container{z-index:2;position:relative;}
.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: 276px;} 
.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;}

.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: 16px;color: #141414;margin: 14px 0 0 0;}


.img-g{margin-bottom: 15%;}
.img-g img {width: 100%;height: 100px;aspect-ratio: 1/1;object-fit: contain;}