@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap");
* {
  margin: 0;
  padding: 0;
}
body {
  overflow-x: hidden;
  font-family: "Cairo", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
ul,
li {
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style-type: none;
}
a {
  display: inline-block;
}
img {
  width: 100%;
  height: auto;
}
.site_container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
/* HAMBURGER CSS STARTS */
.hamburger_btn {
  display: none;
}
.hamburger_btn .line {
  background-color: #21212d;
  width: 25px;
  display: inline-block;
  height: 1px;
  display: flex;
  flex-direction: column;
  margin: 5px 0;
  transition: all 0.4s ease;
  position: relative;
}
.hamburger_btn.open .line:nth-child(1) {
  transform: rotate(45deg);
  transition-duration: 0.6s;
}
.hamburger_btn.open .line:nth-child(2) {
  opacity: 0;
  visibility: hidden;
}
.hamburger_btn.open .line:nth-child(3) {
  transform: rotate(-45deg);
  transition-duration: 0.6s;
}
.hamburger_btn.open .line {
  margin: -0.5px 0;
}
/* HAMBURGER CSS ENDS */
/* HEADER CSS STARTS */
header .top_header {
  background-color: #21212d;
  padding: 10px 0;
}
header .top_header .top_header_inner {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
header .top_header .top_header_inner ul {
  display: flex;
  gap: 30px;
}
header .top_header .top_header_inner .top_contact_wrap ul li a {
  font-size: 14px;
  line-height: 1.2;
  color: #000;
  color: #fff;
}
header .top_header .top_header_inner .top_contact_wrap ul li a i {
  margin-left: 10px;
  color: #24afcb;
}
header .top_header .top_header_inner .top_social_links ul li a i {
  color: #fff;
}
header .header_bottom {
  background-color: #fff;
  padding: 20px 0;
}
header .header_bottom nav {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
header .header_bottom nav .site_logo {
  width: 100%;
  max-width: 220px;
}
header .header_bottom nav .site_header_links ul {
  display: flex;
  gap: 40px;
  flex-direction: row-reverse;
}
header .header_bottom nav .site_header_links ul li a {
  font-size: 16px;
  text-transform: capitalize;
  color: #000;
  font-weight: 500;
}
header .header_bottom nav .site_search_wrap {
  display: flex;
  flex-direction: row-reverse;
  gap: 10px;
  align-items: center;
}
header .header_bottom nav .site_search_wrap .login_btn a {
  background-color: #ff0303;
  padding: 5px 15px;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}
header .site_search_wrap .search_bar {
  position: relative;
}
header .site_search_wrap .search_bar .search_bar_input {
  position: absolute;
  bottom: -100px;
  right: 0;
  background-color: #fff;
  padding: 20px;
  border: 1px solid #eee;
  z-index: 1;
}
header .site_search_wrap .search_bar .search_bar_input input {
  font-size: 16px;
  text-transform: capitalize;
  color: #000000;
  border: 1px solid #eee;
  padding: 10px 10px;
}
header .site_search_wrap .search_bar .hidden {
  display: none;
}
.site_header_links .sub_menu {
  display: none;
  position: absolute;
  flex-direction: column !important;
  background-color: #fff;
  width: 200px;
  padding: 20px;
  left: 0;
  z-index: 1;
}
.site_header_links .has-child {
  position: relative;
}
.site_header_links .has-child::after {
  content: "▽";
  font-size: 12px;
}
/* HEADER CSS ENDS */
/* BANNER CSS STARTS */
section.banner {
  position: relative;
  height: 30vh;
}
section.banner::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: url(../images/bg-shape.png) no-repeat bottom right;
  mix-blend-mode: screen;
  background-size: contain;
}
section.banner .banner_slider_main {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: -1;
}
section.banner .banner_cotent {
  height: 100%;
  display: flex;
  align-items: center;
}
section.banner .banner_cotent h1 {
  font-size: 50px;
  color: #fff;
  font-weight: bold;
  text-align: right;
}
section.banner .carousel-item,
section.banner .carousel-inner,
section.banner .carousel {
  height: 100%;
}
section.banner .carousel-item img {
  height: 100%;
  object-fit: cover;
}
/* BANNER CSS ENDS */
/* NEWS CSS STARTS */
section.news {
  background-image: url(../images/bg-shape-06.png);
  background-repeat: repeat;
  background-position: center;
  background-size: contain;
  padding: 100px 0 150px;
}

section.news .news_outterwrap .news_innerwrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px;
}
section.news
  .news_outterwrap
  .news_innerwrap
  .news_block_wrap
  .news_block_image {
  position: relative;
}
section.news
  .news_outterwrap
  .news_innerwrap
  .news_block_wrap
  .news_block_image
  a {
  width: 100%;
}
.news_block_image .entry-date {
  display: inline-block;
  background: #ea5c5c;
  color: #fff;
  min-width: 60px;
  position: absolute;
  bottom: -10px;
  right: 30px;
  z-index: 11;
  text-align: center;
  padding: 13px 5px;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 16px;
}
.news_block_image .entry-date span {
  display: block;
}
.news_block_image .entry-date:before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: -10px;
  content: "";
  border-top: 0px solid transparent;
  border-right: 10px solid #ea5c5c;
  border-bottom: 10px solid transparent;
}
.news_block_image .entry-date:after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: -10px;
  content: "";
  border-top: 0px solid transparent;
  border-left: 10px solid #ea5c5c;
  border-bottom: 10px solid transparent;
}
section.news .news_block_content {
  padding: 50px 30px;
  background-color: #fff;
  border: 1px solid #eee;
  position: relative;
}
section.news .news_block_content .author p {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 10px;
  color: #57adbf;
}
section.news .news_block_content .author p i {
  color: #57adbf;
}
section.news .news_block_content .news_Content_title h2 a {
  font-size: 24px;
  line-height: 1.4;
  color: #000000;
  font-weight: bold;
}
section.news .news_block_content .news_content_bottom {
  background-color: #000000;
  padding: 10px 20px;
  position: absolute;
  width: 90%;
  left: 50%;
  transform: translateX(-50%);
  bottom: -50px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}
section.news
  .news_outterwrap
  .news_innerwrap
  .news_block_wrap:hover
  .news_content_bottom {
  opacity: 1;
  visibility: visible;
  bottom: -30px;
}
section.news .news_block_content .news_content_bottom a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
}
/* NEWS CSS ENDS */
/* SERVICE BANNER CSS STARTS */
#service_banner {
  height: 60vh;
}
#service_banner .banner_cotent h1 {
  color: #000000;
  padding: 20px 10px;
  background-color: rgba(255, 255, 255, 0.8);
}
/* SERVICE BANNER CSS ENDS */
/* SERVICE SEC CSS STARTS */
section.services {
  position: relative;
  padding-bottom: 50px;
  z-index: 1;
}
section.services::after {
  content: "";
  background-color: #eef5f7;
  position: absolute;
  width: 100%;
  height: 80%;
  bottom: 0;
  z-index: -1;
}
section.services .services_outterwrap {
  margin-top: -150px;
}
section.services .services_outterwrap .services_innerwrap {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
section.services .services_outterwrap .services_innerwrap .services_main_block {
  padding: 20px 20px 20px 40px;
  background-color: #fff;
  border: 1px solid #eee;
  box-shadow: 1px -1px 12px 1px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 1px -1px 12px 1px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px -1px 12px 1px rgba(0, 0, 0, 0.75);
  width: 31.6%;
}
section.services
  .services_outterwrap
  .services_innerwrap
  .services_main_block
  a {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  text-align: right;
  gap: 10px;
}
section.services
  .services_outterwrap
  .services_innerwrap
  .services_main_block
  .services_icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #eef5f7;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
}
section.services
  .services_outterwrap
  .services_innerwrap
  .services_main_block:hover
  .services_icon {
  background-color: #57adbf;
}
section.services
  .services_outterwrap
  .services_innerwrap
  .services_main_block:hover
  .services_icon
  i {
  color: #eef5f7;
}
section.services
  .services_outterwrap
  .services_innerwrap
  .services_main_block
  .services_icon
  i {
  font-size: 24px;
  color: #57adbf;
  transition: all 0.4s ease;
}
section.services
  .services_outterwrap
  .services_innerwrap
  .services_main_block
  .services_content {
  width: 250px;
}
section.services
  .services_outterwrap
  .services_innerwrap
  .services_main_block
  .services_content
  h4 {
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  margin-bottom: 10px;
}
section.services
  .services_outterwrap
  .services_innerwrap
  .services_main_block
  .services_content
  p {
  font-size: 14px;
  font-weight: 400;
  color: #000;
}
/* SERVICE SEC CSS ENDS */
/* PROJECT SEC STARTS */
section.projects {
  padding: 50px 0;
  background-image: url(../images/bg-shape-08.png);
  background-size: cover;
  background-position: right;
  background-repeat: repeat;
  background-color: #eef5f7;
}
section.projects .project_outterwrap .project_innerwrap .project_heading_block {
  display: flex;
  flex-direction: row-reverse;
  gap: 30px;
  margin-bottom: 30px;
}
section.projects
  .project_outterwrap
  .project_innerwrap
  .project_heading_block
  .project_heading {
  width: 50%;
  padding: 7px 7px 7px 7px;
  border-style: solid;
  border-width: 29px 1px 1px 1px;
  border-color: #0a96a8;
  border-radius: 0px 99px 0px 0px;
}
section.projects
  .project_outterwrap
  .project_innerwrap
  .project_heading_block
  .project_heading
  h3 {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 30px;
}
section.projects
  .project_outterwrap
  .project_innerwrap
  .project_heading_block
  .project_content {
  width: 50%;
}
section.projects
  .project_outterwrap
  .project_innerwrap
  .project_heading_block
  .project_content
  p {
  font-size: 18px;
  font-weight: 300px;
  line-height: 1.2;
  color: #045e69;
  text-align: center;
}
.projects_main_block_wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.project_block_wrap {
  padding: 10px;
  border: 1px solid #848493;
}
.project_block_wrap .project_image {
  position: relative;
}
.project_block_wrap .project_image .project_category {
  padding: 6px 20px;
  line-height: 18px;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  top: 20px;
  left: -5px;
  z-index: 1;
  background-color: #ea5c5c;
}
.project_block_wrap .project_image .project_category::after {
  position: absolute;
  top: 100%;
  left: 0;
  content: "";
  border-right: 0px solid transparent;
  border-left: 5px solid transparent;
  border-top: 5px solid #ea5c5c;
}
.project_block_wrap .project_image .project_category a {
  color: #fff;
  text-transform: capitalize;
  font-size: 14px;
}
.project_block_wrap .project_image .project_fvrt {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 11;
  line-height: 1;
}
.project_block_wrap .project_image .project_fvrt a i {
  width: 39px;
  height: 39px;
  border-radius: 50%;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07);
  background: #fff;
  transition: all 0.35s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.project_block_content {
  padding: 50px 40px 40px 40px;
}
.project_block_content h6.remaining_days {
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  color: #848493;
  margin-bottom: 20px;
}
.project_block_content h4.project_title a {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #000000;
  margin-bottom: 20px;
}
.project_info_block {
  display: flex;
  justify-content: space-between;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #848493;
  padding-top: 10px;
  padding-right: 10px;
}
.project_info_block .project_info_goal {
  display: flex;
  align-items: center;
}
.project_info_block .project_info_goal .goal_text h6 {
  font-size: 16px;
  font-weight: 400;
  color: #848493;
}
.project_info_block .project_info_goal .goal_text p {
  font-size: 16px;
  font-weight: 400;
  color: #000000;
}
.project_info_block .project_info_goal .goal_icon i {
  font-size: 28px;
  color: #57adbf;
}
.project_availablity_bar {
  display: flex;
  gap: 10px;
  margin-top: 30px;
}
.project_availablity_bar input {
  background-color: transparent;
  width: 100%;
}
section.mianproject {
  padding: 100px 0;
}
.project_title {
  text-align: center;
}
/* PROJECT SEC ENDS */
/* SELECT CSS STARTS */
section.selectproject {
  padding: 100px 0;
}
section.selectproject .selectproject_outterwrap .selectproject_innerwrap {
  display: flex;
  flex-direction: row-reverse;
  gap: 20px;
}
section.selectproject
  .selectproject_outterwrap
  .selectproject_innerwrap
  .slectproject_image {
  position: relative;
  width: 50%;
}
section.selectproject
  .selectproject_outterwrap
  .selectproject_innerwrap
  .slectproject_image
  .selctproject_imagestrip {
  position: absolute;
  width: 400px;
  bottom: 0;
  right: 20px;
  background-color: #57adbf;
  text-align: right;
  padding: 10px 10px 30px 10px;
}
section.selectproject
  .selectproject_outterwrap
  .selectproject_innerwrap
  .slectproject_image
  .selctproject_imagestrip
  p {
  color: #fff;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.2;
}
section.selectproject
  .selectproject_outterwrap
  .selectproject_innerwrap
  .slectproject_image
  img {
  width: 100%;
  height: 100%;
}
section.selectproject
  .selectproject_outterwrap
  .selectproject_innerwrap
  .select_content_wrap {
  width: 50%;
}
section.selectproject
  .selectproject_outterwrap
  .selectproject_innerwrap
  .select_content_wrap
  .select_content_head {
  padding-bottom: 20px;
  border-bottom: 1px solid #848493;
  margin-bottom: 50px;
}
section.selectproject
  .selectproject_outterwrap
  .selectproject_innerwrap
  .select_content_wrap
  .select_content_head
  h2 {
  font-size: 50px;
  font-weight: bold;
  color: #000000;
  text-align: center;
  margin-bottom: 20px;
}
section.selectproject
  .selectproject_outterwrap
  .selectproject_innerwrap
  .select_content_wrap
  .select_content_head
  p {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.2;
  color: #848493;
  text-align: center;
}
section.selectproject
  .selectproject_outterwrap
  .selectproject_innerwrap
  .select_content_wrap
  .select_content_list
  h3 {
  font-size: 28px;
  line-height: 1.2;
  font-weight: 600;
  color: #000000;
  text-align: right;
  margin-bottom: 20px;
}
section.selectproject
  .selectproject_outterwrap
  .selectproject_innerwrap
  .select_content_wrap
  .select_content_list
  ul {
  display: flex;
  flex-direction: column;
  gap: 50px;
  justify-content: flex-end;
}
section.selectproject
  .selectproject_outterwrap
  .selectproject_innerwrap
  .select_content_wrap
  .select_content_list
  ul
  li {
  display: flex;
  gap: 20px;
  text-align: right;
  align-items: center;
  justify-content: flex-end;
}
section.selectproject
  .selectproject_outterwrap
  .selectproject_innerwrap
  .select_content_wrap
  .select_content_list
  ul
  li
  .content_list_data
  h6 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 10px;
  color: #21212d;
}
section.selectproject
  .selectproject_outterwrap
  .selectproject_innerwrap
  .select_content_wrap
  .select_content_list
  ul
  li
  .content_list_data
  p {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 300;
  color: #848493;
}
section.selectproject
  .selectproject_outterwrap
  .selectproject_innerwrap
  .select_content_wrap
  .select_content_list
  ul
  li
  .content_list_thumb
  i {
  font-size: 54px;
  color: #57adbf;
}
/* SELECT CSS ENDS */
/* HOME PAGE STARTS */
#home_banner {
  height: 80vh;
}
#home_banner::after {
  content: none;
}
#home_banner .banner_slider_main {
  position: static;
}
/* STRIP CSS STARTS */
section.homestrip {
  background-color: #21212d;
  padding: 30px 0;
  background-blend-mode: luminosity;
  position: relative;
}
section.homestrip::before {
  content: "";
  background-image: url(../images/bg-shape-01.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.1;
}
section.homestrip .home_strip_outterwrap .home_strip_innerwrap {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  position: relative;
}
section.homestrip .home_strip_outterwrap .home_strip_innerwrap .strip_image {
  width: 100%;
  max-width: 450px;
}
section.homestrip
  .home_strip_outterwrap
  .home_strip_innerwrap
  .strip_content
  p {
  width: 100%;
  max-width: 391px;
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  text-align: center;
}
section.homestrip .home_strip_outterwrap .home_strip_innerwrap .strip_btn a {
  font-size: 30px;
  color: #fff;
  padding: 10px 50px;
  background-color: #57adbf;
  transition: all 0.4s ease;
}
section.homestrip
  .home_strip_outterwrap
  .home_strip_innerwrap
  .strip_btn
  a:hover {
  background-color: transparent;
}
/* STRIP CSS ENDS */
/* QUOTES CSS STARTS */
section.quotes {
  padding: 50px 0;
}
section.quotes .quotes_innerwrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
section.quotes .quotes_innerwrap .quotes_block {
  position: relative;
}
section.quotes .quotes_innerwrap .quotes_block .quotes_block_image img {
  width: 100%;
  aspect-ratio: 4/4;
  object-fit: cover;
}
section.quotes .quotes_innerwrap .quotes_block .quotes_block_content {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.8s ease;
}
section.quotes .quotes_innerwrap .quotes_block:hover .quotes_block_content {
  opacity: 1;
  visibility: visible;
}
section.quotes .quotes_innerwrap .quotes_block .quotes_block_content p {
  font-size: 18px;
  line-height: 1.2;
  text-transform: capitalize;
  color: #fff;
  text-align: center;
  padding: 0 20px;
  font-weight: bold;
}
/* QUOTES CSS ENDS */
/* SUPPORT CSS STARTS */
section.supportsteps {
  padding: 50px 0 150px;
  background-image: url(../images/supportshape_bg.png);
  background-position: center left;
  background-repeat: no-repeat;
}

.support_heading h6 {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2;
  width: fit-content;
  margin: 0 auto 20px;
  color: rgb(132, 132, 147);
  position: relative;
}
.support_heading h6::after {
  content: "";
  position: absolute;
  border: 1px solid #848493;
  width: 30px;
  right: -40px;
  top: 50%;
  transform: translateY(-50%);
}
.support_heading h3 {
  font-size: 50px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 70px;
  color: rgb(33, 33, 45);
}
.supportsteps_innerwrap {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  position: relative;
}
.supportsteps_innerwrap::after {
  content: "";
  background-image: url(../images/line.png);
  background-position: top center;
  background-repeat: no-repeat;
  opacity: 1;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.supportsteps_innerwrap .supportsteps_block {
  width: 18%;
  position: relative;
  z-index: 1;
}
.supportsteps_innerwrap .supportsteps_block .supportsteps_image_block {
  position: relative;
  width: 150px;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #fff;
  border: 1px solid #e2dfeb;
  -webkit-box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
  border-radius: 50%;
  position: relative;
  z-index: 11;
}
.supportsteps_innerwrap .supportsteps_block .supportsteps_image_block:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #57adbf;
  z-index: -1;
  border-radius: 50%;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.supportsteps_block:hover .supportsteps_image_block:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.supportsteps_innerwrap
  .supportsteps_block
  .supportsteps_image_block
  .supportsteps_image_icon
  i {
  font-size: 62px;
  color: #57adbf;
  transition: all 0.4s ease;
}
.supportsteps_block:hover .supportsteps_image_icon i {
  color: #fff !important;
}
.supportsteps_image_block .featured_number {
  width: 40px;
  height: 40px;
  background: #ea5c5c;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  z-index: 19;
  font-size: 14px;
  line-height: 40px;
  font-weight: 400;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}
.supportsteps_block:hover .supportsteps_image_block .featured_number {
  background-color: #000000;
}
section.supportsteps .supportsteps_content_block {
  text-align: center;
  margin-top: 20px;
}
section.supportsteps .supportsteps_content_block h4 {
  font-size: 20px;
  line-height: 1.2;
  color: #21212d;
  font-weight: bold;
  margin-bottom: 20px;
  text-transform: capitalize;
}
section.supportsteps .supportsteps_content_block p {
  font-size: 15px;
  line-height: 28px;
  color: #848493;
  font-weight: 300;
  margin-bottom: 20px;
}
.supportsteps_innerwrap .supportsteps_block:nth-child(2) {
  padding-top: 100px;
}
.supportsteps_innerwrap .supportsteps_block:nth-child(3) {
  padding-top: 50px;
}
/* SUPPORT CSS ENDS */
/* LATEST PROJECTS CSS STARTS */
/* TESTIMONIAL CSS STARTS */
section.testimonials {
  padding: 100px 0;
  background-image: url(../images/testimonial_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-color: rgba(0, 237, 255, 0.09);
}
section.testimonials h3 {
  font-size: 32px;
  line-height: 1.2;
  text-transform: capitalize;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
  color: #21212d;
}
section.testimonials .testimonial_innerwrap {
  background-color: #ffffff;
  padding: 10px 0;
}
section.testimonials .testimonial_innerwrap .testimonial_block_wrap {
  width: 100%;
  max-width: 690px;
  margin: 0 auto;
}

section.testimonials .testimonial_innerwrap .slick-prev:before,
section.testimonials .testimonial_innerwrap .slick-next:before {
  font-size: 26px;
}
section.testimonials .testimonial_innerwrap .slick-next {
  right: -39%;
}
section.testimonials .testimonial_innerwrap .slick-prev {
  left: -39%;
}
section.testimonials .testimonial_innerwrap .slick-prev,
section.testimonials .testimonial_innerwrap .slick-next {
  width: 40px;
  height: 40px;
  background-color: #00728d !important;
  border-radius: 50%;
}
section.testimonials .testimonial_innerwrap .slick-dots li button:before {
  font-size: 44px;
}
section.testimonials
  .testimonial_innerwrap
  .testimonial_block_wrap
  .testimonial_slider_main
  .testimonial_slider_block
  .testimonial_slider_head {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-bottom: 30px;
}
section.testimonials
  .testimonial_innerwrap
  .testimonial_block_wrap
  .testimonial_slider_main
  .testimonial_slider_block
  .testimonial_slider_head
  .testimonial_slider_heading {
  text-align: center;
}
section.testimonials
  .testimonial_innerwrap
  .testimonial_block_wrap
  .testimonial_slider_main
  .testimonial_slider_block
  .testimonial_slider_head
  .testimonial_slider_heading
  h6 {
  font-size: 14px;
  line-height: 1.2;
  text-transform: capitalize;
  font-weight: bold;
  color: #848493;
  margin-bottom: 10px;
}
section.testimonials
  .testimonial_innerwrap
  .testimonial_block_wrap
  .testimonial_slider_main
  .testimonial_slider_block
  .testimonial_slider_head
  .testimonial_slider_heading
  p {
  font-size: 14px;
  line-height: 1.2;
  text-transform: capitalize;
  font-weight: 300;
  color: #848493;
}
section.testimonials
  .testimonial_innerwrap
  .testimonial_block_wrap
  .testimonial_slider_main
  .testimonial_slider_block
  .testimonial_slider_head
  .testimonial_slider_logo
  img {
  width: 66px;
  height: 66px;
  border-style: solid;
  border-color: #00b2ff;
  border-width: 2px;
  border-radius: 99px;
}
section.testimonials
  .testimonial_innerwrap
  .testimonial_block_wrap
  .testimonial_slider_main
  .testimonial_slider_block
  .testimonial_slider_content
  p {
  font-size: 20px;
  line-height: 1.5;
  color: #848493;
  font-style: italic;
  text-align: center;
  background-color: #f9fafa;
  padding: 10px;
}
/* TESTIMONIAL CSS ENDS */
#latest_projects {
  background-image: unset;
  background-color: unset;
}
#latest_projects
  .project_outterwrap
  .project_innerwrap
  .project_heading_block
  .project_heading {
  width: 100%;
  padding: 7px 7px 7px 7px;
  border-style: solid;
  border-width: 1px 1px 19px 1px;
  border-color: #ffc504;
  border-radius: 0px 0px 0px 161px;
  margin-bottom: 50px;
}
#latest_projects
  .project_outterwrap
  .project_innerwrap
  .project_heading_block
  .project_heading
  h3 {
  margin-bottom: 10px;
}
#latest_projects
  .project_outterwrap
  .project_innerwrap
  .project_heading_block
  .project_heading
  h6 {
  width: fit-content;
  margin: 0 auto 20px;
  color: #848493;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
}
#latest_projects
  .project_outterwrap
  .project_innerwrap
  .project_heading_block
  .project_heading
  h6::after {
  content: "";
  position: absolute;
  border: 1px solid #848493;
  width: 30px;
  right: -40px;
  top: 50%;
  transform: translateY(-50%);
}
.view_more_projects {
  margin-top: 60px;
}
.view_more_projects a {
  font-size: 24px;
  text-transform: capitalize;
  font-weight: bold;
  color: #0896a0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.view_more_projects a i {
  font-size: 24px;
  background-color: #ffb000;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
/* LATEST PROJECTS CSS ENDS */
/* LATEST NEWS CSS STARTS */
#latest_news {
  background-image: url(../images/bg-00.jpg);
  padding: 10px 0;
}
.latest_news_head h2 {
  text-align: right;
  color: #fff;
  border-bottom: 2px solid #fff;
  margin-bottom: 20px;
  padding: 5px;
  text-transform: capitalize;
}
section.news .news_block_content .news_Content_title p {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 300;
  margin: 10px 0;
  color: #848493;
}
#latest_news .view_more_projects a {
  color: #fff;
}
/* LATEST NEWS CSS ENDS */
/* OUR GOAL CSS STARTS */
section.ourgoal {
  padding: 150px 0;
  position: relative;
  background-color: #eaeaea;
}
section.ourgoal::before {
  content: "";
  background-image: url(../images/bg-shape-01.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.1;
}
section.ourgoal .ourgoal_innerwrap {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 20px;
  position: relative;
}
section.ourgoal .ourgoal_innerwrap .ourgoal_image {
  width: 100%;
  max-width: 40%;
}
section.ourgoal .ourgoal_innerwrap .ourgoal_image img {
  width: 100%;
  height: 780px;
  object-fit: cover;
}
section.ourgoal .ourgoal_innerwrap .our_goal_content_wrap {
  width: 60%;
  text-align: right;
  position: relative;
  border-style: solid;
  border-width: 2px 0px 55px 0px;
  border-color: #0084b2;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 77px 33px 33px 33px;
}
section.ourgoal
  .ourgoal_innerwrap
  .our_goal_content_wrap
  .ourgoal_content_block {
  border-bottom: 1px solid #57adbf;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
section.ourgoal
  .ourgoal_innerwrap
  .our_goal_content_wrap
  .ourgoal_content_block
  h3 {
  font-size: 28px;
  line-height: 1.2;
  text-transform: capitalize;
  color: #dc1616;
  font-weight: bold;
  margin-bottom: 20px;
}
section.ourgoal
  .ourgoal_innerwrap
  .our_goal_content_wrap
  .ourgoal_content_block
  h2 {
  font-size: 32px;
  line-height: 1.2;
  color: #21212d;
  font-weight: bold;
}
section.ourgoal
  .ourgoal_innerwrap
  .our_goal_content_wrap
  .ourgoal_content_block
  ul
  li {
  font-size: 16px;
  font-weight: 300;
  color: #000;
  line-height: 1.2;
  margin-bottom: 25px;
  position: relative;
}
section.ourgoal
  .ourgoal_innerwrap
  .our_goal_content_wrap
  .ourgoal_content_block
  ul
  li
  i {
  color: #57adbf;
  font-size: 14px;
}
section.ourgoal
  .ourgoal_innerwrap
  .our_goal_content_wrap
  .ourgoal_content_block
  ul
  li::after {
  content: "";
  position: absolute;
  border: 1px solid #57adbf;
  width: 30px;
  right: 0;
  bottom: -10px;
  height: 2px;
}
section.ourgoal
  .ourgoal_innerwrap
  .our_goal_content_wrap
  .ourgoal_content_block
  ul
  li:last-child:after {
  content: none;
}
section.ourgoal
  .ourgoal_innerwrap
  .our_goal_content_wrap
  .ourgoal_content_block
  ul
  li:last-child {
  margin: 0;
}
/* OUR GOAL CSS ENDS */
/* PARTNERS CSS STARTS */
section.partners {
  background-image: url(../images/partners_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 50px 0;
  position: relative;
}
section.partners::before {
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-color: #57adbf;
  opacity: 0.27;
}
section.partners h3 {
  font-size: 28px;
  color: #fff;
  text-align: right;
  padding: 7px 7px 20px 7px;
  border-style: solid;
  border-width: 0px 8px 1px 0px;
  border-color: #ff9c00;
  font-weight: bold;
  text-transform: capitalize;
  position: relative;
  margin-bottom: 20px;
}
section.partners .partners_innerwrap {
  width: 100%;
}
section.partners .partners_innerwrap {
  display: flex;
  flex-direction: row-reverse;
  gap: 20px;
  position: relative;
  align-items: center;
}
section.partners .partners_innerwrap .partner_content_wrap {
  width: 40%;
  padding: 0 65px;
}
section.partners .partners_innerwrap .partner_content_wrap p {
  font-size: 17px;
  line-height: 1.5;
  margin-bottom: 10px;
  text-align: center;
  color: #fdfdfd;
}

section.partners .partners_innerwrap .partner_slider_wrap {
  width: 60%;
  border: 1px solid #eee;
  padding: 20px;
  border-radius: 20px;
}
section.partners .partners_innerwrap .partner_slider_wrap .slick-slide img {
  display: block;
  width: 100%;
  height: 200px;
  object-fit: contain;
  background: #fff;
  padding: 30px 0;
}
section.partners
  .partners_innerwrap
  .partner_slider_wrap
  .slick-dots
  li
  button:before {
  font-size: 34px;
  color: #fff;
}
section.partners .partners_innerwrap .partner_slider_wrap .slick-next {
  right: 0;
}
section.partners .partners_innerwrap .partner_slider_wrap .slick-prev {
  left: 0;
  z-index: 2;
}
section.partners .partners_innerwrap .partner_slider_wrap .slick-prev:before,
section.partners .partners_innerwrap .partner_slider_wrap .slick-next:before {
  color: #000;
}
section.partners .partners_innerwrap .partner_slider_wrap .slick-next:before {
  content: "\f105";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
}
section.partners .partners_innerwrap .partner_slider_wrap .slick-prev:before {
  content: "\f104";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
}
section.partners .partners_innerwrap .slick-dotted.slick-slider {
  margin-bottom: 30px;
  border: 1px solid #eee;
  padding-bottom: 30px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
section.partners .partners_innerwrap .slick-dots {
  bottom: 4px;
}
/* PARTNERS CSS ENDS */
/* OUR PROJECTS CSS STARTS */
section.our_projects {
  background-image: url(../images/ourprojects_bg.jpg);
  background-attachment: fixed;
  padding: 50px 0;
  position: relative;
}
section.our_projects .site_container {
  position: relative;
}
section.our_projects::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  top: 0;
  left: 0;
  background-color: #fff;
}
section.our_projects .our_projects_heading {
  margin-bottom: 40px;
  display: flex;
  flex-direction: row-reverse;
}
section.our_projects .our_projects_heading h2 {
  font-size: 28px;
  line-height: 1.2;
  text-transform: capitalize;
  font-weight: bold;
  color: #57adbf;
  text-align: right;
  width: 50%;
  position: relative;
}
section.our_projects .our_projects_heading h2::after {
  content: "";
  position: absolute;
  border: 1px solid #ff0000;
  width: 5%;
  height: 5px;
  border: 1px solid #ff0000;
  background-color: #ff0000;
  right: 0;
  bottom: 0;
}

section.our_projects .our_projects_heading p {
  font-size: 20px;
  line-height: 26px;
  font-weight: bold;
  color: rgb(33, 37, 41);
  width: 50%;
  text-align: center;
}
section.our_projects .our_projects_inner_wrap {
  display: flex;
  flex-wrap: wrap;
  background-color: #eef5f7;
  padding: 30px;
  gap: 20px;
}
section.our_projects .our_projects_inner_wrap a {
  width: 49%;
  display: inline-block;
}
section.our_projects .our_projects_inner_wrap .our_projects_block_wrap {
  background-color: #fff;
  border: 1px solid #eee;
  padding: 20px;
  display: flex;
  gap: 20px;
  flex-direction: row-reverse;
}
section.our_projects
  .our_projects_inner_wrap
  .our_projects_block_wrap
  .our_projects_image_wrap {
  width: 70px;
}
section.our_projects
  .our_projects_inner_wrap
  .our_projects_block_wrap
  .our_projects_image_wrap
  i {
  width: 70px;
  height: 70px;
  background-color: #eef5f7;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 30px;
  color: #57adbf;
  transition: all 0.4s ease;
}
section.our_projects
  .our_projects_inner_wrap
  .our_projects_block_wrap:hover
  .our_projects_image_wrap
  i {
  color: #fff;
  background-color: #57adbf;
}
section.our_projects
  .our_projects_inner_wrap
  .our_projects_block_wrap
  .our_projects_content_wrap {
  width: 455px;
  text-align: right;
  margin-left: auto;
}
section.our_projects
  .our_projects_inner_wrap
  .our_projects_block_wrap
  .our_projects_content_wrap
  h3 {
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: bold;
  color: #21212d;
}
section.our_projects
  .our_projects_inner_wrap
  .our_projects_block_wrap
  .our_projects_content_wrap
  p {
  font-size: 14px;
  line-height: 26px;
  font-weight: 300;
  color: rgb(132, 132, 147);
}
.facilitation_association {
  background-color: #ea5c5c;
  padding: 50px;
  width: fit-content;
  text-align: center;
  position: relative;
  left: 160px;
}
.facilitation_association i {
  font-size: 60px;
  color: #fff;
  margin-bottom: 100px;
}
.facilitation_association h3 {
  font-size: 30px;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 10px;
  text-transform: capitalize;
  color: #fff;
}
.facilitation_association p {
  font-size: 16px;
  line-height: 28px;
  font-weight: 300;
  color: #fff;
}
/* OUR PROJECTS CSS ENDS */
/* COUNTER CSS STARTS */
section.counter {
  background-color: #21212d;
  padding: 30px 0;
  background-blend-mode: luminosity;
  position: relative;
}
section.counter::before {
  content: "";
  background-image: url(../images/bg-shape-01.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.1;
}
section.counter h3 {
  font-size: 28px;
  color: #fff;
  text-align: center;
  padding: 7px 7px 20px 7px;
  border-style: solid;
  border-width: 0px 8px 1px 0px;
  border-color: #ff9c00;
  font-weight: bold;
  text-transform: capitalize;
  position: relative;
  margin-bottom: 20px;
}
.counter_innerwrap {
  position: relative;
}
.counter_innerwrap .counter_main_wrap {
  display: flex;
  gap: 40px;
}
.counter_innerwrap .counter_main_wrap .counter_block {
  display: flex;
  flex-direction: row-reverse;
  width: 25%;
  background-color: #57adbf;
  justify-content: center;
  text-align: right;
  padding: 30px 10px;
  gap: 20px;
}
.counter_innerwrap .counter_main_wrap .counter_block:nth-child(even) {
  background-color: #fff;
}
.counter_block .counter_icon i {
  color: #ffffff;
  font-size: 65px;
}
.counter_innerwrap
  .counter_main_wrap
  .counter_block:nth-child(even)
  .counter_icon
  i {
  color: #57adbf;
}
.counter_innerwrap
  .counter_main_wrap
  .counter_block
  .counter_content
  .counter-value {
  font-size: 36px;
  color: #fff;
  line-height: 1.2;
  text-transform: capitalize;
  margin-bottom: 10px;
  font-weight: bold;
}
.counter_innerwrap
  .counter_main_wrap
  .counter_block:nth-child(even)
  .counter-value {
  color: #21212d;
}
.counter_innerwrap
  .counter_main_wrap
  .counter_block
  .counter_content
  p.counter_text {
  font-size: 12px;
  line-height: 1.2;
  text-transform: capitalize;
  color: #fff;
  font-weight: 300;
}
.counter_innerwrap
  .counter_main_wrap
  .counter_block:nth-child(even)
  p.counter_text {
  color: #21212d;
}
/* COUNTER CSS ENDS */
/* HOME PAGE ENDS */
/* CONTACT PAGE CSS STARTS */
/* FORM CSS STARTS */
section.form {
  padding: 100px 0 0;
}
section.form .form_innerwrap {
  width: 100%;
  max-width: 80%;
  margin: 0 auto;
}
section.form .form_innerwrap h3 {
  font-size: 20px;
  line-height: 1.2;
  text-transform: initial;
  font-weight: bold;
  color: #21212d;
  width: fit-content;
  margin: 0 auto 40px;
}
section.form .form_innerwrap form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 20px;
}
section.form .form_innerwrap form input {
  width: 49%;
  border: unset;
  outline: unset;
  background-color: rgb(238, 245, 247);
  padding: 15px 20px;
}
section.form .form_innerwrap form textarea {
  width: 100%;
  border: unset;
  outline: unset;
  background-color: rgb(238, 245, 247);
  padding: 15px 20px;
  height: 200px;
}
section.form .form_innerwrap form input[type="submit"] {
  background-color: #0084b2;
  margin: 0 auto;
  width: 200px;
  border-radius: 10px;
  color: #fff;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: bold;
}
/* FORM CSS ENDS */
/* COMMUNICATION CSS STARTS */
section.communication {
  padding: 100px 0;
}
section.communication .communication_innerwrap {
  display: flex;
  gap: 30px;
}
section.communication .communication_innerwrap .communication_block {
  padding: 50px 20px;
  background-color: #fff;
  border: 1px solid #eee;
  width: 33%;
  text-align: center;
  -webkit-box-shadow: 0px 0px 14px -7px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 14px -7px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 14px -7px rgba(0, 0, 0, 0.75);
}
section.communication .communication_innerwrap .communication_block i {
  width: 100px;
  height: 100px;
  background-color: #eef5f7;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 20px;
  font-size: 60px;
  color: #57adbf;
}
section.communication
  .communication_innerwrap
  .communication_block:nth-child(even)
  i {
  color: #fff;
  background-color: #57adbf;
}
section.communication .communication_innerwrap .communication_block h3 {
  font-size: 22px;
  line-height: 1.2;
  font-weight: bold;
  color: #000;
  margin-bottom: 20px;
}
section.communication .communication_innerwrap .communication_block ul li a {
  font-size: 16px;
  line-height: 26px;
  font-weight: 300;
  color: #000;
}
/* COMMUNICATION CSS ENDS */
/* CONTACT PAGE CSS ENDS */
/* ABOUT PAGE CSS STARTS */
section.about {
  padding: 100px 0;
}
section.about .about_innerwrap {
  display: flex;
  flex-direction: row-reverse;
  gap: 80px;
}
section.about .about_innerwrap .about_image_block {
  width: 50%;
  position: relative;
}
section.about .about_innerwrap .about_image_block img {
  border-radius: 0 50% 50% 50%;
}
section.about .about_innerwrap .about_image_block::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #57adbf;
  border-radius: 0 50% 50% 50%;
  position: absolute;
  top: 0;
  left: -30px;
  z-index: -1;
}
section.about .about_innerwrap .about_content_block {
  width: 50%;
}
section.about .about_innerwrap .about_content_block h6 {
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  color: #848493;
  text-align: center;
  line-height: 1.2;
  width: fit-content;
  margin: 0 auto 30px;
  position: relative;
}
section.about .about_innerwrap .about_content_block h6::after {
  content: "";
  position: absolute;
  border: 1px solid #848493;
  width: 30px;
  right: -40px;
  top: 50%;
  transform: translateY(-50%);
}
section.about .about_innerwrap .about_content_block h3 {
  font-size: 50px;
  font-weight: 700;
  text-transform: capitalize;
  color: #848493;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 30px;
}
section.about .about_innerwrap .about_content_block p {
  font-size: 16px;
  line-height: 32px;
  font-weight: 300;
  color: #080a11;
  text-align: right;
  margin-bottom: 15px;
}
/* CONTRIBUTION CSS STARTS */
section.contribution {
  background-image: url(../images/contribution_b.jpg);
  background-repeat: no-repeat;
  padding: 130px 0 50px;
  position: relative;
}
section.contribution::before {
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-color: #eef5f7;
  opacity: 0.65;
}
section.contribution .contribution_innerwrap {
  display: flex;
  flex-direction: row-reverse;
  gap: 50px;
  position: relative;
}
section.contribution .contribution_innerwrap .contribution_block {
  width: 50%;
}
section.contribution .contribution_innerwrap h2 {
  font-size: 40px;
  line-height: 1.2;
  color: #21212d;
  margin-bottom: 40px;
  text-align: center;
  font-weight: 700;
}
section.contribution .contribution_innerwrap ul {
  background-color: #eef5f7;
  padding: 30px;
  border-radius: 50px;
  border: 1px solid #eee;
}
section.contribution .contribution_innerwrap ul li {
  display: flex;
  justify-content: end;
  text-align: right;
  align-items: baseline;
  font-size: 16px;
  line-height: 1.8;
  color: #000;
  font-weight: 400;
  gap: 20px;
  border-bottom: 2px solid #3de9f0;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
section.contribution .contribution_innerwrap ul li:last-child {
  border: unset;
  padding: 0;
  margin: 0;
}
section.contribution .contribution_innerwrap ul li i {
  font-size: 24px;
  color: #ea5c5c;
}
/* CONTRIBUTION CSS ENDS */
/* RATE CSS STARTS */
section.rate {
  padding: 70px;
  background-image: url(../images/bg-shape-01.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}
section.rate::before {
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-color: #57adbf;
  opacity: 0.14;
}
section.rate .rate_us_innerwrap {
  display: flex;
  gap: 30px;
  flex-direction: row-reverse;
  position: relative;
}
section.rate .rate_us_innerwrap .rate_block {
  width: 20%;
  background-color: #0b6c80;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px 10px;
  border-radius: 33px 33px 33px 0px;
  transition: all 0.4s ease;
  border: 1px solid #0b6c80;
}
section.rate .rate_us_innerwrap .rate_block:first-child {
  background-color: #0b6c80 !important;
}
section.rate .rate_us_innerwrap .rate_block:hover {
  background-color: #fff;
}
section.rate .rate_us_innerwrap .rate_block h2 {
  font-size: 28px;
  line-height: 1.2;
  text-transform: capitalize;
  font-weight: 700;
  color: #fff;
}
section.rate .rate_us_innerwrap .rate_block i {
  font-size: 52px;
  color: #fff;
  margin-bottom: 30px;
}
section.rate .rate_us_innerwrap .rate_block:hover i {
  color: #0b6c80;
}
section.rate .rate_us_innerwrap .rate_block h3 {
  font-size: 28px;
  line-height: 1.2;
  text-transform: capitalize;
  font-weight: 700;
  color: #11acd8;
}
/* RATE CSS ENDS */
/* ABOUT PAGE CSS ENDS */
/* IDEA PAGE STARTS */
/* BANNER CSS STARTS */
#idea_banner .banner_cotent h1 {
  text-align: center;
}
/* BANNER CSS ENDS */
section.idea {
  padding: 150px 0;
  background-image: url(../images/idea_bg.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

section.idea .idea_innerwrap p {
  font-size: 16px;
  line-height: 28px;
  font-weight: 300;
  color: #000;
  text-align: right;
  margin-bottom: 30px;
}
section.idea .idea_innerwrap p span {
  color: #ff6600;
  font-weight: 600;
}
section.idea .idea_innerwrap p.text-center {
  text-align: center;
}
section.idea .idea_innerwrap .chairman_idea {
  width: 100%;
  max-width: 531px;
  margin-right: auto;
}
section.idea .idea_innerwrap .chairman_idea h5 {
  font-size: 24px;
  line-height: 1.8;
  font-weight: 900;
  color: #000;
  text-align: center;
}
section.idea .idea_innerwrap .chairman_idea h5:first-child {
  margin-top: 60px;
}
section.idea .idea_innerwrap .chairman_idea h5 span {
  color: #ff6600;
}
/* IDEA PAGE ENDS */
/* BOARD PAGE CSS STARTS */
section.board {
  padding: 100px 0;
}
section.board .board_innerwrap .board_member_wrap {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin-bottom: 40px;
}
section.board .board_innerwrap .board_logo {
  width: 60px;
}
section.board .board_innerwrap .board_logo img {
  width: 60px;
  height: 60px;
  border: 1px solid #000;
  border-radius: 50px;
}
section.board .board_innerwrap .board_member {
  width: 630px;
}
section.board .board_innerwrap .board_member h3 {
  font-size: 20px;
  line-height: 1.2;
  text-transform: capitalize;
  font-weight: bold;
  color: #21212d;
  text-align: center;
}
section.board .board_innerwrap .board_title {
  width: 330px;
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
}
section.board .board_innerwrap .board_title h5 {
  font-size: 16px;
  line-height: 1.2;
  text-transform: capitalize;
  font-weight: bold;
  color: #21212d;
  text-align: center;
  margin-bottom: 10px;
}
section.board .board_innerwrap .board_title .board_Social {
  display: flex;
  justify-content: center;
  gap: 30px;
}
section.board .board_innerwrap .board_title .board_Social i {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #848493;
  color: #fff;
  font-size: 12px;
  border-radius: 50%;
}
/* BOARD PAGE CSS ENDS */
/* CEO CSS STARTS */
section.ceo {
  padding: 100px 0;
}
section.ceo .ceo_innerwrap {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  padding: 13px 13px 13px 13px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-radius: 0px 0px 0px 66px;
}
section.ceo .ceo_innerwrap .ceo_logo img {
  width: 100%;
  height: 100%;
}
section.ceo .ceo_innerwrap .ceo_content_block {
  background-color: #065362;
  text-align: center;
  padding: 80px 30px 50px;
  position: relative;
  margin-bottom: 40px;
}
section.ceo .ceo_innerwrap .ceo_content_block h3 {
  margin: 15px 0 15px;
  font-size: 22px;
  letter-spacing: -1px;
  color: #fff;
  font-weight: 700;
}
section.ceo .ceo_innerwrap .ceo_content_block p,
section.ceo .ceo_innerwrap .ceo_content_block ul li a {
  font-size: 16px;
  line-height: 26px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
}
section.ceo .ceo_innerwrap .ceo_content_block p {
  margin-bottom: 30px;
}
section.ceo .feature-one__icon-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 126px;
  height: 126px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: -60px;
  left: 50%;
  margin-left: -63px;
}
section.ceo .feature-one__icon-box i {
  font-size: 81px;
}
section.ceo .feature-one__icon-box::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border: 1px solid #fff;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: pulse-border-2 1.5s linear infinite;
  animation: pulse-border-2 1.5s linear infinite;
}
section.ceo .feature-one__icon-box::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border: 1px solid #fff;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: pulse-border 1s linear infinite;
  animation: pulse-border 1s linear infinite;
}
@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
}

@keyframes pulse-border {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
}

@-webkit-keyframes pulse-border-2 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes pulse-border-2 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
  }
}
/* CEO CSS ENDS */
/* DAILY SOLUTION CSS STARTS */
.breadcrumb {
  justify-content: center;
}
.breadcrumb .breadcrumb-item a,
.breadcrumb .breadcrumb-item {
  color: #fff;
}
section.quick_solution {
  padding: 100px 0;
}
section.quick_solution .quick_solution_innerwrap {
  display: flex;
  flex-direction: row-reverse;
  gap: 30px;
}
section.quick_solution .quick_solution_innerwrap .quick_solution_main_wrap {
  width: 67%;
}
section.quick_solution
  .quick_solution_innerwrap
  .quick_solution_main_wrap
  .featured_image
  img {
  width: 100%;
  height: 100%;
  margin-bottom: 30px;
}
section.quick_solution .quick_solution_innerwrap .quick_solution_main_wrap h3 {
  font-size: 30px;
  line-height: 1.2;
  text-transform: capitalize;
  font-weight: bold;
  color: #21212d;
  text-align: right;
  margin-bottom: 20px;
}
section.quick_solution .quick_solution_innerwrap .quick_solution_main_wrap p {
  font-size: 16px;
  line-height: 28px;
  color: #848493;
  font-weight: 300;
  text-align: right;
  margin-bottom: 20px;
}
section.quick_solution .quick_solution_innerwrap .quick_solution_main_wrap h4 {
  font-size: 24px;
  line-height: 1.2;
  text-transform: capitalize;
  font-weight: bold;
  color: #21212d;
  text-align: right;
  margin-bottom: 20px;
}
section.quick_solution
  .quick_solution_innerwrap
  .quick_solution_main_wrap
  .blog_image {
  text-align: right;
}
section.quick_solution
  .quick_solution_innerwrap
  .quick_solution_main_wrap
  .blog_image
  img {
  width: 100%;
  max-width: 300px;
  margin-bottom: 30px;
}
section.quick_solution
  .quick_solution_innerwrap
  .quick_solution_main_wrap
  .blog_quote {
  margin-top: 20px;
  padding: 100px 0 50px;
  background: #eef5f7;
  border-left: 2px solid #57adbf;
}
section.quick_solution
  .quick_solution_innerwrap
  .quick_solution_main_wrap
  .blog_quote
  blockquote {
  position: relative;
}
section.quick_solution
  .quick_solution_innerwrap
  .quick_solution_main_wrap
  .blog_quote
  blockquote
  p {
  color: #313131;
  text-align: center;
  max-width: 90%;
  width: 100%;
  margin: 0 auto;
  font-size: 21px;
}
blockquote::before {
  content: "\f10e";
  color: #222;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  line-height: 1em;
  text-align: center;
  width: 1em;
  font-weight: 900;
  font-size: 38px;
  margin-bottom: 30px;
  display: block;
  position: absolute;
  right: 80px;
  top: -60px;
}
section.quick_solution .quick_solution_innerwrap .quick_solution_side_wrap {
  width: 33%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

section.quick_solution
  .quick_solution_innerwrap
  .quick_solution_side_wrap
  .side_block {
  padding: 30px;
  background-color: #eef5f7;
}
section.quick_solution
  .quick_solution_innerwrap
  .quick_solution_side_wrap
  .side_block
  h3 {
  margin: 0 0 20px;
  margin-left: auto;
  padding: 0 0 20px;
  position: relative;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  color: #21212d;
  width: fit-content;
  position: relative;
}
section.quick_solution
  .quick_solution_innerwrap
  .quick_solution_side_wrap
  .side_block
  h3::before {
  content: "";
  position: absolute;
  width: 26px;
  height: 3px;
  border-radius: 4px;
  bottom: 0;
  right: 0;
  background: #57adbf;
  z-index: 11;
}
section.quick_solution
  .quick_solution_innerwrap
  .quick_solution_side_wrap
  .side_categories
  ul
  li {
  text-align: right;
  padding: 5px 2px;
  background-color: transparent;
  transition: all 0.4s;
}
section.quick_solution
  .quick_solution_innerwrap
  .quick_solution_side_wrap
  .side_categories
  ul
  li:hover {
  background-color: #fff;
}
section.quick_solution
  .quick_solution_innerwrap
  .quick_solution_side_wrap
  .side_categories
  ul
  li
  a {
  font-size: 16px;
  font-weight: 300;
  color: #848493;
}
section.quick_solution
  .quick_solution_innerwrap
  .quick_solution_side_wrap
  .side_news
  ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
section.quick_solution
  .quick_solution_innerwrap
  .quick_solution_side_wrap
  .side_news
  ul
  li
  a {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  width: 100%;
  align-items: center;
}
section.quick_solution
  .quick_solution_innerwrap
  .quick_solution_side_wrap
  .side_news
  ul
  li
  a
  h5 {
  font-size: 16px;
  line-height: 1.2;
  text-transform: capitalize;
  color: #21212d;
  text-align: right;
  font-weight: bold;
  width: 60%;
}
section.quick_solution
  .quick_solution_innerwrap
  .quick_solution_side_wrap
  .side_news
  ul
  li
  a
  img {
  width: 30%;
}
section.quick_solution
  .quick_solution_innerwrap
  .quick_solution_side_wrap
  .side_contact {
  background-image: url(../images/blog_contact.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
section.quick_solution
  .quick_solution_innerwrap
  .quick_solution_side_wrap
  .side_contact
  .side_contact_inn {
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center;
  padding: 50px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
section.quick_solution
  .quick_solution_innerwrap
  .quick_solution_side_wrap
  .side_contact
  .side_contact_inn
  i {
  font-size: 32px;
  width: 60px;
  height: 60px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #57adbf;
  border-radius: 50%;
  margin-bottom: 30px;
}
section.quick_solution
  .quick_solution_innerwrap
  .quick_solution_side_wrap
  .side_contact
  .side_contact_inn
  h4 {
  font-size: 26px;
  line-height: 1.2;
  text-transform: capitalize;
  color: #fff;
  font-weight: 700;
  border-bottom: 1px solid #eee;
  width: 90%;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
section.quick_solution
  .quick_solution_innerwrap
  .quick_solution_side_wrap
  .side_contact
  .side_contact_inn
  p {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 300;
  margin-bottom: 10px;
  color: #fff;
}
section.quick_solution
  .quick_solution_innerwrap
  .quick_solution_side_wrap
  .side_contact
  .side_contact_inn
  a {
  font-size: 18px;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 10px;
  color: #fff;
}
/* DAILY SOLUTION CSS ENDS */
/* FOOTER CSS STARTS */
footer {
  background-color: #04313c;
  background-image: url(../images/bg-footer.png);
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  padding: 20px 0 0 0;
}
footer nav {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding-bottom: 100px;
}

footer nav .footer_logo_wrap .footer_logo {
  text-align: center;
  width: 100%;
  max-width: 397px;
  padding-bottom: 10px;
  border-bottom: 1px solid #fff;
  margin-bottom: 20px;
}
footer nav .footer_logo_wrap .footer_logo img {
  width: 100%;
  max-width: 200px;
}
footer nav .footer_logo_wrap .logo_text p {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  text-align: center;
  margin-top: 10px;
}
footer .footer_link_wrap .footer_adress_links ul li {
  text-align: right;
}
footer .footer_link_wrap .footer_adress_links ul li a {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  transition: all 0.4s ease;
}
footer .footer_link_wrap .footer_adress_links ul li a:hover {
  color: #ff0303;
}
footer .footer_link_wrap .footer_adress_links ul li a i {
  margin-left: 10px;
  color: #ff0303;
}
footer .footer_link_wrap .footer_social_links ul {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 30px;
}
footer .footer_link_wrap .footer_social_links ul li a i {
  font-size: 14px;
  background-color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .footer_update_wrap {
  background-color: #f6f6f6;
  padding: 20px 40px;
  width: 100%;
  max-width: 350px;
}
footer .footer_update_wrap p {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center;
}
footer .footer_update_wrap .mail_wrap {
  position: relative;
}
footer .footer_update_wrap .mail_wrap input {
  width: 100%;
  padding: 10px;
  outline: none;
  border: none;
}
footer .footer_update_wrap .mail_wrap a {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
footer .footer_update_wrap .mail_wrap a i {
  font-size: 26px;
  color: #57adbf;
}
.copy_right {
  background-color: #171720;
  padding: 10px 0;
}
.copy_right p {
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  color: #fff;
}
.copy_right p span {
  color: #ff0303;
}
/* FOOTER CSS ENDS */

.card {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 20px;
  transition: background-color 0.3s ease, transform 0.3s ease;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.card img {
  width: 80px; /* Adjust the size of the icon */
  transition: transform 0.3s ease;
}

.card h5 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 15px;
  color: #333;
}

.carousel-inner img {
    width: 100%; /* Full width of the carousel item */
    height: 150px; /* Fixed height for the images */
    object-fit: cover; /* Maintain aspect ratio and cover the area */
}

.project_description {
    font-size: 1.25rem; /* Adjust text size */
    line-height: 1.5;
    margin: 20px 0;
    text-align: center;
}

.payment-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 20px;
}

.payment-wrapper .form-control {
  width: 100%;
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #ced4da;
  transition: border-color 0.3s;
}

.payment-wrapper .form-control:focus {
  border-color: #ffc107;
  box-shadow: 0 0 5px rgba(255, 193, 7, 0.5);
}

.payment-button {
  background-color: #ffc107;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s;
}

.payment-options {
  margin-top: 20px;
}

.payment-option {
  width: 120px; /* Smaller width */
  height: 80px; /* Smaller height */
  margin-right: 10px; /* Space between blocks */
  border: 1px solid #ddd;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  background-color: #f8f9fa;
  transition: background-color 0.3s;
}

.payment-option:last-child {
  margin-right: 0; /* Remove margin for the last item */
}

.payment-option:hover {
  background-color: #ffc107;
  cursor: pointer;
}


.bordered-box {
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #f9f9f9;
  margin-top: 20px;
}


.payment-button:hover {
  background-color: #e0a800;
}