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

body{
    margin: 0;
    padding: 0;
    font-family: "Ubuntu", sans-serif;
}
:root{
    --primary:#165283
}
.main_header{
    width: 100%;
    display: inline-block;
    background-color: #fff;
    padding: 0px 0;
}
.main_header .navbar .nav-link{
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    color: #000;
}
.main_header .navbar .nav-link:hover{
    color: var(--primary);
}
.main_header .navbar .nav-link.active{
    color: var(--primary);
}
.btn-primary{
    background-color: var(--primary);
    border-color: var(--primary);
    border-radius: 0;
}
.navbar-brand img{
    max-width: 100%;
    max-height: 55px;
}

.header_btn_call{
    width: auto;
    display: inline-block;
    padding: 9px 20px;
    background-color: rgb(255, 255, 255);
    border: solid 1px var(--primary);
    color: var(--primary);
    border-radius:3px;
    text-decoration: none;
    margin-left: 10px;
    font-size: 14px;
}
.header_btn_call:hover{
    background-color: var(--primary);
    color: #fff;
}
.header_btn_call i{
    transform: rotate(-35deg);
    margin-left: 7px;
}
.banner_section{
    width: 100%;
    min-height: auto;
    position: relative;
    display: flex;
    justify-content: end;
    flex-direction: column;
}
.banner_section::before .item{
    width: 100%;
    height:60%;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    z-index: 2;
    background: #0A5694;
    background: linear-gradient(180deg,rgba(10, 86, 148, 0.59) 0%, rgba(10, 86, 148, 1) 100%);
}
.banner_btn{
    float: right;
    width: auto;
    padding: 11px 20px;
    display: flex;
    gap: 5px;
    align-items: center;
    background-color: #fff;
    text-decoration: none;
    color: #242424;  
    font-size: 18px;
    margin-bottom: 20px;
    transition: 0.2s ease-in-out;
}
.banner_btn:hover{
    background-color: var(--primary);
    color: #fff;
}
.banner_right_btm_btn_row{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    border-top: 1px #fff solid;
    color: #fff;  
    margin-top: 10px;
    gap: 10px;
}

.banner_right_btm_btn_row a{
    text-decoration: none;
    color: #fff;
    font-size: 15px;
}

.about_us_section{
    width: 100%;
    display: inline-block;
    padding: 50px 0;
}
.abt_cnt_bx{
    width: 100%;
    display: inline-block;
}
.abt_cnt_bx h2{
    color: var(--primary);
    font-weight: bold;
    font-size: 60px;
}
.home_heading_h2{
    color: var(--primary);
    font-weight: 600;
    font-size: 60px;
    font-family: "Ubuntu", sans-serif;
    margin-top: 30px;
}
.about_us_page_abt_cnt_paragraph p{
    font-size: 21px;
}
.about_us_page_abt_cnt h2{
    font-family: "Ubuntu", sans-serif;
}
.services_page_section_row .btn{
    font-size: 12px;
    padding: 7px 20px;
}
.abt_cnt_bx p{
    width: 100%;
    display: inline-block;
    font-size: 28px;
    color: #000;
    font-weight: 300;
    /*max-width: 550px;*/
}
.abt_btm_line_btn{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}
.abt_btm_line_btn hr{
    width: 100%;
    display: inline-block;
    opacity: 1;
}
.btn-readmore{
    width: auto;
    display: inline-block;
    padding: 7px 20px;
    background-color: rgb(255, 255, 255);
    border: solid 1px #011220;
    color: #464646;
    border-radius:3px;
    text-decoration: none;
    margin-left: 10px;
    white-space: nowrap;
}
.btn-readmore:hover{
    background-color: #464646;
    color: #fff;
}

.vision_mission_section{
    width: 100%;
    display: inline-block;
    padding: 50px 0;
}
.vision_mission_img{
    width: 100%;
    height: 100%;
    display: inline-block;  
    overflow: hidden; 
}
.vision_mission_cnt_1{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    padding:50px 100px;
    background-color:var(--primary);
    background-image: url(../images/vision-patern.png);
    background-size: cover;
    color: #fff;
}
.vision_mission_cnt_1 h2{
    font-size: 40px;
}
.vision_mission_cnt_1 p{
    width: 100%;
    display: inline-block;
/*     max-width: 500px; */
    font-size: 21px;
    margin-top: 20px;
}

.vision_mission_cnt_2{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    padding:50px 100px;
    background-color:#63B5E5;
    background-image: url(../images/mission-patern.png);
    background-size: cover;
    color: #fff;
}
.vision_mission_cnt_2 h2{
    font-size: 40px;
}
.vision_mission_cnt_2 p{
    width: 100%;
    display: inline-block;
    max-width: 500px;
    font-size: 21px;
    margin-top: 20px;
}

.services_section{
    width: 100%;
    display: inline-block;
    padding: 50px 0;
    background: #D6EFFF;
    position: relative;
    background: linear-gradient(0deg,rgba(214, 239, 255, 0) 20%, rgba(214, 239, 255, 1) 100%);
}
.services_section:before{
    width: 100%;
    height: 40%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background-image: url(../images/services_sec_patern.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.services_section_row{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 20px 0;
    border-bottom: 1px #ccc solid;
    transition: 0.2s ease-in-out;
}
.services_section_img{
    width: 100%;
    display: inline-block;
    max-width: 250px;
    height: 80px;
    overflow: hidden;
}
.vision_mission_img img{width: 100%;transition: 0.2s ease-in-out;}
.vision_box_home .row:hover .vision_mission_img img{
    transform: scale(1.1);
}
.services_section_cnt{
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 40px;
}
.services_section_cnt_1{
    width: 50%;
}
.services_section_cnt_1 h2{
    font-size: 25px;
}
.services_section_cnt_1_rightdtl{
    width: 100%;
    display: inline-block;
    height: 0;
    overflow: hidden;
    transition: 0.2s ease-in-out;
}
.services_section_cnt_1_leftdtl{
    display: inline-block;
    height: 0;
    overflow: hidden;
    transition: 0.2s ease-in-out;
}
.services_section_row:hover .services_section_img{height: 250px;}
.services_section_row:hover .services_section_cnt_1_rightdtl{height: 150px;}
.services_section_row:hover .services_section_cnt_1_leftdtl {height: 150px;}
.services_section_cnt_1_leftdtl span{
    color: #BAB7B7;
    font-size: 15px;
}
.services_section_cnt_1_leftdtl p {
    font-size: 14px;
    color: var(--primary);
}
.service_details_head{
    font-family: "Ubuntu", sans-serif;
    color: #000;
}
.service_details_cnt{
    color: #000;
    opacity: 0.6;
    font-family: "Ubuntu", sans-serif;
}
.project_section{
    width: 100%;
    display: inline-block;
    padding: 40px 0;
}
.project_section_row{
    width: 100%;
    display: inline-block; 
    margin-top: 40px;
}
.project_section_box{
    width: 100%;
    display: inline-block; 
}
.project_section_row .project_section_box_cnt {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.project_section_row .project_section_box_cnt  .readmore-arrow{
    border: 0;
}

.project_section_box_img{
    width: 100%;
    display: inline-block; 
    min-height: 200px;
    background-color: #e5e5e5;
    border: solid 1px #e5e5e5;
    overflow: hidden;
}
.project_section_box_img img{
    max-width: 100%;
    transition: 0.2s ease;    
}
.project_section_box:hover .project_section_box_img img{
    transform: scale(1.1);
}
.project_section_box_cnt{
    width: 100%;
    display: inline-block; 
}
.project_section_box_cnt p{
    width: 100%;
    display: inline-block; 
    color: #647380;
    font-size: 12px;
}
.project_section_box_cnt h6{
    margin: 0;
    font-size: 22px;
    font-weight: normal;
    text-transform: uppercase;
}
.readmore-arrow{
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: solid 1px #e5dfdf;
    display: flex;
    align-items: center;
    justify-content: center;
}
.project_section_box_cnt .readmore-arrow img{
    width: 20px;
    transition: 0.2s ease-in-out;
}
.project_section_box:hover .readmore-arrow img{
    width: 40px;
}

.our_approch_section{
    width: 100%;
    display: inline-block;
    padding: 40px 0; 
}
.our_approch_box{
    width: 100%;
    height: 95%;
    display: inline-block;
    padding:50px 15px;
    background-color: aliceblue;
    margin-bottom: 20px;
}
.our_approch_box:hover{
    background-color: var(--primary);
    color: #fff;
}
.our_approch_box:hover img{
    filter: invert(1) hue-rotate(180deg);
}
.our_approch_box_img{
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
}
.our_approch_box h4{
    width: 100%;
    display: inline-block;
}
.meet_ceo_section{
    width: 100%;
    display: inline-block;
    padding: 40px 0;
    border-bottom: 1px #e5e5e5 solid;
}
.meet_ceo_img_bx{
    width: 100%;
    display: inline-block;
}
.meet_ceo_img_bx img{
    max-width: 100%;
}
.meet_ceo_cnt_bx{
    width: 100%;
    display: inline-block;
}
.meet_ceo_dtl{
    width: 100%;
    display: inline-block;
    text-align: left; 
}
.meet_the_team_section{
    width: 100%;
    display: inline-block;
    padding: 50px 0;
}

.media_center_section{
    width: 100%;
    display: inline-block;
    background-color: #003d75;  
    padding: 70px 0;
    color: #fff;
    position: relative;
}
.media_center_section:before {
    width: 100%;
    height: 40%;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    background-image: url(../images/media_patern.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.media_center_top_sec{
    width: 100%;
    display: inline-block;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px #e5f5f5 solid;
}
.media_center_top_sec p{
    width: 100%;
    max-width: 900px;
    display: inline-block;
    font-size: 30px;
    margin-top: 40px;
}
.media_center_btm_scrl_sec{
    width: 100%;
    display: inline-block;
    position: relative;
    padding-top: 50px;
}
.media_center_btm_scrl_box{
    width: 100%;
    display: inline-block;
}
.media_center_btm_scrl_box_img{
    width: 100%;
    display: inline-block;
    background-color: #f5f5f5;
    max-height: 280px;
    overflow: hidden;
}
.media_center_btm_scrl_box_cnt{
    width: 100%;
    display: inline-block;
    padding: 15px;
    color: #fff;
}
.right_arrow_media_center{
    float: right;
    color: #fff;
    margin-top: 40px;
}
.media_center_srl .owl-nav{
    position: absolute;
    top: -80px;
    left: 0;
}
.media_center_srl .owl-next, .media_center_srl .owl-prev{
    width: 40px;
    height: 40px;
    text-align: center;
    border: solid 1px #fff !important;
    margin-right: 5px;
    font-size: 37px !important;
    line-height: 0 !important;
}
.media_center_srl .owl-nav button span{
    position: relative;
    top: -3px;
}
.owl-dot{
    width: 10px;
    height: 10px;
    background-color: #fff !important;
    opacity: 0.3;
    border-radius: 50%;
    margin-right: 10px;
}
.owl-dot.active{opacity: 1;}
.media_center_srl .owl-dots{
    position: absolute;
    right: 0;
    top: -80px;
}
.media_center_srl .owl-dot{
    border-radius: 0;
    width: 20px;
    height: 5px;
}
.media_center_srl .owl-dot.active{
    width: 40px;
}
.banner_section_cnt{
    width: 100%;
    display: inline-block;
    position: absolute;
    bottom: 0;
    padding: 100px 0;
    left: 0;
    color: #fff;
    z-index: 99;
    background: #0A5694;
    background: linear-gradient(180deg,rgba(10, 86, 148, 0) 20%, rgba(10, 86, 148, 1) 100%);
}
.banner_section_cnt h1{
    font-size: 65px;
    font-family: "Ubuntu", sans-serif;
}
.banner_right_cnt p{
    width: 100%;
    max-width: 400px;
    margin-bottom: 70px;
    text-align: right;
    float: right;
}
.abt_left_img_box h6{
    width: 100%;
    display: inline-block;
    margin-bottom: 40px;
    color: var(--primary);
}
.abt_left_img_box span{
    border-bottom: 1px var(--primary) solid;
}
.abt_left_img_box p{
    width: 100%;
    display: inline-block;
    margin-top: 20px;
}
.abt_left_img_box strong span{color: var(--primary);border: 0;}
.services_section_head{
    margin-bottom: 50px;
    width: 100%;
    display: inline-block;
}
.services_section h5{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000;
    max-width: 540px;
    font-size: 2em;
    margin-top: 6%;
}
.services_section .container{
    position: relative;
}
.work_with_us_sec{
    width: 100%;
    display: inline-block;
    padding: 90px 0;
}
.work_with_us_sec h2{
    font-size: 70px;
    text-align: right;
}
.work_with_us_sec .btn-outline-primary .fa-arrow-right{
margin-left: 5px;
}
.work_with_us_sec .btn-outline-primary{
    float: right;
}
.btn-outline-primary{
    border-color: #242424;
    color: #242424;
    border-radius: 0;
}
.btn-outline-primary:hover{
    background-color: var(--primary);
}
.main_footer_section{
    width: 100%;
    display: inline-block;
    padding: 50px 0;
    background-color: #011220;
}
.footer_top{
    width: 100%;
    display: inline-block;
    padding-bottom: 50px ;
    border-bottom: 1px #464646 solid;
}
.footer_top h3{
    width: 100%;
    display: inline-block;
    color: #fff;   
}
.footer_logo img{
    max-width: 80px;
}
.main_footer_section .footer_cnt_top{
    color: #fff;
    text-align: right;
}
.main_footer_section .footer_cnt_top p{
    text-align: right;
    justify-content: end;
}
.footer_second_btm p{
    color: #fff;
    margin-bottom: 0;
    text-align: right;
}
.footer_second_btm ul{
    width: 100%;
    padding: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    margin: 0;
}
.footer_second_btm li{
    list-style: none;
    float: left;
    padding: 0 10px;
}
.footer_second_btm li a{
    color: #fff;
    text-decoration: none;
}
.footer_second_btm li a:hover{
    color: #3c7cb7;
}

.inner_banner{
    width: 100%;
    display: inline-block;
    position: relative;
}
.inner_banner img{width: 100%;}
.inner_banner_cnt{
    position: absolute;
    color: #fff;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.inner_banner_cnt span{
    color: #BAB7B7;
}
.inner_banner_cnt h2{
    width: 100%;
    display: inline-block;
    font-size: 50px;
}
.inner_banner_cnt a{
    color: #fff;
    text-decoration: none;
}
.about_us_page_abt_section{
    width: 100%;
    display: inline-block;
    padding: 80px 0;
}
.about_us_page_abt_img{
    width: 100%;
    display: inline-block;
    overflow: hidden;
}
.about_us_page_abt_img img{
    width: 100%;
    transition: 0.2s ease-in;
}
.about_us_page_abt_cnt{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.about_us_page_abt_cnt h6{
    width: 100%;
    display: inline-block;
    color: var(--primary);
}
.about_us_page_abt_cnt h6 span{
    border-bottom: 1px var(--primary) solid;
}
.brdr_btm{
    border-bottom: 1px var(--primary) solid;
}
.about_us_page_abt_cnt_paragraph{
    width: 100%;
/*     max-width: 450px; */
/*     float: right; */
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: start;
    margin-left: auto;
}
.end_end_mep_sec{
    width: 100%;
    display: inline-block;
    padding: 80px 0;
}
.end_end_mep_sec_img{
    width: 100%;
    display: inline-block;
    position: relative;
    margin-top: 50px;
}
.end_end_mep_sec_img img{width: 100%;}
.end_end_mep_sec_cnt{
    width: 100%;
    display: inline-block;
    margin-top: 40px;  
}
.end_end_mep_sec_cnt_bx{
    width: 100%;
    display: inline-block;
    padding: 30px;
    background-color: #00426B;  
    background-image: url(../images/vision-patern.png);
    background-size: cover;
    color: #fff;
    margin-top: -100px;
    position: relative;
    margin-left: 50px;
}
.end_end_mep_sec_cnt_bx p{
    margin: 0;
    font-size: 20px;
    line-height: 35px;
    font-weight: 200;
}
.end_end_mep_sec_cnt_list li{
    padding: 5px 0;
    border-bottom: 1px #e5e5e5 solid;
}

.about_review_section{
    width: 100%;
    display: inline-block;
    padding: 50px 0;
    background: #D6EFFF;
    position: relative;
    background: linear-gradient(0deg, rgba(214, 239, 255, 0) 20%, rgba(214, 239, 255, 1) 100%);
}
.about_review_section:before{
    width: 100%;
    height: 40%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background-image: url(../images/services_sec_patern.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.trsuted_client_top{
    width: 100%;
    max-width: 300px;
    display: flex;
    gap: 10px; 
}
.trsuted_client_top_images{
    width: 100px;
    display: flex; 
    align-items: center;
}
.trsuted_client_top_images span{
    width: 30px;
    height: 30px;
    border-radius: 30px;
    overflow: hidden;
    margin-left: -10px;
}
.trsuted_client_top_images span img{
    width: 100%;
    height: 100%;
}
.trsuted_client_top_txt{
    width: 100%;
    color: #000;
}
.trsuted_client_top_txt h6{margin: 0;font-weight: bold;}
.about_review_testimonial_Section{
    width: 100%;
    display: inline-block;
    padding-top: 50px ;
}
.testimonial_srl_box{
    width: 100%;
    max-width: 800px;
    display: inline-block; 
}
.testimonial_srl_box h6{
    color: #000;
    font-weight: 500;
    font-size: 25px;
    margin: 0;
    line-height: 40px;
    padding-right: 50px;
}
.testimonial_srl_box_user{
    width: 100%;
    display: inline-block;   
    margin-top: 30px;
}
.testimonial_srl_box_user span{
    color: #666;
    font-size: 12px;
}

.owl-dots button.owl-dot.active span, 
.owl-dots button.owl-dot:hover span {
   display: inline-block;
}
.owl-dots button.owl-dot {
   position: relative;
   display: inline-block;
   background-color: transparent;
}
.owl-dots button.owl-dot span{
    position: relative;
    display: inline-block;
}
.media_center_section .owl-dot span{
    width:30px;
    height: 5px;
    border-radius: 0;
}

.about_review_testimonial_Section .owl-dots{
    display: flex;
    gap: 10px;
    flex-direction: column;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 0;
}
.about_review_testimonial_Section .owl-dot{
    background-color: #BAB7B7 !important;
    opacity: 1;
    border-radius: 30px;
}
.about_review_testimonial_Section .owl-dot.active{
    background-color: var(--primary) !important;
}
.services_section1{
    width: 100%;
    display: inline-block;
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}
.services_section1:before{
    content: '';
    width: 1000px;
    height: 1000px;
    background-color: #e5f5ff;
    position: absolute;
    left: 10px;
    bottom: 200px;
    z-index: -1;
    filter: blur(250px);
}

.services_section_left_head h6{
    color: var(--primary);
}
.services_section_left_head h6 span{
    border-bottom: 1px var(--primary) solid;
}
.services_section1 .about_us_page_abt_cnt p{
    font-size: 14px;
    color: #666;
}
.services_page_section_row{
    margin-top: 100px;
}
.services_page_section_row:hover .about_us_page_abt_img img{
    transform: scale(1.1);
}
.service_deails_sec{
    width: 100%;
    display: inline-block;
    padding: 80px 0;
    position: relative;
}
.accordion_service_details{
    margin-top: -10px;
}
.accordion_service_details .accordion-item.show .accordion-button.collapsed{
    color: var(--primary);
}
.accordion_service_details .accordion-item{
    border: 0;
}
.accordion_service_details .accordion-item span{
    margin-right: 40px;
}
.accordion_service_details .accordion-button{
    font-size: 22px;
    color: #000;
    font-weight: 500;
}
.accordion_service_details_hr{
    border-color: #04703C;
    opacity: 1;
    max-width: 500px;
    width: 100%;
}
.accordion-item  .accordion-button{
    background-color: transparent;
   
}
.accordion-item .accordion-button:not(.collapsed){
    color: var(--primary);
}
.service_deails_sec:before{
    content: '';
    width: 1000px;
    height: 1000px;
    background-color: #e5f5ff;
    position: absolute;
    left: 10px;
    bottom: 200px;
    z-index: -1;
    filter: blur(250px);
}
.accordion_service_details .accordion-item{
    background-color: transparent;
}
.page_team_section{
    width: 100%;
    display: inline-block;
    padding: 80px 0;
}
.page_team_bx{
    width: 100%;
    height: 100%;
    display: flex;
    padding: 20px; 
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.page_projects_section{
    width: 100%;
    display: inline-block;
    padding: 80px 0; 
    padding-bottom: 10px;
}
.page_projects_box{
    width: 100%;
    display: inline-block;
    position: relative;
    margin-bottom: 30px;
    max-height: 620px;
    overflow: hidden;
}
.page_projects_box img{width: 100%;transition: 0.2s ease;}
.page_projects_box:hover img{transform: scale(1.1);}
.page_projects_box_cnt{
    position: absolute;
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 20px;
    color: #fff;
    font-size: 18px;
    background: #000000;
    background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 83%);
}
.prj_details_top_sec p{
    color: #666;
}
.prj_details_top_sec span{
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
    display: inline-block;
}
.home_heading_h3{
    font-size: 37px;
}
.font_ubuntu{
    font-family: "Ubuntu", sans-serif;
}
.contact_us_section{
    width: 100%;
    display: inline-block;
    padding: 80px 0; 
    
}
.contact_us_section .form-floating .form-control{
    border: 0;
    border-bottom: 1px #ccc solid;
    outline: 0;
    border-radius: 0;
}
.contact-box-right{
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 15px;
    background-color: #00426b17;
    color: #000
}

.contact-box-right span{
    color: #666;
    margin-bottom: 10px;
    width: 100%;
    display: inline-block;
}
.contact-box-right strong{
    font-weight: 400;

}
.contact_frm_map_sec{
    width: 100%;
    display: inline-block;
    padding: 80px 0; 
}
.what_we_offer_paragraph{
    width: 100%;
    display: inline-block;
    max-width: 500px;
    font-size: 30px;
    color: #000;
    margin-bottom: 60px;  
}
.testimonial_section{
    width: 100%;
    display: inline-block;
    padding: 70px 0; 
}

.testimonial_box{
    width: 100%;
    display: inline-block;
    padding: 20px;
    background-color: #f8f8f8;
    margin-bottom: 20px;
}
.testimonial_box p{
    width: 100%;
    display: inline-block;
    color: #a1a1a1;
    line-height: 25px;
    font-size: 15px;
/*     margin: 40px 0; */
}
.testi_btm_name_ico{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
.testimonial_box:hover{
    background-color: var(--primary);
}
.testimonial_box:hover p, .testimonial_box:hover strong{
    color: #fff;
}
.testimonial_box:hover .testi_btm_name_ico img{opacity: 0.2;}
.brand_box{
    width: 100%;
    display: inline-block;
    padding: 20px;
    background-color: #f8f8f8;
    margin-bottom: 20px;
    text-align: center;
}
.brand_box img{max-width: 100%;}


@media(max-width:1200px){
    .banner_section_cnt h1 {font-size: 35px;}
    .banner_right_cnt p {font-size: 13px;margin-bottom: 10px;}
    .banner_btn{padding: 6px 20px;font-size: 14px;}
    .main_header .navbar .nav-link {padding-left: 6px;padding-right: 7px;}
}

@media(max-width:991px){
    .banner_section_cnt{position: static;background: var(--primary);}
    .banner_right_btm_btn_row img{min-height: inherit !important;}
    .banner_section_cnt{padding: 10px 0;}
    .banner_section_cnt p{font-size: 12px;text-align: left;}
    .banner_btn{float: left;}
    .banner_section_cnt h1{font-size: 25px;}
    .abt_left_img_box {margin-top: 20px;}
    .vision_mission_cnt_1{padding:30px 10px;}
    .vision_mission_cnt_2{padding:30px 10px;}
    .services_section_row{flex-wrap: wrap;}
    .main_footer_section .footer_cnt_top p { text-align: left; justify-content: start; }
    .footer_second_btm ul{margin: 20px 0;flex-direction: column;text-align: left;justify-content: start;}
    .footer_second_btm p{text-align: left;}
    .inner_banner_cnt h2{font-size: 30px;}
    .about_us_page_abt_img{margin-top: 30px;}
    .flex_direction_reverce_mob{flex-direction: column-reverse;}
    .work_with_us_sec h2{text-align: left;}
    .work_with_us_sec .btn-outline-primary {float: left;}
}
@media(max-width:500px){
.navbar-brand img{max-height: 35px;}
}
.services_section_cnt_1 h2 a{
    color: #000;
    text-decoration: none;
} 
.page_projects_section ol{
    margin-left: 20px;
    margin-bottom: 20px;
}
.my-ser-tbs{
    border: none;
}
.my-ser-tbs li button{
    border: none;
    background-color: #c7eaff;
    margin-right: 15px;
    color: #165283;
    border-radius: 4px;
    font-weight: 500;
}
.my-ser-tbs li button.active{
    border: none;
    background-color: #165283 !important;
    margin-right: 15px;
    color: #fff !important;
}
.service-img img{
    width: 100%;
}
.ma-service-tab-cntnt{
    margin-top: 6%;
}
.ma-service-tab-cntnt h4{
    text-transform: uppercase;
}
.ma-service-tab-cntnt p{
    line-height: 18px;
}
.service-dsc-blk{
    margin-left: 6%;
}
.service-img{
    margin-left: 5%;
}

.services-scroll,.services-scroll-ser-pg{
    position: relative;
}
.services-scroll .project_section_box_cnt,.services-scroll-ser-pg .project_section_box_cnt{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.services-scroll .project_section_box_cnt:hover,.services-scroll-ser-pg .project_section_box_cnt:hover{
    background-color: rgb(22 82 131 / 75%);
}
.services-scroll .project_section_box_cnt:hover > .project_section_box_cnt_hover,.services-scroll-ser-pg .project_section_box_cnt:hover > .project_section_box_cnt_hover{
   display:block !important;
}

.services-scroll .project_section_box_cnt:hover > h6,.services-scroll-ser-pg .project_section_box_cnt:hover > h6{
   display:none !important;
}
.services-scroll .project_section_box_cnt h6,.services-scroll-ser-pg .project_section_box_cnt h6{
    color: #fff;
    position: absolute;
    left: 10px;
    bottom: 20px;
    text-transform: none;
}
.ma-serv-pg-curs{
    margin-left: 7.3%;
}
.servpg-img 
{
    position: relative;
}
.servpg-img label{
    position: absolute;
        font-size: 10em;
    left: 0;
    bottom: -50px;
    z-index: 9999999;
    line-height: auto;
    font-weight: 500;
    color: rgb(255 255 255 / 44%);
}
.we-special{
    color: #bebaba;
}
.service-img img{
	width:100%;
}
.project_section_box_cnt_hover{
	display:none;
	color: #fff;
	position: absolute;
	top: 10px;
	left:10px;
}
.project_section_box_cnt_hover h5{
    color: #fff;
/*     position: absolute; */
/*     left: 10px; */
/*     bottom: 20px; */
    text-transform: none;
	font-size:20px;
}
.ser-dtls-pg-img-dsc-blk{
	background-color: #fff;
	padding: 15px 15px;
}
.ser-dtls-pg-img-dsc-blk img{
	max-width:100%;
}
.ser-dtls-pg-img-dsc-blk:hover img{
	filter: none !important;
}
.ser-dtls-pg-img-dsc-blk:hover {
    background-color: #fff;
    color: #000;
}

.ma-media-img img{
	width:100%;
}
.ma-meida-box a{
	position:relative;
	display:inline-block;
}
.ma-meida-video .play-icon{
	position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 36%;
}
.ma-meida-video .play-icon i{
	font-size: 25px;
    color: #444;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #444;
    background: rgb(255 255 255 / 59%);
}
.bannerSlider .owl-dots{
	position:absolute;
	bottom:10px;
	    text-align: center;
    width: 100%;
}
.services-scroll .owl-nav{
	    top: -39px;
    position: absolute;
    right: 0px;
}
.services-scroll .owl-nav button.owl-prev,.services-scroll .owl-nav button.owl-next{
	color: #333 !important;
/*     padding:10px !important; */
	background-color: #ddd;
    font-size: 22px;
    margin-left: 10px;
    height: 35px;
    width: 35px;
}
.services-scroll .owl-nav button.owl-prev span,.services-scroll .owl-nav button.owl-next span{
vertical-align:super;
}

.project_scroll .owl-nav{
	    top: -39px;
    position: absolute;
    right: 0px;
}
.project_scroll .owl-nav button.owl-prev,.project_scroll .owl-nav button.owl-next{
	color: #333 !important;
/*     padding:10px !important; */
	background-color: #ddd;
    font-size: 22px;
    margin-left: 10px;
    height: 35px;
    width: 35px;
}
.project_scroll .owl-nav button.owl-prev span,.project_scroll .owl-nav button.owl-next span{
vertical-align:super;
}

.team_scroll .owl-dots{
/* 	position:absolute; */
/* 	bottom:10px; */
	    text-align: center;
    width: 100%;
}
.team_scroll .owl-dots button.owl-dot{
	background-color:#003d75 !important; 
}