@font-face {

  font-family: "mont-900";

  src: url(../fonts/Montserrat-Black.ttf);

}

@font-face {

  font-family: "mont-800";

  src: url(../fonts/Montserrat-ExtraBold.ttf);

}

@font-face {

  font-family: "mont-700";

  src: url(../fonts/Montserrat-Bold.ttf);

}

@font-face {

  font-family: "mont-600";

  src: url(../fonts/Montserrat-SemiBold.ttf);

}

@font-face {

  font-family: "mont-500";

  src: url(../fonts/Montserrat-Medium.ttf);

}

@font-face {

  font-family: "mont";

  src: url(../fonts/Montserrat-Regular.ttf);

}

@font-face {

  font-family: "mont-300";

  src: url(../fonts/Montserrat-Light.ttf);

}

@font-face {

  font-family: "mont-200";

  src: url(../fonts/Montserrat-ExtraLight.ttf);

}

@font-face {

  font-family: "mont-100";

  src: url(../fonts/Montserrat-Thin.ttf);

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: "mont";

}

body {

  font-family: "mont";

  background: #f6f6f6;

}

ul {

  list-style: none;

  padding: 0 !important;

  margin: 0 !important;

}

a {

  text-decoration: none !important;

}

p {

  font-family: "mont";

}

.jcfe {

  justify-content: flex-end;

}

.psm_container {

  width: 1200px;

  /* max-width: 100%; */

  margin: 0 auto;

}

.psm_row {

  display: flex;

  flex-wrap: wrap;

}

header {

  background: #000;

  position: relative;

  z-index: 1;

}

header::before {

  content: "";

  position: absolute;

  top: 0;

  width: 100%;

  height: 59px;

  background: #fff;

  left: 0;

  z-index: -1;

}

header .logo_area {

  width: 352px;

  background: #000;

}

header .logo_area .logo_block {

  height: 100px;

  display: flex;

  width: 101%;

  align-items: center;

  background: #fff;

  position: relative;

}

header .logo_area .logo_block::before {

  content: "";

  position: absolute;

  top: 0;

  left: -270%;

  height: 100%;

  width: 1200px;

  background: #fff;

  z-index: -1;

}

header .logo_area .logo_block::after {

  border-right: 42px solid #000;

  border-top: 42px solid transparent;

  border-bottom: 42px solid transparent;

  content: "";

  position: absolute;

  bottom: -45px;

  right: -7px;

  transform: rotate(-135deg);

}

header .menu_area {

  width: calc(100% - 352px);

}

header .menu_area .pan_navbar{

      display: flex;

    justify-content: flex-end;

    padding: 0;

    margin: 0;

}

.topBar .cta_area {

  /* text-align: right; */

  display: flex;

  justify-content: flex-end;

}

.pan_cta {

  background: #49B547;

  height: 59px;

  width: 190px;

  display: inline-flex;

  justify-content: center;

  align-items: center;

  font-size: 16px;

  line-height: 29px;

  font-family: "mont-700";

  color: #fff;

  transition: 0.3s all;

  border: 2px solid #49B547;

}

.pan_cta:hover {

  background: #fff;

  color: #49B547;

}

.pan_cta.car-btn{

  background: #3D77A5;

  border-color: #3D77A5;

}

.pan_cta.car-btn:hover{

  background: #fff;

  color: #3D77A5;

}



.hd-contact{

  display: flex;

  align-items: center;

  padding: 0 15px 0 0 !important;

  margin: 0;

}

.hd-contact li{

  display: flex;

  align-items: center;

  padding: 16px 15px 16px 0;

  margin: 0 15px 0 0;

  border-right: 1px solid #BCBCBC;

}

.hd-contact li:last-child{

  border-right: none;

  padding-right: 0;

  margin-right: 0;

}

.hd-contact li a{

  font-weight: 500;

  font-size: 14px;

  line-height:1.2;

  color: #000000;

  padding: 0;

  margin: 0 0 0 10px;

  transition: all 300ms ease-in-out;

}

.hd-contact li a:hover{

  color: #49B547;

}



.pan_navbar .pan_navlist {

  display: flex;

  justify-content: flex-end;

}

.pan_navbar .pan_navlist li.pan_item {

  margin-right: 48px;

}

.pan_navbar .pan_navlist li.pan_item.actv a {

  color: #49B547;

}

.pan_navbar .pan_navlist li.pan_item a {

  font-family: "mont-600";

  font-size: 16px;

  line-height: 29px;

  text-transform: capitalize;

  display: inline-block;

  padding: 29px 22px;

  color: #fff;

  transition: 0.3s all;

}

.pan_navbar .pan_navlist li.pan_item a:hover {

  color: #49B547;

}

.pan_navbar .pan_navlist li.social_icons .icon_block {

  display: flex;

  height: 100%;

  align-items: center;

}

.pan_navbar .pan_navlist li.social_icons .icon_block a {

  display: inline-flex;

  width: 34px;

  height: 34px;

  border-radius: 5px;

  border: 1px solid #fff;

  padding: 8px;

  justify-content: center;

  align-items: center;

  margin-left: 13px;

  transition: 0.3s all;

}

.pan_navbar .pan_navlist li.social_icons .icon_block a:hover {

  border: 1px solid #49B547;

}

.pan_navbar .pan_navlist li.social_icons .icon_block a svg path {

  fill: #fff;

  transition: 0.3s all;

}

.pan_navbar .pan_navlist li.social_icons .icon_block a:hover svg path {

  fill: #49B547;

}

.pan_navbar .pan_navlist li.social_icons .icon_block a:first-child {

  margin-left: 0;

}

/* Header CSS End */



/* footer CSS Start */



footer {

  background: #000;

  padding: 67px 0 16px 0;

  /* margin-top: 50px; */

  position: relative;

}

footer::before {

  content: "";

  position: absolute;

  top: 0;

  left: -500px;

  height: 42px;

  width: 1200px;

  transform: skewX(-45deg);

  background: #fff;

}



footer .logo_area {

  width: 352px;

}

footer .right_seg {

  width: calc(100% - 352px);

}

footer .right_seg .footer_menu .menu_list {

  display: flex;

  justify-content: flex-end;

}

footer .right_seg .footer_menu .menu_list li {

  margin-left: 60px;

}

footer .right_seg .footer_menu .menu_list li:first-child {

  margin-left: 0;

}

footer .right_seg .footer_menu .menu_list li a {

  font-family: "mont-500";

  font-size: 18px;

  line-height: 29px;

  color: #fff;

  text-transform: capitalize;

  transition: 0.3s all;

}

footer .right_seg .footer_menu .menu_list li a:hover {

  color: #ed1b24;

}

footer .right_seg .psm_copyright {

  text-align: right;

  margin-top: 11px;

}

footer .right_seg .psm_copyright p {

  font-family: "mont-500";

  color: #cacaca;

  font-size: 16px;

  line-height: 29px;

  margin-bottom: 0;

}



#hero {

  position: relative;

  z-index: 1;

}

#hero .slider_item {

  position: relative;

  height: 778px;

}

#hero .slider_item .img_block {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

#hero .slider_item .img_block::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  /* background: #76080d; */

  /* opacity: 0.5; */

  background: linear-gradient(104.5deg, rgba(0, 195, 183, 0.4) 0%, rgba(4, 186, 0, 0.4) 100%);

  transform: matrix(-1, 0, 0, 1, 0, 0);

}

#hero .slider_item .img_block img {

  height: 100%;

  width: 100%;

  object-fit: cover;

}

#hero .slider_item .txt_block {

  position: relative;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 8;

}

#hero .slider_item .txt_block span.welcome {

  font-family: "mont-500";

  font-size: 36px;

  line-height: 90px;

  color: #fff;

}

#hero .slider_item .txt_block h1 {

  font-family: "mont-900";

  font-size: 90px;

  line-height: 90px;

  color: #fff;

  margin-bottom: 35px;

}

#hero .slider_item .txt_block p {

  font-size: 21px;

  line-height: 29px;

  color: #fff;

  font-family: "mont-500";

  width: 600px;

  max-width: 95%;

}

#hero .slider_item .psm_container {

  height: 100%;

}

.aic {

  align-items: center;

}

.jcsb {

  justify-content: space-between;

}

#hero .owl-dots {

  position: absolute;

  z-index: 9;

  bottom: 150px;

  left: 345px;

}

#hero .owl-dots span {

  width: 12px;

  height: 12px;

  background: rgba(255, 255, 255, 0.4);

  transition: 1s all;

}

#hero .owl-theme .owl-dots .owl-dot.active span {

  width: 31px;

  height: 10px;

  border-radius: 50px;

  background: #fff;

}

#hero .txts {

  margin-top: -10em;

}

#about {

  padding-bottom: 65px;

  margin-top: -120px;

  z-index: 2;

  position: relative;

}

#about .about_area {

  background: #fff;

  box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.15);

  padding: 50px 50px 100px 50px;

}

#about .left_block {

  width: 490px;

}

#about .left_block .seg_head {

  margin-bottom: 31px;

}

#about .left_block .seg_head span.smallTxt {

  font-size: 29px;

  line-height: 33px;

  font-family: "mont";

  display: block;

  padding: 0 0 15px;

}

#about .left_block .seg_head h1 {

  font-size: 40px;

  line-height: 40px;

  font-family: "mont-700";

  color: #000;

  display: flex;

  align-items: flex-end;

}

#about .left_block .seg_head span.tagline {

  display: block;

  text-align: right;

  color: #000;

  font-size: 23px;

  line-height: 29px;

  font-family: "mont-600";

  font-style: italic;

  padding-right: 25px;

}

span.highlight {

  /* color: #ed1b24; */

  padding: 0 15px 0 0;

}

#about .left_block p {

  width: 447px;

  font-size: 19px;

  line-height: 31px;

  font-family: "mont-500";

  color: #777777;

  margin-bottom: 54px;

}

#about .left_block a {

  width: 172px;

  height: 55px;

  border: 2px solid #3D77A5;

  color: #000;

  display: inline-flex;

  justify-content: center;

  align-items: center;

  font-size: 16px;

  line-height: 29px;

  font-family: "mont-600";

}

#about .right_block .img_block {

  width: 520px;

  height: 545px;

  position: relative;

}

#about .right_block .img_block .about_img_1 {

  height: 100%;

  width: 100%;

  object-fit: cover;

}

#about .right_block .img_block .small_img_block {

  width: 246px;

  height: 257px;

  position: absolute;

  border: 15px solid #fff;

  box-shadow: 0px 4px 44px rgb(0 0 0 / 9%);

  bottom: -48px;

  left: -95px;

}

#about .right_block .img_block .small_img_block img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



#service {

  margin-bottom: 84px;

  /* background: #F6F6F6; */

}

#service h1,

#customer h1,

#gallery_faq h1 {

  font-size: 50px;

  line-height: 80px;

  font-family: "mont-700";

  color: #3D77A5;

  margin-bottom: 27px;

  text-align: center;

}

#service h1 span,

#customer h1 span,

#gallery_faq h1 span{

  color: #4AB948;

}



#service .psm_row {

  flex-wrap: wrap;

  margin: 0 -16px;

}

#service .service_card {

  /* width: 386px; */

  flex: 0 0 33.33%;

  max-width: 33.33%;

  height: 181px;

  padding: 0 8px;

}

#service .service_card .serv_box {

  width: 100%;

  padding: 19px 21px;

  background: #fff;

  box-shadow: 0px 3px 3px rgb(0 0 0 / 15%);

  position: relative;

  margin-bottom: 29px;

  transition: 0.3s all;

}

#service .service_card:hover .serv_box {

  transform: scale(1.02);

  box-shadow: 0px 3px 10px rgb(0 0 0 / 15%);

}

#service .service_card .serv_box a {

  position: absolute;

  bottom: 0;

  right: 0;

  background: #312f2f;

  width: 30px;

  height: 30px;

  display: block;

}

#service .service_card .serv_box a svg path {

  fill: #fff;

}

#service .service_card .serv_box a svg {

  top: 50%;

  position: absolute;

  transform: translateY(-50%);

  left: -8px;

}

#service .service_card .serv_box .icon_box {

  width: 80px;

  height: 80px;

  background: #3D77A5;

  position: relative;

  display: inline-flex;

  justify-content: center;

  align-items: center;

  margin-right: 23px;

}

#service .service_card .serv_box .infos {

  width: calc(100% - calc(80px + 23px));

  padding-top: 4px;

}

#service .service_card .serv_box .infos h3 {

  font-size: 16px;

  line-height: 21px;

  font-family: "mont-700";

  color: #000;

  text-transform: uppercase;

  height: 44px;

  margin-bottom: 5px;

}

#service .service_card .serv_box .infos p {

  font-size: 16px;

  line-height: 24px;

  font-family: "mont-500";

  color: #777777;

}



#counter {

  background: url(../images/counter_bg.jpg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  padding: 73px 0 0 0;

  position: relative;

  z-index: 1;

}

#counter::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #000;

  opacity: 0.5;

  z-index: -1;

}

#counter .psm_row {

  flex-wrap: wrap;

  justify-content: space-between;

}

/* #counter .psm_col{

  flex: 0 0 25%;

  max-width: 25%;

} */

#counter .counter_card {

  margin-bottom: 44px;

  display: flex;

}

#counter .counter_card .counter_block {

  width: 90px;

  height: 90px;

  display: inline-flex;

  border-radius: 50%;

  background: #ed1b24;

  justify-content: center;

  align-items: center;

  margin-right: 21px;

}

#counter .counter_card .counter_info span.counterNo {

  font-size: 53px;

  line-height: 64px;

  font-family: "mont-700";

  display: block;

  color: #fff;

  transition: 0.3s all;

}

#counter .counter_card .counter_info span.title {

  font-size: 20px;

  line-height: 24px;

  font-family: "mont-500";

  color: #fff;

  height: 71px;

  display: block;

  width: 100px;

}

#counter .counter_card .counter_info {

  width: calc(100% - calc(90px + 21px));

}

#customer {

  padding: 50px 0;

  background: url(../images/coustomer-bg.jpg) no-repeat left top;

  background-size: cover;

}

#customer span.tagText {

  font-size: 20px;

  line-height: 29px;

  display: block;

  text-align: center;

  font-family: "mont";

  color: #fff;

}

#customer h1 {

  margin-bottom: 59px;

}

#customer .psm_row:nth-child(2) {

  flex-wrap: wrap;

}

#customer .psm_row .blog_col {

  flex: 0 0 25%;

  max-width: 25%;

}

#customer .psm_row .blog_col .blog_card {

  width: 290px;

  height: 413px;

  display: flex;

  flex-flow: column;

  margin: 16px auto;

}

#customer .psm_row .blog_col .blog_card .img_block {

  width: 100%;

  height: 252px;

}

#customer .psm_row .blog_col .blog_card .img_block img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

#customer .psm_row .blog_col .blog_card .blog_info {

  width: 100%;

  height: calc(413px - 252px);

  background: #fff;

  padding: 20px;

}

#customer .psm_row .blog_col .blog_card .blog_info p {

  font-size: 22px;

  line-height: 30px;

  font-family: "mont-700";

  color: #141313;

}

#customer a.vmBtn {

  width: 172px;

  height: 55px;

  border: 2px solid #4AB948;

  color: #fff;

  display: inline-flex;

  justify-content: center;

  align-items: center;

  font-size: 16px;

  line-height: 29px;

  font-family: "mont-600";

  text-transform: capitalize;

  margin-top: 44px;

}

.text_center {

  text-align: center;

}

#gallery_faq {

  padding: 50px 0;

  background: #fff;

}

#gallery_faq .gallery_col,

#gallery_faq .faq_col {

  flex: 0 0 50%;

  max-width: 50%;

}



#gallery_faq h1 {

  font-family: "mont-700";

  /* color: #000; */

  font-size: 50px;

  text-transform: capitalize;

  text-align: left;

  line-height: 1.2;

}

#galery_faq .gallery_col h1 {

  line-height: 80px;

}

#galery_faq .faq_col h1 {

  line-height: 50px;

}

#gallery_faq .gallery_content .top {

  display: flex;

  margin-bottom: 17px;

}

#gallery_faq .gallery_content .top .left {

  width: 182px;

  height: 176px;

  margin-right: 13px;

  position: relative;

}

#gallery_faq .gallery_content .top .right {

  width: 377px;

  height: 176px;

  position: relative;

}

#gallery_faq .gallery_content .bottom {

  display: flex;

}

#gallery_faq .gallery_content .bottom .left {

  display: flex;

  flex-flow: column;

  margin-right: 13px;

}

#gallery_faq .gallery_content .bottom .left .top {

  width: 182px;

  height: 176px;

  margin-bottom: 17px;

  position: relative;

}

#gallery_faq .gallery_content .bottom .left .bottom {

  width: 182px;

  height: 176px;

  position: relative;

}

#gallery_faq .gallery_content .bottom .right {

  width: 377px;

  height: 372px;

  position: relative;

}

#gallery_faq .gallery_content {

  margin-top: 65px;

}

#gallery_faq .gallery_content img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

#gallery_faq .gallery_content .top .left::before,

#gallery_faq .gallery_content .top .right::before,

#gallery_faq .gallery_content .bottom .left .top::before,

#gallery_faq .gallery_content .bottom .left .bottom::before,

#gallery_faq .gallery_content .bottom .right::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.5);

  background-image: url(../images/gal_cursor.svg);

  background-position: center center;

  background-repeat: no-repeat;

  /* background-size: contain; */

  opacity: 0;

  transition: 0.3s all;

}

#gallery_faq .gallery_content .top .left:hover::before,

#gallery_faq .gallery_content .top .right:hover::before,

#gallery_faq .gallery_content .bottom .left .top:hover::before,

#gallery_faq .gallery_content .bottom .left .bottom:hover::before,

#gallery_faq .gallery_content .bottom .right:hover::before {

  opacity: 1;

}

#gallery_faq .faq_col {

  padding-left: 40px;

}

.faq {

  margin-top: 38px;

}

.faq_item {

  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);

  background: #fff;

  padding: 18px 23px;

  position: relative;

  margin-bottom: 22px;

  cursor: pointer;

  transition: 0.3s all;

}

.faq_item .faq_title {

  display: block;

  font-size: 16px;

  line-height: 22px;

  color: #000;

  font-family: "mont-700";

  width: 367px;

  max-width: 90%;

  margin-bottom: 6px;

}



.faq_item .faq_desc {

  font-size: 16px;

  line-height: 24px;

  color: #777;

  font-family: "mont-500";

  width: 472px;

  max-width: 95%;

  display: block;

}

.faq_item .icon {

  width: 32px;

  height: 32px;

  border: 2px solid #3D77A5;

  position: absolute;

  top: 25px;

  right: 27px;

}

.faq_item .icon::before {

  content: "";

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 1px;

  height: 20px;

  background: #3D77A5;

  transition: 0.3s all;

}

.faq_item .icon::after {

  content: "";

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 20px;

  height: 1px;

  background: #3D77A5;

}

.faq_item.faq_actv .icon::before {

  transform: translate(-50%, -50%) rotate(90deg);

  opacity: 0;

}



/* Modal CSS */



.job_modal_window,

.job_modal_windows {

  height: 100%;

  width: 100%;

  z-index: 999;

  position: fixed;

  top: 0;

  left: 0;

  background: rgba(0, 0, 0, 0.7);

  overflow: auto;

}

.job_modal,

.job_modals {

  background: #fff;

  padding: 50px 58px 0 58px;

  width: 796px;

  max-width: 95%;

  margin: 150px auto;

  height: auto;

  position: relative;

  display: block;

}

.job_modal .closeBtn,

.job_modals .closeBtns {

  position: absolute;

  top: 20px;

  right: 30px;

  cursor: pointer;

}



.job_modal .closeBtn svg path,

.job_modals .closeBtns svg path {

  fill: #000;

  transition: 0.3s all;

}

.job_modal .closeBtn:hover svg path,

.job_modals .closeBtns:hover svg path {

  fill: #ed1b24;

}

.job_modal .modal_title,

.job_modals .modal_titles {

  text-align: center;

  display: block;

  font-family: "mont-700";

  font-size: 38px;

  line-height: 1.2;

  color: #000;

  text-transform: capitalize;

  margin-bottom: 40px;

}

.job_modal .modal_content .form-group,

.job_modals .modal_contents .form-group {

  margin-bottom: 30px;

}

.job_modal .modal_content .form-group label,

.job_modals .modal_contents .form-group label {

  font-size: 16px;

  line-height: 1.2;

  font-family: "mont-500";

  margin-bottom: 8px;

  display: block;

  color: #000;

  text-transform: capitalize;

}

.job_modal .modal_content .form-group input,

.job_modal .modal_content .form-group select,

.job_modals .modal_contents .form-group input,

.job_modals .modal_contents .form-group select {

  display: block;

  background: #fcfcfc;

  border: 1px solid #d9d9d9;

  padding: 10px 15px;

  font-size: 16px;

  line-height: 1.2;

  font-family: "mont-500";

  color: #a1a1a1;

  width: 100%;

  outline: none;

}

.job_modal .modal_content .form-group textarea,

.job_modals .modal_contents .form-group textarea {

    display: block;

  background: #fcfcfc;

  border: 1px solid #d9d9d9;

  padding: 10px 15px;

  font-size: 16px;

  line-height: 1.2;

  font-family: "mont-500";

  color: #a1a1a1;

  width: 100%;

  resize: none;

  height: 130px;

  outline: none;

}

.job_modal .modal_content .form-group::placeholder,

.job_modals .modal_contents .form-group::placeholder {

  font-size: 19px;

  line-height: 31px;

  font-family: "mont-500";

  color: #a1a1a1;

  text-transform: capitalize;

}



.job_modal .modal_content .form-group input[type="submit"],

.job_modals .modal_contents .form-group input[type="submit"] {

  width: 236px;

  height: 73px;

  display: flex;

  justify-content: center;

  align-items: center;

  background: #3D77A5;

  font-size: 19px;

  line-height: 29px;

  color: #fff;

  text-transform: capitalize;

  padding: 0;

  border: 1px solid #3D77A5;

  transition: 0.3s all;

  margin: 0 auto;

}

.job_modal .modal_content .form-group input[type="submit"]:hover,

.job_modals .modal_contents .form-group input[type="submit"]:hover {

  background: transparent;

  color: #3D77A5;

}



/* Service Page */

.innerpage_banner {

  position: relative;

  padding: 120px 0 105px 0;

  background-position: center center !important;

  background-repeat: no-repeat !important;

  background-size: cover !important;

  z-index: 1;

}

.innerpage_banner::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(104.5deg, rgba(0, 195, 183, 0.4) 0%, rgba(4, 186, 0, 0.4) 100%);

  transform: matrix(-1, 0, 0, 1, 0, 0);

  z-index: -1;

}

.innerpage_banner h1 {

  color: #fff;

  font-size: 49px;

  line-height: 70px;

  font-family: "mont-900";

  text-transform: uppercase;

}

.innerpage_banner span.psm_breadcrumb {

  display: inline-flex;

  align-items: center;

  background: rgba(0, 0, 0, 0.6);

  border-radius: 50px;

  padding: 8px 22px;

  color: #fff;

  font-family: "mont";

}

.innerpage_banner span.psm_breadcrumb a {

  color: #fff;

  display: inline-block;

  margin-right: 16px;

  font-family: "mont";

  text-transform: uppercase;

}

.innerpage_banner span.psm_breadcrumb span.last {

  color: #54DC52;

  font-family: "mont-500";

  text-transform: uppercase;

}



#service_tab {

  background: #f6f6f6;

  padding: 60px 0 70px 0;

}

#service_page footer::before {

  background: #f6f6f6;

}

#service_tab ul#pills-tab {

  justify-content: space-between;

  background: #fff;

  flex-wrap: wrap;

  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);

  margin-bottom: 64px !important;

}

#service_tab .nav-pills .nav-link.active,

#service_tab .nav-pills .show > .nav-link {

  color: #fff;

  background-color: #3D77A5;

  font-family: 'mont-600';

}

#service_tab .nav-pills .nav-link{

  padding: 24px 22px;

  font-size: 15px;

  line-height: 22px;

  font-family: 'mont-500';

  color: #000;

  border-radius: 0;

}

#service_tab .tab-content .img_blk{

  display: block;

  width: 600px;

  height: 533px;

  margin-bottom: 16px;

  max-width: 100%;

}

#service_tab .tab-content .img_blk img{

  width: 100%;

  height: 100%;

  object-fit: cover;

}

#service_tab .tab-content .service_heading{

  margin-bottom: 34px;

}

#service_tab .tab-content .service_heading .icon_block{

  width: 80px;

  height: 80px;

  background: #3D77A5;

  margin-right: 23px;

  display: inline-flex;

  justify-content: center;

  align-items: center;

}

#service_tab .tab-content .service_heading h4{

  font-size: 34px;

  line-height: 41px;

  color: #000;

  font-family: 'mont-700';

  text-transform: uppercase;

  width: 300px;

  max-width: 100%;

}

#service_tab .tab-content p{

  font-size: 19px;

  line-height: 31px;

  font-family: 'mont-500';

  color: #777;

}



/* Abou Us page CSS */



#aboutUs{

  padding: 116px 0 90px 0;

  background: #fff;

  position: relative;

  z-index: 1;

}

#aboutUs::before{

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 484px;

  height: 484px;

  max-width: 70%;

  background: #3D77A5;

  z-index: -1;

}

#aboutUs .seg_head {

  margin-bottom: 31px;

}

#aboutUs .seg_head span.smallTxt {

  font-size: 29px;

  line-height: 33px;

  font-family: "mont";

}

#aboutUs .seg_head h1 {

  font-size: 40px;

  line-height: 40px;

  font-family: "mont-700";

  color: #000;

  display: flex;

  align-items: flex-end;

}

#aboutUs .seg_head span.tagline {

  display: block;

  text-align: right;

  color: #000;

  font-size: 18px;

  line-height: 24px;

  font-family: "mont-600";

  font-style: italic;

  padding-right: 115px;

}

#aboutUs .img_block{

  position: relative;

  z-index: 1;

}

#aboutUs .img_block::before{

  content: '';

  position: absolute;

  top: -32px;

  left: -32px;

  width: 90%;

  height: 90%;

  background: #fff;

  z-index: -1;

}

#aboutUs p{

  font-size: 19px;

  line-height: 31px;

  color: #777;

  font-family: 'mont-500';

}



/* Contact Us Page */



.contactus{

  background: #fff;

  padding: 64px 0;

}

.contactus .map_area{

  margin-bottom: 72px;

}

.contact_info .sec_head{

  text-align: center;

  margin-bottom: 70px;

}

.contact_info .sec_head span.smalltxt{

  font-size: 41px;

  line-height: 49px;

  color: #B0B8BF;

  font-family: 'mont-800';

  text-transform: uppercase;

  display: block;

}

.contact_info .sec_head h1{

  text-transform: uppercase;

  color: #383434;

  font-size: 82px;

  line-height: 111px;

  font-family: 'mont-800';

}

.contact_info .infoRow{

  margin-bottom: 64px;

}

.contact_info .infoRow .con_icon_block{

  width: 82px;

  height: 82px;

  display: inline-flex;

  justify-content: center;

  align-items: center;

  margin-right: 28px;

  background: #3D77A5;

}

.contact_info .infoRow .info_item{

  display: block;

  font-size: 23px;

  line-height: 28px;

  font-family: 'mont-500';

  color: #383434;

  width: calc(100% - calc(82px + 28px));

}

.contact_form_area .form-group{

  margin-bottom: 22px;

}

.contact_form_area .form-group label{

  display: block;

  font-size: 19px;

  line-height: 23px;

  font-family: 'mont-500';

  color: #363434;

  margin-bottom: 18px;

  text-transform: capitalize;

}

.contact_form_area .form-group input{

  width: 100%;

  padding: 24px 20px;

  background: #F4F4F4;

  border: 1px solid #eeeeee;

  font-size: 17px;

  line-height: 29px;

  color: #8E8787;

}

.contact_form_area .form-group textarea{

  width: 100%;

  height: 363px;

  background: #f4f4f4;

  border: 1px solid #eeeeee;

  padding: 24px 20px;

  font-size: 17px;

  line-height: 29px;

  color: #8E8787;

}

.contact_form_area .form-group ::placeholder{

  font-size: 17px;

  line-height: 29px;

  color: #8E8787;

  text-transform: capitalize;

}

.contact_form_area input[type=submit]{

  background: #3D77A5;

  color: #fff;

  width: 215px;

  height: 68px;

  font-size: 19px;

  line-height: 22px;

  font-family: 'mont-500';

  display: flex;

  justify-content: center;

  align-items: center;

  margin-left: auto;

  text-transform: capitalize;

  border: 1px solid transparent;

  transition: 0.3s all;

}

.contact_form_area input[type=submit]:hover{

  color: #ed1b24;

  border: 1px solid #ed1b24;

  background: transparent;

}



/* Responsive Menu */



span.menuToggler {

  display: none;

}

div#mob_navigation{

  display: none;

}


.conarea {
  border: 2px solid #3d77a5;
  text-align: center;
  padding: 10px 0;
  min-height: 405px;
  margin-bottom: 20px;
}
.conarea1 {
  border: 2px solid #3d77a5;
  text-align: center;
  padding: 10px 0;
}
.conarea1 p{  
  width: 40%;
  text-align: right;
  font-weight: 600;
  font-size: 20px;
  color: #3d77a5;}
.conarea p{  
  width: 50%;
  text-align: right;
  font-weight: 600;
  font-size: 20px;
  color: #3d77a5;}

  
.contact_info .infoRow .info_item {
  padding-left: 25px;
  text-align: left;}

  .contact_info .infoRow .con_icon_block {
    
    margin-bottom: 20px;
  }