#website_homepage section {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

#website_homepage .whay_chose_us {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

#website_homepage .whay_chose_us>.py-5 {
    padding-bottom: 0 !important;
}

#website_homepage .callnow_col {
    padding-top: 20px !important;
    padding-bottom: 0px !important;
}

#website_homepage .recent_work_col {
    padding-top: 50px !important;
    padding-bottom: 70px !important;
}

#website_homepage .aboutus_main_col {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

#website_homepage .acivemnets_section {
    padding-top: 50px !important;
    padding-bottom: 0px !important;
}

#website_homepage .aboutus_new {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
    position: relative;
}

.aboutus_new_img {
    position: relative;
}

.aboutus_new_img img {
    width: 100%;
    height: 100%;
}

.aboutus_new_img span {
    width: 100px;
    height: 100px;
    position: absolute;
    background-color: #134a7b;
    bottom: 0;
    left: 0;
    margin-bottom: -13px;
    z-index: -1;
}


.aboutus_new_text_heading h2 {
    font-weight: 600;
    margin-bottom: 15px;
    color: #134b7d;
    font-size: 47px;
    text-transform: uppercase;
}

.aboutus_new_text_heading h2 span {
    color: #134a7b;
}

.aboutus_new_text p {
    font-size: 20px;
    color: #2c2b2b;
    text-align: justify;
}


#error_alert {
    font-size: 12px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* inputs  */

/* main button  */
.main_button_for_all {
    border: 1px solid #2c2b2b;
    padding: 8px 20px;
    border-radius: 4px;
    font-size: 17px;
    text-decoration: none;
    color: #0c2740;
    transition: ease-in-out 0.5s;
}

.main_button_for_all:hover {
    color: #fff;
    background: #134b7d;
    border: transparent;
}

/* main button  */


/* header form conrole  */

.form-control:focus {
    border-color: none;
    outline: none;
    box-shadow: none;
}

/* header form conrole  */


/* swiper css start  */
.swiper-pagination-bullet-active {
    background-color: #fff !important;
}

/* navigation bar start */
.dropdown-menu li {
    position: relative;
}

.dropdown-menu>li>.submenu {
    position: absolute;
    top: -7px;
    left: 100%;
    display: none;
}

.dropdown-menu>li:hover>.submenu {
    display: block;
}

.navbar-dark .navbar-nav .nav-link {
    color: #3e3e3e;
    font-size: 16px;
    font-weight: 500;
    font-size: normal;
    text-transform: uppercase;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: #0378b3;
}

.dropdown-item {
    color: #3e3e3e;
    font-size: 15px;
    font-weight: 500;
    font-size: normal;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #3e3e3e25;
}

/* .custom_navbar_col .navbar-nav .nav-item .nav-link{
    text-decoration: none;
    color: #134b7d;
    font-size: 18px;
    font-style: normal;
    text-transform: uppercase;
} */

/* navigation bar end */

/* swiper css end  */

.ourserivcestext {
    /* width: 300px; */
    /* height: 300px; */
}

.ourserivcestext img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ourserivcestext h3 {
    margin-top: 5px;
    font-size: 25px;
    font-weight: 600;
}

.ourserivcestext p {
    font-size: 16px;
    color: #2c2b2b;
    margin: 0;
    margin-bottom: 20px;
}

.ourserivcestext .main_button {
    margin-top: 20px;
    border: 1px solid #2c2b2b;
    padding: 8px 20px;
    border-radius: 4px;
    font-size: 17px;
    text-decoration: none;
    color: #0c2740;
    transition: ease-in-out 0.5s;
}

.ourserivcestext .main_button:hover {
    color: #fff;
    background: #134b7d;
    border: transparent;
}

/* all services slider  */
#website_homepage .our_all_services_slider {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
    /* background-image: linear-gradient(180deg,#000 ,#0000),url('../images/hero_Section/12images.jpg'); */
    background-image: linear-gradient(180deg, #134c7ddd, #134c7ddd), url('../images/hero_Section/12images.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* text-align: left; */
}

.our_all_services_slider .all_sercice_card .service_image img {
    height: 100%;
    width: 100%;
    /* object-fit: cover; */
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.allservices_text_col {
    padding-bottom: 20px;
    border-left: 1px solid #0000002b;
    border-right: 1px solid #0000002b;
    border-bottom: 1px solid #0000002b;
    background: #fff;
    padding: 20px;


}

.allservices_text_col h3 {
    margin-top: 5px;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;

}

.allservices_text_col p {
    font-size: 16px;
    color: #2c2b2b;
    margin: 0;
    margin-bottom: 20px;

}

.allservices_text_col a {
    margin-top: 20px;
    border: 1px solid #2c2b2b;
    padding: 8px 40px;
    border-radius: 4px;
    font-size: 17px;
    text-decoration: none;
    color: #0c2740;
    transition: ease-in-out 0.5s;
    line-height: 32px;

}

.allservices_text_col a:hover {
    color: #fff;
    background: #134b7d;
    border: transparent;
}

.our_all_services_slider>.swiper-slide {
    box-shadow: -4px 10px 34px 0px rgba(189, 189, 189, 1);
}

.main_section_heading_for_all {
    font-size: 55px;
    font-weight: 600;
    font-style: normal;
    padding: 13px 0px;
    color: #fff;
    text-transform: uppercase;
}

.main_section_para_for_all {
    font-size: 18px;
    color: #fdfdfd;
    margin: 0;
    margin-bottom: 20px;
    padding: 0px 399px;
    line-height: 32px;
}

/* slider pagination  */
.our_all_services_slider .row {
    height: 548px !important;
}

.our_all_services_slider .service_image {
    height: 250px !important;
}

.swiper-pagination {
    margin-top: 20px !important;
}

/* all services slider end */

/* contact info col start  */
.callnow_col {
    position: relative;
}

.contect_info_col {
    /* height: 100px; */
    background: #134b7d;
    color: #fff;
    text-decoration: none;
}

.contect_info_col a {
    text-decoration: none;
    color: #fff;
}

.contect_info_col h3:nth-child(2) {
    color: #d7c10b;
    font-size: 31px;
}

/* contact info col end  */


.whay_chose_us .fa-solid {
    font-size: 40px !important;
    color: #134b7d !important;
}

.whay_chose_us .whay_chose_us_section_heading {
    font-size: 45px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #134b7d;
}

.whay_chose_us .whay_choseus_section_subtext {
    font-size: 20px;
    color: #2c2b2b;
    margin: 0;
    margin-bottom: 20px;
    font-weight: 500;
    /* padding: 0px 250px; */
    padding-right: 100px;
    padding-bottom: 25px;
}

.whay_chose_us_image {
    max-width: 300px;
    height: 600px;
    position: relative;
}

.whay_chose_us_image .overlyimage_div {
    width: 100%;
    height: 100%;
    background: #134c7dd0;
    position: absolute;
    top: 0;
    left: 0;

}

.whay_chose_us_image .text_overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    z-index: 1;
    text-align: center;
    transform: translate(-50%, -50%);
}

.whay_chose_us_image .text_overlay h3 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 40px;
}

.whay_chose_us_image .text_overlay a {
    border: 1px solid #f6f6f6;
    padding: 8px 40px;
    border-radius: 4px;
    font-size: 17px;
    text-decoration: none;
    color: #fefefe;
    transition: ease-in-out 0.5s;
    line-height: 32px;
}

.whay_chose_us_image .text_overlay a:hover {
    color: #3e3e3e;
    background-color: #d7c10b;
    border: none;
}

.whay_chose_us_image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.whay_chose_us_icon_text h3 {
    margin-top: 5px;
    font-size: 25px;
    font-weight: 600;
}

.whay_choseus_wrap_col:hover {
    transition: ease-in-out 0.5s;
}

.whay_choseus_wrap_col:hover {
    /* padding-right: 5px; */
    background-color: #00000014;
}


.dropdown:hover>.dropdown-menu,
.dropend:hover>.dropdown-menu {
    display: block;
    margin-top: .125em;
    margin-left: .125em;
}

/* .dropend:hover > .dropdown-menu{
    display: block;
    margin-top: .125em;
    margin-left: .125em;
} */
/* .navbar-light .navbar-nav .nav-link:hover{
    color: #2c2b2b;
}
.navbar-nav .nav-item:hover .nav-link{
    color: #000;
}
.navbar-nav .dropdown-menu{
    border: none;
    text-align: center;
    font-size: 19px;
} */


.herosection h3 {
    font-size: 50px;
    font-weight: 600;
    color: #ffffff;
    font-style: normal;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.herosection p {
    font-size: 19px;
    color: #fff;
    font-style: normal;
    line-height: 32px;
    padding-right: 164px;
    /* max-width: 164px; */
}

.herosection .btn-primary {
    color: #134b7d;
    background-color: #fcfcfc;
    border: none;
    padding: 1rem 1.5rem;
    font-size: 20px;
    font-weight: 500;
}

.btn-primary:hover {
    color: #0c2740;
    background-color: #d7c10b;
    border: none;
}

.herosection form {
    background-color: #fff;
    padding: 1.5rem;
}

.section_heading_text h3 {
    font-size: 2.5rem;
    font-weight: 600;
    font-style: normal;
    /* text-transform: uppercase; */
}

.swiper_navigaion_col_work {
    width: 100%;
    position: absolute;
    top: 35%;
}

.main_slider_container_recent_work {
    width: 100%;
    text-align: center;
}

.main_slider_container_recent_work img {
    width: 100%;
    /* height: 100%; */
    max-height: 500px;
    object-fit: cover;
    border: 5px solid #134b7d
}

.main_slider_container_recent_work img:hover {
    scale: calc(100px);
}

.recent_work_col .page_headline_whay_choesus h2 {
    font-weight: 600;
    margin-bottom: 15px;
    color: #134b7d;
    font-size: 47px;
    text-transform: uppercase;
}

.recent_work_col .page_headline_whay_choesus p {
    font-size: 20px;
    color: #2c2b2b;
    margin: 0;
    margin-bottom: 0px;
    margin-bottom: 20px;
    /* font-weight: 500; */
    padding: 0px 250px;
    /* padding-right: 100px; */
    padding-bottom: 25px;
}

.main_slider_container_recent_work h3 {
    font-size: 23px;
    font-weight: 600;
}

.main_slider_container_recent_work p {
    font-size: 18px;
    color: #2c2b2b;
    margin: 0;
    margin-bottom: 20px;
}

.navbar-light .navbar-toggler-icon {
    background: transparent;
}

.aboutus_new_text {
    background-color: transparent;
    margin-top: 0;
}



/* footer  */
footer {
    background: #bababa3d;
}

footer .row div:nth-child(2) h3 {
    font-size: 23px;
    font-weight: 500;
    color: #134b7d;
    text-transform: uppercase;
}

footer .row div:nth-child(2) ul {
    padding-left: 0;
    display: flex;
    flex-direction: column;
    /* gap: 1.5rem; */
}

footer .row div:nth-child(2) ul li {
    padding: 10px 5px;
}

footer .row div:nth-child(2) ul li::before {
    content: '+';
    margin-right: 5px;
    font-size: 18px;
    transition: ease-in-out 0.5ms;
}

footer .row div:nth-child(2) ul li a {
    font-size: 18px;
    color: #3e3e3e;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
}

footer .row div:nth-child(2) ul li:hover a {
    color: #0378b3;
}


/* footer quik links  */
footer .row div:nth-child(3) h3 {
    font-size: 23px;
    font-weight: 500;
    color: #134b7d;
    text-transform: uppercase;
}

footer .row div:nth-child(3) ul {
    padding-left: 0;
    display: flex;
    flex-direction: column;
    /* gap: 1.5rem; */
}

footer .row div:nth-child(3) ul li {
    padding: 10px 5px;
}

footer .row div:nth-child(3) ul li::before {
    content: '+';
    margin-right: 5px;
    font-size: 18px;
    transition: ease-in-out 0.5ms;
}

footer .row div:nth-child(3) ul li a {
    font-size: 18px;
    color: #3e3e3e;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
}

footer .row div:nth-child(3) ul li:hover a {
    color: #0378b3;
}


/* footer contact Us  */
footer .row div:nth-child(4) h3 {
    font-size: 23px;
    font-weight: 500;
    color: #134b7d;
    text-transform: uppercase;
}

footer .row div:nth-child(4) ul {
    padding-left: 0;
    display: flex;
    flex-direction: column;
    /* gap: 1.5rem; */
}

footer .row div:nth-child(4) ul li {
    list-style: none;
    padding: 10px 5px;
    /* font-size: 18px; */
}


footer .row div:nth-child(4) ul li a {
    font-size: 18px;
    color: #3e3e3e;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
}

footer .row div:nth-child(4) ul li address {
    font-size: 18px;
    color: #3e3e3e;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
}

footer .row div:nth-child(4) ul li:hover address {
    color: #0378b3;
}

footer .row div:nth-child(4) ul li:hover a {
    color: #0378b3;
}


.FooterMainLink li {
    list-style: none;

}

.footer_logo_and_social_icons ul{
    padding: 0;
    margin: 0;
    
}

.footer_logo_and_social_icons ul li{
    list-style: none;
    display: block;
    padding: 10px;
    /* background-color: #0000; */
}

.footer_logo_and_social_icons ul li .fa-brands{
   font-size: 50px;
   color: #134a7b;
}

.footer_about_us p{
    max-width: 400px;
}
.footer_about_us hr{
    max-width: 400px;
}


.aboutus_main_col .row div:nth-child(1) .aboutus_image {
    height: 500px;
    max-width: 600px;
    background: #0378b3;
    position: relative;
}

.aboutus_main_col .row div:nth-child(1) .aboutus_image img {
    width: 100%;
    height: 100%;
}

.aboutus_main_col .row div:nth-child(2) .main_aboutsheading h3 {
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 500;
    font-size: normal;
}


.aboutus_main_col .row div:nth-child(2) .main_aboutsheading p {
    font-size: 18px;
    color: #2c2b2b;
    margin: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}

.footer_social_icons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
    padding: 20px 0;
    background: #0378b3;
}

.footer_social_icons .fa-brands {
    font-size: 30px;
    color: #f7f8f9;
    padding: 0;
    margin: 0;
}

.how_we_work_col1 {
    padding: 20px;
    position: relative;
}

.how_we_work_col1 .how_We_work_wrap {
    background: #134b7d;
    color: #fff;
    padding: 45px;
}

.col_navigator_1 {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 20%;
    left: 0px;
    z-index: 1;
    color: #ffffff;
    background: #d7c10b;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #000;
}

.sectionheading_for_how_we_work {
    text-align: center;
}

.sectionheading_for_how_we_work h3 {
    font-weight: 600;
    margin-bottom: 15px;
    color: #134b7d;
    font-size: 47px;
    text-transform: uppercase;
}

.sectionheading_for_how_we_work p {
    font-size: 20px;
    padding: 0px 250px;
    padding-bottom: 20px;
}

.recent_work_col-1 {
    /* background-image: linear-gradient(red, yellow), url("../images/hero_Section/12images.jpg"); */
    /* background-color: #ffffff; */
    background-color: #f8f8fb;
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='18' viewBox='0 0 100 18'%3E%3Cpath fill='%23e4e4e4' fill-opacity='0.4' d='M61.82 18c3.47-1.45 6.86-3.78 11.3-7.34C78 6.76 80.34 5.1 83.87 3.42 88.56 1.16 93.75 0 100 0v6.16C98.76 6.05 97.43 6 96 6c-9.59 0-14.23 2.23-23.13 9.34-1.28 1.03-2.39 1.9-3.4 2.66h-7.65zm-23.64 0H22.52c-1-.76-2.1-1.63-3.4-2.66C11.57 9.3 7.08 6.78 0 6.16V0c6.25 0 11.44 1.16 16.14 3.42 3.53 1.7 5.87 3.35 10.73 7.24 4.45 3.56 7.84 5.9 11.31 7.34zM61.82 0h7.66a39.57 39.57 0 0 1-7.34 4.58C57.44 6.84 52.25 8 46 8S34.56 6.84 29.86 4.58A39.57 39.57 0 0 1 22.52 0h15.66C41.65 1.44 45.21 2 50 2c4.8 0 8.35-.56 11.82-2z'%3E%3C/path%3E%3C/svg%3E"); */
    padding-bottom: 50px;
}

.recent_work_col-1 h2 {
    font-weight: 600;
    margin-bottom: 15px;
    color: #134b7d;
    font-size: 47px;
    text-transform: uppercase
}

.recent_work_col-1 .section_para_recent_work {
    padding: 0px 260px;
    font-size: 20px;
    color: #2c2b2b;
}


#website_homepage .our_main_services {
    padding-top: 50px !important;
    padding-bottom: 70px !important;
    background: #eee;
}

.saftey_mager_img {
    width: 100%;
    height: 300px;
    border: 2px solid #134b7d;
}

.saftey_mager_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.saftey_mager_text_col h3 {
    margin: 10px 0px;
}

.safety_mager_section_heading {
    text-align: center;
}

.safety_mager_section_heading h3 {
    font-weight: 600;
    margin-bottom: 15px;
    color: #134b7d;
    font-size: 47px;
    text-transform: uppercase;
}

.safety_mager_section_heading p {
    font-size: 20px;
    padding: 0px 250px;
    padding-bottom: 20px;
}



/* clinet review section start here  */
.clinet_review_section_heading {
    text-align: center;
}

.clinet_review_section_heading h3 {
    font-weight: 600;
    margin-bottom: 15px;
    color: #134b7d;
    font-size: 47px;
    text-transform: uppercase;
}

.clinet_review_section_heading p {
    font-size: 20px;
    padding: 0px 250px;
    padding-bottom: 20px;
}

.clinet_review_section_wrop {
    /* background-color: #000; */
    background: #134b7d12;
    padding: 20px;
}

.clinet_review_col_image {
    /* width: 100%; */
    /* height: 85px; */
    display: flex;
    /* justify-content: center; */
    align-items: end;
    padding: 0px 10px;
}

.clinert_name_reviw span{
    font-weight: bold;
    margin-top: 15px;
    color: #333;
}
.clinert_name_reviw p{
    color: #888;
}

.review_image_col {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 20px;

}

.review_image_col img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}

.clinet_review_text {
    padding: 0px 10px;
    padding-top: 15px;

}

.clinet_review_text p{
    font-size: 16px;
    color: #555;

}


.contact_infor_text h2 {
    font-weight: 600;
    margin-bottom: 15px;
    color: #134b7d;
    font-size: 47px;
    text-transform: uppercase;
}

.contact_infor_text p {
    font-size: 20px;
    /* padding-bottom: 20px;    */
    padding-right: 100px;
}

.contact_infor_text ul {
    padding: 0;
}

.contact_infor_text ul li {
    list-style: none;
    font-size: 20px;
    padding-right: 100px;
    padding: 10px 0;
    display: flex;
    align-items: center;
}

.contact_infor_text ul li {
    list-style: none;
    font-size: 18px;
    padding-right: 100px;
    padding: 10px 0;
    display: flex;
    align-items: center;
}


/* home page about us start ***************************************************************** */

.about-us-section {
    background-color: #f8f9fa;
    padding: 60px 0;
}

.about-us-section h2 {
    font-size: 36px;
    color: #134b7d;
    margin-bottom: 20px;
}

.about-us-section p {
    font-size: 18px;
    color: #666;
    line-height: 1.6;
}

.about-us-section .img-fluid {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}


/* home page about us start *****************************************************************end */



/* key services slider section ******************************************************************* */

/* .our-services-section {
    background-image: url('../images/hero_Section/12images.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
    color: #fff;
} */
.our-services-section {
    background-image: url('../images/hero_Section/12images.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
    color: #fff;
}

.our-services-section .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(19, 75, 125, 0.8), rgba(10, 30, 50, 0.8));
    z-index: 1;
}

.our-services-section .container {
    position: relative;
    z-index: 2;
}

.our-services-section h2 {
    font-size: 36px;
    margin-bottom: 30px;
}

.service-box {
    padding: 20px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.1);
    width: 100%;
}

.service-box img {
    border-radius: 10px;
}

.service-box h4 {
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 600;
}

.service-box p {
    font-size: 16px;
}

/* Custom Styles for Multi-Item Carousel */
.carousel-item {
    display: flex;
    justify-content: space-between;
}

.carousel-item .service-box {
    flex: 1 0 30%; /* Adjust this value to control the number of items shown */
    margin: 0 10px;
}

.otherinfo_wrap_ourvalues h3{
    padding: 20px 0px;
    text-align: center;
}

.contact_us_setion_footer .fa-brands{
    color: #0879B4;
}


/* Responsive Styles */
@media (max-width: 992px) {
    .carousel-item .service-box {
        flex: 1 0 45%;
    }
}

@media (max-width: 576px) {
    .carousel-item .service-box {
        flex: 1 0 100%;
    }
}

/* key services slider section *******************************************************************end */


/* how we work *************************************** */

.how-we-work-section {
    background-color: #f8f9fa;
    padding: 60px 0;
}

.how-work-item {
    background-color: #fff;
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out;
}

.how-work-item:hover {
    transform: translateY(-10px);
}

.icon-container {
    background-color: #134b7d;
    color: #fff;
    font-size: 30px;
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.how-work-item h4 {
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #134b7d;
}

.how-work-item p {
    font-size: 16px;
    color: #666;
}


/* how we work *************************************** end */



/* diffrance_section_image_div************************************ */

.diffrance_section_image_div{
    /* padding: 400px 0; */
    /* padding: 275px 0; */
    height: 100%;
    background-image: url("../images/about_us/become_a_civil_engineer_technician.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 600px;
}
/* .diffrance_section_image_div img{
    width: 100%;
    height: 100%;
    object-fit: cover;
} */

.diffrance_section_heading{
    padding-left: 20px;
}
.diffrance_section_heading h3{
    font-size: 30px;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    max-width: 400px;
    color: #134b7d;

}

.diffranciat_col{
margin-top: 25px;
padding: 15px;
transition: 0.5s ease-in-out;
background-color: #ffffff;
box-shadow: 1px 10px 10px #00000014;
}
.diffranciat_col:hover{
    /* background: #00000014; */
    background: #134b7d12;
    /* transform: translateY(-20px); */
}

.diffranciat_col span{
  font-size: 18px;
  font-weight: 600;
    }

/* diffrance_section_image_div***************************************************************************end */



/* new testimonial slider *************************************************** */

testimonial-section {
    padding: 40px;
    background-color: #f9f9f9;
  }

  .swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
  }

.testimonial-card {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    max-width: 700px;
    width: 100%;
    text-align: center;
  }

  .testimonial-content {
    font-size: 16px;
    color: #555;
  }

  .testimonial-author {
    font-weight: bold;
    margin-top: 15px;
    color: #333;
  }

  .testimonial-author-role {
    color: #888;
  }


.what_make_us_diffrante_from_other{
    background-color: #6464641c;
}

/* new testimonial slider **********************************************************************************end */


/* footer new ********************************************************************************************** */
.footer_section_new{
    /* background-color: #4d4d4d1e; */
    /* background-color: #0378b31a; */
    background-color: #5353531a;
}

/* .contact_us_section_footer{
    margin-top: 10px;
} */


.brand_image_footer_section{
    width: 160px;
}

.band_text_contaient_secton_about_us{
    margin-top: 10px;
}

.footer_new_section_header{
    color: #000;
}


.quaiklinks_footer_new_list{
    display: flex;
    gap: 50px;
}
.quaiklinks_footer_new_list ul{
    margin: 0;
    padding: 0;
    display: flex;
   flex-direction: column;
   gap: 10px;
}
.quaiklinks_footer_new_list ul li{
   list-style: none;
}
.quaiklinks_footer_new_list ul li a{
   text-decoration: none;
   color: #222222;
}


/* ******************************* */

.footer_contact_section_header{
    color: #000;
}
.contact_us_setion_footer ul{
    margin: 0;
    padding: 0;
    display: flex;
   flex-direction: column;
   gap: 10px;
}
.contact_us_setion_footer ul li{
   list-style: none;
}
.contact_us_setion_footer ul:nth-child(1) li:nth-child(1){
   list-style: none;
   /* padding-right: 50px; */
}


.contact_us_setion_footer ul li a{
   text-decoration: none;
   color: #222222;
}

.contact_us_setion_footer{
    display: flex;
}
.contact_us_setion_footer .fa-brands{
    font-size: 35px;
    color: #134a7b !important;
}

.affter_headingline{
    height: 1px;
    display: block;
    background: #00000024;
    margin: 12px 0;
    width: 100px;
}

/* footer new ********************************************************************************************end */

/* saftey_mager_text_col  *********************************************************************************** */

.saftey_mager_text_col h3{
    font-size: 20px;
}
/* saftey_mager_text_col  *********************************************************************************end */



/* blog section start ****************************************** */
.blog-section{
    background: #eee;
}
.blog-section .card .card-body .card-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 20px;
  }

  .btn-custom{
    margin-top: 20px;
    border: 1px solid #2c2b2b;
    padding: 8px 20px;
    border-radius: 4px;
    font-size: 17px;
    text-decoration: none;
    color: #0c2740;
    transition: ease-in-out 0.5s;
  }
  .btn-custom:hover{
    color: #fff;
    background: #134b7d;
    border: transparent;
  }
/* blog section start ****************************************end */



.our_main_services .main_image{
    height: 300px;
}

.our_main_services .main_image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}



/* home page blog card  */
.blogimagewraper{
    height: 200px;
}

.blogimagewraper img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.blog_card_titel{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 20px;
    margin: 0;
    margin-top: 10px;   
}

.Blogcard_catagray{
    font-size: 13px;
}

.blogcard_discription{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
}
/* popup form area  */

#popform{
    width: 100%;
    height: 100%;
    position: fixed;
    top: -200%;
    left: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000000a3;
}

.canceal_form_button{
  width: 35px;
  height: 35px;
  background: #134b7d;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -12px;
  right: -12px;
}
.popupform_wraper{
    background: #fff;
    /* width: 50%; */
    /* height: 500px; */
    margin: auto;
    display: flex;
    padding: 0;
    position: relative;
}
.cancel_form_div_btn{
    width: 14px;
    height: 20px;
    background-image: url('../images/icons/xmark-w.svg');
    background-repeat: no-repeat;
}


.popupform_image_warp{
    width: 100%;
    height: 100%;
    
}
.popupform_image_warp img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.right-popform-area{
    padding: 15px;
}


/* footer  */
.contact_us_setion_footer{
    flex-direction: column;
    gap: 20px;
}
.contact_us_setion_footer .socialicone_col_footer{
    display: flex;
    flex-direction: revert;
}

.copyright_footer{
    background: #134a7b;
    color: #fff;
    padding: 10px 0;
    margin-top: 30px;
}

.copyright_footer a{
    color: #fff;
    text-decoration: none;
}

#website_homepage .footer_section_new{
    padding-bottom: 0px !important;
}


.header_col_blog_page{
    padding: 50px 0;
    background-image: linear-gradient(90deg, rgb(18, 74, 124), rgba(8, 83, 156, 0.44)), url('../images/hero_Section/12images.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
.blog_text_header_col{
    font-size: 16px;
    color: #fff;
}
.blog_text_header_col p{
    padding: 0px 550px;
}

.catagary_col_blogs{
    width: 100%;
    background: #134a7b;
}

.footer_section_new{
    padding-bottom: 0px !important;   
}

.festiveads_banner_fix{
    width: 150px;
    height: 250px;
    background: #000;
    position: fixed;
    right: 2%;
    top: 62%;
    z-index: 99;
}

#mainads_banner_col{
    display: block;
}
.banner_wraper{
    width: 100%;
    height: 100%;
    position: relative;
    background-image: url('../images/website_banner/webiste-banner-painting-8.png');
    background-size: cover;
    background-position: center;
    background-repeat:no-repeat ;
}

#cancel_ads{
    position: absolute;
    left: -12px;
    top: -11px;
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, 0.562);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.whatsapp_redirect_col{
    width: 45px;
    /* background: #000; */
    height: 35px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    transition: 0.5s ease-in-out;
    background-image: url('../images/icons/whatsapp_icon-8.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: fixed;
    top: 89%;
    left: 0;
    cursor: pointer;
}
.whatsapp_icon_banner_warp{
    width: 100%;
    height: 100%;
    display: block;
}

/* new bootom slider here end */

/* popup form area  end */

/* footer  */
@media screen and (min-width:769px) {
    /* .dropend:hover > .dropdown-menu{
        position: absolute;
        top: 0;
        left: 100%;
    } */

}

/* responisve home css  */
@media (max-width: 576px) {
    section {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .dropdown-menu>li>.submenu {
        position: static !important;
    }

    .navbar-nav {
        text-align: center;
    }

    .navbar {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .home_service_card {
        /* margin-bottom: 11rem; */
        margin-bottom: 20px !important;
    }

    .appligatorsSlider {
        padding: 0px 19px;
    }

    #website_homepage .herosection {
        padding-top: 20px !important;
        padding-bottom: 50px !important;
        text-align: center;
        flex-direction: row-reverse;
    }

    /* all services section  */

    #website_homepage .our_all_services_slider {
        padding-top: 0 !important;
    }

    #website_homepage .our_all_services_slider>.swiper {
        padding: 0px 20px !important;
    }

    .main_section_para_for_all {

        padding: 0 !important;
    }

    /* abouts new  */
    #website_homepage .aboutus_new {
        padding-top: 50px !important;
        padding-bottom: 0px !important;
    }




}







@media (min-width: 768px) {
    .navbar-nav {
        padding: 0;
        border-top: none;
        margin-top: 0;
    }


}

@media (min-width: 576px) {}