@font-face { 
    font-family: 'nexa-bold', sans-serif; 
    src: url(../fonts/nexa_bold.otf); 
    src: url('../fonts/nexa_bold.otf');
    src: local('☺'), url('../fonts/nexa_bold.otf') format('otf')
}

@font-face { 
    font-family: 'nexa-regular', sans-serif; 
    src: url('../fonts/nexa_regular.otf');
    src: local('☺'), url('../fonts/nexa_regular.otf') format('otf')

}
:root { --bold-font-family: 'nexa-bold', sans-serif; }
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
ul,
li,
a,
.btn-default,
textarea { margin: 0; padding: 0; }
* { margin: 0; padding: 0; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
a:focus { text-decoration: none; }
body { overflow-x: hidden; font-family: 'nexa-regular', sans-serif; }
.container { max-width: 1420px; }

/* h1 {
    font-family: var(--bold-font-family);
    text-transform: uppercase;
} */

/* global css start
*******************/
.title { font-family: var(--bold-font-family); font-size: 20px; font-weight: 700; line-height: 2.4; color: #fe1e00; }
.heading { font-size: 50px; font-family: var(--bold-font-family); color: rgb(8, 30, 46); font-weight: 700; line-height: 0.96; }
.paragraph { font-size: 16px; color: rgb(107, 129, 145); line-height: 1.375; }
.p-black { font-size: 16px; color: #081e2e; line-height: 1.375; }
.sub-heading { font-size: 21px; color: #081e2e; line-height: 1.571; }
.red-color { color: #fe1e00; display: block; }

/* global css end
*******************/

/* header  css start
********************/
header { position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 999; }
.header-wrap { display: flex; align-items: center; flex-wrap: wrap; z-index: 2; gap: 150px; }
.header-wrap .left-col span { text-transform: capitalize; font-size: 21px; }
.header-wrap .left-col .red-color {
    padding-left: 23px;
}
.header-wrap .left-col { width: 30%; }
.header-wrap .logo img { max-width: 300px; width: 100%; max-height: 300px; object-fit: cover; object-position: center; height: 100%; }
.header-wrap .phone-num { display: block; text-align: center; font-size: 36px; }
.header-wrap .phone-num:hover {
    color: #fe1e00;
}

.header-wrap i:hover {
    color: #fff;
}
.header-wrap a { font-family: var(--bold-font-family); font-size: 16px; color: #fff; font-weight: 700; }
.header-wrap i { color: #fe1e00; }

/* header  css end
********************/

/* section1 css start  
***********************/
.section1 { background: url(../images/baner.jpg) no-repeat center center; background-size: cover; z-index: 1; min-height: 850px; display: flex; align-items: center; }
.section1 .left-sec { width: 85%; }
.section1 .left-sec h1 { color: #fff; font-size: 50px; text-transform: capitalize; line-height: 0.96; font-family: var(--bold-font-family); margin-bottom: 20px; }
.section1 .left-sec p { color: #fff; font-size: 16px; line-height: 1.375; }
.section1 .right-sec img { max-width: 570px; width: 100%; min-height: 500px; object-fit: cover; object-position: center; max-height: 500px; height: 100%; }
.section1 .banner-wrap { padding-top: 180px; }
.section1 .right-sec { position: relative; z-index: 1; text-align: end; }
.section1 .right-sec:before { content: ''; background: url(../images/banner-vec.png) no-repeat center center; width: 100%; top: -3%; left: 13%; position: absolute; z-index: -1; height: 50%; }
.section1 .right-sec:after { content: ''; background: #fff; width: 50%; height: 50%; bottom: -2%; right: -2%; position: absolute; z-index: -1; }

/* section1 css end  
***********************/

/* section2 css start  
***********************/
.section2 { background: url(../images/section2.jpg) no-repeat center center; background-size: cover; z-index: 1; min-height: 970px; display: flex; align-items: center; }
.section2 .heading { width: 100%; margin-bottom: 20px; }
.section2 .right-sec img { max-width: 790px; width: 100%; max-height: 710px; height: 100%; object-fit: cover; object-position: center; }
.section2 .banner-wrap { padding-top: 100px; }

/* section2 css end  
***********************/

/* section3 css start  
***********************/
.section3 { margin: 100px 0px; }
.section3 .top-heading { text-align: center; display: none;}
.section3 .product-title { font-size: 24px; font-family: var(--bold-font-family); color: rgb(8, 30, 46);    /* font-weight: 700; */ line-height: 2; }
.section3 .top-heading p { max-width: 700px; margin: 0 auto; }
.section3 .card p { max-width: 335px; }
.section3 .card-body { display: none; }
.section3 .card img {
    min-height: 500px;
    max-height: 500px;
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
    max-width: 608px;
}

/* section3 css end  
***********************/

/* section4 css start  
***********************/
.section4 { position: relative; min-height: 450px; }
.section4 .left-sec img { max-width: 780px; width: 100%; max-height: 760px; height: 100%; object-fit: cover; object-position: center; }
.section4 .right-sec { padding-left: 80px; }
.section4 .right-sec p { max-width: 90%; }
.section4 .services { background: #f4faff; text-align: center; max-width: 1200px; width: 100%; z-index: 1; box-shadow: 0px 0px 10px 0px #ccc; position: absolute; bottom: -0%; right: 16%; display: none;}
.section4 .services .service-col { padding: 50px; }
.section4 .services .service-border { border-right: 1px solid #e0e8ee; border-bottom: 2px solid #e0e8ee; }
.section4 .services .service-border:nth-child(n+4) { border-bottom: 0; }
.section4 .services .service-border:nth-of-type(3n+0) { border-right: 0; }
.section4 .services .service-col img { max-width: 133px; width: 100%; max-height: 131px; height: 100%; object-fit: cover; object-position: center; }
.section4 .services .service-col p { font-size: 18px; line-height: 1.222; margin-top: 10px; }

/* section4 css end  
***********************/

/* section5 css start  
***********************/
.section5 { margin: 50px 0px; }
.section5 .top-heading { text-align: center; display: none; }
.section5 .top-heading p { max-width: 700px; margin: 0 auto; }
.section5 .portfolio { position: relative; }
.section5 .portfolio img { max-width: 930px; width: 100%; object-fit: cover; object-position: center; z-index: 2; }
.section5 .portfolio:before { content: ''; background-color: #ff1b00; width: 50%; height: 50%; bottom: 0%; right: 25%; position: absolute; z-index: -1; }

/* section5 css end  
***********************/

/* section6 css start  
***********************/
.section6 { background: url(../images/testimonial-bg.png) no-repeat center center; background-size: cover; min-height: 970px; display: flex; align-items: center; }
.section6 .testimonial-heading .heading { color: #fff; }
.section6 .righ-paragraph .paragraph { color: #fff; display: none; }

/* testimonial css start
************************/
.section6 .testimonial-image img { max-width: 100px; width: 100%; display: none; }
.section6 .testimonial-image { display: flex; align-items: center; justify-content: flex-start; gap: 10px; }
.section6 .testimonial-heading .client-name { color: #081e2e; font-size: 20px;    /* font-weight: 700; */ }
.section6 .testimonial-heading p { font-size: 14px; color: #706f6f; }
.section6 .p-black { font-weight: 600; color: #081e2e; }
.section6 .item.testimonial-bg { background: #fff; padding: 40px; max-height: 370px; min-height: 370px; height: 100%; }
.section6 .owl-theme .owl-dots,
.owl-theme .owl-nav { text-align: end; -webkit-tap-highlight-color: transparent; }
.section6 .owl-theme .owl-dots .owl-dot span { width: 20px; height: 20px; margin: 5px 7px; background: #80858d; display: block;    /* -webkit-backface-visibility: visible; */ transition: opacity .2s ease; border-radius: unset; }
.section6 .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span { background: #fe1e00; }

/* testimonial css end 
************************/

/* counter 
******************/
.section6 .js_counter { display: flex; align-items: center; justify-content: flex-start; gap: 30px; margin: 20px 0px; }
.section6 .icon-box-test { max-width: 100px; width: 100%; min-height: 100px; max-height: 100px; height: 100%; display: flex; align-items: center; justify-content: center; background: #2f4454; }
.section6 .icon-box-test i { font-size: 40px; color: #fff; }
.section6 .counter_number .yellow_color { color: #fff; font-size: 17px; font-weight: 600; }
.section6 .counter_number .heading { color: #fff; }
.section6 .counter_item { display: flex; align-items: center; gap: 5px; }
.section6 .counter_item .heading { margin: 0; }

/* section6 css end  
***********************/

/* section7 css start  
***********************/
.section7 { margin: 50px 0px; position: relative; }
.section7:before { content: ''; background: url(../images/quote-sec2.png) no-repeat center center; width: 20%; height: 60%; top: unset; right: 0%; position: absolute; z-index: 2; bottom: 3%; }
.section7:after { content: ''; background: #f2f2f2; width: 100%; height: 50%; top: unset; right: 0%; position: absolute; z-index: 2; bottom: -9%; z-index: -1; }
.section7 .top-heading { text-align: center; }
.section7 .top-heading p,
.heading { max-width: 700px; margin: 0 auto; }
.section7 .banner-wrap { background: #081e2e; }
.section7 .left-sec img { max-width: 529px; width: 100%; max-height: 798px; height: 100%; object-fit: cover; object-position: center; }
.section7 .right-sec span { color: #fff; font-size: 114px;    /* font-weight: 700; */ }
.section7 .right-sec { text-align: center; }
.section7 .right-sec i { color: red; font-size: 110px; }
.section7 .client-logo { display: flex; justify-content: space-around; align-items: center; margin-top: 95px; }
.section7 .right-sec i:hover { color: #fff; }
.section7 .right-sec span:hover { color: red; }

/* section7 css end  
***********************/

/* footer css start  
*******************/
footer { background: url(../images/footer-bg.png) no-repeat center center; }
footer .footer-wrap .social-link i { color: #5f778b; font-size: 40px; background: #142d43; padding: 10px; border-radius: 50%; }
footer .footer-wrap .footer-logo img { max-width: 270px; width: 100%; object-fit: cover; object-position: center; }
footer .footer-wrap .copy-right strong { color: #fff; font-size: 17px;    /* font-weight: 700; */ line-height: 1.294; }
footer .footer-wrap .copy-right { text-align: right; }

/* footer css end  
*******************/