@import url('echron-header.css');
@import url('echron-nav.css');
@import url('echron-footer.css');

/* home */
@import url('home/echron-banner.css');
@import url('home/echron-about.css');
@import url('home/echron-why.css');
@import url('home/echron-service.css');
@import url('home/echron-point.css');
@import url('home/echron-product.css');
@import url('home/echron-sector.css');
@import url('home/echron-map.css');
@import url('home/echron-grow.css');
@import url('home/echron-form.css');

/* contact */
@import url('contact/echron-service.css');
@import url('contact/echron-banner.css');
@import url('contact/echron-detail.css');
@import url('contact/echron-form.css');
@import url('contact/echron-info.css');

/* about */
@import url('about/echron-banner.css');
@import url('about/echron-about.css');
@import url('about/echron-point.css');
@import url('about/echron-testimonial.css');
@import url('about/echron-contact.css');
@import url('about/echron-group.css');

/* career */
@import url('career/echron-banner.css');
@import url('career/echron-about.css');
@import url('career/echron-service.css');
@import url('career/echron-contact.css');

/* client */
@import url('client/echron-logo.css');

/* page */
@import url('page/echron-banner.css');
@import url('page/echron-content.css');
@import url('page/echron-form.css');
@import url('page/echron-link.css');

/* category */
@import url('category/echron-list.css');
@import url('category/echron-link.css');

/* certificate */
@import url('certificate/echron-logo.css');
@import url('certificate/echron-list.css');


/* blog */
@import url('blog/echron-list.css');
@import url('blog/echron-bloglist.css');

/* blogdt */
@import url('blogdt/echron-banner.css');
@import url('blogdt/echron-content.css');
@import url('blogdt/echron-form.css');

/* post */
@import url('post/echron-banner.css');
@import url('post/echron-about.css');
@import url('post/echron-service.css');
@import url('post/echron-highlight.css');
@import url('post/echron-testi.css');

/* Mission */
@import url('mission/echron-banner.css');
@import url('mission/echron-about.css');
@import url('mission/echron-content.css');


@import url('https://fonts.googleapis.com/css2?family=Saira: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');
@import url('https://fonts.googleapis.com/css2?family=Yantramanav:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rowdies:wght@300;400;700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@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');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');


/* Flaticon - icon */
@font-face {
  font-family: "Flaticon";
  src: url("../../fonts/Flaticon.eot");
  src: url("../../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("../../fonts/Flaticon.woff") format("woff"),
       url("../../fonts/Flaticon.ttf") format("truetype"),
       url("../../fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("./Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal;
}

.flaticon-animals:before { content: "\f100"; }
.flaticon-box:before { content: "\f101"; }
.flaticon-business:before { content: "\f102"; }
.flaticon-circle:before { content: "\f103"; }
.flaticon-clock:before { content: "\f104"; }
.flaticon-clock-1:before { content: "\f105"; }
.flaticon-coins:before { content: "\f106"; }
.flaticon-earth:before { content: "\f107"; }
.flaticon-fruit:before { content: "\f108"; }
.flaticon-gesture:before { content: "\f109"; }
.flaticon-gesture-1:before { content: "\f10a"; }
.flaticon-hand:before { content: "\f10b"; }
.flaticon-hands:before { content: "\f10c"; }
.flaticon-heart:before { content: "\f10d"; }
.flaticon-heart-1:before { content: "\f10e"; }
.flaticon-interface:before { content: "\f10f"; }
.flaticon-interface-1:before { content: "\f110"; }
.flaticon-interface-2:before { content: "\f111"; }
.flaticon-location:before { content: "\f112"; }
.flaticon-medical:before { content: "\f113"; }
.flaticon-money:before { content: "\f114"; }
.flaticon-peace:before { content: "\f115"; }
.flaticon-peace-1:before { content: "\f116"; }
.flaticon-people:before { content: "\f117"; }
.flaticon-people-1:before { content: "\f118"; }
.flaticon-people-2:before { content: "\f119"; }
.flaticon-people-3:before { content: "\f11a"; }
.flaticon-people-4:before { content: "\f11b"; }
.flaticon-pin:before { content: "\f11c"; }
.flaticon-pin-1:before { content: "\f11d"; }
.flaticon-pin-2:before { content: "\f11e"; }
.flaticon-shapes:before { content: "\f11f"; }
.flaticon-shapes-1:before { content: "\f120"; }
.flaticon-shapes-2:before { content: "\f121"; }
.flaticon-shapes-3:before { content: "\f122"; }
.flaticon-social:before { content: "\f123"; }
.flaticon-technology:before { content: "\f124"; }
.flaticon-telephone:before { content: "\f125"; }
.flaticon-time:before { content: "\f126"; }

/* apercu - font */
@font-face {
    font-family: "apercu";
    src: url("../../fonts/apercu-regular-pro.ttf") format("truetype");
}
@font-face {
    font-family: "apercu";
    src: url("../../fonts/apercu-medium-pro.ttf") format("truetype");
    font-weight: 500;
}
@font-face {
    font-family: "apercu";
    src: url("../../fonts/apercu-bold-pro.ttf") format("truetype");
    font-weight: 600;
}

/* BeVietnam - font */
@font-face {
    font-family: "BeVietnam";
    src: url("../../fonts/BeVietnamPro-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "BeVietnam";
    src: url("../../fonts/BeVietnamPro-Medium.ttf") format("truetype");
    font-weight: 500;
}
@font-face {
    font-family: "BeVietnam";
    src: url("../../fonts/BeVietnamPro-Bold.ttf") format("truetype");
    font-weight: 600;
}

/* Kepler - font */
@font-face {
  font-family: 'Kepler';
  src: url('../../fonts/KeplerStdMediumDisp.otf');
}

@font-face {
  font-family: 'Kepler';
  src: url('../../fonts/KeplerStdMediumIt.otf');
  font-style: italic;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --first: #39890D;
    --second: #00aeef;
    --third: #0660C7;
    --forth: #8cc63f;
}

a {
    text-decoration: none;
    color: inherit;
}


img {
    max-width: 100%;
}

body {
    font-size: 16px;
    font-family: "BeVietnam";
}

section {
  width: 100%;
  overflow: hidden;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.echron-btn {
    background: var(--first);
    border-radius: 30px !important;
    /* display: inline-block; */
    color: #fff;
    font-size: 12px;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    padding: 12px 35px;
    border: 2px solid transparent;
    transition: all .3s ease;
}

.echron-btn:hover,
.echron-btn.inverse {
    background-color: #fff;
    border-color: var(--first);
    color: var(--first);
}

.echron-btn:active,
.echron-btn:focus {
    background-color: #fff;
    border-color: var(--first);
    color: var(--first);
}

.echron-btn.inverse:hover {
    background: var(--first);
    border-color: var(--first);
    color: #fff;
}