@charset "utf-8";
/*..............embedded fonts..............*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*-------- font-family: "Poppins", sans-serif;----------*/

/* --- Font Calibri --- */
@font-face {
    font-family: 'Arial';
    src: url('../fonts/Arial-Mdm.eot');
    src: url('../fonts/Arial-Mdm.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Arial-Mdm.woff2') format('woff2'),
        url('../fonts/Arial-Mdm.woff') format('woff'),
        url('../fonts/Arial-Mdm.ttf') format('truetype'),
        url('../fonts/Arial-Mdm.svg#Arial-Mdm') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arial';
    src: url('../fonts/Arial-BoldMT.eot');
    src: url('../fonts/Arial-BoldMT.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Arial-BoldMT.woff2') format('woff2'),
        url('../fonts/Arial-BoldMT.woff') format('woff'),
        url('../fonts/Arial-BoldMT.ttf') format('truetype'),
        url('../fonts/Arial-BoldMT.svg#Arial-BoldMT') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arial';
    src: url('../fonts/ArialMT.eot');
    src: url('../fonts/ArialMT.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ArialMT.woff2') format('woff2'),
        url('../fonts/ArialMT.woff') format('woff'),
        url('../fonts/ArialMT.ttf') format('truetype'),
        url('../fonts/ArialMT.svg#ArialMT') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* --- Font Impact --- */



/*..............common styles..............*/
body { margin: 0; padding: 0; font-family: 'Arial'; font-size: clamp(0.875rem, 0.829rem + 0.247vw, 1.125rem);  color:#000; background-color: #fff;}
/* body, html { max-width: 1920px; margin: 0 auto; } */
.not-scroll {overflow: hidden; touch-action: none; overscroll-behavior: none; -webkit-overflow-scrolling: auto;}
  
main {max-width: 1401px; margin: 0 auto; overflow: hidden; }

.container { max-width: 100%; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; margin:0 0 20px; padding:0; font-family: 'Arial';}
h1{ font-size: clamp(2rem, 1.712rem + 1.438vw, 3.438rem);}
/*----------55-32px--------*/
h2{ font-size: clamp(1.75rem, 1.577rem + 0.769vw, 2.5rem);} 
/*----------40-28px--------*/
h3{ font-size: clamp(1.375rem, 1.306rem + 0.37vw, 1.75rem);}
/*----------28-22px--------*/
h4{ font-size: clamp(1.125rem, 1.044rem + 0.432vw, 1.563rem);}
/*----------25-18px--------*/
h5{ font-size:16px;}
h6{ font-size:14px;}
p{ font-size: clamp(0.875rem, 0.829rem + 0.247vw, 1.125rem); color: #000; margin:0 0 20px; padding:0; font-family: 'Arial';}
p:last-child{margin-bottom: 0;}
ul{padding-left: 0;}
li{list-style: none;}
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: #000; outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}

input, textarea, select{   font-family: 'Arial';  outline: none;}
input[type="submit"]{ font-family: 'Arial';transition:all 0.3s ease 0s; outline: none;}
.form-group { margin-bottom: 40px; }
.form-group label { font-family: 'Arial'; font-size: clamp(1rem, 0.954rem + 0.247vw, 1.25rem); }
.form-group input.form-control, .form-group select, .form-group textarea { border: none; background-color: #fff; border-radius: 0; height: 55px; }
.form-group select {font-size: 16px;}
.form-group textarea { height: 150px; resize: none; }

.pl-0{padding-left: 0;}
.pr-0{padding-right: 0;}


.btn { background-color: #004680; border: 1px solid #004680 !important; font-size: clamp(0.875rem, 0.8rem + 0.375vw, 1.25rem); color: #fff !important; padding: 14px 48px; display: inline-block; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
.btn:hover {background-color: #fff; color: #004680 !important; }
/* --- for placeholder color --- */
/*
.form-control::-moz-placeholder{color:#505873;opacity:1;}
.form-control:-ms-input-placeholder{color:#505873;}
.form-control::-webkit-input-placeholder{color:#505873;}
*/
/* --- for placeholder color --- */
.p-relative {position: relative;}
.p-absolute {position: absolute;}

.common-padd {padding: 70px 0;}
.common-padd-40 {padding: 40px 0;}
/*----------Header----------*/
header.main-header { background: #ffffff; position: sticky; top: 0; left: 0; width: 100%; z-index: 9999; max-width: 1401px; margin: 0 auto; }
header.main-header .hamburger-icon, header.main-header .menu-list-wrapper .closebtn  {display: none;}
header.main-header .header-wrapper { display: flex ; align-items: center; justify-content: space-between; padding: 15px 0; }
header.main-header .header-logo { max-width: 300px; }
header.main-header .menu-list-wrapper .sidenav ul { display: flex; margin: 0; padding: 0; }
header.main-header .menu-list-wrapper .sidenav ul li { list-style: none; }
header.main-header .menu-list-wrapper .sidenav ul li:not(:last-child) { margin-right: 35px; }
header.main-header .current_page_item a { color: #004680 !important; }
header.main-header .menu-list-wrapper .sidenav ul li a { font-size: clamp(0.875rem, 0.829rem + 0.247vw, 1.125rem); font-family: 'Arial'; color: #000; padding: 10px; letter-spacing: 1px; text-transform: uppercase; }
header.main-header .menu-list-wrapper ul li.active a { border: 1px solid #004680; }
header.main-header .menu-list-wrapper .sidenav ul li a:hover { color: #004680;}
/*----------Header----------*/

/*----------Home----------*/
.banner { position: relative; overflow: hidden; }
.banner-main-slider .slick-arrow { position: absolute; z-index: 1; background: transparent; border: none; padding: 0; top: 50%; transform: translateY(-50%); }
.banner-main-slider .custom-next.slick-arrow { right: 0px; }
.banner-main-slider .slick-arrow img { width: 30px; }
.banner-main-slider .custom-prev.slick-arrow { left: 0px; rotate: 180deg; top: 46%; }
.banner-slider .slick-slide { position: relative; padding-bottom: 8%; overflow: hidden; }
.banner-main-slider .slick-slide img { width: 100%; height: 100%; object-fit: fill; position: absolute; }
.banner-main-slider { position: relative; padding: 0 20px; overflow: hidden; height: 650px; }
.banner-main-slider .banner-slider,
.banner-main-slider .banner-slider .slick-list,
.banner-main-slider .banner-slider .slick-list .slick-track { height: 100%; }

.text-box-wrap { position: relative; padding: 50px 0 50px; overflow: hidden; }
.patical-box { max-width: 50%; position: absolute; bottom: -12%; left: 10%; }
.text-box-wrap .right-text { padding-top: 60px; padding-left: 30px; max-width: 950px; }
.text-box-wrap .text-end img { max-width: 40%; }
.text-box-wrap .row { padding-bottom: 50px; border-bottom: 8px solid #ef3c43; }
/*----------Home----------*/

/*----------Service----------*/
.service-sec { background: #004680; padding: 30px; }
.service-sec h1 { font-size: clamp(1.375rem, 1.306rem + 0.37vw, 1.75rem); color: #fff; }
.service-sec p { color: #fff; }
.main-service-text { padding: 50px 0; position: relative; }
.partical-red { top: -25px; max-width: 150px; }
.main-service-text .text-box-service { max-width: 1280px; margin: 0 auto; padding-left: 100px; }

.service-text { border: 2px solid #004680; padding: 30px; }
.box-wrap-main .row .col-lg-6:nth-child(odd) {padding-right: 0;}
.box-wrap-main .row .col-lg-6:nth-child(even) {padding-left: 0;}
.box-wrap-main .row .col-lg-6 .service-text { padding-left: 80px; height: 100%; min-height: 300px; }
.box-wrap-main .row .col-lg-6:nth-child(odd) .service-text h4 {color: #004680;}
.box-wrap-main .row .col-lg-6 .service-text h4 { border-bottom: 1px solid #000; padding-bottom: 5px; max-width: 450px; }
.box-wrap-main .row .col-lg-6:nth-child(4n+3) .service-text h4,
.box-wrap-main .row .col-lg-6:nth-child(4n+2) .service-text h4 {border-bottom: 1px solid #fff;}
.box-wrap-main .row .col-lg-6:nth-child(4n+2) .service-text, 
.box-wrap-main .row .col-lg-6:nth-child(4n+3) .service-text{background-color: #004680;}
.box-wrap-main .row .col-lg-6:nth-child(4n+2) .service-text h4,
.box-wrap-main .row .col-lg-6:nth-child(4n+2) .service-text p, 
.box-wrap-main .row .col-lg-6:nth-child(4n+3) .service-text h4, 
.box-wrap-main .row .col-lg-6:nth-child(4n+3) .service-text p { color: #fff; }

.box-wrap-main .row .col-lg-6 .service-text p {position: relative;}
.box-wrap-main .row .col-lg-6 .service-text p::after { content: ""; position: absolute; left: -30px; top: 0; width: 0; height: 0; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 20px solid #ef3c43; }
.box-wrap-main { position: relative; padding-bottom: 80px;}
.partical-shape { left: 0; bottom: 0; }
.box-wrap-main .row { padding-bottom: 50px; border-bottom: 8px solid #ef3c43; }
.partical-red-shape { bottom: 20%; right: 0; z-index: 1; max-width: 130px; }
.box-wrap-main .img-box { overflow: hidden; height: 100%; }
.box-wrap-main .img-box img { width: 100%; height: 100%; object-fit: cover; }
/*----------Service----------*/

/*----------Projects----------*/
.projects-sec { background-color: #004680; padding: 30px;}
.projects-sec h1 { font-size: clamp(1.375rem, 1.306rem + 0.37vw, 1.75rem); color: #fff; }
.projects-sec p { color: #fff;}
.project-list-sec { padding: 50px 0; overflow: hidden; position: relative; }
.project-list-sec .partical-shape-prjct { left: 0; bottom: 0; }
.project-list-sec .container { padding-bottom: 150px; border-bottom: 8px solid #ef3c43; }
.project-list-sec .partical-red-prjct { bottom: 50px; max-width: 110px; right: 0; }
.img-list-box .img-box { position: relative; overflow: hidden; padding-bottom: 57%; margin-bottom: 15px; }
.img-list-box .img-box img{ position: absolute; width: 100%; height: 100%; object-fit: cover; }
.img-list-box h5 { margin-bottom: 0; color: #004680; }
.img-list-box { cursor: pointer; }

.modal-main-wrap .modal-dialog { max-width: 950px; }
.modal-main-wrap .modal-content button.btn-close { position: absolute; z-index: 1; right: 5px; top: 5px; opacity: 1; background-image: none;}
.modal-main-wrap .modal-content .modal-body { padding: 0; }
.modal-main-wrap .modal-content { border-radius: 0; }
.modal-main-wrap .modal-content .img-box { position: relative; overflow: hidden; padding-bottom: 50%; }
.modal-main-wrap .modal-content .img-box img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.modal-main-wrap .modal-dialog .title-box { padding: 40px 60px; background: #004680; position: relative; }
.modal-main-wrap .modal-dialog .title-box h4 { color: #fff; margin-bottom: 0; }
.modal-main-wrap .modal-dialog .title-box::after { content: ""; position: absolute; left: 20px; top: -20px; width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 40px solid #ef3c43; }
/*----------Projects----------*/

/*----------Career----------*/
.career-text-box-wrap {overflow: unset;}
.career-banner { position: relative; padding-bottom: 37%; overflow: hidden; }
.career-banner img { width: 100%; height: 100%; position: absolute; object-fit: cover; }
.career-text-box-wrap .right-text { padding-top: 0; padding-left: 100px; margin-bottom: 20px; }
.career-text-box-wrap .top-partical-arrow { max-width: 100px; top: -100px; left: 20px; }
.career-text-box-wrap .right-text h1 { font-size: clamp(1.375rem, 1.306rem + 0.37vw, 1.75rem); text-transform: uppercase; }
.career-text-box-wrap .border-text p { border: 1px solid #004680; padding: 30px 20px; text-align: center; font-weight: 700; font-size: clamp(1.125rem, 1.067rem + 0.256vw, 1.375rem); }
.career-text-box-wrap .explore-btn { text-align: center; margin-top: -20px; }
.explore-btn .btn { box-shadow: inset 4px -3px 5px rgba(0, 0, 0, .5); }
.explore-btn .btn:hover { box-shadow: none; }
/*----------Career----------*/

/*----------Contact----------*/
.banner-top-row .banner-top-title { text-align: center; padding: 10px 0; background-color: #5a666f; }
.banner-top-row .banner-top-title h1 { color: #004680; letter-spacing: 4px; margin-bottom: 0; font-size: clamp(1.625rem, 1.423rem + 0.897vw, 2.5rem); }
.contact-sec { position: relative; overflow: hidden; padding-bottom: 50px; }
.contact-back-bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 145%; height: 185%; }
.contact-back-bg img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.contact-bg { position: relative; z-index: 1; margin: auto 90px; }
.contact-bg .form-group label { color: #000; }
.contact-bg form .wpcf7-not-valid-tip { display: none; }
.contact-bg form .wpcf7-not-valid { border: 2px solid #dc3232; }
.contact-bg form .wpcf7-response-output { color: #fff; display: inline; margin: 0; }
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output { background-color: #000; display: block; text-align: center; margin-top: 20px; }
.contact-main-wrapper-bg-back { position: relative; overflow: hidden; padding: 70px 0 30px; }
.contact-button-flex { display: flex ; align-items: end; justify-content: space-between; }
.contact-button-flex ul { margin-bottom: 0; text-align: right; }
.contact-button-flex ul li, .contact-button-flex ul li a{color: #fff;}
.contact-button-flex ul li a:hover {color: #000;}
.banner-top-row .banner-top-title span { text-transform: unset; }
.contact-details-box { background: #004680; padding: 30px; position: relative; padding-right: 150px; }
.contact-details-box .shape-box-c { max-width: 100px; right: 0; top: -56px; }
.contact-details-box ul { margin-bottom: 0; }
.contact-details-box ul li {text-align: right;}
.contact-details-box ul li a{ color: #fff;}
.contact-sec .contect-main { padding-bottom: 50px; border-bottom: 8px solid #ef3c43; position: relative; }
/*----------Contact----------*/

footer.footer-main { margin: 0 auto; max-width: 1401px; background-color: #004680; padding: 50px 15px; }
footer.footer-main .footer-sec { display: flex; align-items: end; justify-content: space-between; gap: 20px; }
footer.footer-main .footer-sec h1{ color: #fff; margin-bottom: 0; font-size: clamp(0.875rem, 0.829rem + 0.247vw, 1.125rem); font-weight: normal;}
footer.footer-main .footer-menu-link ul { display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
footer.footer-main .footer-menu-link { text-align: center; }
footer.footer-main .footer-menu-link ul li { padding-right: 15px; margin-right: 15px; border-right: 1px solid #fff; }
footer.footer-main .footer-menu-link ul li:last-child {padding: 0; margin: 0; border: 0;}
footer.footer-main .footer-menu-link ul li a { color: #fff; }
footer.footer-main .footer-menu-link ul li a:hover { color: #000000; }
footer.footer-main p {color: #fff;}
footer.footer-main p a { color: #fff; text-decoration: underline; }
footer.footer-main p a:hover { color: #000000; text-decoration: none;}
footer.footer-main .link-box img { max-width: 32px; }
/*Media Query css*/





@media only screen and (min-width: 1601px) {
    /* .container {
        max-width: 1400px;
    } */
}

@media only screen and ( max-width:1800px ) {
    
} 


@media only screen and ( max-width:1699px ) {
    header.main-header .header-logo { max-width: 280px; }
    header.main-header .menu-list-wrapper .sidenav ul li:not(:last-child) { margin-right: 25px; }
    
    .contact-bg { position: relative; z-index: 1; margin: auto 70px; }
    .form-group { margin-bottom: 50px; }
}

@media only screen and ( max-width: 1440px ) {
    header.main-header .header-logo { max-width: 220px; }
    header.main-header .menu-list-wrapper .sidenav ul li:not(:last-child) { margin-right: 35px; }   
    header.main-header .header-wrapper { padding: 10px 0; }

    .text-box-wrap .right-text { padding-right: 50px; }
    .contact-main-wrapper-bg-back {padding: 60px 0;}
    .contact-bg { margin: auto 60px; }
    .form-group { margin-bottom: 40px; }
}

@media only screen and ( max-width: 1399px ) {
    /* header.main-header .header-logo { max-width: 250px; } */
    header.main-header .menu-list-wrapper .sidenav ul li:not(:last-child) { margin-right: 15px; }
    header.main-header .menu-list-wrapper .sidenav ul li a { padding: 6px; }

    .banner-main-slider { height: 550px; }

    .logo-heading .logo-box { max-width: 250px; }
    .logo-box-wrapper .logo-wrapper { max-width: 160px; height: 160px; }
    .service-text-box { padding: 30px; }

    .main-service-text .text-box-service { padding-left: 160px; }
    .box-wrap-main { padding-bottom: 50px; }

    .contact-main-wrapper-bg-back {padding: 50px 0;}
    .form-group { margin-bottom: 30px; }
}


@media only screen and ( max-width:1199px ) {
    header.main-header .header-logo { max-width: 180px; }

    .logo-box-wrapper { height: calc(100% - 20px); margin-bottom: 20px; }

    .contact-bg { margin: auto 40px; }

    .banner-main-slider { height: 480px; }

    .box-wrap-main .row .col-lg-6 .service-text { padding-left: 50px; }
    .partical-red-shape { right: 8px; max-width: 110px; }

    footer.footer-main { padding: 50px 0px; }
    footer.footer-main .footer-menu-link { max-width: 600px; }

}
@media only screen and ( max-width: 1024px ) {
    .container { padding: 0px 15px; }
}

@media only screen and ( max-width: 991px ) {
    header.main-header .menu-list-wrapper { position: relative; }
    header.main-header .menu-list-wrapper .closebtn, header.main-header .hamburger-icon { display: block; }
    header.main-header .menu-list-wrapper .sidenav { height: 100%; width: 0; position: fixed; z-index: 999; top: 0; bottom: 0; right: 0; background-color: #004680; overflow-x: hidden; transition: 0.5s; padding-top: 60px; opacity: 0; }
    header.main-header .menu-list-wrapper .sidenav.show-nav { width: 250px; opacity: 1; }
    header.main-header .menu-list-wrapper .sidenav ul {flex-direction: column;}
    header.main-header .menu-list-wrapper .sidenav ul li:not(:last-child) {margin-right: 0;}
    header.main-header .menu-list-wrapper .sidenav ul li a {color: #fff;}
    header.main-header .menu-list-wrapper .sidenav ul li { padding: 5px 20px; }
    header.main-header .menu-list-wrapper .sidenav .closebtn { position: absolute; top: 10px; right: 25px; font-size: 25px; color: #ef3c43; }
    header.main-header .hamburger-icon {color: #ef3c43; font-size: 30px;}
    header.main-header .menu-list-wrapper .sidenav ul li a:hover { color: #ef3c43;}
    header.main-header .menu-list-wrapper ul li.active a { border: 1px solid #ef3c43; color: #ef3c43 !important;}

    .common-padd-40 { padding: 30px 0; }

    .banner-main-slider { height: 350px; padding: 0 10px; }
    .text-box-wrap .right-text { padding-top: 40px; padding-left: 0px; padding-right: 30px;}
    .text-box-wrap .row { padding-bottom: 30px; border-bottom: 6px solid #ef3c43; }

    .partical-red { max-width: 100px; }
    .main-service-text .text-box-service { padding-left: 110px; }
    .box-wrap-main .row .col-lg-6 .service-text p::after { left: -20px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 14px solid #ef3c43; }
    .partical-red-shape { max-width: 80px; }
    .box-wrap-main .row .col-lg-6 .service-text { padding-left: 35px; }
    .main-service-text, .text-box-wrap { padding: 40px 0; }
    .box-wrap-main .row, .project-list-sec .container, .contact-sec .contect-main { border-bottom: 6px solid #ef3c43; }
    .box-wrap-main .row, .box-wrap-main, .contact-sec .contect-main, .contact-sec { padding-bottom: 40px; }

    .project-list-sec, .contact-main-wrapper-bg-back { padding: 40px 0; }

    .modal-main-wrap .modal-dialog .title-box { padding: 30px 40px; }
    .modal-main-wrap .modal-dialog .title-box::after { top: -10px; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 30px solid #ef3c43; }

    footer.footer-main .footer-menu-link { max-width: 550px; }

}

@media only screen and ( max-width: 767px ) {
    header.main-header .header-wrapper { padding: 10px 0; }
    header.main-header .header-logo { max-width: 150px; }

    .text-box-wrap .text-end { text-align: left !important; }
    .text-box-wrap .right-text { padding-top: 0; }
    .text-box-wrap .text-end img { max-width: 100%; margin-bottom: 20px; }
    .text-box-wrap { padding: 40px 0 40px; }
    .patical-box { max-width: 100%; position: absolute; bottom: 0; left: 0; }

    .box-wrap-main .row .col-lg-6 .service-text {min-height: auto;}
    .box-wrap-main .row .col-lg-6:nth-child(even) .service-text {background-color: #004680;}
    .box-wrap-main .row .col-lg-6:nth-child(odd) .service-text h4 {color: #004680 !important; border-color: #004680;}
    .box-wrap-main .row .col-lg-6:nth-child(odd) .service-text p {color: #000;}
    .box-wrap-main .row .col-lg-6:nth-child(odd) .service-text {background-color: #fff;}
    .box-wrap-main .row .col-lg-6:nth-child(odd) { padding-right: 12px; }
    .box-wrap-main .row .col-lg-6:nth-child(even) { padding-left: 12px; }
    .partical-red { max-width: 80px; }
    .main-service-text .text-box-service { padding-left: 80px; }
    .partical-red-shape { max-width: 50px; bottom: 10%; }

    .project-list-sec .partical-red-prjct { max-width: 80px; }

    .contact-details-box ul li { text-align: center; }
    .contact-details-box { padding: 25px; }
    .contact-bg { margin: auto 30px; }

    .career-text-box-wrap .top-partical-arrow { max-width: 60px; top: -80px;}

    footer.footer-main .footer-sec { flex-direction: column; align-items: center; gap: 15px; }
    footer.footer-main { padding: 40px 0px; }

}
@media only screen and ( max-width: 575px ) {
    .btn { padding: 10px 30px; }
    .form-group input.form-control, .form-group select, .form-group textarea { height: 45px; }
    .form-group textarea { height: 100px; }


    .banner-main-slider { height: 250px; }
    .banner-main-slider .slick-arrow img { width: 20px; }

    .text-box-wrap .text-end { position: absolute; z-index: -1; top: 0; left: 20px; }
    .text-box-wrap .right-text { padding-left: 80px; }
    .text-box-wrap .text-end img { max-width: 30%; margin-bottom: 0; }
    .text-box-wrap { padding: 30px 0; }
    .text-box-wrap .row, .box-wrap-main .row, .project-list-sec .container, .contact-sec .contect-main { border-bottom: 4px solid #ef3c43; }
    .box-wrap-main .row, .box-wrap-main, .contact-sec .contect-main, .contact-sec { padding-bottom: 30px; }
    .main-service-text { padding: 30px 0; }
    .service-text { padding-left: 35px; padding: 20px; border: 1px solid #004680;}

    .project-list-sec, .contact-main-wrapper-bg-back { padding: 30px 0; }
    .projects-sec, .service-sec { padding: 20px; }

    .modal-main-wrap .modal-dialog .title-box { padding: 20px 25px; }
    .modal-main-wrap .modal-dialog .title-box::after { top: -8px; left: 10px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 20px solid #ef3c43; }

    .career-text-box-wrap .right-text { padding: 0; }

    footer.footer-main .footer-menu-link ul { flex-direction: column; gap: 12px; }
    footer.footer-main .footer-menu-link ul li {padding: 0; margin: 0; border: 0;}
    footer.footer-main .footer-sec h1 {font-weight: bold;}
    footer.footer-main .link-box img { max-width: 25px; }

}
@media only screen and ( max-width: 480px ) {
    .text-box-wrap .right-text { padding-left: 0; padding-right: 0; }
    .text-box-wrap .text-end {position: unset;}
    .text-box-wrap .text-end img { max-width: 8%; margin-bottom: 10px; }

    .partical-red { max-width: 50px; top: -15px; }
    .main-service-text .text-box-service { padding-left: 40px; }

    .contact-bg { margin: auto 20px; }
    .contact-details-box .shape-box-c { max-width: 70px; top: -35px; }

    .career-text-box-wrap .top-partical-arrow { max-width: 40px; top: -50px; }
    .career-text-box-wrap .border-text p { padding: 20px 20px 30px 20px; }


}
@media only screen and ( max-width: 380px ) {

}
/*Media Query css*/

































.file-drop-area { text-align: center; margin-bottom: 15px; }
.choose-file-button { background-color: #223168; padding: 10px; width: 70px; height: 70px; display: flex; justify-content: center; align-items: center; border-radius: 100%; margin: auto; margin-bottom: 10px; }
.file-message { font-size: 16px; font-weight: 500; overflow: hidden; color: #223168; text-transform: uppercase; white-space: nowrap; width: 200px; text-overflow: ellipsis; display: inline-block; }
.documents-uploder-modal form input.file-input { position: absolute; left: 50%; top: 16px; height: 70px; width: 70px; cursor: pointer; opacity: 0; transform: translateX(-50%); }
.choose-file-button svg { color: #fff; font-size: 24px; }
.expected-date input.form-control { border: 1px solid #e3e7f8; height: 40px; border-radius: 6px !important; max-width: 200px; margin: auto; }
.expected-date { margin-bottom: 15px; }
.documents-uploder-modal form { text-align: center; }