@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");
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cal+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');




/* reset css start */

html {

  scroll-behavior: smooth;

}



body {

  font-family: "Poppins", serif;

  font-size: 16px;

  padding: 0;

  margin: 0;

  font-weight: 400;

  position: relative;

  line-height: 29px;

}



::-webkit-scrollbar {

  width: 6px;

  height: 4px
}



::-webkit-scrollbar-track {

  background-color: #ebebeb;

  -webkit-border-radius: 10px;

  border-radius: 10px
}



::-webkit-scrollbar-thumb {

  -webkit-border-radius: 10px;

  border-radius: 10px;

  background: #606a35
}



.widget_container {

  background: #ffffff !important
}



img {

  max-width: 100%;

  height: auto;

  transition: all 0.3s ease-out 0s;

}



button {

  cursor: pointer;

}



*:focus {

  outline: none;

}



button {

  border: none;

  font-family: "Poppins", serif;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}



span {

  font-family: "Poppins", serif;

}



button:focus {

  outline: none;

}



a {

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

  font-family: "Poppins", serif;

}



a:hover {

  text-decoration: none;

  color: #000;

}



table {

  width: 100%;

}



p,

li,

span {

  color: #4c4c4c;

  font-size: 16px;

  line-height: 30px;

  font-weight: 400;

  margin-bottom: 0;

}



/* reset css end */

/* global css start */

.nice-select {

  background-color: transparent;

  height: 40px !important;

  line-height: 40px !important;

  min-height: 40px !important;

  padding: 0 30px;

}



.nice-select span {

  color: #4c4c4c;

}



.nice-select .list li {

  margin-right: 0 !important;

}



.nice-select .list .option {

  color: #000;

}



.nice-select .list .option.selected,

.nice-select .list .option:hover {

  border: none !important;

}



/* global css end */

.bg_img {

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  width: 100%;

  height: 100%;

}



.dark-bg {

  background-color: #010103;

}



.grey-bg {

  background: #F4F1EE;

}



.white {

  color: #ffffff;

}



.f-right {

  float: right;

}



.section-heading {

  position: relative;

  z-index: 2;

}



@media (max-width: 991px) {

  .section-heading {

    text-align: start;

  }

}



.sub-title {

  color: #0061d71a;

  display: block;

  font-size: 56px;

  text-transform: uppercase;

  letter-spacing: 1px;

  font-weight: 600;

  line-height: 42px;

  margin-bottom: 15px;

  position: absolute;

  /* left: 21px; */

  right: -12px;

  top: 134px;

  /* width: 100%; */

  text-align: right;

}



.section-heading .title {

  color: #0061d7;

  font-size: 40px;

  text-transform: uppercase;

  font-weight: bold;

  line-height: 36px;

  margin-bottom: 20px;

}



.section-heading .title span.section-span-title {

  color: #0061d7;

  font-size: 40px;

  text-transform: uppercase;

  font-weight: bold;

  line-height: 57px;

  margin-bottom: 13px;

}



@media (max-width: 767px) {

  .section-heading .title {

    font-size: 35px;

    line-height: 46px;

    padding-right: 0;

    text-align: start;

  }

}



.section-heading p {

  font-size: 17px;

  color: #4c4c4c;

  line-height: 32px;

  text-align: justify;

  font-weight: 400;

}



.section-heading p:not(:last-child) {

  margin-bottom: 35px;

}



.section-heading__black .title {

  color: #000;

}



.border-effect a,

.border-effect span.border-effect {

  position: relative;

  display: inline;

  background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(currentColor));

  background-image: -webkit-linear-gradient(left, currentColor 0%, currentColor 100%);

  background-image: -o-linear-gradient(left, currentColor 0%, currentColor 100%);

  background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);

  background-size: 0px 2px;

  background-position: 0px 95%;

  -webkit-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;

  -o-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;

  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;

  padding: 0.7% 0px;

  background-repeat: no-repeat;

  color: inherit;

}



.border-effect a:hover,

.border-effect span.border-effect:hover {

  background-size: 100% 2px;

}



span.border-effect {

  position: relative;

  display: inline;

  background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(currentColor));

  background-image: -webkit-linear-gradient(left, currentColor 0%, currentColor 100%);

  background-image: -o-linear-gradient(left, currentColor 0%, currentColor 100%);

  background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);

  background-size: 0px 2px;

  background-position: 0px 95%;

  -webkit-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;

  -o-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;

  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;

  padding: 0.7% 0px;

  background-repeat: no-repeat;

  color: inherit;

}



span.border-effect:hover {

  background-size: 100% 2px;

}







/* typography css start */

h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: 500;

  color: #000;

  margin: 0;

  line-height: 1.4;

  font-family: "Playfair Display", serif;

}



h1 {

  font-size: 50px;

}



h2 {

  font-size: 40px;

}



h3 {

  font-size: 26px;

}



h4 {

  font-size: 20px;

}



h5 {

  font-size: 18px;

}



h6 {

  font-size: 16px;

}



/* typography css end */



/* Heder css start*/

.site-header {

  width: 100%;

  z-index: 9;

}





@media (max-width: 1199px) {

  .site-header__3 {

    padding: 0px 0px;

  }

}



@media (max-width: 991px) {

  .site-header__3 {

    padding: 10px 0px;

  }

}



.site-header__3 .wrapper {

  width: 200px;

}



.site-header__4 {

  border: none;

}



@media (max-width: 1199px) {

  .site-header__4 {

    padding: 15px 0px;

  }

}



.header-top {

  padding: 7px 35px;

  width: 59.5%;

  display: flex;

  justify-content: end;

  position: relative;

  margin-left: auto;

  background-color: #444442;

}



.header-top::before {

  content: "";

  position: absolute;

  left: -1px;

  top: 0;

  width: 40px;

  height: 100%;

  background-color: white;

  clip-path: polygon(0 0, 100% 100%, 0 100%);

}



.header-top .top-nav-right {

  display: flex;

  justify-content: end;

  align-items: center;

}



.header-top .top-nav-right .top-nav-menu {

  padding-left: 0;

  list-style: none;

  display: flex;

  margin-bottom: 0;

}



.header-top .top-nav-right .top-nav-menu .nav-social-media {

  padding-left: 0;

  list-style: none;

  display: flex;

}



.header-top .top-nav-right .top-nav-menu .nav-social-media .social-media {

  padding-left: 0;

  list-style: none;

  display: flex;

}



.header-top .top-nav-right .top-nav-menu .nav-social-media .social-media li i {

  color: #f4b630;

  font-size: 20px;

}



.header-top .top-nav-right .top-nav-menu .nav-social-media p {

  color: #fff;

  font-size: 16px;

  font-weight: 600;

  margin-right: 10px;

}



.header-top .top-nav-right .top-nav-menu .nav-social-media .social-media li:not(:last-child) {

  margin-right: 10px;

  padding-right: 0;

  border-right: 0;

}



.header-top .top-nav-right .top-nav-menu li:not(:last-child) {

  margin-right: 60px;

  padding-right: 60px;

  border-right: 2px solid #ffffff;

}



.header-top .top-nav-right .top-nav-menu li a {

  color: #fff;

  text-decoration: none;

  font-weight: 400;

  font-size: 16px;

}



.header-top .top-nav-right .top-nav-menu li a i {

  color: #f4b630;

  font-size: 16px;

  text-decoration: none;

  font-weight: 400;

  margin-right: 5px;

}



/* Navigation css */

.main-menu ul {

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  flex-wrap: wrap;

  list-style: none;

  padding: 0;

  padding-right: 20px;

  margin: 0;

}



.main-menu ul li {

  position: relative;

}



.main-menu ul li:not(:last-child) {

  margin-right: 52px;

}





.main-menu ul li a {

  display: block;

  text-decoration: none;

  font-size: 16px;

  color: #777777;

  position: relative;

  text-transform: uppercase;

  line-height: 22px;

  font-weight: 500;

  transition: 0.3s all ease;

}



.main-menu ul li a:hover {

  color: #f4b630;

}



.site-header .header-btn .site-btn {

  display: flex;

  align-items: center;

  padding: 10px 11px 10px 25px;

  color: #000;

  box-shadow: 0px 8px 20px 2px #00000012;

}



.site-header .header-btn .site-btn i {

  color: #fff;

  background-color: #4c5f00;

  font-weight: 500;

  padding: 8px 10px;

  margin-left: 14px;

  font-size: 18px;

}





.main-menu ul li:hover>.sub-menu {

  visibility: visible;

  opacity: 1;

  -webkit-transform: scaleY(100%);

  -ms-transform: scaleY(100%);

  transform: scaleY(100%);

}



.main-menu ul li a i {

  font-size: 20px;

  font-weight: 400;

  transition: 0.3s all ease-in-out;

  margin-left: 0px;

}



.main-menu ul li a:hover i {

  color: #f4b630;

}



.main-menu ul li .sub-menu {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  position: absolute;

  min-width: 300px;

  top: 190%;

  align-items: start;

  visibility: hidden;

  overflow: hidden;

  opacity: 0;

  background: #ffffff;

  padding: 20px 20px;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);

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

  z-index: 3;

  text-align: left;

  transform-origin: 50% 0;

  -webkit-transform: scaleY(0);

  -ms-transform: scaleY(0);

  transform: scaleY(0);

  border-radius: 5px;

}



.main-menu ul li .sub-menu li {

  margin-right: 0px;

  width: 100%;

  border-bottom: 1px solid #ebebeb;

  position: relative;

  transition: 0.3s all ease;

}



.main-menu ul li .sub-menu li:hover a::before {

  content: '';

  position: absolute;

  left: -20px;

  background-color: #f4b630;

  width: 5px;

  height: 80%;

  transition: 0.3s allease;

  top: 0;

}



.main-menu ul li .sub-menu li:last-child {

  border-bottom: 0px solid #ebebeb;

}



.main-menu ul li .sub-menu li a {

  color: #010103;

  padding: 16px 0px;

  width: 100%;

  display: inline-block;

  transition: 0.3s all ease;

  font-size: 15px;

}





.main-menu ul li .sub-menu li a::after {

  left: 15px;

}



.main-menu ul li .sub-menu li a:hover::after {

  left: 10px;

}



.main-menu ul li .sub-menu li:hover>a {

  color: #f4b630;

}



.main-menu ul li .sub-menu li:hover>a::after {

  left: 10px;

}



.main-menu ul li .sub-menu ul {

  left: 100%;

  top: 0px;

}



.main-menu ul li .sub-menu .active>a {

  color: #000;

}



.main-menu ul li .sub-menu .active>a::after {

  left: 10px;

}



.main-menu ul .active>a {

  color: #000;

}



.main-menu ul .active>a::after {

  opacity: 1;

  visibility: visible;

  left: 0;

}



@media only screen and (min-width: 1200px) and (max-width: 1500px) {

  .main-menu__2 ul li:not(:last-child) {

    margin-right: 20px;

  }

}



.main-menu__2 ul li a {

  color: #000;

  font-weight: 500;

}



@media (max-width: 1199px) {

  .main-menu__3 {

    margin-left: 0px;

  }

}



@media (max-width: 991px) {

  .main-menu__3 {

    display: none;

  }

}







.main-menu__4 ul li a {

  color: #000;

  font-weight: 500;

}



.menu-area {

  position: relative;

  z-index: 99;

  padding: 18px 0 18px 0;

}



.menu-area .logo {

  margin-top: -50px;

}



.menu-area .logo img {

  width: 79%;

  /* height: 108px; */

}



@media (max-width: 991px) {

  .menu-area {

    padding-top: 15px;

  }

}



.menu-area__right .item {

  font-size: 23px;

  color: #222;

}



.menu-area .logo img {

  width: 100%;

  /* height: 108px; */

  object-fit: cover;

  padding-left: 10px;

}







.menu-area__right .item i {

  font-size: 23px;

}



.menu-area__right .item i {

  color: #222;

}



.menu-area__right--2 .item {

  color: #000;

}



.menu-area__right--2 .item i {

  color: #000;

}



.menu-area__right--4 .item {

  color: #000;

}



.menu-area__right--4 .item i {

  color: #000;

}



@media (max-width: 991px) {

  .menu-area__3 {

    padding-top: 18px;

  }

}



.menu-area.sticky-header {

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  z-index: 99;

  background: #fff;

  -webkit-box-shadow: 0px 13px 25px -12px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 13px 25px -12px rgba(0, 0, 0, 0.1);

  padding: 10px 0;

}



.menu-area.sticky-header .logo {

  margin-top: 0px;

}



@media (max-width: 991px) {

  .menu-area.sticky-header {

    padding-top: 15px;

    padding-bottom: 15px;

  }

}



.menu-area-2.sticky-header {

  background-color: #ffffff;

}



@media (max-width: 991px) {

  .menu-area-2.sticky-header {

    padding-top: 10px;

    padding-bottom: 0px;

  }

}



.menu-area__4.sticky-header {

  background-color: #ffffff;

}



.menu-area.animated {

  -webkit-animation-duration: 0.5s;

  animation-duration: 0.5s;

}



.mean-container .mean-nav ul li a:hover {

  color: #ffc107;

}



/* Social link css */

.social-links a {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  width: 35px;

  height: 35px;

  border-radius: 4px;

  font-size: 13px;

  border: 1px solid #808080;

  text-align: center;

  line-height: 27px;

  color: #808080;

  text-decoration: none;

}



.social-links a:not(:last-child) {

  margin-right: 10px;

}



.social-links a:hover {

  border-color: #ffffff;

  color: #ffffff;

}



.social-links__2 a {

  border-color: #E2DFDD;

}



.social-links__2 a:hover {

  border-color: #999999;

  color: #000;

}



.site-header__3 {

  padding: 0px 0px 0px 0px;

}



/* Button css */

.site-btn {

  font-size: 16px;

  text-transform: uppercase;

  color: #222;

  letter-spacing: 2px;

  background: rgb(244, 182, 48);

  background: linear-gradient(180deg, rgba(244, 182, 48, 1) 0%, rgba(255, 223, 163, 1) 100%);

  padding: 10px 11px 10px 25px;

  text-decoration: none;

  position: relative;

  z-index: 1;

  display: flex;

  align-items: center;

  /* border: 5px solid #f4f4f4; */

  font-weight: 500;

}



.box-shadow-1 {

  box-shadow: 0 0 20px 15px #0000000f;

}



.site-btn i {

  color: #fff;

  background-color: #4c5f00;

  font-weight: 500;

  padding: 4px 8px;

  margin-left: 14px;

  font-size: 19px;

}



@media (max-width: 767px) {

  .site-btn {

    padding: 9.5px 15px 9.5px 15px;

    font-size: 16px;

  }

}





.site-btn__borderd {

  background: transparent;

  border-color: #32323D;

}



.site-btn__borderd::after {

  background: #C7A17A;

}



.site-btn__borderd:hover {

  border-color: #C7A17A;

}



.site-btn__2 {

  background: transparent;

  border-color: #E2DFDD;

  margin-right: 20px;

  color: #010103;

}



.site-btn__2::after {

  background: #C7A17A;

}



.site-btn__2:hover {

  border-color: #C7A17A;

}



.site-btn__bghide {

  border: none;

  border-radius: 0px;

  color: #000;

  text-transform: uppercase;

  font-weight: 700;

  font-size: 14px;

  letter-spacing: 0px;

  background-color: transparent;

}



.site-btn__bghide::after {

  display: none;

}



.site-btn__bghide:hover {

  color: #C7A17A;

}



@media (max-width: 767px) {

  .btns {

    flex-direction: column;

    justify-content: flex-start !important;

    align-items: flex-start !important;

  }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

  .btns {

    flex-direction: row;

    justify-content: flex-start !important;

    align-items: center !important;

  }

}



.btns .site-btn__borderd {

  margin-left: 20px;

}



@media (max-width: 767px) {

  .btns .site-btn__borderd {

    margin-left: 0px;

    margin-top: 20px;

  }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

  .btns .site-btn__borderd {

    margin-left: 20px;

    margin-top: 0px;

  }

}



.btns .site-btn__borderd--double {

  border-width: 2px;

  padding: 8.5px 34px;

}



.video-btn {

  text-decoration: none;

}



.video-btn span {

  font-size: 15px;

  text-transform: uppercase;

  color: #828282;

  margin-right: 18px;

}



.video-btn i {

  width: 50px;

  height: 50px;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  font-size: 12px;

  color: #ffffff;

  border-radius: 50%;

  border: 1px solid #79797A;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}



.video-btn:hover i {

  background: #C7A17A;

  color: #ffffff;

}



.video-btn__2 {

  flex-direction: column;

  justify-content: center;

}



.video-btn__2 i {

  width: 70px;

  height: 70px;

  color: #776c62;

  font-size: 13px;

  margin-bottom: 5px;

  border-color: #E3E0DE;

}



.video-btn__2 span {

  color: #000;

  font-weight: 500;

  margin-right: 0px;

  display: block;

}



.video-btn__2--white i {

  color: #ffffff;

}



.video-btn__2--white span {

  color: #ffffff;

  letter-spacing: 2px;

}



.video-btn__2--white:hover i {

  background-color: #C7A17A;

  border-color: #C7A17A;

}



.read-more {

  color: #a7a7a7;

  text-transform: uppercase;

  text-decoration: none;

  font-size: 15px;

  display: inline-block;

}



.read-more i {

  padding-left: 10px;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}



.read-more:hover {

  color: #ffffff;

}



.read-more:hover i {

  padding-left: 5px;

}



.read-more__2 {

  color: #6c6c6c;

}



.go-top {

  position: absolute;

  flex-direction: column;

  font-size: 15px;

  color: #a7a7a7;

  text-transform: uppercase;

  text-decoration: none;

  top: -25px;

  left: 50%;

  display: inline-block;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

}



.go-top span {

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}



.go-top span:hover {

  color: #ffffff;

}



.go-top i {

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

  background-color: #010103;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  color: #ffffff;

  margin-bottom: 10px;

  border: 1px solid #a7a7a7;

  width: 50px;

  height: 50px;

  border-radius: 50%;

}



.go-top i:hover {

  background-color: #C7A17A;

}



.go-top__bottom {

  left: 0;

  -webkit-transform: translateX(0%);

  -ms-transform: translateX(0%);

  transform: translateX(0%);

  position: static;

  color: #ffffff;

}



@media (max-width: 991px) {

  .go-top__bottom {

    margin-top: 30px;

  }

}



.go-top__bottom span {

  color: #ffffff;

}



.go-top__bottom i {

  display: inline-block;

  width: auto;

  height: auto;

  border: none;

  margin-bottom: 0;

  padding-left: 5px;

  background-color: transparent;

}



.go-top__white i {

  background: #ffffff;

  border-color: #E2DFDD;

  color: #000;

  margin-bottom: 0px;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}



.go-top__white i:hover {

  background-color: #C7A17A;

  border-color: #C7A17A;

  color: #ffffff;

}



@media (max-width: 991px) {

  .btns-wrapper .site-btn {

    margin-top: 20px;

  }

}



.share-btn {

  color: #6c6c6c;

}



.inline-btn {

  width: 45px;

  height: 45px;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  color: #776c62;

  border: 1px solid #E2DFDD;

  border-radius: 5px;

  text-decoration: none;

}



.inline-btn:hover {

  color: #ffffff;

  background-color: #C7A17A;

  border-color: #C7A17A;

}



/* search css */

.search {

  position: relative;

}



.search__trigger {

  padding: 10px 12px;

}



.search__trigger .open,

.search__trigger .close {

  cursor: pointer;

  line-height: 60px;

  color: #000;

}



.search__trigger .close {

  display: none;

}



.search__form {

  position: absolute;

  visibility: hidden;

  opacity: 0;

  transform: scale(0.9);

  padding: 15px;

  right: 0;

  top: 80px;

  width: 350px;

  z-index: 99;

}



@media (max-width: 767px) {

  .search__form {

    width: 280px;

    right: -100px;

  }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

  .search__form {

    width: 350px;

    right: 0;

  }

}



.search__form form {

  position: relative;

}



.search__form input {

  width: 100%;

  height: 55px;

  border: 0;

  background: #F4F1EE;

  padding: 20px;

}



.search__form button {

  position: absolute;

  right: 0;

  top: 0;

  border: 0;

  background: #1b2026;

  height: 55px;

  width: 55px;

  color: #fff;

  font-size: 18px;

  line-height: 60px;

}



.search__form.active {

  transform: scale(1);

  opacity: 1;

  visibility: visible;

  transition: 0.3s;

  background: #fff;

}



/* side info css */

.hamburger-trigger {

  margin-left: 12px;

  padding: 10px 12px;

  cursor: pointer;

}



.side-info {

  padding-left: 20px;

  padding-right: 20px;

}



.side-info .title {

  font-family: "Poppins", serif;

  text-transform: uppercase;

  font-weight: 600;

  font-size: 18px;

}



.side-info .mb-5 {

  margin-bottom: 5px !important;

}



.side-info p {

  font-size: 15x;

  line-height: 28px;

}



.side-info__close {

  top: 10px;
  right: 18px;
  background: #efefef;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 67px;
  cursor: pointer;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;

}



.side-info__close a {

  display: block;
  height: 100%;
  width: 100%;
  color: #000;
  text-decoration: none;
  line-height: 32px;

}



.side-info__close:hover {

  background: #606a35;

}



.side-info__wrapper {

  padding: 20px;

}



.side-info .social-links a:hover {

  color: #C7A17A;

  border-color: #C7A17A;

}



.overlay {

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

  height: 100%;

  width: 100%;

  position: fixed;

  top: 0;

  z-index: 99;

  left: 0;

  opacity: 0;

  visibility: hidden;

  transition: all 0.3s linear 0s;

  transition: all 600ms ease;

  -webkit-transition: all 600ms ease;

  -moz-transition: all 600ms ease;

  -ms-transition: all 600ms ease;

  -o-transition: all 600ms ease;

}



.overlay.active {

  opacity: 0.5;

  visibility: visible;

  cursor: url(../images/icons/cancel.png), auto;

}



.side-info-wrapper,

.cart-bar-wrapper {

  position: fixed;

  overflow-y: auto;

  top: 0;

  right: -330px;

  width: 300px;

  height: 100%;

  display: block;

  background-color: #ffffff;

  z-index: 100;

  box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);

  padding-top: 0px;

  -webkit-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);

  -o-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);

  transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);

}



.side-info-wrapper .nav,

.cart-bar-wrapper .nav {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



.side-info-wrapper .nav a,

.cart-bar-wrapper .nav a {

  flex: 0 0 100%;

  -ms-flex: 0 0 100%;

  max-width: 100%;

  font-size: 18px;

  color: #010103;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  align-items: center;

  justify-content: start;

  padding: 12px 18px;

  font-weight: 600;

  text-transform: uppercase;

  font-size: 14px;

  letter-spacing: 2px;

}



.side-info__logo img {

  width: 100%;

}



.side-info-wrapper .nav a.active,

.cart-bar-wrapper .nav a.active {

  background: #444442;

  color: #ffffff;

}



.side-info-wrapper.show,

.cart-bar-wrapper.show {

  right: 0;

}



.side-info-wrapper.mm-only.show {

  display: none;

}



@media (max-width: 991px) {

  .side-info-wrapper.mm-only.show {

    display: inline-block;

  }

}



@media (max-width: 991px) {

  .side-info-wrapper.show-all.show {

    display: none;

  }

}



.side-info-wrapper .contact__info li {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  font-size: 15px;

  align-items: flex-start;

}



.side-info-wrapper .contact__info li span {

  margin-right: 10px;

  flex: 0 0 15px;

  -ms-flex: 0 0 15px;

  max-width: 15px;

  color: #C7A17A;

  font-size: 15px;

}



.side-info-wrapper .contact__info li p {

  flex: 0 0 85%;

  -ms-flex: 0 0 85%;

  max-width: 85%;

}



.side-info-wrapper .contact__info li:not(:last-child) {

  margin-bottom: 5px;

}



/* mini cart css */

.cart {

  margin-left: 10px;

  padding: 10px 12px;

  cursor: pointer;

}



.cart__count {

  width: 20px;

  height: 20px;

  font-size: 12px;

  color: #ffffff;

  background: #80A093;

  position: absolute;

  top: 10px;

  right: 0px;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  line-height: 0;

}



.cart-bar-wrapper {

  padding: 25px 20px;

  padding-top: 60px;

}



.cart-bar-wrapper .site-btn {

  font-size: 12px;

  padding: 7px 18px;

}



.cart-bar-wrapper .site-btn__borderd {

  color: #010103;

  margin-left: 15px;

}



.cart-bar-wrapper .site-btn__borderd:hover {

  color: #ffffff;

}



@media (max-width: 767px) {

  .cart-bar-wrapper .btns {

    flex-direction: column;

    justify-content: flex-start !important;

    align-items: flex-start !important;

  }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

  .cart-bar-wrapper .btns {

    flex-direction: row;

    justify-content: flex-start !important;

    align-items: center !important;

  }

}



@media (max-width: 767px) {

  .cart-bar-wrapper .btns .site-btn__borderd {

    margin-left: 0px;

    margin-top: 20px;

  }

}



@media only screen and (min-width: 576px) and (max-width: 767px) {

  .cart-bar-wrapper .btns .site-btn__borderd {

    margin-left: 20px;

    margin-top: 0px;

  }

}



.cart-bar__close {

  position: absolute;

  top: 0;

  left: 0;

  background: #010103;

  width: 40px;

  height: 40px;

  -webkit-transition: 0.3s;

  -o-transition: 0.3s;

  transition: 0.3s;

}



.cart-bar__close a {

  color: #fff;

  position: relative;

  z-index: 2;

  font-size: 16px;

  left: 0;

  height: 100%;

  text-decoration: none;

}



.cart-bar__title {

  font-size: 18px;

  font-family: "Poppins", serif;

  text-transform: uppercase;

  font-weight: 600;

  display: block;

  padding-bottom: 15px;

  border-bottom: 1px solid #F4F1EE;

  margin-bottom: 15px;

}



.cart-bar__title span {

  color: #000;

}



.cart-bar__item .thumb {

  background: #ffffff;

  min-width: 70px;

}



.cart-bar__item .thumb img {

  max-width: 60px;

}



.cart-bar__item .content {

  padding-right: 25px;

  position: relative;

}



.cart-bar__item .content .title {

  font-size: 14px;

  font-weight: 500;

  text-transform: uppercase;

}



.cart-bar__item .content .title a {

  text-decoration: none;

  color: #010103;

}



.cart-bar__item .content .price {

  color: #010103;

  font-weight: 600;

  font-size: 15px;

}



.cart-bar__item .content .remove {

  top: 50%;

  right: 0px;

  color: #ffffff;

  width: 20px;

  height: 20px;

  font-size: 12px;

  line-height: 22px;

  text-align: center;

  position: absolute;

  border-radius: 100%;

  background-color: #80A093;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}



.cart-bar__subtotal {

  border-bottom: 1px solid #F4F1EE;

  border-top: 1px solid #F4F1EE;

  padding: 7px 0px;

  display: block;

  margin-top: 20px;

  margin-bottom: 20px;

}



.cart-bar__subtotal span {

  color: #010103;

  text-transform: uppercase;

  font-weight: 600;

}



.cart-bar__lists .cart-bar__item:not(:last-child) {

  margin-bottom: 15px;

}



/* hero area css */

.hero__area {

  z-index: 1;

  padding-top: 275px;

  padding-bottom: 90px;

}



.hero__area .shape {

  left: 0;

  top: 0;

}



@media only screen and (min-width: 1200px) and (max-width: 1500px) {

  .hero__area .shape {

    width: 35%;

  }

}



@media (max-width: 1199px) {

  .hero__area .shape {

    width: 35%;

  }

}



.hero__area .shape__2 {

  left: auto;

  right: 0;

}



@media (max-width: 991px) {

  .hero__area .mm-reverse {

    flex-direction: column-reverse;

  }

}



.hero__area--2 {

  padding-top: 0px;

  padding-bottom: 80px;

}



.hero__content.hero__content--3 .site-btn {

  box-shadow: 0 0 20px 13px #0000002e;

}





.hero__area--2 .shape {

  top: -65px;

}



.hero__area--2 .shape__2 {

  right: 0;

  top: -100px;

}



.hero__area--3 {

  padding-top: 185px;

  background-position: center;

  padding-bottom: 300px;

}



.br {

  border-bottom: 5px solid #cedce8;

  margin-top: 5px;

}



@media (max-width: 767px) {

  .hero__area--3 {

    padding-top: 55px;

    padding-bottom: 255px;

  }

}





.hero__area--3 .vide-wrapper {

  height: 100%;

  position: relative;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  flex: 0 0 100%;

  -ms-flex: 0 0 100%;

  max-width: 100%;

  align-items: flex-end;

  justify-content: flex-end;

}



@media (max-width: 767px) {

  .hero__area--3 .vide-wrapper {

    justify-content: center;

    margin-top: 30px;

  }

}



.hero__content {

  z-index: 2;

  text-align: center;

}



.mt-45 {

  margin-top: 30px;

}



.mt-55 {

  margin-top: 55px;

}



.hero__content .title {

  color: #fff;

  font-size: 65px;

  font-weight: bold;

  line-height: 80px;

  margin-bottom: 23px;

  text-align: center;

  text-transform: uppercase;

}



.video-banner {

  position: relative;

  width: 100%;

  height: 100vh;

  overflow: hidden;

}



.video-banner video {

  width: 100%;

  height: 90%;

  object-fit: cover;

  position: relative;

  overflow: hidden;



}



.hero__area.hero__area--3.bg_img.bg-video {

  position: relative;

  z-index: 1;

}



.video-banner video::before {

  content: '';

  background-color: #000;

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  height: 100%;

}



.bg_img {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

}



.hero__area.hero__area--3 {

  background-image: url(../images/bg/ferro-banner.png);

  display: flex;

  align-items: center;

  overflow: hidden;

}



.hero-bg-video video {

  width: 100%;

  height: 100%;

  object-fit: cover;

  position: relative;

  overflow: hidden;

}



/* .hero-bg-video::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgb(0 0 0 / 48%);

  pointer-events: none;

} */



.hero-bg-video {

  position: relative;

  width: 100%;

  height: 100vh;

  overflow: hidden;

}



.hero__area.hero__area--3.bg_img.bg-video .hero-bg-video {

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

}



.hero__content p {

  color: #fff;

  font-size: 22px;

  font-weight: 500;

  margin-bottom: 37px;

}



.section {

  position: relative;

  padding: 120px 0;

}



.section-heading p:not(:last-child) {

  margin-bottom: 30px;

}



.abt-content {

  padding-left: 80px;

}



/* ++++++++++++++ Core Value ++++++++++++++++++ */



.section.coreValues .section-heading .title {

  color: #003058;

  font-weight: 400;

  margin-bottom: 30px;

}



.section.coreValues .section-heading p {

  padding-right: 20%;

  margin-top: 5px;

}



.section.coreValues .section-heading p.para-1 {

  font-weight: 600;

  margin-top: 5px;

}



.visonMison h4 {

  text-transform: uppercase;

  font-size: 24px;

  font-weight: 600;

  color: #003058;

}



ul.corepointes {

  padding-left: 0;

  margin-bottom: 0;

  padding-right: 32%;

}



ul.corepointes p {

  font-weight: 400;

  color: #4c4c4c;

}



ul.corepointes li .info-box {

  padding-bottom: 20px;

}



ul.corepointes li {

  border-bottom: 1px solid #e5e5e5;

}



ul.corepointes li:last-child {

  border-bottom: 0px solid #e5e5e5;

}



/* ++++++++++++++ Core Value ++++++++++++++++++ */

/* ++++++ Product We Offer CSS Start +++++++ */



.product_offer.bg-pattern {

  background: url(../images/bg/product-offer-bg.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}



.product-sec-z-index {

  z-index: 2;

  position: relative;

}



.text-grad {

  font-size: 320px;

  font-weight: bold;

  background-image: -webkit-linear-gradient(-90deg, #ffffff7a 0%, rgb(255 255 255 / 0%) 30%, rgb(255 255 255 / 0%) 40%, rgb(255 255 255 / 0%) 55%, rgb(255 255 255 / 0%) 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  position: absolute;

  top: -47px;

  width: 99%;

  height: 80%;

  line-height: 300px;

  /* z-index: 9999; */

  text-align: center;

  mix-blend-mode: overlay;

  left: 0;

}



.product_offer .section-heading .title {

  padding-right: 0;

}



.product_offer .section-heading p {

  color: #fff;

}



.product_offerBx {

  padding: 20px 20px 30px 20px;

  transition: 0.3s all ease;

  border: 1px solid #1f457300;

  border-bottom: 5px solid #b7b7b72e;

  border-radius: 0px 0px 5px 5px;

  height: 100%;

}



.product_offerBx:hover {

  border: 1px solid #2a5383;

  border-bottom: 5px solid #e6ae19;

  background-color: #01091240;

  box-shadow: 0px 15px 20px 2px #0000005e;

}



.product_offerBx:hover a h3 {

  color: #e6ae19;

}



.product_offerBx .img_prod img {

  width: 100%;

  height: 276px;

  object-fit: cover;

}



.product_offerBx .img_prod a.lrn_more {

  color: #fff;

  font-size: 16px;

  letter-spacing: 1px;

  font-weight: 700;

  border-bottom: 2px solid #fff;

  transition: 0.3s all ease;

}



.product_offerBx .img_prod a.lrn_more:hover {

  color: #e6ae19;

  border-bottom: 2px solid #e6ae19;

}



.product_offerBx a {

  text-decoration: none;

  transition: 0.3s all ease;

}



.product_offerBx a h3 {

  font-size: 26px;

  color: #fff;

  text-transform: uppercase;

  font-family: "Poppins", serif;

  font-weight: 600;

  margin: 27px 0 22px;

  line-height: 1;

  transition: 0.3s all ease;

}



.product_offerBx p {

  font-size: 16px;

  color: #fff;

  font-weight: 400;

  margin-bottom: 22px;

}



.mt-30 {

  margin-top: 30px;

}



.blue-br {

  border-top: 2px solid #063063;

  margin-bottom: 6px;

}



.blue-br-btm {

  border-bottom: 2px solid #063063;

  margin-top: 6px;

}



/* ++++++ Product We Offer CSS End +++++++ */







/* ++++++ Ugen Ferro In Numbers CSS Start +++++++ */

.ugen-ferro-in-numbers {

  padding-bottom: 120px;

}



.ugen-ferro-in-numbers .line-bg {

  width: 100%;

  position: absolute;

  top: 170px;

  z-index: -1;

}



.ugen-ferro-in-numbers .bx-small {

  width: 20px;

  height: 20px;

  background-color: #fcb630;

  position: absolute;

  top: -3px;

  z-index: 1;

  left: 141px;

  transform: rotate(45deg);

}



.ugen-ferro-in-numbers .bx-small-2 {

  width: 20px;

  height: 20px;

  background-color: #164f8b;

  position: absolute;

  top: 339px;

  z-index: 1;

  left: 139px;

  transform: rotate(45deg);

}



.ugen-ferro-in-numbers .bx-small-3 {

  width: 20px;

  height: 20px;

  background-color: #164f8b;

  position: absolute;

  top: 343px;

  z-index: 1;

  right: 81px;

  transform: rotate(45deg);

}



.ugen-ferro-in-numbers .section-heading .title {

  padding-right: 0px;

}



.ugen-ferro-in-numbers .section-heading p {

  padding: 0 17%;

}



.counterWrapper {

  display: grid;

  grid-gap: 0px;

  justify-content: center;

  grid-template-columns: 1fr 1fr 1fr 1fr;

  margin-top: 35px;

}



.counterWrapper .counterBx {

  text-align: center;

  padding: 40px 30px;

}



.counterWrapper .counterBx h3 {

  line-height: 1;

  font-size: 36px;

  font-weight: 600;

  color: #fff;

  margin-top: 50px;

  font-family: "Poppins", serif;

  margin-bottom: 8px;

}



.counterWrapper .iconBx img {

  filter: drop-shadow(2px 30px 23px #22222247);

}



.counterWrapper .counterBx h3 span {

  line-height: 1;

  font-size: 36px;

  font-weight: bold;

  color: #fff;

  font-family: "Poppins", serif;



}



.counterWrapper .counterBx p {

  line-height: 21px;

  font-size: 16px;

  font-weight: 400;

  color: #fff;

  margin-top: 5px;

  padding: 0 30px;

}



.counterWrapper .mainbx-even {

  margin: 0px 10px 15px 10px;

  padding-top: 22px;

  /* padding: 15px 15px 0 15px; */

  position: relative;

}



.mainbx-odd.btm-before::before {

  position: absolute;

  content: '';

  bottom: 15px;

  width: 324px;

  height: 5px;

  background-color: #516402;

  left: -613px;

}



.counterWrapper .mainbx-even.line-1::before {

  content: '';

  position: absolute;

  top: 0;

  width: 330px;

  height: 5px;

  background-color: #e6ae19;

  left: -21px;

}



.counterWrapper .mainbx-even.line-2::before {

  content: '';

  position: absolute;

  top: 0;

  width: 308px;

  height: 5px;

  background-color: #e6ae19;

  left: -21px;

}



.counterWrapper .mainbx-even.line-2::after {

  content: '';

  position: absolute;

  bottom: 0;

  width: 338px;

  height: 5px;

  background-color: #516402;

  left: -331px;

}



.counterWrapper .mainbx-odd {

  margin: 0px 10px 0px 10px;

  position: relative;

}



.counterWrapper .mainbx-odd:nth-child(odd) .counterBx {

  background-color: #e6ae19;



  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  background-blend-mode: soft-light;



}



.counterWrapper .mainbx-even:nth-child(even) .counterBx {

  background: rgb(125, 143, 20);

  background: linear-gradient(180deg, rgba(125, 143, 20, 1) 0%, rgba(78, 97, 1, 1) 100%);

  /* background-image: url(../images/bg/bg-wave.png); */

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  background-blend-mode: soft-light;

}





/* ++++++ Ugen Ferro In Numbers CSS End +++++++ */





/* ++++++ Testimonial CSS Start +++++++ */



.bg-testi {

  background-image: url(../images/bg/testimonial-bg.png);

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  padding: 120px 0 350px 0;

}



.testi-author {

  display: flex;

  align-items: center;

  margin-top: 30px;

}



.testi-author .author-name h5 {

  color: #fff;

  font-size: 20px;

  font-weight: 600;

  font-family: "Poppins", serif;

  text-transform: uppercase;

}



.testi-author .author-name p {

  color: #b4b9c0;

  font-size: 18px;

  font-weight: 400;

  font-family: "Poppins", serif;

}



.testi-author .author-logo {

  margin-right: 20px;

}



.testimonial_content h2 {

  color: #fff;

  font-family: "Poppins", serif;

  font-size: 30px;

  font-weight: 500;

  line-height: 53px;

}











/* ++++++ Testimonial CSS End +++++++ */







/* ++++++ News and Media CSS Start +++++++ */



.news-media .section-heading h2.title {

  padding-right: 0;

}



.news-bx .news-img img {

  width: 100%;

}



.right-element img {

  position: absolute;

  right: -60px;

  top: 120px;

}



.core-element img {

  position: absolute;

  right: -7px;

  top: 250px;

}



.abt-element img {

  position: absolute;

  right: -3px;

  top: 207px;

}



.manu-element img {

  position: absolute;

  left: -104px;

  top: 570px;

}



.ferro-element img {

  position: absolute;

  right: -42px;

  top: 272px;

}



.news-media .owl-item {

  padding-right: 40px;

  position: relative;

  /* border-right: 2px solid #e5e5e5; */

}



.news-media .owl-item::before {

  content: '';

  top: 0;

  right: -2px;

  width: 1px;

  height: 100%;

  background-color: #e5e5e5;

  position: absolute;

}



.news-media .owl-item:nth-child(3):before {

  content: '';

  top: 0;

  right: 0;

  width: 3px;

  height: 100%;

  background-color: #e5e5e500;

  position: absolute;

}



.news-media .news-slider .owl-item:nth-child(1) {

  border-right: none !important;

}



.news-bx h3 {

  font-size: 22px;

  font-weight: 600;

  text-transform: uppercase;

  font-family: "Poppins", serif;

  margin-bottom: 15px;

  margin-top: 17px;

}



.news-bx h3 a {

  text-decoration: none;

  color: #000;

}



.news-slider {

  margin-top: 40px;

  position: relative;

}



.newsContent {

  padding-right: 50px;

}



.news-slider .owl-stage-outer {

  position: relative;

}



.news-slider .owl-nav .owl-prev i,

.news-slider .owl-nav .owl-next i {

  background-color: #fff;

  width: 53px;

  height: 53px;

  color: #b4b4b4;

  border-radius: 50px;

  box-shadow: 0px 0px 11px 2px #0000001c;

  display: block;

  text-align: center;

  line-height: 53px;

  font-size: 27px;

}



.infraabt_Section .abt-imag img {

  text-align: right;

}



.news-slider .owl-nav .owl-prev,

.news-slider .owl-nav .owl-next {

  position: absolute;

}



.news-slider .owl-nav .owl-prev {

  left: -29px;

  top: 110px;

}



.news-slider .owl-nav .owl-next {

  right: 14px;

  top: 110px;

}



/* ++++++ News and Media CSS End +++++++ */









/* ++++++ Our Client CSS Start +++++++ */



.ourClient .section-heading h2 {

  padding-right: 0;

  margin-bottom: 10px;

}



.bgblue-patt {

  background-image: url(../images/bg/our-client-bg-pat.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  border-top: 2px solid #016ecb;

  border-bottom: 2px solid #016ecb;

}



.ourClient.bgblue-patt {

  border-top: 0;

}



.client-logo {

  text-align: center;

}





section.ourClient .client-logo.brm::before {

  content: "";

  position: absolute;

  border-image: linear-gradient(218deg, rgb(255 255 255 / 0%) 0%, rgb(207 207 207 / 0%) 25%, #bfbfbf3d 50%, #bfbfbf00 75%, rgb(255 255 255 / 0%) 100%) 1;

  border-width: 2px;

  border-style: solid;

  border-left: 1px;

  border-top: 1px;

  /* border-bottom: 1px; */

  width: 27%;

  left: 169px;

  right: 0;

  top: 129px;

}



.middle-dots {

  position: absolute;

  top: 0;

  left: 371px;

  /* right: 0; */

  bottom: 0;

  margin: auto;

  width: 8px;

  height: 8px;

  /* display: flex; */

  /* justify-content: center; */

  /* align-items: center; */

  background-color: #0061d7;

  border-radius: 50px;

  padding: 0;

}



.middle-dots-1 {

  position: absolute;

  top: 0;

  left: 747px;

  /* right: 0; */

  bottom: 0;

  margin: auto;

  width: 8px;

  height: 8px;

  /* display: flex; */

  /* justify-content: center; */

  /* align-items: center; */

  background-color: #0061d7;

  border-radius: 50px;

  padding: 0;

}



.middle-dots-2 {

  position: absolute;

  top: 0;

  left: 1122px;

  /* right: 0; */

  bottom: 0;

  margin: auto;

  width: 8px;

  height: 8px;

  /* display: flex; */

  /* justify-content: center; */

  /* align-items: center; */

  background-color: #0061d7;

  border-radius: 50px;

  padding: 0;

}



section.ourClient .client-logo.brm::after {

  content: "";

  position: absolute;

  border-image: linear-gradient(90deg, rgb(255 255 255 / 0%) 0%, rgb(207 207 207 / 41%) 25%, #bfbfbfa3 50%, #bfbfbf4a 75%, rgb(255 255 255 / 0%) 100%) 1;

  border-width: 1px;

  border-style: solid;

  /* border-left: 1px; */

  border-top: 1px;

  /* border-bottom: 1px; */

  width: 292px;

  left: 229px;

  right: 0;

  /* top: 100px; */

  /* height: 0; */

  transform: rotate(90deg);

  top: 139px;

}



section.ourClient .client-logo.brm-1::after {

  content: "";

  position: absolute;

  border-image: linear-gradient(90deg, rgb(255 255 255 / 0%) 0%, rgb(207 207 207 / 41%) 25%, #bfbfbfa3 50%, #bfbfbf4a 75%, rgb(255 255 255 / 0%) 100%) 1;

  border-width: 1px;

  border-style: solid;

  /* border-left: 1px; */

  border-top: 1px;

  /* border-bottom: 1px; */

  width: 242px;

  left: 630px;

  right: 0;

  /* top: 100px; */

  /* height: 0; */

  transform: rotate(90deg);

  top: 139px;

}





section.ourClient .client-logo.brm-3::after {

  content: "";

  position: absolute;

  border-image: linear-gradient(90deg, rgb(255 255 255 / 0%) 0%, rgb(207 207 207 / 41%) 25%, #bfbfbfa3 50%, #bfbfbf4a 75%, rgb(255 255 255 / 0%) 100%) 1;

  border-width: 1px;

  border-style: solid;

  /* border-left: 1px; */

  border-top: 1px;

  /* border-bottom: 1px; */

  width: 292px;

  left: 980px;

  right: 0;

  /* top: 100px; */

  /* height: 0; */

  transform: rotate(90deg);

  top: 139px;

}



section.ourClient .client-logo.brm-1::before {

  content: "";

  position: absolute;

  border-image: linear-gradient(218deg, rgb(255 255 255 / 0%) 0%, rgb(207 207 207 / 0%) 25%, #bfbfbf3d 50%, #bfbfbf00 75%, rgb(255 255 255 / 0%) 100%) 1;

  border-width: 2px;

  border-style: solid;

  border-left: 1px;

  border-top: 1px;

  /* border-bottom: 1px; */

  width: 27%;

  left: 528px;

  right: 0;

  top: 129px;



}



section.ourClient .client-logo.brm-2::before {

  content: "";

  position: absolute;

  border-image: linear-gradient(218deg, rgb(255 255 255 / 0%) 0%, rgb(207 207 207 / 0%) 25%, #bfbfbf3d 50%, #bfbfbf24 75%, rgb(255 255 255) 100%) 1;

  border-width: 2px;

  border-style: solid;

  border-left: 1px;

  border-top: 1px;

  /* border-bottom: 1px; */

  width: 27%;

  left: 947px;

  right: 0;

  top: 129px;

}



.horizontal-line {

  margin: 20px auto;

  border-image: linear-gradient(87deg, rgb(255 255 255 / 71%) 0%, rgb(207 207 207 / 29%) 25%, #bfbfbf40 50%, #bfbfbf4a 75%, rgb(255 255 255 / 0%) 100%) 1;

  border-width: 1px;

  border-style: solid;

}



.client-logo img {

  width: 100%;

  height: 130px;

  object-fit: scale-down;

}



.ourClient .col:nth-child(8) .client-logo img {

  width: 100%;

  height: 60px;

  object-fit: scale-down;

}



.custom-padding-client {

  --bs-gutter-x: 1.5rem;

  --bs-gutter-y: 0rem;

}



/* ++++++ Our Client CSS End +++++++ */





/* ++++++ Contact CSS Start +++++++ */



.contact-bg {

  background-image: url(../images/bg/contact-bg.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}



.ContactWrapper {

  background: rgb(21, 76, 137);

  background: linear-gradient(114deg, rgba(21, 76, 137, 1) 0%, rgba(20, 69, 125, 1) 23%, rgba(19, 66, 118, 1) 49%, rgba(17, 55, 97, 1) 69%, rgba(16, 45, 79, 1) 100%);

  padding: 60px;

  margin-left: 180px;

  z-index: 2;

  position: relative;

}



.contactSection .section-heading h2 {

  padding-right: 0;

  margin-bottom: 11px;

}



.form-group {

  margin-bottom: 2rem;

}



label {

  display: inline-block;

  font-size: 16px;

  font-weight: 400;

  font-family: "Poppins", serif;

  text-transform: capitalize;

  letter-spacing: 1px;

  color: #fff;

  margin-bottom: 0px;

  cursor: pointer;

  line-height: 1.3;

}



.sm-form-control {

  height: auto;

}



.sm-form-control {

  display: block;

  width: 100%;

  height: 38px;

  padding: 0px 0px 0px 0px;

  font-family: "Poppins", serif;

  font-size: 16px;

  line-height: 1.42857143;

  color: #fff;

  background-color: transparent;

  background-image: none;

  border-bottom: 1px solid #ddd;

  border-radius: 0 !important;

  -webkit-transition: border-color ease-in-out .15s;

  -o-transition: border-color ease-in-out .15s;

  transition: border-color ease-in-out .15s;

  border-top: 0px;

  border-right: 0;

  border-left: 0;

  margin-top: 10px;

}



.sm-fotm-contrl {

  display: block;

  width: 100%;

  height: 38px;

  padding: 0 0 0 0;

  font-family: "Poppins", serif;

  font-size: 16px;

  line-height: 1.42857143;

  color: #fff;

  background-color: transparent;

  background-image: none;

  border-bottom: 1px solid #ddd;

  border-radius: 0 !important;

  -webkit-transition: border-color ease-in-out .15s;

  -o-transition: border-color ease-in-out .15s;

  transition: border-color ease-in-out .15s;

  border-top: 0px;

  border-right: 0px;

  border-left: 0;

}















.sm-form-control::placeholder {

  color: #c3c3c380;

}



h4.radio-label {

  font-size: 16px;

  font-family: "Poppins", serif;

  font-weight: 400;

  color: #fff;

  margin-bottom: 13px;

}



.contactSection .contact-form.site-btn {

  width: 100%;

  text-align: center;

  justify-content: center;

  box-shadow: 0px 8px 20px 20px #00000021;

}



.contactSection .form-check .form-check-input {

  float: left;

  margin-left: -28px;

  margin-top: 4px;

  background-color: transparent;

  border: 3px solid #42648a;

  width: 20px;

  height: 20px;

}



.contactSection .form-check .form-check-input:focus {

  box-shadow: none;

}



.contactSection textarea {

  height: 80px;

}





.button {

  display: flex;

  align-items: center;

  justify-content: center;

  background: rgb(244, 182, 48);

  background: linear-gradient(180deg, rgba(244, 182, 48, 1) 0%, rgba(255, 223, 163, 1) 100%);

  padding: 10px 11px 10px 25px;

  font-size: 16px;

  letter-spacing: 2px;

  font-weight: bold;

  color: black;

  text-transform: uppercase;

  position: relative;

  width: 100%;

  box-shadow: 0px 7px 20px 12px #00000014;

}



.button span {

  font-weight: 500;

  color: #000;

}



.contactSection .form-check-inline {

  display: inline-block;

  margin-right: 4rem;

}



.btn-right {

  color: #fff;

  background-color: #4c5f00;

  font-weight: 500;

  padding: 4px 10px;

  margin-left: 14px;

  font-size: 18px;

}



/* ++++++ Contact CSS End +++++++ */







/* ++++++ Footer CSS Start +++++++ */





.site-footer.site-footer__3 {

  padding: 160px 0 0px 0;

}



.site-footer__3.bg_img_footer {

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  /* border-top: 6px solid #e6ae19; */

  z-index: 1;

  position: relative;

  background-color: #fff;

  padding: 60px 0 0px 0;

}



.site-footer__3.bg_img_footer.margin-negative {

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  border-top: 6px solid #e6ae19;

  margin-top: -230px;

  z-index: 1;

  padding: 160px 0 0px 0;

  position: relative;

}



.footer_logo img {

  filter: drop-shadow(4px 0px 13px #2222221f);

  border-radius: 11px;

}



.contactWrapper {

  margin-top: 20px;

  padding-left: 5px;

}



.contactWrapper a {

  text-decoration: none;

  color: #000;

  font-size: 12px;

  font-weight: 500;

}



.contactWrapper span {

  color: #d79d00;

  font-size: 12px;

  font-weight: 500;

  text-transform: uppercase;

}



.ugen-footer-widget {

  padding-left: 40px;

}



.col-xl-3.col-lg-12.mt-30:nth-child(5) .ugen-footer-widget {

  padding-left: 0;

}



.contactWrapper a i {

  margin-right: 10px;

  font-weight: 400;

  background-color: #410e00;

  color: #d79d00;

  padding: 0;

  border-radius: 2px;

  width: 28px;

  height: 28px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

}



.contactWrapper ul {

  margin-bottom: 0px;

}



.contactWrapper ul li {

  margin-bottom: 10px;

}



.contactWrapper ul li:last-child {

  margin-bottom: 0px;

}



.ugen-footer-widget h4.widget-title {

  color: #222;

  font-size: 20px;

  font-weight: 600;

  font-family: "Playfair Display", serif;


  text-transform: uppercase;

  margin-bottom: 18px;

}



.ugen-footer-widget .footer-link-1 {

  padding-left: 0;

  list-style: none;



}



.ugen-footer-widget .footer-link-1 li {

  margin-bottom: 7px;

  color: #000;

}



.ugen-footer-widget .footer-link-1 a {

  color: #000;

  font-size: 14px;

  font-family: "Poppins", serif;

  font-weight: 400;

  text-decoration: none;

}



.ugen-footer-widget .map iframe {

  border-radius: 10px;

  border: 2px solid #ebebeb !important;

}



.bt-top {

  border-top: 1px dashed #5c6437;

}



.copyright {

  text-align: center;

  padding: 23px 0;

}



.copyright p {

  color: #222;

  font-size: 13px;

  font-family: "Poppins", serif;

  text-transform: uppercase;

  line-height: 1;

  font-weight: 500;

}



.pb-40 {

  padding-bottom: 40px;

}



/* ++++++ Footer CSS End +++++++ */









/* ++++++++++++++++++++ Certification Page +++++++++++++++++++++++++ */



.innerBanner {

  padding: 120px 0 80px 0;

}



.innerBanner h1 {

  margin-bottom: 15px;

  line-height: 1;

  font-weight: bold;

  text-transform: uppercase;


}



.bgInner {

  background-image: url(../images/bg/overview-inner-banner.png);

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

}



.infra-banner {

  display: flex;

  align-items: end;

}



.overview-pad {

  /* height: 345px; */

  display: flex;

  align-items: end;

}



.chart-banner {

  display: flex;

  align-items: end;

}



.pricing .prodcuctWrapperContent p:not(:last-child) {

  margin-bottom: 20px;

}





.galleryBanner {

  height: 412px;

  display: flex;

  align-items: end;

}



.galSec {

  border-bottom: 2px solid #016ecb;

}



.newsListing {

  border-bottom: 2px solid #016ecb;

}



.chart {

  border-bottom: 2px solid #016ecb;

}



.certificate-banner {

  height: 345px;

  display: flex;

  align-items: end;

}





.innerBtm {

  border-top: 6px solid #cedce8;

  margin-top: 5px;

}



.ourCertificate h2.title {

  padding: 0;

}



.ourCertificate p {

  padding: 0;

}



.certiWrapper {

  text-align: center;

  margin-top: 40px;

  position: relative;

}



.certificate-frame {

  width: 438px;

  margin: 0 auto;

}



.frame-img-1 {

  position: absolute;

  left: 14px;

  z-index: 1;

  bottom: 6px;

  transition: 0.3s all ease;

  /* /* right: -11px; */

}



.certificate-frame:hover .frame-img-1 {

  filter: blur(5px);

}



.certificate-frame:hover .frame-img-1::before {

  content: '';

  position: absolute;

  background-color: #000;

  width: 100%;

  height: 100%;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

}



.certificate-frame {

  transition: 0.3s all ease-in;

}



.certificate-frame:hover .btns {

  opacity: 1;

}



.certificate-frame .btns {

  position: absolute;

  margin-top: 0;

  top: 0;

  bottom: 0;

  z-index: 2;

  left: 0;

  right: 0;

  width: 100%;

  justify-content: center !important;

  opacity: 0;

  transition: 0.3s all ease-in;

}



.frame-img {

  z-index: 2;

  position: relative;

  transition: 0.3s all ease;

}





.bis-title {

  font-weight: 600;

  color: #e6ae19;

  font-size: 22px;

  text-transform: uppercase;

  margin-bottom: 10px;

}



.download-btn {

  box-shadow: 0px 8px 13px 8px #0000000a;

}



.contact-info a {

  text-decoration: none;

  color: #000;

  font-weight: 500;

}



.emailNumber {

  margin-left: 40px;

}



.contact-info a i {

  margin-right: 10px;

  font-weight: 400;

  background-color: #410e00;

  color: #d79d00;

  padding: 6px;

  border-radius: 2px;

}



/* ++++++++++++++++++++ Certification Page +++++++++++++++++++++++++ */







/* ++++++++++++++++++++ News Listing Page +++++++++++++++++++++++++ */





.breadMenu {

  display: flex;

  align-items: center;

  padding-left: 0;

  position: relative;

  list-style: none;

  margin-bottom: 0;

}



.breadMenu li a {

  color: #fff;

  font-size: 14px;

  font-weight: 500;

  font-family: "Poppins", serif;

  text-decoration: none;

}



.breadMenu li:nth-child(2) {

  margin: 0 40px;

  position: relative;

}



.breadMenu li:nth-child(2) ::before {

  content: '';

  background-color: #fff;

  position: absolute;

  left: -23px;

  top: 15px;

  width: 10px;

  height: 2px;

}



.breadMenu li:nth-child(2) ::after {

  content: '';

  background-color: #fff;

  position: absolute;

  right: -23px;

  top: 15px;

  width: 10px;

  height: 2px;

}





.blogListingWrapper h1 {

  color: #fff;

  margin-bottom: 20px;

}



.blogListingWrapper p {

  color: #fff;

}



.newsListingSliderWrapper .newsItem {

  padding: 348px 0 100px 0;

  height: 800px;
  display: flex;
  align-items: end;

}



.owl-carousel.news-slider-listing .owl-dots {

  display: flex;

  align-items: center;

  position: absolute;

  bottom: 39px;

  right: 0;

  left: 0;

  width: 100%;

  justify-content: center;

}



.owl-carousel.news-slider-listing .owl-dots .owl-dot {

  width: 10px;

  height: 10px;

  border-radius: 50px;

  margin: 0 4px;

  background-color: #353536;

}



.owl-carousel.news-slider-listing .owl-dots .owl-dot.active {

  background-color: #fff;

}



.newsList .lrn_more {

  color: #e6ae19;

  font-size: 16px;

  letter-spacing: 1px;

  text-decoration: none;

  font-weight: 500;

  border-bottom: 2px solid #e6ae19;

  transition: 0.3s all ease;

}



.newsContent h4 {

  font-size: 22px;

  font-weight: 600;

  font-family: "Playfair Display", serif;
  text-transform: uppercase;

  margin-bottom: 15px;



}



.newsContent a {

  text-decoration: none;

  transition: 0.2s all ease;



}



.newsContent a h4 {

  font-size: 22px;

  transition: 0.2s all ease;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;



}



.newsContent a h4:hover {

  color: #e6ae19;

}



.newsList .newsImg img {

  width: 100%;

  height: 289px;

}



.newsList .newsContent {

  margin-top: 30px;

}



.newsList .newsContent p {

  margin-bottom: 15px;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

}



.newsList .newsContent {

  padding-right: 50px;

}



.custom-padding-news {

  --bs-gutter-x: 4.5rem;

  --bs-gutter-y: 4.5rem;

}



.custom-padding-news-home {

  --bs-gutter-x: 3.5rem;

}



.custom-padding-news-home {

  margin-top: 30px;

}



.custom-padding-news-home .col-lg-4:nth-child(2) {

  border-left: 1px solid #cccccc;

  border-right: 1px solid #cccccc;

}



/* ++++++++++++++++++++ News Listing Page +++++++++++++++++++++++++ */



/* .section.abt_Section .section-heading .title {

  color: #003058;

  font-weight: 400;

} */



.section.abt_Section .section-heading span {

  color: #003058;

  font-weight: 400;

  font-size: 40px;

  text-transform: uppercase;

}



/* ++++++++++++++++++++ product Listing Page +++++++++++++++++++++++++ */



.product-cstom {

  padding-bottom: 182px;

}



.overlapImg {

  margin-top: -160px;

}



.prodcuctWrapperContent {

  margin-bottom: 40px;

}



.prodcuctWrapperContent:last-child {

  margin-bottom: 0px;

}



.prodcuctWrapperContent h3 {

  font-family: "Poppins", serif;

  text-transform: uppercase;

  font-size: 30px;

  font-weight: 600;

  color: #f4b630;

  margin-bottom: 15px;

}



.prodcuctWrapperContent p {

  font-size: 16px;

}



.prodcuctWrapperContent p:not(:last-child) {

  margin-bottom: 20px;

}





.product-Content {

  padding: 40px 0 120px 0;

}



.prodcuctWrapperContent ul li p {

  display: flex;

  margin-bottom: 25px;

}



.prodcuctWrapperContent ul li p span {

  font-weight: 600;

  font-size: 18px;

  font-family: "Poppins", serif;

  text-transform: uppercase;

  margin-right: 5px;

}



.prodcuctWrapperContent ul li i {

  background-color: #f4b630;

  color: #fff;

  width: 28px;

  height: 28px;

  border-radius: 50px;

  display: block;

  font-size: 18px;

  line-height: 28px;

  margin-right: 15px;

  text-align: center;

}



.downloadSec {

  background-image: url(../images/bg/download-datasheet.png);

  background-position: center;

  background-size: cover;

  padding: 55px 0;

}



.bt-top-dash {

  border-bottom: 2px solid #0061d7;

  margin-bottom: 6px;

}



.bt-btmmm {

  border-bottom: 2px solid #0061d7;

  margin-top: 6px;

}



.pdf-Icon {

  background-color: #fff;

  width: 82px;

  height: 82px;

  border-radius: 50px;

  text-align: center;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-right: 25px;

  border: 2px solid #eaeaea;

}



.pdf-title {

  font-size: 18px;

  color: #f4b630;

  text-transform: uppercase;

  font-family: "Poppins", serif;

  font-weight: 600;

}



.top-pdf {

  align-items: center;

}



.btm-pdf {

  align-items: center;

}



.top-pdf {

  padding: 20px 0;

  border-left: 0;

  border-right: 0;

  padding-left: 29px;

  border-top: 1px dashed #e1e3e5;

  border-bottom: 0px dashed #e1e3e5;

  width: 80%;

}



.downloadSec .section-heading p {

  padding-right: 40%;

}



.specsWrapper {

  border-bottom: 2px solid #016ecb;

}



.btm-pdf {

  padding: 20px 0;

  border-left: 0;

  border-right: 0;

  padding-left: 29px;

  border-top: 1px dashed #e1e3e5;

  border-bottom: 1px dashed #e1e3e5;

  width: 80%;

}



.pdfWrapper a {

  text-decoration: none;

}





#specs {

  font-family: "Poppins", serif;

  border-collapse: collapse;

  width: 100%;

  margin-top: 30px;

}



#specs td,

#specs th {

  border: 1px solid #ddd;

  padding: 16px;

  font-weight: 400;

  line-height: 27px;

}



#specs td:nth-child(1) {

  font-weight: 600;

}



#specs td a,

#specs th a {

  text-decoration: none;

  color: #222;

  font-weight: 500;

  border-bottom: 2px solid #222;

}



#specs tr:nth-child(even) {

  background-color: #f2f2f2;

}





#specs th {

  padding-top: 12px;

  padding-bottom: 12px;

  text-align: left;

  background-color: #10325a;

  color: white;

  line-height: 23px;

  font-weight: 600;

  text-transform: uppercase;

}



#specs.slicon-width th {

  width: 20%
}



#specs th:nth-child(8) {

  width: 182px;

}



#specs th:nth-child(9) {

  width: 182px;

}



#specs th:nth-child(7) {

  width: 182px;

}





/* ++++++++++++++++++++ product Listing Page +++++++++++++++++++++++++ */



/* ++++++++++++++++++++ Pricing Page +++++++++++++++++++++++++ */





#customers {

  border-collapse: collapse;

  width: 100%;

  margin-top: 25px;

}



#customers td,

#customers th {

  border: 1px solid #ddd;

  padding: 8px;

}



#customers tr:nth-child(even) {

  background-color: #f2f2f2;

}



#customers tr:hover {

  background-color: #ddd;

}



#customers th {

  padding-top: 12px;

  padding-bottom: 12px;

  text-align: left;

  background-color: #04AA6D;

  color: white;

}



.para-1 {

  font-weight: 500;

  margin-top: 20px;

}



.para-2 {

  font-weight: 500;

  font-size: 12px;

  margin-top: 50px;

  font-style: italic;

  line-height: 1.4;

}



.chart_img img {

  box-shadow: 0px 0px 15px 8px #00000008;

}



.chart .section-heading h2.title {

  margin-bottom: 47px;

}



/* ++++++++++++++++++++ Pricing Page +++++++++++++++++++++++++ */





/* ++++++++++++++++++++ Infrastructure Page +++++++++++++++++++++++++ */





.counterWrapper-1 {

  display: grid;

  grid-gap: 20px;

  justify-content: center;

  grid-template-columns: 1fr 1fr 1fr 1fr;

  margin-top: 30px;

}



.counterWrapper-1 .counterBx {

  text-align: start;

  padding: 40px 30px;

  height: 100%;

  display: inline-block;

}



.counterWrapper-1 .counterBx h3 {

  line-height: 1;

  font-size: 22px;

  font-weight: 600;

  color: #f4b630;

  text-transform: uppercase;

  margin-top: 40px;

  font-family: "Poppins", serif;

  margin-bottom: 16px;

}



.counterWrapper-1 .counterBx:nth-child(even) h3 {

  line-height: 1;

  font-size: 22px;

  font-weight: 600;

  color: #fff;

  text-transform: uppercase;

  margin-top: 40px;

  font-family: "Poppins", serif;

  margin-bottom: 16px;

}



.process-list {

  margin-bottom: 30px;

}



.process-list li {

  margin-bottom: 5px;

}



.counterWrapper-1 .iconBx img {

  filter: drop-shadow(2px 30px 23px #2222222b);

}





.counterWrapper-1 .counterBx p {

  line-height: 30px;

  font-size: 16px;

  font-weight: 400;

  color: #fff;

  margin-top: 5px;

}



.counterWrapper-1 .counterBx {

  background: rgb(17, 45, 79);

  background: linear-gradient(0deg, rgba(17, 45, 79, 1) 0%, rgba(21, 76, 137, 1) 100%);

}



.counterWrapper-1 .counterBx:nth-child(even) {

  background: #d79d00;

  margin-top: 20px;

}



.infraCLient .section-heading h2.title {

  padding-right: 0;

}



.infraabt_Section .abt-content {

  padding-right: 80px;

  padding-left: 0;

}



/* .infraabt_Section {

  border-top: 3px solid #016ecb;

} */



.bgInfralast {

  background-image: url(../images/bg/infra-lastimg.png);

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  border-top: 5px solid #e6ae19;

  border-bottom: 5px solid #e6ae19;

}



.infraabt_Section span {

  color: #003058;

  font-weight: 400;

  font-size: 40px;

  text-transform: uppercase;

}





.infraslastSec {

  padding: 120px 0 400px 0;

}



/* ++++++++++++++++++++ Infrastructure Page +++++++++++++++++++++++++ */



/* ++++++++++++++++++++ Overview Page +++++++++++++++++++++++++ */



.overviewWrapper {

  background-color: #fff;

  border-bottom: 2px solid #016ecb;

}



.overview-pad {

  padding: 110px 0 80px 0;

}



.overviewContent p:not(:last-child) {

  margin-bottom: 30px;

}



.leftWrapperConyent h3 {

  color: #000;

  font-size: 22px;

  font-family: "Playfair Display", serif;


  font-weight: 600;

  text-transform: uppercase;

  margin-bottom: 10px;

}



.leftWrapperConyent h3 span {

  color: #e6ae19;

  font-size: 22px;

  font-family: "Playfair Display", serif;

  text-transform: uppercase;

  font-weight: 600;

}



.leftWrapperConyent {

  margin-top: 0px;
  padding-right: 70px;

}



.overview-list {

  margin-top: 20px;

}



.overview-list p {

  display: flex;

}



.info-box {

  display: flex;

  /* align-items: center; */

  background-color: transparent;

  font-size: 16px;

  margin-top: 20px;

  font-weight: 400;

}



.icon {

  min-width: 28px;

  height: 28px;

  background-color: #f4b630;

  color: #fff;

  margin-right: 15px;

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-items: center;

  line-height: 28px;

}



.para-3 {

  margin-top: 25px;

}



.text strong {

  font-weight: 600;

}



.wrapper-2 {

  margin-top: 40px;

}



.wrapper-3 {

  margin-top: 40px;

}



#comp {

  font-family: "Poppins", serif;

  border-collapse: collapse;

  width: 70%;

  margin-top: 30px;

}



#comp td,

#comp th {

  border: 1px solid #ddd;

  padding: 16px;

  background-color: #fff;

}





#comp th {

  padding-top: 12px;

  padding-bottom: 12px;

  text-align: left;

  background-color: #fff;

  color: #000;

}



.leftWrapperConyent h2 {

  color: #0061d7;

  margin-top: 50px;

}



h2.metalTitle {

  color: #0061d7;

  margin-top: 50px;

}



.rbt-search-style {

  position: relative;

}



.rbt-search-style input {

  background: #fff;

  height: 66px;

  line-height: 50px;

  padding: 0 20px;

  padding-right: 60px;

  width: 100%;

  border: 1px solid #d1d1d1;

  color: #000;

}



.rbt-search-style .rbt-search-btn {

  position: absolute;

  top: 50%;

  right: 5px;

  transform: translateY(-50%);

  background-color: transparent;

}



.rbt-round-btn {

  width: 40px;

  height: 40px;

  line-height: 41px;

  text-align: center;

  border-radius: 100%;

  position: relative;

  z-index: 1;

  background: transparent;

  padding: 0;

  color: #d1d1d1;

  font-weight: 400;

  border: 0 none;

  display: block;

}



.rbt-round-btn::after {

  background: #ccb066;

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  transition: 0.4s;

  opacity: 0;

  transform: scale(0.8);

  border-radius: 100%;

  z-index: -1;

}



.srch-items {

  margin-top: 50px;

}



.trendingWrapper {

  margin-top: 0px;

}





.trendingWrapper h3 {

  color: #e6ae19;

  font-size: 22px;

  font-weight: 600;

  font-family: "Poppins", serif;

  text-transform: uppercase;

  padding-left: 20px;

  border-left: 4px solid #004885;

  padding: 10px 20px;

}



.postList {

  display: flex;

  align-items: center;

  padding: 20px 0;

  border-bottom: 1px solid #dcdcdc;

}



.postList:last-child {

  border-bottom: 0px solid #dcdcdc;

}



.postList .postImg img {

  max-width: 100px;

  height: auto;

}



.postList .postCon h5.tit {

  font-size: 16px;

  color: #4c4c4c;

  font-weight: 500;

  font-family: "Poppins", serif;

}



.postList .postCon h5.tit a {

  text-decoration: none;

  color: #000;

  transition: 0.3s all ease;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

}



.postList .postCon h5.tit a:hover {

  color: #f4b630;

}



.postList .postCon p.date {

  font-size: 12px;

  color: #4c4c4c;

  font-weight: 500;

  font-family: "Poppins", serif;



}



.postList .postCon {

  margin-left: 20px;

}





.post-list-wrapper {

  margin-bottom: 60px;

}



.overviewWrapper .sticky-top {

  top: 100px;

  z-index: 1;

}



.catList ul li a {

  text-decoration: none;

  color: #4c4c4c;

  font-size: 16px;

  font-weight: 500;

}



.catList ul li {

  padding: 15px 0;

  border-bottom: 1px solid #dcdcdc;

}



.catList ul li:last-child {

  border-bottom: 0px solid #dcdcdc;

}





/* ++++++++++++++++++++ Overview Page +++++++++++++++++++++++++ */





/* ++++++++++++++++++++ Contact Page +++++++++++++++++++++++++ */





.location {

  padding-bottom: 0;

}



.contactFormWrapper {

  padding: 0px 0 0px 0;

}



.contactFormWrapper .ContactWrapper {

  margin-left: 0;

}



.leftContactImg img {

  object-fit: cover;

  width: 100%;

}



.bg-bblueish {

  background-color: #f7fcff;

}



.contactFormWrapper .ContactWrapper h1 {

  color: #0061d7;

  font-weight: bold;

  text-transform: uppercase;

}



.contactFormWrapper button span.btn-right i {

  font-weight: 400;

  letter-spacing: 1px;

  color: #000;

}



.ContactWrapper button span.btn-right i {

  font-weight: 400;

  letter-spacing: 1px;

  color: #000;

}



.news-media .btns.show {

  justify-content: center !important;

  align-items: center !important;

  margin-top: 20px !important;

  display: none !important;

}



.contactFormWrapper .ContactWrapper label {

  color: #222;

}



.contactFormWrapper .ContactWrapper h4.radio-label {

  font-size: 16px;

  font-family: "Poppins", serif;

  font-weight: 400;

  color: #222;

  margin-bottom: 16px;

}



.cotactHeadWrap {

  margin-bottom: 30px;

}



.contactFormWrapper .ContactWrapper {

  background-color: #fff;

  padding: 50px 200px 0px 60px;

  margin-left: 0px;

  z-index: 1;

  position: relative;

  background: transparent;

}



.contactFormWrapper .ContactWrapper .form-check .form-check-input {

  float: left;

  margin-left: -28px;

  margin-top: 4px;

  border: 3px solid #bdbdbd;

  width: 20px;

  height: 20px;

}



.contactFormWrapper .form-check-input:focus {

  border-color: #86b7fe;

  outline: 0;

  box-shadow: none;

}



.contactFormWrapper .form-check-inline {

  display: inline-block;

  margin-right: 3rem;

}



.contactFormWrapper .ContactWrapper .sm-form-control {

  display: block;

  width: 100%;

  height: 40px;

  padding: 0px 0px 0px 0px;

  font-size: 15px;

  line-height: 1.42857143;

  color: #555;

  background-color: transparent;

  background-image: none;

  border-bottom: 1px solid #ddd;

  border-radius: 0 !important;

  -webkit-transition: border-colorease-in-out .15s;

  -o-transition: border-color ease-in-out .15s;

  transition: border-colorease-in-out .15s;

  border-top: 0px;

  border-right: 0;

  border-left: 0;

}



.contactFormWrapper .form-group {

  margin-bottom: 2rem;

}



.contactFormWrapper .ContactWrapper textarea.sm-form-control {

  height: 100px;

}



.location .section-heading h2.title {

  padding: 0;

}





.counterWrapper-2 {

  display: grid;

  grid-gap: 0px;

  position: relative;

  justify-content: center;

  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;

  margin-top: 30px;

}



.counterWrapper-2::before {

  content: '';

  position: absolute;

  top: 56px;

  left: 0;

  width: 100%;

  height: 1px;

  background: #e5e5e5;

  z-index: -1;

}



.counterWrapper-2 .counterBx {

  text-align: center;

  padding: 0px 15px 30px 15px;

  position: relative;

}



.counterWrapper-2 .counterBx:nth-child(1)::after {

  content: '';

  position: absolute;

  top: 56px;

  right: 0;

  width: 1px;

  height: 311px;

  background: #e5e5e5;

  z-index: -1;

}



.counterWrapper-2 .counterBx:nth-child(2)::after {

  content: '';

  position: absolute;

  top: 56px;

  width: 1px;

  height: 311px;

  background: #e5e5e5;

  z-index: -1;

  right: 0;

}



.counterWrapper-2 .counterBx:nth-child(3)::after {

  content: '';

  position: absolute;

  top: 56px;

  right: 0;

  width: 1px;

  height: 311px;

  background: #e5e5e5;

  z-index: -1;

}





.counterWrapper-2 .counterBx:nth-child(4)::after {

  content: '';

  position: absolute;

  top: 56px;

  width: 1px;

  height: 311px;

  background: #e5e5e5;

  z-index: -1;

  right: 0;

}







.counterWrapper-2 .counterBx:nth-child(5)::after {

  content: '';

  position: absolute;

  top: 56px;

  width: 1px;

  height: 311px;

  background: #e5e5e5;

  z-index: -1;

  right: 0;

}



.counterWrapper-2 .counterBx h3 {

  line-height: 1.2;

  font-size: 16px;

  font-weight: 600;

  color: #222;

  margin-top: 30px;

  text-transform: uppercase;

  font-family: "Poppins", serif;

  margin-bottom: 20px;

}







.counterWrapper-2 .counterBx a {

  text-decoration: none;

  color: #004885;

  font-weight: 600;

  font-size: 14px;

}



.counterWrapper-2 .counterBx a.site-btn {

  text-decoration: none;

  color: #000;

  font-weight: 600;

  font-size: 14px;

  padding: 8px 11px 8px 16px;

  box-shadow: 0px 6px 11px 3px #00000012;

}



.counterWrapper-2 .counterBx a.site-btn i {

  color: #fff;

  background-color: #4c5f00;

  font-weight: 500;

  padding: 2px 7px;

  margin-left: 14px;

  font-size: 16px;

}







.counterWrapper-2 .counterBx p {

  line-height: 26px;

  font-size: 14px;

  font-weight: 500;

  color: #004885;

  margin-top: 5px;

}



.customMapbg {

  background-image: url(../images/bg/custom-map.png);

  background-color: #f7fcff;

  overflow: hidden;

  border-top: 2px solid #016ecb;

  border-bottom: 2px solid #016ecb;

}



.customMapbg .section-heading h2.title {

  padding: 0;

}



.mapMarker {

  text-align: center;

  margin-top: 63px;

}



.mapBx {

  background-color: #fff;

  padding: 15px;

  border: 2px solid #b1d48521;

  display: flex;

  justify-content: space-between;

  width: 333px;

  margin: -29px auto;

  box-shadow: 0 0 14px 9px #0000002b;

}



.mapBx .mapData h5 {

  color: #000;

  font-weight: 600;

  font-size: 18px;

  font-family: "Poppins", serif;

  margin-right: 30px;

}



.mapBx .mapData .rating-val {

  color: #000;

  font-weight: 500;

  font-size: 15px;

  font-family: "Poppins", serif;

  line-height: 1;

}



.mapBx .mapData .rarting-star {

  width: 80px;

}



.mapBx .mapData .manu {

  color: #000;

  font-weight: 500;

  font-size: 15px;

  font-family: "Poppins", serif;

}



.mapBx .mapData .outof {

  color: #000;

  font-weight: 500;

  font-size: 15px;

  font-family: "Poppins", serif;

}



.mapBx a {

  text-decoration: none;

}



.mapBx .directionIon {

  border: 2px solid #b3b3b3;

  width: 52px;

  height: 52px;

  background-color: #fff;

  text-align: center;

  line-height: 48px;

  color: #004885;

  border-radius: 50px;

  font-size: 22px;

}



.hring-bg {

  background-image: url(../images/bg/signature.png);

  background-position: center;

  background-size: cover;

}



.hring-bg .section-heading h2.title {

  padding-right: 0;

}



.gallerySLider .gallery-item {

  transition: .4s ease all;

  transform: scale(.85);

}



.gallerySLider .active .gallery-item {

  opacity: 1;

  transform: scale(1);

}



.gallerySLider {

  margin-top: 40px;

}



.gallerySLider .active .gallery-item img {

  border-bottom: 6px solid #f4b630;

}



.gallerySLider .next_btn {

  right: 213px;

  top: 47%;

}



.gallerySLider .prev_btn {

  left: 213px;

  top: 47%;

}



.gallerySLider .next_btn,

.gallerySLider .prev_btn {

  position: absolute;

  top: 50%;

  width: 27px;

  height: 44px;

  margin-top: -22px;

  z-index: 10;

  cursor: pointer;

  background-size: 27px 44px;

  background-position: center;

  background-repeat: no-repeat;

}



.gallerySLider .prev_btn,

.gallerySLider .next_btn {

  background: #ffffff;

  width: 55px;

  height: 55px;

  text-align: center;

  /* border: 2px solid #d4d3d3; */

  border-radius: 55px;

  transition: all .3sease;

  color: #c4c4c4;

  font-size: 22px;

  line-height: 57px;

  box-shadow: 0px 6px 10px 2px #0000001f;

}



/* ++++++++++++++++++++ Contact Page +++++++++++++++++++++++++ */







/* ++++++++++++++++++++ Overview Page +++++++++++++++++++++++++ */



.our_value {

  padding-bottom: 90px;

  padding-top: 230px;

}



.our_value span {

  color: #003058;

  font-weight: 400;

  font-size: 40px;

  text-transform: uppercase;

}



.overViewBanner::before {

  /* background: rgb(0, 72, 133);

  background: linear-gradient(128deg, rgba(0, 72, 133, 1) 0%, rgba(0, 72, 133, 0.9556197478991597) 43%, rgb(0 72 133 / 7%) 69%, rgba(255, 223, 163, 0) 100%); */

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  content: "";

  width: 100%;

  height: 100%;

}



.overViewBanner {

  position: relative;

  padding: 130px 0 130px 0;

}



.overviewBanContent,

.overImg {

  z-index: 2;

  position: relative;

}



.overviewBanContent {

  padding-right: 10%;

}



.overviewBanContent h1 {

  text-transform: none;

}



.overviewBanContent p {

  text-align: justify;

  margin-bottom: 0;

  padding-right: 10%;

}



.overviewBanContent p:not(:last-child) {

  margin-bottom: 30px;

}



.overImg img {

  position: absolute;

  top: -13px;

}





.our_value .section-title h2 {

  color: #0061d7;

  font-size: 40px;

  font-weight: bold;

  line-height: 57px;

  margin-bottom: 25px;

  text-transform: uppercase;

  padding-right: 0px;

}





.our_value .section-title p {

  margin-bottom: 30px;

}



.ourValueBx {

  text-align: center;

  padding: 50px 50px 50px 50px;

}



.valueContent h3 {

  font-size: 22px;

  font-weight: 600;

  font-family: "Poppins", serif;

  text-transform: uppercase;

  margin-top: 30px;

  color: #e7b01b;

}



.valueContent p {

  font-size: 16px;

  font-weight: 400;

  font-family: "Poppins", serif;

  margin-top: 10px;

  width: 80%;

  margin: 10px auto 0;

}



.overviewBanContent h1 {

  margin-bottom: 25px;

  line-height: 1.3;

  font-size: 50px;

  text-transform: uppercase;

  padding-right: 10%;

}



.topWrapper {

  display: grid;

  grid-template-columns: 1fr 1fr 1fr;

}



.topWrapper .ourValueBx {

  border-image: linear-gradient(179deg, rgb(255 255 255 / 71%) 0%, rgb(207 207 207 / 29%) 25%, #bfbfbf40 50%, #bfbfbf8a 75%, #bfbfbf8a 100%) 1;

  border-width: 1px;

  border-style: solid;

  /* border-right: 0; */

  border-left: 0;

  border-bottom: 0;

}



.bottomWrapper .ourValueBx {

  border-image: linear-gradient(179deg, rgb(0 0 0 / 13%) 0%, rgb(207 207 207 / 40%) 25%, #bfbfbf6e 50%, #bfbfbf12 75%, #bfbfbf00 100%) 1;

  border-width: 1px;

  border-style: solid;

  /* border-right: 0; */

  border-left: 0;

  border-bottom: 0;

  border-top: 0;

}



.topWrapper .ourValueBx:nth-child(3) {

  border-right: 0;

}



.bottomWrapper .ourValueBx:nth-child(3) {

  border-right: 0;

}



.bottomWrapper {

  display: grid;

  grid-template-columns: 1fr 1fr 1fr;

  border-image: linear-gradient(87deg, rgb(255 255 255 / 71%) 0%, rgb(207 207 207 / 29%) 25%, #bfbfbf40 50%, #bfbfbf4a 75%, rgb(255 255 255 / 0%) 100%) 1;

  border-width: 1px;

  border-style: solid;

  border-bottom: 0;

}



.compContent-bg {

  background-image: url(../images/bg/comp-bg-pat.png);

  padding-top: 230px;

  margin-top: -331px;

  z-index: -1;

  background-position: center;

  background-size: cover;

}



.compContent-bg .section-heading h2.title {

  padding-right: 0;

  line-height: 56px;

  margin-bottom: 40px;

}



.compContent-bg .content-comp p {

  color: #fff;

}



.content-comp p:not(:last-child) {

  margin-bottom: 30px;

}



.brder-span {

  border-bottom: 2px solid #063063;

  margin-top: 6px;

}



.fourthImg img {

  width: 100%;

}



.fourth-content {

  padding-left: 30px;

}



.fourth-content span {

  color: #003058;

  font-weight: 400;

  font-size: 40px;

}



.fourth-content .section-heading p {

  padding-right: 20%;

}



section.section.fourth-section.bgblue-patt {

  border-top: 0px;

}



.qualithBx {

  padding: 30px 0;

  border-bottom: 1px solid #e5e5e5;

}



section.compContent-bg .qualithBx {

  padding: 30px 0;

  border-bottom: 1px solid #e5e5e52e;

}



.qualithBx:nth-child(5) {

  border-bottom: 0px solid #e5e5e5;

  padding-bottom: 0;

}



.qualithBx .info-box {

  align-items: start;

  margin-top: 0;

}



.qualithBx .info-box .icon {

  margin-top: 5px;

}



.teamSection {

  background-image: url(../images/bg/team-pattern.png);

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  border-top: 2px solid #016ecb;

}



.team-box {

  background-color: #fdb827;

  height: 440px;

  padding: 20px;

  text-align: left;

  position: relative;

  overflow: hidden;

}



.profile-img {

  position: absolute;

  top: 42px;

  left: -42px;

  width: auto !important;

}



.info {

  margin-top: 40px;

  padding-left: 174px;

}



.name {

  font-size: 22px;

  font-weight: bold;

  font-family: "Poppins", serif;

  color: #222;

}



.position {

  font-size: 16px;

  color: #222;

  font-family: "Poppins", serif;

}



.social-icons {

  position: absolute;

  bottom: 20px;

  right: 20px;

  display: flex;

  flex-direction: column;

  gap: 10px;

}



.social-icon {

  background-color: #e5a830;

  color: white;

  width: 50px;

  height: 50px;

  display: flex;

  justify-content: center;

  align-items: center;

  text-decoration: none;

  font-weight: 500;

  font-size: 23px;

}



.team-slider {

  margin-top: 40px;

}



.paginationWrapper li.active a {

  color: #fff;

  background-color: #e6af1a;

  border: 1px solid #e6af1a;

}



.paginationWrapper li a {

  width: 44px;

  height: 44px;

  border: 1px solid #ebebeb;

  border-radius: 50px;

  text-decoration: none;

  color: #6f6f6f;

  line-height: 44px;

  margin: 0 3px;

  display: inline-block;

  text-align: center;

  font-size: 16px;

}



.paginationWrapper ul {

  padding-left: 0;

  display: flex;

  margin-bottom: 0;

  align-items: center;

  list-style: none;

  justify-content: center;

}



.reservation__form--3 input,

.reservation__form--3 select,

.reservation__form--3 textarea {

  /* background: #f5f5f5; */

  /* border-color: #e2dfdd; */

  padding: 13px 10px;

  color: #222;

  border-radius: 0;

  font-size: 15px;

  background-color: transparent;

}



.reservation__form--3 input::placeholder,

.reservation__form--3 select::placeholder,

.reservation__form--3 textarea::placeholder {

  color: #8ebffa;

  letter-spacing: 2px;

}



.reservation__form_3 input,

.reservation__form_3 select,

.reservation__form_3 textarea {

  /* border: 0px solid #32323d; */

  color: #222;

  font-size: 15px;

  padding: 15px 0px;

  font-family: 'Poppins', sans-serif;

  width: 100%;

  font-weight: 500;

  /* border-bottom: 1px solid #ddd; */

  border: 0;

  border-bottom: 1px solid #cfe5ff
}



.modal-body {

  padding-top: 0;

}



.mt-10 {

  margin-top: 10px;

}



.modal-content {

  background: #f7fcff;

  border: 0;

  background-image: url(../images/bg/our-client-bg-pat.png);

  background-position: center;

  background-size: auto;

}



h3.modal-title {

  color: #0061d7;

  font-weight: bold;

  text-transform: uppercase;

}



.modal-header {

  border-bottom: 0;

}



.modal .btns {

  margin-top: 30px;

}


.newsImg {
  border: 2px solid #f1f1f1;
}

/* ++++++++++++++++++++ Overview Page +++++++++++++++++++++++++ */


.newsBreadcrumb .breadMenu li {
  color: #fff;
}