@charset "utf-8";
@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');

body {
  padding: 0px;
  margin: 0;
  font-family: 'Poppins', sans-serif;
  color: #444444;
}

html {
  scroll-behavior: smooth;
}                                                     
.transition {
  webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}


.header_wrap svg {width: 32px;}
.header_wrap svg .st0  {fill: #1fb9d3;}
.contact_detail span { font-size: 18px; margin-left: 1rem; }
.header_logo {display: block;}

@media all and (min-width: 992px) {
  .navbar .nav-item .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    margin-top: 0;
  }
  .navbar .nav-item:hover .nav-link {
    color: #fff;
  }
  .navbar .dropdown-menu.fade-down {
    top: 80%;
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
  }
  .navbar .dropdown-menu.fade-up {
    top: 180%;
  }
  .navbar .nav-item:hover .dropdown-menu {
    transition: .3s;
    opacity: 1;
    visibility: visible;
    top: 100%;
    transform: rotateX(0deg);
  }
}
.bg-secondary {
  background: #e52e2a !important;
}

.bg-primary {
    background: #1fb9d3 !important;
}
.navbar-collapse {
  justify-content: center;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding: 1.25rem 1.5rem;
    font-size: 16px;
    font-weight: 400;
    transition: .5s ease;
    text-transform: uppercase;
}
.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}
.navbar-expand-lg .navbar-nav .nav-link:hover {
  background: #e95147;
}

.dropdown-menu {
  border: none;
  border-radius: 0;
  background: #111;
  color: #fff;
}
.dropdown-item {
  color: #fff;
  padding: 1rem 1.5rem;
}
/* main css */
.header {
  margin: 1rem 0 2.5rem 0;
}
.header .mt-80 {
  margin-top: 80px;
}
.header .icon_wrap svg {
  width: 65px;
}
.header .icon_wrap .st0 {
  fill: #111;
}
.txt_contact {
  color: #989898;
}
.contact_no {
  color: #111;
  font-size: 36px;
  font-weight: 500;
}
.slider_section {
  position: relative;  
}
.overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 11;
  position: absolute;
}
.slider_section .slick-prev {
    left: 2% !important;
    z-index: 111;
    width: 100px;
    height: 100px;
    border: none;
    border-radius: 0%;
    webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    top: 50%;
    background: rgba(255,255,255,0.5);
    border-radius: 50%;
}

.slider_section .slick-next {
  right: 2% !important;
  z-index: 111;
    width: 100px;
    height: 100px;
    border: none;
    border-radius: 0%;
    webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    top: 50%;
    background: rgba(255,255,255,0.5);
    border-radius: 50%;
}
/*.slick-prev:before, .slick-next:before {
  font-size: 40px !important;
  opacity: 1 !important;
}*/
.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 40px !important;
    line-height: 70px !important;
    opacity: 1 !important;
    color: #1fb9d3 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 70px;
    height: 70px;
    background: #fff;
    display: block;
    border-radius: 50%;
    margin: auto;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  color: transparent;
  outline: none;
  background: #e52e2a !important;
    border-color: #e52e2a;
  webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}          
.slider_section .slick-list {
  max-height: 100vh;
}

.form-control, select {
  height: 55px !important;
  border-radius: 0;
  background: #f8f8f8; border: none;
  padding: 12px 24px;
  border: 1px solid gray;
}
.btn-primary {
 color: #fff;
    background-color: #1fb9d3;
    border-color: #1fb9d3;
}
.btn-primary:hover {
  color: #fff;
    background-color: #e52e2a;
    border-color: #e52e2a;
}
.btn {
  font-size: 20px;
  border-radius: 0;
  padding: 11px 30px;
}

.navbar{position: sticky;  top: 0px;  z-index: 1111; padding: 0;}

h1 { position: absolute; z-index: 111;  color: #fff;  font-size: 50px;  font-weight: 700;  transform: translate(-50%, -50%);  left: 50%;  top: 50%;  text-align: center;
     width: 70%;}

.title_wrap {text-align: center; margin: 5rem auto; width: 500px; position: relative;}     
.title_wrap h2{font-size: 3rem; color: #1fb9d3;}
.line_1{width: 200px;  height: 3px;   background: #e52e2a;   display: block;   text-align: center;  margin: auto;  margin-top: 1rem;}
.line_2{width: 100px;  height: 3px;   background: #e52e2a;   display: block;   text-align: center;  margin: auto;  margin-top: 0.5rem;}
.box_wrap {position: relative; overflow: hidden; margin-bottom: 2rem;}
.box_wrap:hover .layer {bottom: 0;}
.box_wrap:hover h4 {right: 16px;}
.box_wrap img {height: 230px; width: 100%; object-fit: cover;}
.box_wrap .layer {position: absolute; width: 100%;  height: 100%; background: rgb(31 185 211 / 75%); bottom: -1000px; }
.box_wrap h4{position: absolute; bottom: 16px; right: 16px; text-align: right; color: #fff; font-size: 22px; line-height: 28px; margin-bottom: 0; right: -1000px;}
.need_help {background: #f3f3f3; padding: 5rem 0; margin: 5rem 0;}
.need_help p, .request_call p {text-align: center; font-size: 18px; margin-bottom: 3rem; }
.need_help .title_wrap, .request_call .title_wrap {margin: 0rem auto 2rem auto;}
.contact_wrap span {font-size: 24px; margin-left: 1rem;}
.icon_wrap {width: 85px; height: 85px; border-radius: 50%; background: #fff; /*box-shadow: 0 0 5px rgba(0,0,0,0.07);*/ text-align: center; line-height: 85px;}
.line {width: 1px; height: 85px; background: #1fb9d3; margin:0 60px }
footer {background: #1fb9d3; padding: 3rem 0; margin-top: 5rem;}
footer h4 {color: #fff; margin-bottom: 1.5rem;}
footer ul {list-style: none; padding-left: 0; margin-bottom: 0;}
footer ul li a {  color: #ffffff;  font-size: 18px;  margin-top: 10px;  display: block; }
footer ul li a:hover {  color: #e52e2a;  text-decoration: none;}
.copy_right {padding: 1rem 0;}
.copy_right p {margin-bottom: 0; font-size: 14px;}
.copy_right p a {color: #1fb9d3;}
.main_title {background: url("../img/title_banner.png") no-repeat; background-size: cover; background-position: center;  padding: 100px 0; position: relative;}
.main_title h2 {z-index: 111; color: #fff; position: relative;  font-size: 64px; font-weight: 500;}
.bread_cumb, .bread_cumb a {position: relative; z-index: 11; color: #fff;}
.why_us h2 {font-size: 48px; color: #1fb9d3; margin-top: 5rem; font-weight: 400;  margin-bottom: 2rem;}
.why_us p {font-size: 18px; color: #999999}
.why_us ul li { position: relative; margin: 0.5rem 0;}
.why_us ul li:before { content: ""; position: absolute; width: 12px;height: 12px; background: #1fb9d3; border-radius: 50%; left: -25px; top: 5px; }
.why_us ul {padding-left: 1.5rem;}
.vision_txt {color: #444 !important;}
.blog {margin-top: 3rem; position: relative;}
.blog .like_comment {background: #e52e2a; }
.blog .date_like { background: #1fb9d3; width: 200px; text-align: center; position: absolute; left: -200px; top: 0;}
.blog .date_like svg {width: 20px; margin-right: 12px;}
.blog .date_like .st0 {fill: #fff;}                                                                                        
 .blog .date_like a span{font-size: 20px;}
 .blog .date_like a:hover {text-decoration: none;}
.blog .date_like span {font-size: 44px;  line-height: 1;  color: #fff;  padding: 1rem 0;  display: block;}
.blog img {width: 100%;  object-fit: cover;}
.btn-link{text-align: left; background: #fff; box-shadow: 0 0 10px rgb(0 0 0 / 7%); padding: 1rem; color: #444; padding-left: 5rem; position: relative; margin-top: 1rem;}
.btn-link:hover {text-decoration: none; color: #444;}
.hand_icon {position: absolute; left: 0; top: 0; background: #1fb9d3; width: 65px; height: 65px; z-index: 111; text-align: center; line-height: 55px;}
.faq_wrap {margin: 7rem 0;}
.contact_page {margin: 10rem 0; position: relative;}
.contact_page p {font-size: 20px;}
.center_line {position: absolute;  width: 1px;   height: 300px;  background: #1fb9d3; left: 45%; top: -50px;}
.download_blog {box-shadow: 0 0 10px rgb(0 0 0 / 8%); padding: 2rem 2rem 5rem 2rem;  margin-top: 2rem;  position: relative;}
.download_blog p{color: #808080; font-size: 20px;}
.download_blog h2 {font-weight: 400;}
.download_blog .btn {position: absolute; left: 0; bottom: 0px; width: 100%;}
.our_evaluation {margin: 5rem 0;}
.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 0;
  list-style: none;
  background-color: transparent;
  position: relative;
  border-radius: .25rem;
  z-index: 111;
  color: #fff;
}
.breadcrumb a {color: #fff;}

/* media Quary */
@media all and (min-width:768px) and (max-width: 991px) {


.navbar {justify-content: flex-end; padding: 10px;}
h1 { font-size: 32px;  width: 65%; }
.contact_wrap span {  font-size: 18px;  margin-left: 10px;}
.icon_wrap { width: 50px; height: 50px;    line-height: 50px; }
.icon_wrap img {width: 24px;}
.line {margin: 0 30px; height: 50px;}
.title_wrap h2 {  font-size: 2.5rem; }
footer ul li a {font-size: 13px; }
.main_title {padding: 50px 0;}
.main_title h2 {font-size: 48px;}
.blog .date_like {   width: 140px;  left: -140px;}
.blog .date_like span {  font-size: 26px; }
 .blog .date_like svg {  width: 16px;  margin-right: 5px; }
 .blog .date_like a span {font-size: 16px;}
 .contact_page p {  font-size: 16px; }
 .center_line {left: 47.5%;}
	
}

@media only screen and (max-width:767px) {
	
  .contact_detail {display: none !important;}
  .header_logo img {width: 150px;}
  .slider_section .slick-prev, .slider_section .slick-next {display: none !important;}
  h1 { font-size: 20px; width: 100%; }
	.navbar {justify-content: flex-end; padding: 10px;}
  .title_wrap {width: 100%; margin: 3rem auto;}
  .title_wrap h2 {  font-size: 2rem; }
  .line_1 {width: 120px;}
  .line_2 {width: 70px;}
  .navbar-expand-lg .navbar-nav .nav-link {padding: 1rem;}
  .icon_wrap { width: 50px; height: 50px;    line-height: 50px; margin-bottom: 1rem;}
  .icon_wrap img {width: 24px;}
  .contact_wrap span { font-size: 16px; margin-left: 10px; margin-bottom: 1rem;}
  .line {display: none;     margin-bottom: 1rem;}
  .contact_wrap.justify-content-center {justify-content: flex-start !important;}
 .need_help {  background: #f3f3f3;  padding: 2rem 0 1rem 0;  margin: 2rem 0; }
 footer {  padding: 0rem 0 3rem 0;}
 footer h4 {   margin-bottom: 1.5rem;  margin-top: 2rem; }
 .copy_right .justify-content-between {justify-content: center !important;}
 .main_title {padding: 50px 0;}
 .why_us h2 {  font-size: 32px;  margin-top: 2rem;  margin-bottom: 1rem;}
 .main_title h2 {font-size: 36px;}
 .blog .date_like span {  font-size: 24px; }
 .blog .date_like {width: 130px; left: 0;}
 .blog .date_like svg {  width: 15px;  margin-right: 7px; }
 .blog .date_like a span {  font-size: 15px; }
 footer {  margin-top: 3rem;}
.our_evaluation {margin: 2rem 0;}
.center_line {display: none;}
.contact_page p {  font-size: 16px;}
.faq_wrap, .contact_page {    margin: 2rem 0;}
.contact_page .form-group {  margin-bottom: 1rem;   margin-top: 1rem; }

}
.btn-primary a{
  color: #fff !important;
}