/*------- Font Family Starts -------*/

@font-face { font-family: "Joan-Regular"; src: url("../fonts/Joan-Regular.ttf"); }
@font-face { font-family: "Raleway-Light"; src: url("../fonts/Raleway-Light.ttf"); }
@font-face { font-family: "Raleway-Regular"; src: url("../fonts/Raleway-Regular.ttf"); }
@font-face { font-family: "Raleway-Medium"; src: url("../fonts/Raleway-Medium.ttf"); }
@font-face { font-family: "Raleway-SemiBold"; src: url("../fonts/Raleway-SemiBold.ttf"); }
@font-face { font-family: "Raleway-Bold"; src: url("../fonts/Raleway-Bold.ttf"); }
@font-face { font-family: "PublicSans-Regular"; src: url("../fonts/PublicSans-Regular.ttf"); }
@font-face { font-family: "PublicSans-Medium"; src: url("../fonts/PublicSans-Medium.ttf"); }
@font-face { font-family: "PublicSans-SemiBold"; src: url("../fonts/PublicSans-SemiBold.ttf"); }
@font-face { font-family: "PublicSans-Bold"; src: url("../fonts/PublicSans-Bold.ttf"); }
@font-face { font-family: "Freehand-Regular"; src: url("../fonts/Freehand-Regular.ttf"); }

/*------- Font Family Ends -------*/

/*------- Reset CSS Starts -------*/

html { font-size: 10px; }
body.active { overflow: hidden; }
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
p,
address { margin: 0; padding: 0; }
ul > li { list-style: none; }
a,
a:hover,
a:focus { outline: 0; text-decoration: none; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }

/*------- Reset CSS Ends -------*/

/*------- Common CSS Starts -------*/

.container-fluid { padding: 100px 15px; }
.row { margin: 0 -15px; }
.row [class^=col] { padding: 0 15px; }
.row-no-gutters { margin: 0; }
.row-no-gutters > [class^=col-] { padding: 0; }
p { font-family: "Raleway-Regular"; }
.btn-primary > a { background-color: #65DBA6; border: 2px solid #65DBA6; -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px; color: #283645; display: inline-block; font: 1.4rem/100% "PublicSans-Medium"; padding: 19px 38px 19px; text-align: center; }
.btn-primary > a:hover { background-color: #4dc48e; border-color: #4dc48e; }
.btn-outline > a { background-color: transparent; border: 2px solid #366635; -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px; color: #366635; display: inline-block; font: 1.4rem/100% "PublicSans-Medium"; padding: 19px 38px 19px; text-align: center; }
.btn-outline > a:hover { background-color: #366635; color: #FFFFFF; }
.section-heading-1 > div:first-child { color: #366635; font: 1.8rem/34px "Raleway-Medium"; letter-spacing: 4px; text-transform: uppercase; }
.section-heading-1 > div > img { margin-bottom: 15px; }
.section-heading-2 > div > img { margin-bottom: 10px; }
.section-heading-1 > h2,
.section-heading-2 > h2 { color: #23253B; font: 4.2rem/120% "Raleway-Bold"; }
.section-heading-1 > h3 { color: #23253B; font: 3rem/120% "Raleway-Bold"; }
.section-heading-2 { display: inline-block; }
.section-heading-2 > h2 { position: relative; z-index: 1; }
.section-heading-2 > h2::before { background-color: #9193B2; content: ""; display: block; height: 1px; left: -150px; margin-top: -1px; position: absolute; top: 50%; width: 100px; z-index: 1; }
.section-heading-2 > h2::after { background-color: #9193B2; content: ""; display: block; height: 1px; margin-top: -1px; position: absolute; right: -150px; top: 50%; width: 100px; z-index: 1; }
.full-width { width: 100%; }
.reveal { height: 100%; overflow: hidden; position: relative; width: 100%; }
.reveal > img { height: 100%; margin: 0 auto; object-fit: cover; transform-origin: left; width: 100%; }
.rounded-12 { -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; }
.inner-services-1-2-top-right-image { position: absolute; right: 0; top: 0; z-index: -1; }
.inner-services-1-2-bottom-left-image { bottom: 0; left: 0; position: absolute; z-index: -1; }
.width-100-px { width: 100px; }

/*------- Common CSS Ends -------*/

/*------- Home Page CSS Start -------*/

  /*------- Desktop Header Menu Section CSS Start -------*/

.bg-header-menu-desktop { background-color: #366635; padding: 15px; }
.header-contact-info-listing { display: flex; }
.header-contact-info-listing > li { margin-right: 70px; }
.header-contact-info-listing > li:last-child { margin-right: 0; }
.header-contact-info-listing > li > i { color: #FFFFFF; font-size: 1.4rem; padding-right: 10px; }
.header-contact-info-listing > li > a { color: #FFFFFF; font: 1.4rem/normal "PublicSans-Regular"; }
.header-contact-info-listing > li > a:hover { color: #65DBA6; }
.header-social-listing { display: flex; justify-content: flex-end; }
.header-social-listing > li { margin-right: 40px; }
.header-social-listing > li:last-child { margin-right: 0; }
.header-social-listing > li > a { color: #FFFFFF; display: block; font-size: 1.4rem; }
.header-social-listing > li > a > svg path { fill: #FFFFFF; }
.header-social-listing > li > a:hover { color: #65DBA6; }
.header-social-listing > li > a:hover > svg path { fill: #65DBA6; }

	/*------- Desktop Header Menu Section CSS End -------*/

  /*------- Desktop Logo and Navbar Menu Section CSS Start -------*/

.bg-logo-navbar-menu-desktop { left: 0; padding: 15px; position: absolute; top: 51px; width: 100%; z-index: 3; }
.bg-logo-navbar-menu-desktop.active { background-color: #366635; position: fixed; top: 0; }
.header-logo-desktop > a { display: inline-block; width: 170px; }
.menu-listing-desktop { display: flex; justify-content: flex-end; }
.menu-listing-desktop > li { margin-right: 50px; position: relative; z-index: 3; }
.menu-listing-desktop > li:last-child { margin-right: 0; }
.menu-listing-desktop > li > a { color: #FFFFFF; display: block; font: 1.6rem/normal "Raleway-Regular"; padding: 25px 0; }
.menu-listing-desktop > li > a > i { padding-left: 5px; }
.menu-listing-desktop > li.active > a,
.menu-listing-desktop > li > a:hover { color: #65DBA6; }
.menu-sub-listing-desktop { background-color: rgb(18 26 37 / 74%); backdrop-filter: blur(5.5px); -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; padding: 20px; left: 0; opacity: 0; position: absolute; top: 110%; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; visibility: hidden; width: 440px; z-index: 3; }
.menu-sub-listing-desktop > li { border-bottom: 1px solid rgb(145 159 178 / 17%); margin-bottom: 15px; padding-bottom: 15px; }
.menu-sub-listing-desktop > li:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.menu-sub-listing-desktop > li > a { color: #FFFFFF; display: block; font: 1.6rem/24px "Raleway-Regular"; }
.menu-sub-listing-desktop > li.active > a,
.menu-sub-listing-desktop > li > a:hover { color: #65DBA6; }
.menu-listing-desktop > li:hover > a + .menu-sub-listing-desktop { opacity: 1; top: 100%; visibility: visible; }

  /*------- Desktop Logo and Navbar Menu Section CSS End -------*/

  /*------- Slider Section CSS Start -------*/

.bg-slider { height: 100vh; padding: 0; position: relative; z-index: 1; }
.slider-see-more { bottom: 40px; left: 40px; position: absolute; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); transform-origin: left top; z-index: 1; }
.slider-see-more > a { color: #FFFFFF; font: 1.4rem/normal "PublicSans-Regular"; }
.box-banner-info { bottom: 40px; left: 50%; position: absolute; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; }
.slider-see-more > a > svg { -webkit-animation: arrowUpDown 2s infinite; animation: arrowUpDown 2s infinite; margin-right: 20px; position: relative; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); z-index: 1; }
@keyframes arrowUpDown {
  0% { right: 0; }
  50% { right: 20px; }
  100% { right: 0; }
}
.slider-see-more > a > svg path {-webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }
.slider-see-more > a:hover { color: #65DBA6; }
.slider-see-more > a:hover > svg path { fill: #65DBA6; }
.box-banner-info-listing { display: flex; justify-content: center; }
.box-banner-info-listing > li { margin-right: 40px; width: 200px; }
.box-banner-info-listing > li:last-child { margin-right: 0; }
.box-banner-info-listing-icon-heading-para { align-items: center; backdrop-filter: blur(4px); background-color: rgb(255 255 255 / 12%); display: flex; padding: 30px; }
.box-banner-info-listing-icon > img { margin-right: 25px; }
.box-banner-info-listing-heading-para > h5 { color: #FFFFFF; font: 1.8rem/normal "PublicSans-Regular"; margin-bottom: 5px; }
.box-banner-info-listing-heading-para > p { color: #FFFFFF; opacity: 0.6; font-family: "PublicSans-Regular"; font-size: 1.6rem; }
.banner-slider-1 { background: url("../images/slider-1.jpg") no-repeat center/cover; height: 100vh; position: relative; z-index: 1; }
.banner-slider-2 { background: url("../images/slider-2.jpg") no-repeat bottom/cover; height: 100vh; position: relative; z-index: 1; }
.banner-slider-3 { background: url("../images/slider-3.jpg") no-repeat bottom/cover; height: 100vh; position: relative; z-index: 1; }
.banner-slider-4 { background: url("../images/slider-4.jpg") no-repeat center/cover; height: 100vh; position: relative; z-index: 1; }
.banner-slider-1::before,
.banner-slider-2::before,
.banner-slider-3::before,
.banner-slider-4::before { background-color: #121829; content: ""; display: block; height: 100%; left: 0; opacity: 0.6; position: absolute; top: 0; width: 100%; z-index: -1; }
.banner-slider-info { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; z-index: 1; }
.banner-slider-info > h2 { color: #FFFFFF; font: 4.8rem/normal "Raleway-Bold"; margin-bottom: 10px; text-align: center; }
.banner-slider-info > p { color: #FFFFFF; font-size: 1.8rem; line-height: normal; margin-bottom: 40px; text-align: center; }
.banner-slider-info-listing { align-items: center; display: flex; justify-content: center; }
.banner-slider-info-listing > li { margin-right: 30px; }
.banner-slider-info-listing > li:last-child { margin-right: 0; }
.banner-slider-info-listing > li > a { border: 2px solid #FFFFFF; -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px; display: inline-block; font: 1.4rem/normal "PublicSans-Regular"; padding: 19px 38px; text-align: center; }
.banner-slider-info-listing > li:first-child > a { background-color: #FFFFFF; color: #000000; }
.banner-slider-info-listing > li:last-child > a { background-color: transparent; color: #FFFFFF; }
.banner-slider-info-listing > li:first-child > a:hover { background-color: #65DBA6; border-color: #65DBA6; }
.banner-slider-info-listing > li:last-child > a:hover { border-color: #65DBA6; color: #FFFFFF; }
.bg-slider .slick-prev { bottom: 15%; left: 88%; top: auto; z-index: 1; }
.bg-slider .slick-next { bottom: 15%; left: 91%; right: auto; top: auto; z-index: 1; }
.bg-slider .slick-prev::before,
.bg-slider .slick-next::before { color: #FFFFFF; content: url('../images/left-arrow-slider.svg'); opacity: 0.4; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }
.bg-slider .slick-next::before { content: url('../images/right-arrow-slider.svg'); }
.bg-slider .slick-prev:hover::before { opacity: 1; }
.bg-slider .slick-next:hover::before { opacity: 1; }
.bg-slider .slick-dots { bottom: 50%; right: 40px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); width: auto; }
.bg-slider .slick-dots li { height: 40px; width: 40px; margin: 0; }
.bg-slider .slick-dots li button::before { background-color: #FFFFFF; content: ""; height: 2px; opacity: 0.4; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 40px; }
.bg-slider .slick-dots li.slick-active button::before,
.bg-slider .slick-dots li button:hover::before { opacity: 1; }
.slider-counter { bottom: 8%; color: #FFFFFF; font: 2.4rem/normal "PublicSans-Regular"; left: 88%; position: absolute; }
.slider-counter > span { color: #FFFFFF; font-size: 1.6rem; opacity: 0.3; }

  /*------- Slider Section CSS End -------*/

  /*------- About Us Section CSS Start -------*/

.bg-about { background: url("../images/bg-about.jpg") no-repeat top/cover; padding: 0; }
.about-us-section-heading { margin-bottom: 40px; }
.about-image { position: relative; z-index: 1; }
.about-image::before { background-color: rgb(46 49 73 / 28%); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.about-info { padding: 100px; }
.about-desc > p { color: #343A49; font-size: 1.6rem; line-height: 34px; margin-bottom: 20px; }
.about-desc > p > span { font-family: "Raleway-SemiBold"; }
.about-desc > p:last-of-type { margin-bottom: 40px; }

  /*------- About Us Section CSS End -------*/

  /*------- Services Section CSS Start -------*/

.bg-services { background: url("../images/bg-services.jpg") no-repeat top/cover; padding: 100px 15px 50px; position: relative; z-index: 1; }
.services-image-1 { left: 0; position: absolute; top: 0; z-index: 1; }
.services-image-1 > img { width: 150px; }
.services-image-2 { bottom: 0; position: absolute; right: 0; z-index: 1; }
.services-image-2 > img { width: 120px; }
.our-services-section-heading > h2 { margin-bottom: 100px; }
.box-services { margin-bottom: 50px; }
.box-services-image { align-items: center; display: flex; margin-bottom: 20px; min-height: 53px; }
.box-services-image > img { display: block; margin: 0 auto; }
.box-services-info > h4 { color: #393D62; font: 2rem/1.25 "Raleway-Medium"; margin-bottom: 20px; }
.box-services-info > h4 > span { display: block; }

  /*------- Services Section CSS End -------*/

  /*------- Sectors We Serve Section CSS Start -------*/

.bg-sectors-we-serve { background-color: #B7C0D1; padding: 0; position: relative; z-index: 1; }
.bg-sectors-we-serve::before { background: url("../images/bg-sectors-we-serve.jpg") no-repeat top/cover; content: ""; display: block; height: 100%; left: 0; opacity: 0.7; position: absolute; top: 0; width: 100%; z-index: -1; }
.sectors-we-serve-image-1 { bottom: 0; position: absolute; right: 0; }
.sectors-we-serve-image-1 > img { width: 120px; }
.sectors-we-serve-info { padding: 50px 70px; }
.sectors-we-serve-section-heading > h2 { margin-bottom: 20px; }
.sectors-we-serve-section-heading > p { color: #343A49; font-size: 1.8rem; line-height: 34px; margin-bottom: 50px; }
.box-sectors-we-serve { align-items: center; display: flex; margin-bottom: 30px; }
.box-sectors-we-serve:last-child { margin-bottom: 0; }
.box-sectors-we-serve-image { display: flex; justify-content: center; margin-right: 20px; min-width: 50px; }
.box-sectors-we-serve-info > h4 { color: #393D62; font: 2rem/30px "Raleway-Medium"; }
.box-sectors-we-serve-info > h4 > span { display: block; }

  /*------- Sectors We Serve Section CSS End -------*/

  /*------- Excellence Section CSS Start -------*/

.bg-excellence { background-color: #D7E9E2; padding: 0; }
.excellence-info { padding: 50px 70px; }
.excellence-section-heading > h2 { margin-bottom: 20px; }
.excellence-section-heading > p { color: #656C7F; font-size: 1.8rem; line-height: 34px; margin-bottom: 70px; }
.box-excellence { margin-bottom: 50px; }
.box-excellence-image { margin-bottom: 20px; min-height: 48px; }
.box-excellence-info > h3 { color: #393D62; font: 2.8rem/100% "PublicSans-Bold"; margin-bottom: 5px; }
.box-excellence-info > p { color: #666C7D; font-size: 1.6rem; line-height: 25px; }

  /*------- Excellence Section CSS End -------*/

  /*------- Brands Section CSS Start -------*/

.bg-brands { background: url("../images/bg-brands.jpg") no-repeat top/cover; padding: 30px 15px; position: relative; z-index: 1; }
.brands-image-1 { position: absolute; right: 0; top: 0; z-index: 1; }
.brands-image-1 > img { width: 120px; }
.brands-section-heading > h2 { margin-bottom: 20px; }
.brands-section-heading > p { color: #656C7F; font-size: 18px; line-height: 34px; margin-bottom: 20px; }
.brands-section-heading > p:last-child { margin-bottom: 40px; }
.box-brands-col-1 { margin-top: -100px; }
.box-brands-image { align-items: center; background-color: #FFFFFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 5px 10px 13.8px -3px #23253B0A; display: flex; height: 170px; margin-bottom: 30px; padding: 0 30px; }
.box-brands-image > img { display: block; margin: 0 auto; }

  /*------- Brands Section CSS End -------*/

  /*------- Certifications and Awards Section CSS Start -------*/

.bg-certifications-awards { background-color: #B7C0D1; padding: 30px 15px; position: relative; z-index: 1; }
.bg-certifications-awards::before { background: url("../images/bg-certifications-awards.jpg") no-repeat top/cover; content: ""; display: block; height: 100%; left: 0; opacity: 0.7; position: absolute; top: 0; width: 100%; z-index: -1; }
.certifications-awards-image-1 { bottom: 0; left: 0; position: absolute; z-index: 1; }
.certifications-awards-image-1 > img { width: 100px; }
.certifications-awards-section-heading > h2 { margin-bottom: 20px; }
.certifications-awards-section-heading > p { color: #656C7F; font-size: 18px; line-height: 34px; margin-bottom: 40px; }
.box-brands-col-1 { margin-top: -100px; }
.box-brands-image { align-items: center; background-color: #FFFFFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 5px 10px 13.8px -3px #23253B0A; display: flex; height: 170px; margin-bottom: 30px; padding: 0 30px; }
.box-brands-image > img { display: block; margin: 0 auto; }

  /*------- Certifications and Awards Section CSS End -------*/

  /*------- Get In Touch Section CSS Start -------*/

.bg-get-in-touch { background-color: #F2F4F5; padding-bottom: 0; position: relative; z-index: 1; }
.bg-get-in-touch::before { background-color: #303030; bottom: 0; content: ""; display: block; height: 25%; left: 0; position: absolute; width: 100%; z-index: -1; }
.get-in-touch-image-1 { position: absolute; right: 0; top: 0; z-index: 1; }
.get-in-touch-image-1 > img { width: 100px; }
.get-in-touch-section-heading > div > img { margin-bottom: 10px; }
.get-in-touch-section-heading > h2 { margin-bottom: 25px; }
.get-in-touch-desc > p { color: #656C7F; font-size: 1.8rem; line-height: 34px; margin: 0 auto 80px; width: 70%; }
.box-get-in-touch-form-info { background-color: #DFE5EF; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; position: relative; z-index: 1; }
.box-get-in-touch-form-info::before { background-color: #65DBA6; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; content: ""; display: block; height: 100%; position: absolute; right: 0; top: 0; width: 33.33%; z-index: -1; }
.box-get-in-touch-form,
.box-get-in-touch-info { padding: 40px; }
.get-in-touch-heading > h4,
.get-in-touch-image > img,
.contact-information-heading > h4 { color: #23253B; font: 2rem/normal "Raleway-Bold"; margin-bottom: 50px; }
.form-group { margin-bottom: 30px; }
.form-control { background-color: #FFFFFF; border: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; color: #283645; font: 1.6rem/26px "PublicSans-Regular"; height: 56px; padding: 1rem 2rem; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }
.form-control::placeholder { color: #283645; opacity: 0.6; }
.form-control::-ms-input-placeholder { color: #FFFFFF; opacity: 0.6; }
textarea.form-control { height: 120px; resize: none; }
.form-control:focus { background-color: #65DBA6; border: 0; box-shadow: none; color: #FFFFFF; }
.form-control:focus::placeholder { color: #FFFFFF; opacity: 1; }
.btn-submit { background-color: #65DBA6; border: 2px solid #65DBA6; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; box-shadow: 5px 10px 13.6px rgba(103, 219, 101, 0.32); color: #283645; display: inline-block; font: 1.4rem/100% "PublicSans-Medium"; padding: 19px 100px 19px; text-align: center; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }
.btn-submit:hover,
.btn-submit:focus,
.btn-submit:first-child:active { background-color: #4dc48e; border-color: #4dc48e; }
.contact-information-heading > h4 { margin-top: 20px; }
.contact-information-listing { margin-bottom: 140px; }
.contact-information-listing > li,
.footer-contact-information-listing > li { margin-bottom: 40px; padding-left: 35px; position: relative; }
.contact-information-listing > li:last-child,
.footer-contact-information-listing > li:last-child { margin-bottom: 0; }
.contact-information-listing > li:first-child::before,
.contact-information-listing > li:nth-child(2)::before,
.contact-information-listing > li:nth-child(3)::before,
.footer-contact-information-listing > li:first-child::before,
.footer-contact-information-listing > li:nth-child(2)::before,
.footer-contact-information-listing > li:nth-child(3)::before { color: #23253B; content: "\f3c5"; display: block; font-family: "Font Awesome 5 Free"; font-size: 1.8rem; font-weight: 900; left: 0; position: absolute; top: 0; }
.contact-information-listing > li:nth-child(2)::before,
.footer-contact-information-listing > li:nth-child(2)::before { content: "\f879"; }
.contact-information-listing > li:nth-child(3)::before,
.footer-contact-information-listing > li:nth-child(3)::before { content: "\f0e0"; }
.contact-information-listing > li > address > p,
.footer-contact-information-listing > li > address > p,
.contact-information-listing > li > a,
.footer-contact-information-listing > li > a { color: #23253B; font: 1.6rem/26px "PublicSans-Regular"; word-wrap: break-word; }
.contact-information-listing > li.call > a,
.footer-contact-information-listing > li.call > a { font-family: "PublicSans-Regular"; }
.contact-information-listing > li > a:hover,
.contact-information-listing > li > p > a:hover { color: #FFFFFF; }
.contact-information-social-listing,
.footer-social-listing { display: flex; }
.contact-information-social-listing > li,
.footer-social-listing > li { margin-right: 40px; }
.contact-information-social-listing > li:last-child,
.footer-social-listing > li:last-child { margin-right: 0; }
.contact-information-social-listing > li > a,
.footer-social-listing > li > a { color: #23253B; font-size: 1.6rem; }
.contact-information-social-listing > li > a > svg path { fill: #23253B; }
.contact-information-social-listing > li > a:hover,
.footer-social-listing > li > a:hover { color: #FFFFFF; }
.contact-information-social-listing > li > a:hover > svg path,
.footer-social-listing > li > a:hover > svg path { fill: #FFFFFF; }

  /*------- Get In Touch Section CSS End -------*/

  /*------- Footer Section CSS Start -------*/

.bg-footer { background-color: #303030; padding: 70px 15px 40px; }
.footer-logo-info { align-items: center; display: flex; margin-bottom: 80px; }
.footer-logo-info > p { color: #FFFFFF; font-size: 1.5rem; line-height: 26px; margin-left: 30px; opacity: 0.6; }
.footer-social-listing { justify-content: flex-end; margin-bottom: 80px; }
.footer-social-listing > li > a { color: #FFFFFF; }
.footer-social-listing > li > a > svg path { fill: #FFFFFF; }
.footer-social-listing > li > a:hover { color: #65DBA6; }
.footer-social-listing > li > a:hover > svg path { fill: #65DBA6; }
.footer-heading > h4 { color: #FFFFFF; font: 1.8rem/normal "PublicSans-SemiBold"; margin-bottom: 40px; }
.quick-links-listing > li { margin-bottom: 30px; }
.quick-links-listing > li:last-child { margin-bottom: 0; }
.quick-links-listing > li > a { align-items: center; color: #FFFFFF; display: inline-flex; font: 1.5rem/normal "PublicSans-Regular"; opacity: 0.6; }
.quick-links-listing > li > a > img { margin-right: 15px; }
.footer-contact-information-listing > li { margin-bottom: 30px; }
.footer-contact-information-listing > li > address > p,
.footer-contact-information-listing > li > a,
.footer-contact-information-listing > li:first-child::before, 
.footer-contact-information-listing > li:nth-child(2)::before, 
.footer-contact-information-listing > li:nth-child(3)::before { color: #FFFFFF; opacity: 0.6; }
.quick-links-listing > li > a:hover,
.footer-contact-information-listing > li > a:hover { opacity: 1; }
.btn-submit-footer { box-shadow: none; padding: 19px 38px; }
.footer-copyright-line { border-top: 1px solid #FFFFFF; margin-top: 80px; opacity: 0.11; }
.copyright-info > p,
.designed-by-info > p { font-size: 1.4rem; line-height: 15px; margin-top: 30px; }
.copyright-info > p > span,
.designed-by-info > p > span,
.designed-by-info > p > a { color: #FFFFFF; opacity: 0.6; }
.designed-by-info > p { text-align: right; }
.designed-by-info > p > a:hover { opacity: 1; }

  /*------- Footer Section CSS End -------*/

/*------- Home Page CSS End -------*/

/*------- About Us Page CSS Start -------*/

  /*------- Banner Section CSS Start -------*/

.bg-banner-ip { padding: 200px 15px 150px; position: relative; z-index: 1; }
.bg-banner-ip::before { background: rgba(18, 24, 41, 0.6); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.bg-banner-ap { background: url("../images/about-banner.jpg") no-repeat top/cover; }
.box-banner-info-ip > h1 { color: #FFFFFF; font: 4.8rem/normal "Raleway-Bold"; margin-bottom: 10px; }
.box-banner-info-ip > p { font-size: 1.6rem; }
.box-banner-info-ip > p > a { color: #FFFFFF; }
.box-banner-info-ip > p > span { color: #FFFFFF; padding: 0 10px; }
.box-banner-info-ip > p > a:hover { color: #65DBA6; }

  /*------- Banner Section CSS End -------*/

  /*------- About Us Section CSS Start -------*/

.about-desc-ap > p:last-child { margin-bottom: 0; }

  /*------- About Us Section CSS End -------*/

  /*------- About Us More Section CSS Start -------*/

.bg-about-more { background: url("../images/about-more.jpg") no-repeat top/cover; position: relative; z-index: 1; }
.about-more-image-1 { bottom: 0; left: 0; position: absolute; z-index: -1; }
.about-more-image-1 > img { width: 110px; }
.about-info-more { padding-right: 50px; }

  /*------- About Us More Section CSS End -------*/

  /*------- Team Info Section CSS Start -------*/

.bg-team-info { background-color: rgb(248 248 248 / 80%); padding-bottom: 200px; position: relative; z-index: 1; }
.team-info-image-1 { position: absolute; right: 0; top: 0; z-index: -1; }
.team-info-image-1 > img { width: 150px; }

  /*------- Team Info Section CSS End -------*/

  /*------- Vision, Mission, and Goal Section CSS Start -------*/

.bg-vision-mission-goal { background-color: #F2F4F5; padding-bottom: 170px; position: relative; z-index: 1; }
.box-vision-mission-goal { background-color: #FFFFFF; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; margin-top: -205px; padding: 40px 35px; }
.box-vision-mission-goal-image { height: 90px; }
.box-vision-mission-goal-image > img { margin-bottom: 25px; }
.box-vision-mission-goal-info > h3 { color: #23253B; font: 3.2rem/normal "Raleway-Bold"; margin-bottom: 20px; }
.box-vision-mission-goal-info > p { color: #343A49; font-size: 1.6rem; line-height: 34px; min-height: 306px; }

  /*------- Vision, Mission, and Goal Section CSS End -------*/

  /*------- Why Choose Us Section CSS Start -------*/

.bg-why-choose-us { background: url("../images/bg-why-choose-us.jpg") no-repeat top/cover; position: relative; z-index: 2; }
.why-choose-us-section-heading > h2,
.why-choose-us-desc > p { margin-bottom: 50px; }
.why-choose-us-desc > p { font-size: 1.6rem; line-height: 34px; }
.why-choose-us-image.reveal { height: 60%; }
.box-why-choose-us-col-relation { position: relative; z-index: 1; }
.box-why-choose-us-col-1 { left: 0; padding:  0 30px 0 15px; position: absolute; top: -170px; width: 100%; z-index: 1; }
.box-why-choose-us-col-2 { left: 0; padding-right: 30px; position: absolute; top: 0; width: 100%; z-index: 1; }
.box-why-choose-us { background-color: #FFFFFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 6.00252px 12.005px 16.5669px -3.60151px rgba(35, 37, 59, 0.04); margin-bottom: 30px; padding: 60px 30px; }
.box-why-choose-us-image > img { display: block; margin: 0 auto 25px; }
.box-why-choose-us-desc > p { color: #393D62; font: 1.8rem/normal "Raleway-SemiBold"; text-align: center; }
.box-why-choose-us-desc > p > span { display: block; }

  /*------- Why Choose Us Section CSS End -------*/

  /*------- Our Journey Section CSS Start -------*/

.bg-our-journey { background: url("../images/bg-our-journey.jpg") no-repeat top/cover; padding: 140px 15px 0; position: relative; z-index: 1; }
.bg-our-journey::before { background-color: rgb(232 232 239 / 15%); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.our-journey-image-1 { left: 0; position: absolute; top: 0; z-index: -1; }
.our-journey-image-1 > img { width: 150px; }
.our-journey-image-2 { bottom: 0; position: absolute; right: 0; z-index: -1; }
.our-journey-image-2 > img { width: 110px; }
.our-journey-section-heading > h2 { margin-bottom: 200px; }
.our-journey-section-heading-2 > h3 { margin-bottom: 70px; }
.our-journey-section-heading-3 > h3 { margin-bottom: 120px; }
.our-journey-section-heading-4 > h3 { margin-bottom: 80px; }
.our-journey-section-heading-5 > h3 { margin-bottom: 120px; }
.our-journey-section-heading-6 > h3 { margin-bottom: 120px; }
.our-journey-img-year-desc-listing { align-items: center; display: flex; justify-content: center; }
.our-journey-img-year-desc-listing-1 { margin-bottom: 140px; }
.our-journey-img-year-desc-listing-2 { margin-bottom: 100px; }
.our-journey-img-year-desc-listing-bottom-space-3 {  margin-bottom: 100px; }
.our-journey-img-year-desc-listing-bottom-space-4 {  margin-bottom: 70px; }
.our-journey-img-year-desc-listing-bottom-space-5 {  margin-bottom: 80px; }
.our-journey-img-year-desc-listing-bottom-space-6 {  margin-bottom: 120px; }
.our-journey-img-year-desc-listing > li { padding-right: 80px; position: relative; z-index: 1; }
.our-journey-img-year-desc-listing > li:last-child { padding-right: 0; }
.our-journey-img-year-desc-listing > li::before { border-top: 2px dashed #C6D0E2; content: ""; display: block; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; z-index: -1; }
.our-journey-img-year-desc-listing > li:last-child::before { display: none; }
.our-journey-img-year-desc { text-align: center; }
.our-journey-year { padding: 40px 0; position: relative; z-index: 1; }
.our-journey-year::before { border-left: 2px dashed #C6D0E2; content: ""; display: block; height: 88%; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: -1; }
.our-journey-top-img { left: 50%; position: absolute; top: -60px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 100%; z-index: 1; }
.our-journey-bottom-img { bottom: -60px; left: 50%; position: absolute; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 100%; z-index: 1; }
.our-journey-top-desc { bottom: 160px; left: 50%; position: absolute; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 150px; z-index: 1; }
.our-journey-bottom-desc { left: 50%; position: absolute; top: 150px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 120px; z-index: 1; }
.our-journey-top-desc > p,
.our-journey-bottom-desc > p { color: #666C7D; font-size: 1.6rem; line-height: 25px; }
.our-journey-top-desc > p > span,
.our-journey-bottom-desc > p > span { display: block; }
.our-journey-year > p { background-color: #FFFFFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #393D62; font: 2rem/normal "PublicSans-Bold"; height: 70px; line-height: 70px; margin: 0 auto; text-align: center; width: 70px; }
.our-journey-img-year-desc-listing-2 .our-journey-top-desc { bottom: 220px; }
.our-journey-img-year-desc-listing-2 .our-journey-bottom-desc { top: 220px; }
.our-journey-img-year-desc-listing-2 .our-journey-year > p { height: 140px; line-height: 140px; width: 140px; }

  /*------- Our Journey Section CSS End -------*/

  /*------- Key Message Owner Section Start -------*/

.bg-key-message-owner { background-color: #B7C0D1; position: relative; z-index: 1; }
.bg-key-message-owner::before { background: url("../images/bg-key-message-owner.jpg") no-repeat top/cover; content: ""; display: block; height: 100%; left: 0; opacity: 0.7; position: absolute; top: 0; width: 100%; z-index: -1; }
.box-key-message-owner-image-1 { text-align: right; }
.box-key-message-owner-image-1 > img { margin-bottom: 20px; }
.box-key-message-owner-info > .section-heading-1 > h2 { margin-bottom: 50px; text-transform: uppercase; }
.box-key-message-owner-info > p { color: #343A49; font-size: 1.6rem; margin-bottom: 20px; }
.box-key-message-owner-info > p:last-child { margin-bottom: 0; }
.box-key-message-owner-info > h5 { color: #343A49; font: 2rem/normal "Raleway-Medium"; margin-bottom: 5px; }
.box-key-message-owner-info > h6 { color: #343A49; font: 1.4rem/31px "Raleway-Regular"; margin-bottom: 5px; }

  /*------- Key Message Owner Section End -------*/

  /*------- Team Section Start -------*/

.bg-team { background-color: rgb(232 232 239 / 25%); position: relative; z-index: 1; }
.team-image-1 { left: 0; position: absolute; top: 0; z-index: -1; }
.team-image-1 > img { width: 150px; }
.team-desc > p { color: #656C7F; font-size: 1.8rem; margin: 25px auto 70px; width: 700px; }
.box-team-info { position: relative; z-index: 1; }
.box-team-info::before { background-color: #FFFFFF; content: ""; height: 100%; position: absolute; right: 0; width: calc(100% - 44px); z-index: -1; }
.team-social-icon-info { align-items: center; display: flex; justify-content: space-between; }
.team-social-icon > a { background-color: #5694CF; display: inline-block; height: 44px; text-align: center; width: 44px; }
.team-social-icon > a > i { color: #FFFFFF; font-size: 1.8rem; line-height: 44px; }
.team-social-icon > a:hover { background-color: #457eb5; }
.team-social-icon > a:hover > i { color: #FFFFFF; }
.team-social-info > p { color: #B7C0D1; font-size: 1.4rem; margin-right: 10px; }
.team-member-info { margin-left: 60px; }
.team-member-info > h4 { color: #23253B; font: 2rem/31px "Raleway-Regular"; }
.team-member-info > p { color: #6A6D87; font-size: 1.6rem; line-height: 31px; padding-bottom: 15px; }
.team-member-info > p > a { display: inline-block; margin-left: 20px; }

  /*------- Team Section End -------*/

/*------- About Us Page CSS End -------*/

/*------- Large Scale Industrial Catering Services Page CSS Start -------*/

  /*------- Banner Section CSS Start -------*/

.bg-banner-sp { background: url("../images/service-banner.jpg") no-repeat center/cover; }
.bg-banner-ccsp { background: url("../images/corporate-catering-services-banner.jpg") no-repeat center/cover; }
.bg-banner-rcsp { background: url("../images/retail-catering-services-banner.jpg") no-repeat center/cover; }
.bg-banner-cebsp { background: url("../images/corporate-event-banquets-services-banner.jpg") no-repeat center/cover; }
.bg-banner-ighmsp { background: url("../images/integrated-guest-house-management-services-banner.jpg") no-repeat center/cover; }
.bg-banner-ifmsp { background: url("../images/integrated-facility-management-services-banner.jpg") no-repeat center/cover; }
.bg-banner-hwwp { background: url("../images/how-we-work-banner.jpg") no-repeat bottom/cover; }

  /*------- Banner Section CSS End -------*/

  /*------- Service Information Section CSS Start -------*/

.bg-service-information { background: url("../images/bg-about.jpg") no-repeat top/cover; padding: 0; }
.service-information-section-heading { margin-bottom: 40px; }
.service-information-image-image { position: relative; z-index: 1; }
.service-information-image-image::before { background-color: rgb(46 49 73 / 28%); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.service-information-info { padding: 100px; }
.service-information-desc > p { color: #343A49; font-size: 1.6rem; line-height: 34px; margin-bottom: 20px; }
.service-information-desc > p > span { font-family: "Raleway-SemiBold"; }
.service-information-desc > p:last-child { margin-bottom: 0; }

  /*------- Service Information Section CSS End -------*/

  /*------- Inside Services Section-1 CSS Start -------*/

.bg-inside-services-section-1 { background: url("../images/bg-inside-services-section-1.jpg") no-repeat top/cover; position: relative; z-index: 1; }
.inside-services-info-section-1 > .section-heading-1 > h2 { margin-bottom: 50px; }
.inside-services-info-section-1 > p { color: #343A49; font-size: 1.6rem; line-height: 34px; margin-bottom: 50px; }
.inside-services-info-section-1 > p:last-child { margin-bottom: 0; }
.box-inside-services-1-icon-heading { margin-bottom: 40px; }
.box-inside-services-1-icon-heading > img { height: 40px; margin-bottom: 15px; }
.box-inside-services-1-icon-heading > h4 { color: #393D62; font: 2rem/normal "Raleway-SemiBold"; }

  /*------- Inside Services Section-1 CSS End -------*/

  /*------- Inside Services Section-2 Start -------*/

.bg-inside-services-section-2 { background-color: rgb(183 192 209 / 50%); position: relative; z-index: 1; }
.bg-inside-services-pb-50-section-2 { padding-bottom: 50px; }
.bg-inside-services-section-2::before { background: url("../images/bg-industrial-catering-solutions.jpg") no-repeat top/cover; content: ""; display: block; height: 100%; left: 0; opacity: 0.7; position: absolute; top: 0; width: 100%; z-index: -1; }
.industrial-catering-solutions-image-1 { bottom: 0; position: absolute; right: 0; z-index: -1; }
.industrial-catering-solutions-image-1 > img { width: 100%; }
.inside-services-info-section-2 > .section-heading-1 > h2 { margin-bottom: 50px; }
.inside-services-desc-section-2 > p { color: #343A49; font-size: 1.6rem; line-height: 34px; margin-bottom: 15px; }
.inside-services-desc-section-2 > p:first-child { margin: 30px 0 40px; }
.inside-services-desc-section-2 > p > span { font-family: "Raleway-SemiBold"; }
.inside-services-desc-section-2 > p:last-child { margin-bottom: 0; }
.inside-services-info-listing-section-2 { margin-top: 30px; }
.inside-services-info-listing-section-2 > li { margin-bottom: 20px; padding-left: 30px; position: relative; z-index: 1; }
.inside-services-info-listing-section-2 > li::before { background-color: #65DBA6; border: 4px solid #F9F9F9; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; content: ""; display: block; height: 20px; left: 0; position: absolute; top: 5px; width: 20px; z-index: -1; }
.inside-services-info-listing-section-2 > li > span { color: #393D62; font: 1.8rem/31px "Raleway-SemiBold"; }
.industrial-catering-solutions-image,
.industrial-catering-solutions-info { padding-bottom: 100px; }
.industrial-catering-solutions-info > .section-heading-1 > h2,
.corporate-meal-plans-info > .section-heading-1 > h2 { margin-bottom: 50px; }
.industrial-catering-solutions-image-info { display: flex; margin-bottom: 50px; }
.industrial-catering-solutions-listing-image > img { margin-right: 15px; width: 30px; }
.industrial-catering-solutions-listing-onsite-image > img { margin-right: 20px; width: 40px; }
.industrial-catering-solutions-heading-desc { width: calc(100% - 30px); }
.industrial-catering-solutions-heading-desc > h3 { color: #393D62; font: 2.4rem/normal "Raleway-SemiBold"; margin-bottom: 10px; }
.industrial-catering-solutions-heading-desc > p,
.corporate-meal-plans-desc > p { color: #343A49; font-size: 1.6rem; line-height: 34px; }
.industrial-catering-solutions-info-listing { margin-top: 30px; }
.nutritious-balanced-meals-info-listing { margin-top: 40px; }
.industrial-catering-solutions-info-listing > li { margin-bottom: 20px; padding-left: 30px; position: relative; z-index: 1; }
.industrial-catering-solutions-info-listing > li > img { left: 0; position: absolute; top: 3px; z-index: 1; }
.industrial-catering-solutions-info-listing > li > span { color: #393D62; font: 1.8rem/31px "Raleway-Medium"; }
.industrial-catering-solutions-info-listing > li > span > span { font-family: "Raleway-Bold"; }

  /*------- Inside Services Section-2 CSS End -------*/

/*------- Large Scale Industrial Catering Services Page CSS End -------*/

/*------- Corporate Catering Services Page CSS Start -------*/

  /*------- Corporate Catering Apart Section CSS Start -------*/

.corporate-catering-apart-info > p { margin-bottom: 30px; }
.corporate-catering-apart-info > p:nth-child(3) { margin-bottom: 40px; }

  /*------- Corporate Catering Apart Section CSS End -------*/

  /*------- Corporate Meal Plans Section CSS Start -------*/

.corporate-meal-plans-desc > p { margin-bottom: 20px; }
.corporate-meal-plans-desc > p:last-child { margin-bottom: 50px; }
.corporate-meal-plans-desc > p > span { font-family: "Raleway-SemiBold"; }

  /*------- Corporate Meal Plans Section CSS End -------*/

/*------- Corporate Catering Services Page CSS End -------*/

/*------- How We Work Page CSS Start -------*/

  /*------- Step by Step Process Section CSS Start -------*/

.how-we-work-steps-section-heading > h2 { margin-bottom: 70px; }
.timeline-listing { position: relative; z-index: 1; }
.timeline-listing:after {	background-color: #65DBA6;	content: ""; height: 100%; left: 50%;	position: absolute; top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);	-ms-transform: translateX(-50%); -o-transform: translateX(-50%);	transform: translateX(-50%); width: 2px; z-index: -1; }
.timeline-listing > li { position: relative; z-index: 1; }
.timeline-listing > li:before,
.timeline-listing > li:after { content: ""; clear: both; display: block; width: 100%; }
.left-timeline-content { float: left; width: 45%; }
.right-timeline-content { float: right; width: 45%; }
.timeline-content > h3 { color: #23253B; font: 2.4rem/normal "Raleway-Bold"; margin-bottom: 15px; padding-bottom: 15px; position: relative; z-index: 1; }
.left-timeline-content > h3,
.left-timeline-content > p { text-align: right; }
.left-timeline-content > h3:after { background-color: #366635; bottom: 0; content: ""; display: block; height: 2px; position: absolute; right: 0; width: 50px; z-index: 1; }
.right-timeline-content > h3,
.right-timeline-content > p { text-align: left; }
.right-timeline-content > h3:after { background-color: #366635; bottom: 0; content: ""; display: block; height: 2px; left: 0; position: absolute; width: 50px; z-index: 1; }
.timeline-content > p { color: #343A49; font: 1.6rem/34px "Raleway-Regular"; margin-bottom: 15px; }
.timeline-circle { 
	background-color: #65DBA6;
	border: 7px solid #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	height: 50px; 
	left: 50%; 
	position: absolute; 
	top: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 50px;
	z-index: 1;
}

  /*------- Step by Step Process Section CSS End -------*/

/*------- How We Work Page CSS End -------*/

/*------- Contact Us Page CSS Start -------*/

  /*------- Banner Section CSS Start -------*/

.bg-banner-cp { background: url("../images/contact-banner.jpg") no-repeat top/cover; }

  /*------- Banner Section CSS End -------*/

  /*------- Contact Person Information Section CSS Start -------*/

.bg-contact-person-info { padding: 100px 15px 70px; }
.box-contact-person-image-info { background-color: #FFFFFF; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; margin-bottom: 30px; }
.box-contact-person-image { overflow: hidden; position: relative; z-index: 1; }
.box-contact-person-image > img { -webkit-border-radius: 12px 12px 0 0; -moz-border-radius: 12px 12px 0 0; -ms-border-radius: 12px 12px 0 0; -o-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0; display: none; height: 400px; object-fit: cover; object-position: top; }
.box-contact-person-image > svg { bottom: -1px; left: 0; position: absolute; width: 101%; z-index: 1; }
.box-contact-person-info { padding: 20px 0 20px; }
.box-contact-person-info > h4 { color: #23253B; font: 2.4rem/normal "Raleway-Bold"; margin-bottom: 10px; padding: 0 20px; }
.box-contact-person-info > h5 { color: #23253B; font: 1.8rem/normal "Raleway-Medium"; margin-bottom: 25px; padding: 0 20px; }
.box-contact-person-info > p { align-items: center; display: flex; margin-bottom: 15px; }
.box-contact-person-info > p:last-child { margin-bottom: 0; }
.box-contact-person-info > p > img { background-color: #4dc48e; height: 44px; margin-right: 15px; padding: 10px; width: 44px; }
.box-contact-person-info > p:last-child > img { background-color: #5694CF; }
.box-contact-person-info > p > a { color: #343A49; font: 1.8rem/normal "PublicSans-Regular"; }
.box-contact-person-info > p > a:hover { color: #366635; }

  /*------- Contact Person Information Section CSS End -------*/

  /*------- Get In Touch Section CSS Start -------*/

.bg-get-in-touch-cp { padding-bottom: 100px; }
.bg-get-in-touch-cp::before { display: none; }

  /*------- Get In Touch Section CSS End -------*/

  /*------- Map Section CSS Start -------*/

.bg-map { padding: 70px 15px; }
.map-iframe { border: 2px solid #366635; height: 600px; padding: 10px; width: 100%; }

  /*------- Map Section CSS End -------*/

/*------- Contact Us Page CSS End -------*/