/*
Theme Name: raconstruction
Theme URI: https://hanseict.comk/themes/blc/
Author: the Hanse ICT team
Author URI: https://hanseict.com/
Description: Ensuring a high, accessible color contrast for your visitors.
Tags: blog
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sarkarpervez
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@font-face {
    font-family: 'Roboto';
    src: url('sfont/Roboto-Regular.woff2') format('woff2'),
        url('sfont/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('sfont/Roboto-Bold.woff2') format('woff2'),
        url('sfont/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('sfont/Roboto-Light.woff2') format('woff2'),
        url('sfont/Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'nunito_sansregular';
    src: url('sfont/nunitosans-regular-webfont.woff2') format('woff2'),
        url('sfont/nunitosans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
    margin: 0px;
    padding: 0px;
    font-family: 'nunito_sansregular' !important;
    overflow-x: hidden;
}
header {
    background: #040a0a;
}

p {
    margin: 0;
    font-size: 18px;
}
a {
	text-decoration: none !important;
}

/* Header Css */
#menu-mainnav li a {
    color: #FFF;
    font-size: 18px;
    border: .6px solid transparent;
    margin: 0px 4px;
}
#menu-mainnav li a:hover {
    border-bottom: 1px solid #e75959;
}
/* Header Css */

/* Banner CSS */
._banner {
    background: url(img/mining-excavator.jpg);
    height: 80vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: local;
}
._banner_text h1 {
    font-size: 8em;
    font-weight: 900;
    color: #FFF;
    letter-spacing: 4px;
    text-align: center;
    background: #978c8069;
    margin: 0;
    border-radius: 10px 10px 0px 0px;
}
._banner_text h2 {
    font-size: 50px;
    color: #FFF;
    background: #473d3d9c;
    padding: 10px 20px;
    text-align: center;
    font-weight: 900;
    border-radius: 0px 0px 6px 6px;
}
/* Banner CSS */

._abroad {
    padding: 120px 0px;
    /* background-image: linear-gradient(to right top, #040a0a, #002e79, #002851, #001c28, #2c2290); */
    background-image: linear-gradient(to right top, #2c2290, #002b7e, #002a63, #002445, #001c28, #001920, #011619, #021112, #011517, #01171c, #001a22, #001c28);
}

._abroad_item_img img {
    border-radius: 20px 20px 100px 20px;
    overflow: hidden;
}
._abroad_item {
    color: #FFF;
}
._abroad_item p {
    text-align: justify;
    line-height: 1.6;
}
._abroad_item h2 {
    font-size: 40px;
    font-weight: 600;
}
.siteButton {
    background: none;
    border: none;
    outline: none;
    margin: 0px;
    padding: 0px;
}
.siteButton a {
    background: #FFF;
    padding: 10px 30px;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block;
    border-radius: 6px;
    margin: 0;
}
._study {
    background-image: linear-gradient(to right top, #e9e9ee, #e7e9ef, #e6eaef, #e4ebef, #e3ebee, #e3ebee, #e2eced, #e2eced, #e2eced, #e3ecee, #e3ebee, #e4ebee);
    padding: 120px 0px;
}
._study_usa,._clients_item {
    border: 1px solid #9dacb4;
    margin: 20px 0px;
    padding: 20px;
    border-radius: 10px;
}
.ouservices {
    background-image: linear-gradient(to right top, #051937, #061934, #081931, #09182d, #0b182a);
    padding: 120px 0px;
    color: #FFF;
}
.services_are {
    border: 1px solid #9dacb4;
    margin: 20px 0px;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
}
._study_usa h2 {
    font-size: 24px;
    font-weight: 900;
    padding: 10px 0px;
}
.ourProjects {
    padding: 120px 0px;
    background-image: linear-gradient(to right top, #c9c8d6, #c5cbd9, #c1cedb, #bed0db, #bcd3da, #bcd3d9, #bcd4d7, #bdd4d6, #bed3d6, #bed1d6, #bfd0d5, #c0ced4);
}
.imgHeight {
    height: 227px;
    overflow: hidden;
    position: relative;
}
._help_title {
    font-size: 40px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 900;
    padding-bottom: 20px;
    border-bottom: 2px solid #040a0a;
    color: #040a0a;
}
.help_title {
    font-size: 40px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 900;
    padding-bottom: 20px;
    border-bottom: 2px solid #9dacb4;
    color: #9dacb4;
}
.services_are h2 {
    font-size: 24px;
    font-weight: 900;
    padding: 10px 0px;
}

.imgHeight {
    height: 227px;
    overflow: hidden;
    position: relative;
    border: 1px solid #9dacb4;
    margin: 20px 0px;
    border-radius: 5px;
}
.jalao a {
    font-size: 24px;
    font-weight: 900;
    padding: 10px 0px;
    color: #FFF;
}
footer {
    background: #040a0a;
    color: #FFF;
}
.footer-section {
    padding: 75px 0px 30px 0px;
}
.footlinks h5 {
    font-size: 24px;
    border-bottom: 1px solid #FFF;
    margin-bottom: 20px;
}
.footlinks ul {
list-style: none;
margin: 0;
padding: 0;
}
.footlinks ul li {
    padding: 6px 0px;
}
.footlinks ul li a {
    color: #FFF;
}

footer p {
    margin: 0px;
    padding: 10px 0px;
    text-align: center;
    background: #e75959;
    font-size: 14px;
    border-radius: 10px 10px 0px 0px;
}
footer p a {
    color: #FFF;
    font-weight: 600;
}
/* inner page */
._inner_page-title {
    background: #e75959;
    padding: 40px 0px;
    color: #FFF;
}
._inner_page-title h1 {
    margin: 0px;
    font-weight: 600;
    font-size: 30px;
    text-align: center;
}
._clients_item h2 {
    font-size: 20px;
    font-weight: 900;
    padding-top: 15px;
    margin: 0px;
    text-align: center;
}
.PageContent p {
    text-align: justify;
}
/* inner page */
.inner-page-content {
    padding: 60px 0px;
}
h4.cH4 {
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 900;
    padding-bottom: 30px;
}
.fromside {
    padding-bottom: 24px;
    font-size: 24px;
}
.fromside h5 {
    font-size: 20px;
    margin: 0;
    position: relative;
    color: #e75959;
    background: #0000001c;
    padding: 6px;
    margin-bottom: 10px;
    font-weight: 600;
}
.fromside h5:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    background: #e75959;
    right: 0;
    bottom: 0;
}
#frm_form_1_container input, #frm_form_1_container textarea {
    border: 1px solid #e75959;
    border-radius: 0px;
    padding: 10px 10px;
}
.frm_style_formidable-style.with_frm_style .frm_submit button {
    margin: 0px;
    border: 0;
    outline: none;
    box-shadow: none;
    font-size: 20px;
    padding: 10px 60px;
    text-transform: uppercase;
    font-weight: 600;
}
/*******Mozilla Firefox Hack*******/
@-moz-document url-prefix() { 

}

/*******Internet Explorer Hack*******/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

}

/*******Safari Hack*******/
@media screen and (-webkit-min-device-pixel-ratio:0) {
}

@media all and (min-width:0) and (max-width:768px) {
    ._banner_text h1 {
        font-size: 2em;
    }
    ._banner_text h2 {
        font-size: 18px;
        font-weight: normal;
    }
    ._banner {
        height: 40vh;
    }
    ._abroad,._study,.ouservices,.ourProjects,.footlinks {
        padding: 20px 0px;
    }
    i.bi.bi-menu-up {
        color: #FFF !important;
    }
} 

@media all and (min-width:0) and (max-width:768px) and (orientation: landscape) {

}

@media all and (min-width:320px) and (max-width:359px) {
    
}

@media all and (min-width:480px) and (max-width:600px) {

}

@media only screen and (min-width:360px) and (max-width:374px) {
    
}

@media (min-width:601px) and (max-width:650px) {
    
}

@media only screen and (min-width:375px) and (max-width:479px) { 
    
}

@media (min-width:651px) and (max-width:767px) {
    
}

@media (min-width:668px) and (max-width:767px) {
    
}

@media (min-width:768px) and (max-width:1023px) {
  
}

@media (min-width:1024px) and (max-width:1279px) {
    
}

@media (min-width:1280px) and (max-width:1299px) { 

}

@media (min-width: 1280px) and (max-width:1499px) {   

}

@media (min-width: 1500px) and (max-width:1700px) { 

}

@media only screen and (min-width: 2001px) {    

}

@media only screen and (min-width : 2400px) {

}