/* --------------------------------------
=========================================

ARK studio
AUTHOR: SAYED MAHMUD RONI
VERSION: 1.00

=========================================
-----------------------------------------*/





/*============================
// GOOGLE FONT
==============================*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');

/*============================
// GLOBAL STYLES
==============================*/

/* 
0 - 600px :       PHONE
600px - 900px :   Tablet Potrait
900px - 1280px :  Tablet Landscape
[1281px - 1800px] is where normal styles apply

 */

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

html {
  font-size: 62.5%;
  font-family: 'Inter', sans-serif;
}

body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}



.row {
  max-width: 128rem;
  margin: 0 auto;
}
.row::after {
  content: "";
  display: table;
  clear: both;
}
.row:not(:last-child) {
  margin-bottom: 8rem;
}

.row .col-1-of-2 {
  width: calc( (100% - 6rem ) / 2 );
}
.row .col-1-of-3 {
  width: calc( (100% - 2 * 6rem ) / 3 );
}
.row .col-2-of-3 {
  width: calc( 2 * ((100% - 2 * 6rem ) / 3) + 6rem );
}
.row .col-1-of-4 {
  width: calc( (100% - 3 * 6rem ) / 4 );
}
.row .col-2-of-4 {
  width: calc( 2 * ((100% - 3 * 6rem ) / 4) + 6rem );
}
.row .col-3-of-4 {
  width: calc( 3 * ((100% - 3 * 6rem ) / 4) + ( 2 * 6rem ) );
}

/*.absCenter {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}*/

.header {
	/*max-height: 58rem;*/
  background-image: url("../../images/BG.png");
  background-position: right;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

.logo-box {
  margin-top: 6rem;
}

.header_title, .second__title {
  color: #ffffff;
  font-size: 5.4rem;
  line-height: 6.4rem;
  font-weight: 700;
}

.text-box {
  margin-top: 10rem;
}

/*.header_title, .header_subtitle, .btn-text {
  color: #3B3B32;
}*/

.header_title--span {
  color: #56BC7B;
}


.header_subtitle {
  font-size: 2.2rem;
  line-height: 3.4rem;
  font-weight: 400;
  color: #ffffff;
  margin-top: 4rem;
  margin-bottom: 10rem;
}

.img-box__box {
  max-width: 100%;
  height: auto;
  margin-top: 6rem;
}

.second-section {
  /*max-height: 47.2rem;*/
  background-image: url("../../images/second bg.png");
  background-position: right;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

.second__title {
  color: #2E2E2E;
  margin-top: 8rem;
}

.second__subtitle {
  font-size: 2.2rem;
  line-height: 3.6rem;
  font-weight: 400;
  color: #585858;
  margin-top: 2.4rem;
  margin-bottom: 8rem;
}

.footer {
  background-color: #56BC7B;
  color: #ffffff;
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.footer-text {
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
}