section.page-banner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
    text-align: center;
    border-top: 4px solid var(--Blue);
    border-bottom: 4px solid var(--Blue);
    position: relative;
}

section.page-banner h1 {
    text-align: center;
    font-size: 60px;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--Blue);
}

section#company {
    background-repeat: no-repeat;
    background-position: left;
    padding:120px 0 !important;
    margin-top: -50px;
}
section#company .company-data {
    width: 75%;
    margin: 0 auto;
    text-align: center;
}
section#company .company-data .heading {
    font-size: 36px;
    color: var(--Blue);
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px !important;
}
section#company .company-data p{font-size: 20px;color:#000;font-weight: 500;}

section#icons .icon-box {
    text-align: center;
}

section#icons .icon-box img {
    margin: 20px 0 !important;
}

section#icons .icon-box h3 {color: var(--Blue);text-transform: uppercase;font-size: 20px;}
section#icons {
    margin-bottom: 100px;
}

.export-data h4 {
    text-transform: uppercase;
    color: var(--Blue);
    font-weight: 600;
    margin-bottom: 10px !important;
}
.export-data p {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}
section.export {
    margin-bottom: 50px !important;
}
section.export .col-md-6 {
    padding: 0 15px;
    border-left: 3px solid var(--Blue);
}
section.export .col-md-6:first-child {
    border:unset !important;
}
footer#footer h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px !important;
}





/*for tablet*/
@media (min-width: 768px) and (max-width: 980px) {




}



/*for mobile*/
@media (min-width: 320px) and (max-width: 767px) {
section.page-banner {
    background-repeat: no-repeat;
    text-align: center;
    border-top: 4px solid var(--Blue);
    border-bottom: 4px solid var(--Blue);
    background-size: cover;
    padding: 70px 0;
    background-position: left;
}

section.page-banner h1 {
    font-size: 32px;
}
section#company .company-data {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
section#company .company-data p {
    font-size: 16px;
    color: #000;
    font-weight: 400;
}
section#company {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 70px 0 !important;
}
section.export {
    text-align: center;
}
section.export .col-md-6 {
    padding: 25px 15px;
    border: unset;
}
section.export {
    margin-bottom: 50px !important;
}

.export-data h4 {
    text-transform: uppercase;
    color: var(--Blue);
    font-weight: 600;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}



}