* {
	margin: 0;
	padding: 0;
  } 

html,
body {
	margin: 0;
	padding: 0;
  height: 100%;
  background-color: #ced1d4;
}

/* Disable Copy of Text - Right Click */
/* a,p,ul,li,h1,h2,h3,h4,h5,h6 {
  user-select: none; 
} */

/*=========================
  Navbar Area
===========================*/
/* Override Bootstrap default - Gankrin Logo*/
.navbar .container .navbar-brand {
  /* color: #4baebd ; */
  color: #f5f6f6;
  font-weight: bold;
  font-size: 40px;
}

/* Override Bootstrap default - Menu items */
.navbar .container .collapse .navbar-nav .nav-item .nav-link {
  font-weight: bold;
  color: #f5f6f6;
}

/* Override Bootstrap default - Navbar colour*/
.x-bg-dark {
  background-color: #0E2954 !important;  
}

/* Our Custom class to use with Bootstrap as a replacement
of bg-dark, bg-primary etc. - Site Tagline */
.x-bg-sd1 {
  background-color: #2E8A99 ;
}

/*=========================
  Main Content
===========================*/
#section-main {
  margin-left: 0%;
}

#main-1 {
  background-color: #e1e4ed; /* because of white color & "#section-main margin-left=20%" a unique design got created */
  /* height: 400px; */
  margin-bottom: 10px;
  /* margin-top: 20px; */
  padding-left: 10%;
}
#main-1 h1 {
  color: rgb(83, 78, 128); 
  /* color: rgb(255, 255, 255);  */
  font-weight: bold;
  font-size: 80px; 
  padding: 5%;
  padding-bottom: 2%;
  margin: 0;
  font-style: italic;
}
#main-1 h3 {
  /* color: royalblue;  */
  font-size: 30px; 
  padding: 5%;
  margin: 0;
  padding-top: 2%;
}


/* Section --> What We do */
#main-2 {
  background-color: #5277ef; 
  /* height: 400px; */
  margin-bottom: 10px;
  padding-left: 40%;

}
#main-2 h1 {
  color: rgb(219, 222, 233); 
  font-size: 50px; 
  padding: 5%;
  padding-bottom: 0;
}
#main-2 h3 {
  color: rgb(17, 22, 31); 
  font-size: 20px; 
  padding: 5%;
  padding-top: 2%;
}


/* Section --> Why choose us */
#main-3 {
  background-color: #83a1d7; 
  /* height: 400px; */
  margin-bottom: 10px;
  padding-left: 10%;
}
#main-3 h1 {
  color: rgb(219, 222, 233); 
  font-size: 50px; 
  padding: 5%;
  padding-bottom: 0;
}
#main-3 h3 {
  color: rgb(71, 73, 81); 
  font-size: 20px; 
  padding: 5%;
  padding-top: 2%;
}


/* Section --> Let's Connect */
#main-4 {
  background-color: #e0ddd2; 
  /* height: 400px; */
  padding-left: 40%;
}
#main-4 h1 {
  color: rgb(43, 50, 72); 
  font-size: 50px; 
  padding: 5%;
  padding-bottom: 0;
}
#main-4 h3 {
  /* color: rgb(0, 0, 0);  */
  font-size: 30px; 
  padding: 5%;
  padding-top: 2%;
}

/*=========================
  Footer
===========================*/
.footer {
  background-color: #097fa3; /* Adjust this value to set the footer background color */
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  justify-content: center;
  height: 60px; /* Adjust this value to set the footer height */
  }

/* Override Bootstrap default - Footer background colour */
.x-bg-dark-sd2 {
  background-color: #000000;
}


/*=========================
  Mobile and small screens
===========================*/
@media (max-width: 600px) {

  #section-main {
    margin-left: 0%;
  }

  #main-1 {
    /* height: 320px; */
    margin-bottom: 10px;
    padding-left: 5%;
  }
  #main-1 h1 {
    font-size: 42px; 
  }
  #main-1 h3 {
    font-size: 20px; 
  }
  
  #main-2 {
    padding-left: 5%;
  }
  #main-2 h1 {
    font-size: 24px; 
  }
  #main-2 h3 {
    font-size: 18px; 
  }

  #main-3 {
    padding-left: 5%;
  }
  #main-3 h1 {
    font-size: 24px; 
  }
  #main-3 h3 {
    font-size: 18px; 
  }


  #main-4 {
    padding-left: 5%;
  }
  #main-4 h1 {
    font-size: 24px; 
  }
  #main-4 h3 {
    font-size: 18px; 
  }
}