@import url('css2.css');

body{
    font-family: 'Outfit', sans-serif;
    padding: 0px;
    margin: 0px;
}
.header-bg{
    background-image: url('../image/slider-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0px;
    margin: 0px;
}

header{
    height: 92px;
    display: flex;
    align-items: center;
}
.left-slider h1 {
    font-size: 45px;
    line-height: 50px;
    font-weight: 600;
    padding-top: 3rem;
}
.left-slider p {
    font-size: 21px;
    width: 88%;
}
.right-slider {
    display: flex;
    justify-content: flex-end;
}
.right-slider img {
    width: 86%;
}

.slider-bx{
    position: relative;
    margin: 0px;
    padding: 0px;
}
.slider-bx::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #0006B1;
}
.slider-bx::before {
    content: '';
    background: url('../image/iso.png');
    position: absolute;
    bottom: -62px;
    background-size: 100%;
    height: 120px;
    width: 120px;
    z-index: 1;
}

.product-box{
    position: relative;
    height: auto;
    padding: 120px 0;
    background: transparent url('../image/product-box-bg.png') 0% 0% no-repeat padding-box;
}
.product-box::before {
    content: '';
    position: absolute;
    left: 0;
    top: 31%;
    background: url('../image/product-bg.png');
    height: 347px;
    width: 237px;
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 1;
}
.title-hd {
    text-align: center;
    width: 66%;
    margin: auto;
    padding-bottom: 60px;
}
.title-hd h1 {
    font-weight: 700;
    font-size: 40px;
    padding: 0px;
    margin: 0px;
}
.title-hd p {
    color: #272727;
    padding: 8px 0 0 0;
    font-size: 22px;
    font-weight: 500;
}
.prodct-despt {
    position: relative;
    z-index: 5;
}
.prodct-despt img {
    width: 104px;
}
.prodct-despt h2 {
    font-size: 22px;
    font-weight: 600;
    padding-top: 22px;
}
.prodct-despt p {
    color: #4e4e4e;
    font-size: 20px;
}
.prodct-despt a {
    color: #0006B1;
    font-size: 16px;
    font-weight:500;
    text-decoration: none;
    display: flex;
    align-items: center;
}
.prodct-despt a img {
    width: 6px;
    margin: 3px 0 0 11px;
 }
.industries-bx{
    background-color: #020079;
    height: auto;
    position: relative;  
    padding: 90px 0 150px 0;  
}
.industries-bx::after {
    content: '';
    background-image: url('../image/industries-bg.png');
    position: absolute;
    top: 0px;
    margin: auto;
    height: 186px;
    width: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
}
.industries-bx::before {
    content: '';
    background-image: url(../image/industries-bbg.png);
    position: absolute;
    bottom: -41px;
    left: 33px;
    height: 315px;
    width: 428px;
    background-size: 80%;
    background-repeat: no-repeat;
}
.title-inds {
    /* display: flex; */
    align-items: center;
    justify-content: space-between;
    z-index: 1;
    position: relative;
}
.title-inds h2 {
    color: #fff;
    font-size: 39px;
    font-weight: 600;
    text-align: center;
}
.title-inds p {
    color: #cdcccc;
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    line-height: 25px;
}
.title-inds a {
    color: #0006B1;
    text-decoration: none;
    background: #fff;
    padding: 8px 49px;
    border-radius: 30px;
    transition: all 0.7s;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Outfit';
}
.title-inds a:hover{
    background: #38d200;
    color: #fff;
}
ul.industries-images {
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
    margin: 51px 0 0 0;
}
ul.industries-images li {
    padding: 0 12px;
    margin: 0px;
    width: 25%;
    position: relative;
    transition: all 0.6s;
}
ul.industries-images li:hover {
    transform: translateY(10px);
}
ul.industries-images li a span {
    position: absolute;
    bottom: 43px;
    left: 0;
    color: #fff;
    font-size: 18px;
    text-align: center;
    width: 100%;
}
.about-bg {
    background-image: url(../image/about-us.png);
    height: 720px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 150px 0 0px 0;
}
.about-descpt-hd h3 {
    font-size: 42px;
    font-weight: 700;

}
.about-descpt-hd p {
    padding: 0px;
    margin: 0px;
}
.about-descpt-p p {
    width: 86%;
    padding-left: 29px;
    font-size: 24px;
    font-weight: 400;
}
.about-descpt-hd a {
    text-decoration: none;
    background: #0006b1;
    color: #fff;
    padding: 11px 41px;
    display: inline-block;
    border-radius: 30px;
    font-size: 14px;
    margin: 18px 0 0 0;
    transition: all 0.6s;
}
.about-descpt-hd a:hover{
    background: #38d200;
    color: #fff;
}
.contact-us-today {
    background: url(../image/contact.png);
    height: 414px;
    width: 100%;
    margin-top: 62px;
    border-radius: 29px;
    background-size: cover;
    padding: 100px 60px;
    text-align: center;
}
.contact-us-today h2 {
    color: #fff;
    font-size: 33px;
    font-weight: 500;
}
.contact-us-today p {
    width: 63%;
    margin: auto;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    padding: 11px 0 0 0;
}

.contact-us-today a {
    background: #fff;
    border-radius: 30px;
    text-decoration: none;
    padding: 8px 64px 8px 45px;
    display: inline-block;
    margin-top: 29px;
    color: #000053;
    font-weight: 500;
    position: relative;
    transition: all 0.5s;
}
.contact-us-today a span {
    background: #000053;
    width: 38px;
    height: 38px;
    position: absolute;
    right: 3px;
    border-radius: 50%;
    top: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 31px;
    color: #fff;
}
.contact-us-today a:hover{
    background: #38d200;
    color: #fff;
}
footer {
    background-image: url(../image/slider-bg.png);
    height: auto;
    width: 100%;
    padding-top: 278px;
    border-bottom: 8px solid #0006B1;
}
.ft-logo img {
    padding: 25px 0;
    width: 281px;
}
.ft-logo p {
    font-size: 18px;
    font-weight: 400;
    width: 78%;
    line-height: 26px;
}
.phone-no-f p{
    padding: 3px 0;
    margin: 0px;
}
.phone-no-f p span {
    /* border: 1px solid red; */
    display: inline-block;
    width: 62px;
    padding: 0px;
    margin: 0px;
}
.phone-no-f p a {
    color: #000;
    text-decoration: none;
    transition: all 0.5s;
}
.phone-no-f p a:hover{
    color: #38d200;
}
.ft-hd{
    padding: 20px 0 0 0;
    margin: 0px;
}
.ft-hd h3 {
    font-size: 20px;
    font-weight: 600;
    padding-top: 28px;
}
.ft-hd ul{
    padding: 0px;
    margin: 0px;
}
.ft-hd ul li a {
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    font-size: 18px;
    color: #303130;
    line-height: 32px;
    transition: all 0.5s;
}
.ft-hd ul li a:hover{
    color: #38d200;
    padding-left:6px
}
.copy-right {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    padding: 20px 0 30px 0;
    border-top: 1px solid #979490;
    margin-top: 34px;
}
.copy-right a {
    color: #303130;
    text-decoration: none;
    border-right: 1px solid #303130;
    padding: 0 9px;
    line-height: 14px;
    transition: all 0.5s;
}
.copy-right a:last-child{
    border: none;
}
.copy-right a:hover{
    color: #38d200;
}
.mobile-icon, .mobile-home{
    display: none !important;
}

/* About Us css */
.aboutus-text h6 {
    padding: 0;
    margin: 0;
}
.aboutus-text h1 {
    font-weight: 700;
    margin: 0px;
    padding: 0 0 8px 0;
}
.aboutus-text p {
    font-size: 19px;
    width: 94%;
}
.right-about {
    margin: 0 0 26px 0;
    display: flex;
    justify-content: flex-end;
}
/* .right-about img {
    width: 87%;
} */

.message-right-about {
    margin: 0;
    display: flex;
    justify-content: flex-end;
}


img.contact-img {
    width: 64%;
    margin-right: 53px;
}

section.about-txt-descpt{
    padding: 90px 0 0 0;
    position: relative;
}
.contact-txt-descpt{
    padding: 120px 0 0 0;
    position: relative;
    z-index: 99;
}
.contact-txt-descpt::before {
    content: '';
    position: absolute;
    left: 0;
    top: 56%;
    background: url('../image/product-bg.png');
    height: 347px;
    width: 237px;
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 1;
}
.cont-descpt {
    z-index: 1;
    position: relative;
}
section.about-txt-descpt::after {
    content: '';
    position: absolute;
    top: 82px;
    right: 0;
    background-image: url(../image/abut-rlt.png);
    width: 230px;
    height: 344px;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -1;
}
section.about-txt-descpt h3{
    margin-bottom: 20px;
    text-decoration: underline;
}
section.about-txt-descpt p{
    font-size: 22px;
    margin-bottom: 40px;
    text-align: justify;
}
section.about-txt-descpt table{
    font-size: 20px;
    margin: 40px 0;
}
section.about-txt-descpt p a{
   color: #000;
}
.aboutsl-bx::before{
    left: -32px;
}
section.about-lf-rt {
    margin: 74px 0 0 0;
}
section.about-lf-rt p {
    font-size: 22px;
    line-height: 36px;
    padding-left: 28px;
    text-align: justify;
}
section.about-rlt {
    padding: 50px 0 0 0px;
}
section.about-rlt p {
    font-size: 22px;
    line-height: 36px;
    padding-right: 89px;
    padding-top: 30px;
    text-align: justify;
}
section.about-bg1 {
    margin-top: 28px;
}
footer.inner-ft {
    margin-top: -221px;
}
section.product-description{
    position: relative;
}
.product-description::before {
    content: '';
    position: absolute;
    left: 0;
    top: 5%;
    background: url(../image/accrd-bg.png);
    height: 162px;
    width: 120px;
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 1;
}
ul.prouct-ul {
    padding: 0px;
    margin: 0px;
    z-index: 9;
    position: relative;
}
ul.prouct-ul li {
    padding: 30px;
    margin: 10px 0;
    font-size: 20px;
    text-align: justify;
}
ul.prouct-ul li h6 {
    font-size: 20px;
    font-weight: 600;
}
ul.prouct-ul li:nth-child(odd) {
    background-color: #F5F5F7;
}
ul.prouct-ul li:nth-child(even) {
    background-color: #FDF8F6;
}
section.product-description h3 {
    font-size: 22px;
    font-weight: 600;
    padding: 28px 0 9px 34px;
}

section.special-notice {
    padding: 50px 0 40px 0;
}
section.special-notice p{
    font-size: 20px;
    text-align: justify;
}
.product-contact{
    background-color: #020079;
}
.product-cont{
    display: flex;
    justify-content: space-between;
    height: 120px;
    align-items: center;
}
.product-cont p {
    padding: 0px;
    margin: 0px;
    font-weight: 300;
    color: #fff;
    width: 70%;
}
.product-cont a span i {
    margin: -3px 0 0 4px;
}
.product-cont a {
    background: #fff;
    border-radius: 30px;
    text-decoration: none;
    padding: 8px 33px 8px 0;
    width: 166px;
    display: inline-block;
    color: #000053;
    font-weight: 500;
    position: relative;
    transition: all 0.5s;
    text-align: center;
}
.product-cont a span {
    background: #000053;
    width: 38px;
    height: 38px;
    position: absolute;
    right: 3px;
    border-radius: 50%;
    top: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 31px;
    color: #fff;
}
.product-cont a:hover{
    background: #38d200;
    color: #fff;
}
.accordion-bg{
    position: relative;
}
.accordion-bg::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../image/accrd-bg.png);
    height: 162px;
    width: 90px;
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 1;
}
.accordion_container {
    width: 100%;
    z-index: 9;
    position: relative;
}
.accordion_head {
    color: black;
    cursor: pointer;
    font-size: 18px;
    margin: 0 0 1px 0;
    padding: 15px 11px;
    font-weight: 500;
    z-index: 9;
    display: flex;
    justify-content: space-between;
}
.accordion-text {
    border: 1px solid #C9C9C9;
    border-radius: 6px;
    margin-bottom: 10px;
    background-color: white;
}
.accordion_body p {
    padding: 7px 11px;
    margin: 0px;
    text-align: justify;
}
span.plusminus {
    font-size: 30px;
    margin: -10px 0 0 0;
    color: #C9C9C9;
    font-weight: 300;
    float: right;
}
.expand-bx{
    position: relative;
}
.expand-bx::before {
    content: '';
    position: absolute;
    width: 84%;
    height: 1px;
    background: #303130;
    top: 51px;
    opacity: 0.2;
}
.expand-bx ul {
    display: flex;
    justify-content: flex-end;
    padding: 40px 0 24px 0;
    position: relative;
}
.expand-bx ul li {
    padding: 0 3px;
    color: #0006B1;
    font-size: 16px;
}
.expand-bx ul li a{
    color: #0006B1;
}

.cont-descpt h2 {
    padding: 0px;
    margin: 0px;
    font-size: 46px;
    font-weight: 700;
    padding-top: 20px;
    padding-bottom: 50px;
}
.cont-descpt h2 span {
    display: block;
    font-size: 30px;
    font-weight: 600;
    color: #303130;
    padding-bottom: 6px;   
}
.cont-descpt ul {
    padding: 0px;
    margin: 0px;
}
.cont-descpt ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #838383;
    margin-right: 38px;
}
.cont-descpt ul li a {
    font-size: 31px;
    text-decoration: none;
    color: #000;
    font-weight: 600;
    padding: 24px 0;
    line-height: 50px;
    transition: all 0.5s;
}
.cont-descpt ul li a:hover {
    color: #38d200;
}
.cont-txt h3 {
    font-size: 25px;
    font-weight: 600;
    padding-bottom: 10px;
}
.cont-txt p {
    font-size: 18px;
    width: 60%;
    color: #272727;
}
p.call-text img {
    margin: 0 18px 0 0px;
    width: 34px;
}
p.call-text {
    display: flex;
    align-items: center;
    padding: 0 0 7px 0;
}
.cont-txt p a {
    color: #303130;
    text-decoration: none;
}
.cont-txt p a:hover {
    color: #38d200;
}

.contact-us-today.contact-today {
    margin-top: -404px;
    background-image: url('../image/from-bg.png');
    padding: 70px 60px 80px 60px;
    height: auto;
    position: relative;
    top: 157px;
    margin-bottom: 203px;
}
.contact-us-today.contact-today p {
    width: 100%;
    padding: 0px 0 45px 0px;
    margin: 0px;
}

.from-bx input.form-control, .from-bx textarea.form-control {
    background: transparent;
    border: none;
    border-bottom: 3px solid #1571D5;
    border-radius: 0px;
    padding: 0px;
    color: #fff;
    resize: none;
}
.form-floating>.form-control-plaintext~label::after, .form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-select~label::after{
    background-color: transparent;
}
.form-control:focus{
    box-shadow: inherit;
}
.row.from-bx label {
    color: #fff !important;
    font-weight: 300;
    font-size: 18px;
    padding: 7px 0 0 0;
}
.submit-btn i {
    margin: 0px 0 4px 4px;
    font-size: 25px;
}
.submit-btn a span {
    background: #0006b1;
}
footer.inner-ft.cont-ft{
    margin-top: -327px !important; padding-top: 305px;
}
@media (max-width:1399px){
    .aboutsl-bx::before{
        left: 0;
    }
}
@media (max-width:1200px){
    a.contact-today-btn{
        padding: 7px 12px !important;
        font-size: 12px !important;
    }
    .menu-item{
        padding: 0 20px 0 6px !important;
    }
    .menu-link{
        font-size: 12px !important;
    }
    .left-slider h1 {
        font-size: 2rem;
        line-height: 32px;
        font-weight: 600;
        padding-top: 0;
    }
    .slider-bx::before {     
        bottom: -55px;
        background-size: 82%;
        height: 98px;
        width: 98px;
        background-repeat: no-repeat;
    }
    .title-hd{
        width: 66%;
    }
    .title-inds a{
        width: 140px;
        padding: 8px 0;
        text-align: center;
    }
    .contact-us-today {
        background: url('../image/contact.png');
        height: auto;
        width: 100%;
        margin-top: 62px;
        border-radius: 29px;
        padding: 100px 0;
        background-position: 0 center;
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .about-bg{
        padding: 70px 0 0px 0;
    }
    .about-descpt-p p {
        width: 92%;
        padding-left: 60px;
        font-size: 21px;
        font-weight: 400;
    }
    footer{
        padding-top: 122px;
    }
    .ft-hd h3, .phone-no-f p{
        font-size: 15px;
    }
    .ft-logo p {
        font-size: 16px;
        width: 100%;
        line-height: 24px;
    }
    .phone-no-f p span {
        width: 49px;
    }
    .ft-hd ul li a{
        line-height: 31px;
        font-size: 15px
    }
    .aboutsl-bx::before{
        left: 0;
    }
    .aboutus-text p{
        padding-bottom: 30px;
    }
    footer.inner-ft {
        margin-top: 0;
        padding-top: 36px;
    }
    /* section.about-bg1 {
        margin-top: 14px;
        margin-bottom: 40px;
    } */
    section.about-bg1 iframe{
        height: 100%;
        min-height: 260px;
    }
    .contact-us-today.contact-today {
        margin-top: 0px;
        height: auto;
        top: 0;
        margin-bottom: 0;
        padding: 22px 38px;
        background: #020079;
    }
    footer.inner-ft.cont-ft{
        padding: 0px !important;
        margin: 0px !important;
    }
}

@media (max-width:992px){
    a.contact-today-btn{
        white-space: nowrap;
    }
    .left-slider p {
        font-size: 14px;
    }
    .left-slider h1 {
        font-size: 1.5rem;
        line-height: 24px;
    }
    .product-box{
        padding: 50px 0;
    }
    .prodct-despt h2{
        font-size: 16px;
    }
    ul.industries-images li a span {
        font-size: 12px;
    }
    .about-bg{
        height: auto;
    }
    .about-descpt-hd h3{
        font-size: 26px;
    }
    .about-descpt-p p {
        width: 100%;
        padding-left: 40px;
        font-size: 17px;
    }
    .contact-us-today{
        margin-top: 30px;
        padding: 0px;
    }
    .contact-us-today h2{
        padding: 24px 0 0 0;
        margin: 0px;
    }
    .contact-us-today a{
        margin-bottom: 16px;
    }
    footer{
        padding-top: 20px;
    }
    .ft-logo img {
        padding: 35px 0 18px 0;
        width: 165px;
    }
    .mobile-icon, .mobile-home {
        display: block !important;
        text-align: center;
        width: 100%;
    }
    
    li.menu-item.mobile-home {
        margin-top: 11px;
    }
    li.menu-item.mobile-home {
        margin-top: 11px;
        margin-bottom: 10px;
    }
    li.menu-item.mobile-home a {
        margin: 0 0 0 19px;
        font-size: 12px !important;
        text-decoration: none;
        color: var(--black-300);
        text-transform: uppercase;
        transition: all 0.25s ease;
        text-decoration: none;
        font-size: 14px;
        letter-spacing: 0.4px;
        position: relative;
        font-weight: 600;
    }
    .mobile-icon a {
        text-decoration: none;
        background: #0006b1;
        display: inline-block;
        padding: 8px 26px;
        font-size: 14px;
        font-weight: 400;
        color: #fff !important;
        border-radius: 30px;
        transition: all 0.7s;
        margin-left:6px;
        margin-top: 13px;
    }
    .mobile-icon a:hover {
        background: #38d200;
    }
    a.contact-today-btn{
        display: none !important;
    }
    .aboutsl-bx::before{
        left: 0;
    }
    .aboutus-text p {
        padding: 0 0 59px 0;
    }
}


@media (max-width:767px){
    header {
        height: auto;
        padding: 12px 0 16px 0;
    }
    .logo img {
        width: 160px;
    }
    .navbar{
        position: absolute;
        top: 0;
    }
    .slider-bx::before {
        top: 25px;
        background-size: 82%;
        height: 61px;
        width: 61px;
        background-repeat: no-repeat;
        right: 0;
        bottom: auto;
    }
    .left-slider {
        margin-top: 25px;
    }
    .right-slider {
        justify-content: center;
    }
    .left-slider p{
        text-align: center;
    }
    .menu{
        width: 62% !important;
    }
    .product-box{
        padding: 20px 0;
    }
    .title-hd{
        width: 100%;
        padding-bottom: 15px;
    }
    .title-hd h1{
        font-size: 26px;
    }
    .title-hd p {
        line-height: 21px;
        padding: 8px 0 0 0;
        font-size: 16px;
        font-weight: 400;
    }
    
    .prodct-despt {
        border-radius: 11px;      
        text-align: center;
        margin: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 39px;
        background: whitesmoke;
        padding: 15px;
    }
    .title-inds{
        flex-direction: column;
    }
    .industries-bx {      
        height: auto;
        padding: 28px 0 44px 0;
    }
    ul.industries-images li {    
        width: 49%;
        margin-bottom: 22px;
    }
    ul.industries-images li a span{
        font-size: 11px;
        bottom: 23px;
    }
    .about-bg {
        padding: 25px 0 0px 0;
    }
    .about-descpt-hd{
        text-align: center;
    }
    .about-descpt-hd a{
        margin: 1px 0 18px 0;
    }
    .about-descpt-p p {       
        padding-left: 0;
        font-size: 16px;
        text-align: center;
        padding-bottom: 14px;
    }
    .contact-us-today{
        background-size: cover;
        margin-bottom: 20px;
    }
    .contact-us-today a span{
        top:1px
    }
    .industries-bx::before{
        width: 100%;
        background-size: auto;
        left: 0px;
    }
    footer{
        background-size: cover;
    }
    .copy-right{
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
        font-size: 13px;
    }
    
    .aboutsl-bx::before {
        right: -9px!important;
        left: auto !important;
        top: 0;
    }
    .aboutus-text {
        padding-top: 55px;
    }
    .aboutus-text p{
        padding: 0px;
    }
    section.about-lf-rt p, section.about-rlt p{
        padding: 0px;
    }
    section.about-txt-descpt p, ul.prouct-ul li, ul.prouct-ul li h6{
        font-size: 18px;
    }
    section.product-description h3{
        padding-left: 0px;
    }
    .contact-us-today p{
        width: 90%;
    }
    .expand-bx::before{
        display: none;
    }
    .contact-txt-descpt {
        padding: 16px 0 0 0;
    }
    .cont-descpt h2 {    
        font-size: 20px;
        padding-top: 20px;
        padding-bottom: 0;
    }
    .cont-descpt h2 span{
        font-size: 17px;
    }
    .cont-descpt ul li a{
        font-size: 18px;
        line-height: 24px;
    }
    .cont-descpt ul li img {
        width: 41px;
    }
    .cont-descpt {
       margin-bottom: 50px;
    }
    .contact-txt-descpt::before{
        display: none;
    }
    .product-cont{
        flex-direction: column;
        height: auto;
        padding: 16px;
    }
    .product-cont p{
        width: 100%;
        padding-bottom: 20px;
    }
}

.cont-limg {
    position: relative;
    z-index: 9;
}

@media only screen and (max-width: 600px) {
    p {
      text-align: left !important;
    }
  }