/***************************************************
================ Master Stylesheet =================
====================================================
Template Name: Bildpress
Template URL: http://oilytheme.net/demo-html/2020/002/bildpress/preview/index.html
Description: Bildpress - Construction & Architecture HTML Template developed specifically for all types of Construction, Architecture, Building, Industry, Engineering or Machinery Companies.
Author: OilyTheme
Author URL: https://themeforest.net/user/oilytheme
Version: 1.0
****************************************************/


/***************************************************
=================== CSS INDEX ======================
====================================================
01. Google Font
02. Reset CSS
03. Animations
04. Preloader
05. Scroll To Top
06. Input
07. Button
08. Title Style
09. Header
10. Footer
11. Slider
12. Hero
13. Services
14. service Details
15. projects
16. News And Blog
17. Testimonial
18. Team
19. About
20. sidebar
21. Sponsors
22. Counter
23. Page Title
24. Pricing
****************************************************/


/*==================================================
===| 01. Google Font
===================================================*/
/*Oswald*/
/*@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&family=Reddit+Mono:wght@200..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Tac+One&family=Tenor+Sans&display=swap');*/

/*Ubuntu*/
/*@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&family=Reddit+Mono:wght@200..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Tac+One&family=Tenor+Sans&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');*/

/*Rubik*/
/*@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&family=Reddit+Mono:wght@200..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&family=Tac+One&family=Tenor+Sans&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');*/
/*Merriweather
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&family=Reddit+Mono:wght@200..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&family=Tac+One&family=Tenor+Sans&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap')*/

/*Mulish
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&family=Reddit+Mono:wght@200..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&family=Tac+One&family=Tenor+Sans&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');*/


@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,400i,500,500i,600,700|Poppins:300,400,400i,500,500i,700&display=swap");

/*Open Sans*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Reddit+Mono:wght@200..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Tac+One&display=swap');
/*Tenor Sans
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Reddit+Mono:wght@200..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Tac+One&family=Tenor+Sans&display=swap');*/
/*Roboto Condensed*/
/*@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Reddit+Mono:wght@200..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Tac+One&family=Tenor+Sans&display=swap');*/
/*Reddit Mono*/
/*@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Reddit+Mono:wght@200..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Tac+One&family=Tenor+Sans&display=swap')

font-family: 'Poppins', sans-serif;
font-family: 'Poppins', sans-serif;
*/
@import url("fontawesome.css");
@import url("../webfonts/themify-icons/themify-icons.css");
@import url("../webfonts/icofont/icofont.min.css");
@import url("owl.carousel.min.css");
@import url("owl.theme.default.css");
@import url("animate.css");
@import url("slick.css");
@import url("nice-select.css");
@import url("jquery.fancybox.css");
@import url("jquery-ui.css");
@import url("default.css");
/*==================================================
===| 02. Reset CSS
===================================================*/
*,
*:before,
*:after {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 100%;
}

html,
body {
  min-height: 100%;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

ul {
  margin: 0;
  padding: 0;
}

ul li {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
}

i {
  font-style: normal;
}

figure {
  margin: 0;
  padding: 0;
}

.clearfix:after {
  content: "";
  clear: both;
  display: table;
}

a,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
  border: none;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

a:hover {
  text-decoration: none;
  outline: none;
  color: #ff5e14;
  border: none;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

label {
  color: #666;
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
  outline: 0 solid;
}

body {
  font-family: "Poppins", sans-serif;
  color: #00235a;
  font-size: 16px;
}

p {
  font-family: "Poppins", sans-serif;
  font-weight: normal;
  color: #00235a;
  font-size: 16px;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", sans-serif;
  color: #00235a;
  font-weight: bold;
}

button {
  cursor: pointer;
}

button.button {
  background: transparent;
  border: 0px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

::-moz-selection {
  background: #313131;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #313131;
  color: #fff;
  text-shadow: none;
}

.auto_container {
  position: static;
  max-width: 1210px;
  padding: 0px 20px;
  margin: 0px auto;
}

.content_box_pob_120_90 {
  padding-bottom: 90px;
}

@media only screen and (max-width: 1199px) {
  .content_box_pob_120_90 {
    padding-bottom: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_pob_120_90 {
    padding-bottom: 50px;
  }
}

.content_box_pob_120_70 {
  padding-bottom: 70px;
}

@media only screen and (max-width: 1199px) {
  .content_box_pob_120_70 {
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_pob_120_70 {
    padding-bottom: 30px;
  }
}

.content_box_pob_100_70 {
  padding-bottom: 70px;
}

@media only screen and (max-width: 1199px) {
  .content_box_pob_100_70 {
    padding-bottom: 50px;
  }
}

.content_box_pob_100_50 {
  padding-bottom: 50px;
}

@media only screen and (max-width: 1199px) {
  .content_box_pob_100_50 {
    padding-bottom: 30px;
  }
}

.content_box_pot_120 {
  padding-top: 120px;
}

@media only screen and (max-width: 1199px) {
  .content_box_pot_120 {
    padding-top: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_pot_120 {
    padding-top: 80px;
  }
}

.content_box_pob_120 {
  padding-bottom: 60px;
}

@media only screen and (max-width: 1199px) {
  .content_box_pob_120 {
    padding-bottom: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_pob_120 {
    padding-bottom: 80px;
  }
}

.content_box_pot_100 {
  padding-top: 100px;
}

@media only screen and (max-width: 767px) {
  .content_box_pot_100 {
    padding-top: 80px;
  }
}

.content_box_pob_100 {
  padding-bottom: 100px;
}

@media only screen and (max-width: 767px) {
  .content_box_pob_100 {
    padding-bottom: 80px;
  }
}

.content_box_120 {
    padding-top: 36px;
    padding-bottom: 50px;
}

@media only screen and (max-width: 1199px) {
  .content_box_120 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_120 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.content_box_120_90 {
  padding-top: 14px;
  padding-bottom: 29px;
}

@media only screen and (max-width: 1199px) {
  .content_box_120_90 {
    padding-top: 100px;
    padding-bottom: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_120_90 {
    padding-top: 80px;
    padding-bottom: 50px;
  }
}

.content_box_120_70 {
  padding-top: 37px;
  /* padding-bottom: 15px; */
}

@media only screen and (max-width: 1199px) {
  .content_box_120_70 {
    padding-top: 100px;
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .content_box_120_70 {
    padding-top: 80px;
    padding-bottom: 30px;
  }
}

.content_box_100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

@media only screen and (max-width: 1199px) {
  .content_box_100 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.content_box_100_70 {
  padding-top: 100px;
  padding-bottom: 70px;
}

@media only screen and (max-width: 1199px) {
  .content_box_100_70 {
    padding-top: 80px;
    padding-bottom: 50px;
  }
}

.content_box_100_50 {
  padding-top: 100px;
  padding-bottom: 50px;
}

@media only screen and (max-width: 1199px) {
  .content_box_100_50 {
    padding-top: 80px;
    padding-bottom: 30px;
  }
}

.fluid_content_box {
  margin-left: 4%;
  margin-right: 4%;
}

@media only screen and (max-width: 1399px) {
  .fluid_content_box {
    margin-left: 0;
    margin-right: 0;
  }
}

.clear {
  clear: both;
}

@media only screen and (max-width: 991px) {
  .mt_laptop1_50 {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .mt_tab1_50 {
    margin-top: 50px;
  }
}

.gray_bg {
  background-color: #f7f7f7;
}

.img_100 {
  width: 100%;
  height: auto;
}

.f_left {
  float: left !important;
}

.f_right {
  float: right !important;
}

.fix {
  overflow: hidden !important;
}

.white_bg {
  background-color: #fff;
}

.white {
  color: #fff;
}

.vh_100 {
  height: 100vh;
}

.p18 {
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  color: #00235a;
}

@media only screen and (max-width: 767px) {
  .p18 {
    font-size: 16px;
  }
}

.p17 {
  font-size: 17px;
  font-family: "Poppins", sans-serif;
  color: #00235a;
}

@media only screen and (max-width: 767px) {
  .p17 {
    font-size: 16px;
  }
}

.p16 {
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  color: #00235a;
}

@media only screen and (max-width: 767px) {
  .p16 {
    font-size: 15px;
  }
}

.p15 {
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  color: #00235a;
}

@media only screen and (max-width: 767px) {
  .p15 {
    font-size: 14px;
  }
}

.p14 {
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  color: #00235a;
}

.p13 {
  font-size: 13px;
  font-family: "Poppins", sans-serif;
  color: #00235a;
}

.h1 {
  font-size: 40px;
  color: #00235a;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
}

@media only screen and (max-width: 991px) {
  .h1 {
    font-size: 35px;
  }
}

@media only screen and (max-width: 575px) {
  .h1 {
    font-size: 30px;
  }
}

.h2 {
  font-size: 32px;
  color: #00235a;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
}

@media only screen and (max-width: 991px) {
  .h2 {
    font-size: 28px;
  }
}

@media only screen and (max-width: 575px) {
  .h2 {
    font-size: 26px;
  }
}

.h3 {
  font-size: 28px;
  color: #00235a;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
}

@media only screen and (max-width: 991px) {
  .h3 {
    font-size: 25px;
  }
}

@media only screen and (max-width: 575px) {
  .h3 {
    font-size: 22px;
  }
}

.h4 {
  font-size: 24px;
  color: #00235a;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
}

@media only screen and (max-width: 991px) {
  .h4 {
    font-size: 22px;
  }
}

@media only screen and (max-width: 575px) {
  .h4 {
    font-size: 20px;
  }
}

.h5 {
  font-size: 20px;
  color: #00235a;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
}

@media only screen and (max-width: 991px) {
  .h5 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 575px) {
  .h5 {
    font-size: 16px;
  }
}

.h6 {
  font-size: 16px;
  color: #00235a;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
}

@media only screen and (max-width: 991px) {
  .h6 {
    font-size: 15px;
  }
}

.nice-select {
  width: 100%;
  border-radius: 0px;
  border: 1px solid #ddd;
}

.nice-select.open,
.nice-select:active,
.nice-select:focus {
  border-color: #ff5e14;
}

#amount_shop {
  border: 0px;
  color: #00235a;
  font-weight: bold;
}

#map {
  height: 650px;
  width: 100%;
}

@media only screen and (max-width: 991px) {
  #map {
    height: 550px;
  }
}

@media only screen and (max-width: 767px) {
  #map {
    height: 400px;
  }
}

/*! #######################################################################
	MeanMenu 2.0.7
	--------
	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)
####################################################################### */
a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-bar {
  float: left;
  width: 100%;
  position: relative;
  background: transparent;
  padding: 4px 0;
  min-height: 42px;
  z-index: 999999;
  margin-top: -24px;
}

.mean-container a.meanmenu-reveal {
  border: 1px solid #2B2B2B;
  width: 22px;
  height: 22px;
  padding: 13px 13px 11px 13px;
  position: absolute;
  top: 5px;
  right: 0;
  cursor: pointer;
  color: #2B2B2B;
  text-decoration: none;
  font-size: 16px;
  line-height: 22px;
  font-size: 1px;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  margin-right: 15px;
}

.mean-container a.meanmenu-reveal span {
  display: block;
  background: #2B2B2B;
  height: 3px;
  margin-top: 3px;
}

.mean-container .mean-nav {
  float: left;
  width: 100%;
  background: #0c1923;
  margin-top: 53px;
}

.mean-container .mean-nav ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
}

.mean-container .mean-nav ul li {
  position: relative;
  float: left;
  width: 100%;
}

.mean-container .mean-nav ul li a {
  display: block;
  float: left;
  width: 90%;
  padding: 13px 5%;
  margin: 0;
  text-align: left;
  color: #fff;
  border-top: 1px solid #383838;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  text-decoration: none;
  text-transform: none;
  font-size: 14px;
  line-height: 1.4;
}

.mean-container .mean-nav ul li li a {
  width: 80%;
  padding: 13px 10%;
  border-top: 1px solid #f1f1f1;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  text-shadow: none !important;
  visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
  border-bottom: none;
  margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
  width: 70%;
  padding: 13px 15%;
}

.mean-container .mean-nav ul li li li li a {
  width: 60%;
  padding: 13px 20%;
}

.mean-container .mean-nav ul li li li li li a {
  width: 50%;
  padding: 13px 25%;
}

.mean-container .mean-nav ul li a:hover {
  background: #252525;
  background: rgba(255, 255, 255, 0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 1px;
  width: 26px;
  height: 32px;
  padding: 6px 11px;
  text-align: center;
  position: absolute;
  line-height: 34px;
  right: 0;
  top: 0;
  z-index: 2;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.1);
  border: none !important;
  border-left: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
  background: rgba(0, 0, 0, 0.9);
}

.mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both;
}

.mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0;
}

.mean-container .mean-bar,
.mean-container .mean-bar * {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.mean-remove {
  display: none !important;
}

.mobile-menu {
  position: absolute;
  right: 0px;
  width: 100%;
  top: -64px;
}

/*==================================================
===| 03. Animations
===================================================*/
@-webkit-keyframes radial_pulse1 {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
            box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
}
@keyframes radial_pulse1 {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
            box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
}

@-webkit-keyframes circling1 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes circling1 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes sliderInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes sliderInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.sliderInDown {
  -webkit-animation-name: sliderInDown;
  animation-name: sliderInDown;
}

@-webkit-keyframes sliderOutDown {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes sliderOutDown {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.sliderOutDown {
  -webkit-animation-name: sliderOutDown;
  animation-name: sliderOutDown;
}

@-webkit-keyframes fadeInDown_2 {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateZ(0);
  }
}

@keyframes fadeInDown_2 {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(0, -100%, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateZ(0);
  }
}

.fadeInDown_2 {
  -webkit-animation-name: fadeInDown_2;
  animation-name: fadeInDown_2;
}

@-webkit-keyframes fadeInLeft_2 {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateZ(0);
  }
}

@keyframes fadeInLeft_2 {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateZ(0);
  }
}

.fadeInLeft_2 {
  -webkit-animation-name: fadeInLeft_2;
  animation-name: fadeInLeft_2;
}

@-webkit-keyframes fadeInRight_2 {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateZ(0);
  }
}

@keyframes fadeInRight_2 {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateZ(0);
  }
}

.fadeInRight_2 {
  -webkit-animation-name: fadeInRight_2;
  animation-name: fadeInRight_2;
}

@-webkit-keyframes fadeInUp_2 {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateZ(0);
  }
}

@keyframes fadeInUp_2 {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(0, 100%, 0);
  }
  to {
    -webkit-transform: translateZ(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateZ(0);
  }
}

.fadeInUp_2 {
  -webkit-animation-name: fadeInUp_2;
  animation-name: fadeInUp_2;
}

@-webkit-keyframes fadeOutDown_2 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown_2 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown_2 {
  -webkit-animation-name: fadeOutDown_2;
  animation-name: fadeOutDown_2;
}

@-webkit-keyframes fadeOutLeft_2 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft_2 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft_2 {
  -webkit-animation-name: fadeOutLeft_2;
  animation-name: fadeOutLeft_2;
}

@-webkit-keyframes fadeOutRight_2 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight_2 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight_2 {
  -webkit-animation-name: fadeOutRight_2;
  animation-name: fadeOutRight_2;
}

@-webkit-keyframes fadeOutUp_2 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp_2 {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp_2 {
  -webkit-animation-name: fadeOutUp_2;
  animation-name: fadeOutUp_2;
}

/*==================================================
===| 04. Pre-loader
===================================================*/
.preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: white;
  left: 0;
  top: 0;
  z-index: 9999999999;
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}

.lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #222;
  -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
          animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
  left: 6px;
  -webkit-animation: lds-ellipsis1 0.6s infinite;
          animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
  left: 6px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
          animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
  left: 26px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
          animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
  left: 45px;
  -webkit-animation: lds-ellipsis3 0.6s infinite;
          animation: lds-ellipsis3 0.6s infinite;
}

@-webkit-keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}

@keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}

@-webkit-keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(19px, 0);
            transform: translate(19px, 0);
  }
}

@keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(19px, 0);
            transform: translate(19px, 0);
  }
}

/*==================================================
===| 05. Scroll To Top
===================================================*/
.scrollToTop {
  position: fixed;
  display: none;
  bottom: 50px;
  right: 35px;
  z-index: 100000;
  color: #fff;
  background: #00235a;
  height: 55px;
  width: 55px;
  text-align: center;
  line-height: 55px;
  -webkit-transition: 1s ease;
  -o-transition: 1s ease;
  transition: 1s ease;
  border-radius: 50%;
  font-size: 18px;
}

@media only screen and (max-width: 1199px) {
  .scrollToTop {
    bottom: 30px;
    right: 30px;
  }
}

.scrollToTop:after {
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background: -o-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}

.scrollToTop:hover {
  color: #fff;
  background: #ff5e14;
}

@media only screen and (max-width: 767px) {
  .scrollToTop {
    bottom: 107px;
    right: 20px;
    height: 50px;
    width: 50px;
    line-height: 50px;
  }
}

/*==================================================
===| 06. Input
===================================================*/
.form-control {
  border: 1px solid #e2e5e7;
  margin-bottom: 20px;
  padding: 28px 20px;
  border-radius: 0px;
  outline: 0 none;
  font-size: 12px;
  font-family: "Poppins", sans-serif;
}

.form-control:focus {
  border-color: rgba(255, 94, 20, 0.7);
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 0 none;
  color: #00235a;
}

.form-control::-webkit-input-placeholder {
  color: #999;
  font-size: 12px;
  text-transform: none;
}

.form-control:-ms-input-placeholder {
  color: #999;
  font-size: 12px;
  text-transform: none;
}

.form-control::-ms-input-placeholder {
  color: #999;
  font-size: 12px;
  text-transform: none;
}

.form-control::-webkit-input-placeholder {
  color: #999;
  font-size: 12px;
  text-transform: none;
}

.form-control::-moz-placeholder {
  color: #999;
  font-size: 12px;
  text-transform: none;
}

.form-control:-ms-input-placeholder {
  color: #999;
  font-size: 12px;
  text-transform: none;
}

.form-control::placeholder {
  color: #999;
  font-size: 12px;
  text-transform: none;
}

.form-control:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999;
  font-size: 12px;
  text-transform: none;
}

.form-control::-webkit-input-placeholder {
  /* Edge */
  color: #999;
  font-size: 12px;
  text-transform: none;
}

.quantity {
  position: relative;
}

.quantity input[type=number]::-webkit-inner-spin-button,
.quantity input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.quantity input[type=number] {
  -moz-appearance: textfield;
}

.quantity input {
  width: 80px;
  height: 42px;
  line-height: 1.65;
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  padding-left: 20px;
  border: 1px solid #ddd;
}

.quantity input:focus {
  outline: 0;
}

.quantity .quantity-nav {
  float: left;
  position: relative;
  height: 42px;
}

.quantity .quantity-button {
  position: relative;
  cursor: pointer;
  border-left: 1px solid #ddd;
  width: 20px;
  text-align: center;
  color: #3e3e3e;
  font-size: 10px;
  font-family: "Trebuchet MS", Helvetica, sans-serif !important;
  line-height: 2.2;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
      transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.quantity .quantity-button.quantity-up {
  position: absolute;
  height: 50%;
  top: 0;
  border-bottom: 1px solid #ddd;
}

.quantity .quantity-button.quantity-down {
  position: absolute;
  bottom: 0px;
  height: 50%;
}

/*==================================================
===| 07. Button
===================================================*/
.main_btn {
  position: relative;
  -webkit-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  -o-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  display: inline-block;
}

.main_btn a,
.main_btn button {
  text-transform: capitalize;
  color: #fff;
  font-size: 14px;
  position: relative;
  display: inline-block;
  padding: 18px 40px;
  font-weight: 500;
  z-index: 20;
}

.main_btn button {
  background: transparent;
  border: none;
}
.fs-29-import {
  font-size: 29px !important;

}
.main_btn:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  height: 100%;
  background: #ff5e14;
  width: 100%;
  z-index: 10;
}

.main_btn:before {
  z-index: 15;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 0;
  background: #fa4f00;
  -webkit-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  -o-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
  transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
}

.main_btn:hover {
  color: #fff;
}

.main_btn:hover:before {
  left: 0;
  right: auto;
  width: 100%;
}

.btn1 {
  display: inline-block;
  text-transform: none;
  padding: 19px 42px;
  font-size: 14px;
  border-radius: 3px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  color: #fff;
  background: #ff5e14;
  border: none;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}

.btn1:hover,
.btn1:focus {
  background: #0e0a1a;
  color: #fff;
}

.btn1:focus,
.btn1.focus {
  outline: 0;
}

.site__btn1 {
  display: inline-block;
  background: #ff5e14;
  padding: 19px 50px;
  font-size: 14px;
  font-weight: bold;
  font-family: "Poppins", sans-serif;
  text-transform: none;
  color: #fff;
  border: none;
}

.site__btn1:hover {
  background: #00235a;
  color: #fff;
}


.book-demo {
  display: inline-block;
  background: #00235a;
  padding: 0.8em 1.5em; /* Initial padding */
  font-size: 1em; /* Initial font size */
  font-weight: bold;
  font-family: "Poppins", sans-serif;
  text-transform: none;
  color: #fff;
  border: none;
  border-radius: 30px;
}

.book-demo:hover {
  background: #fff;
  color: #00235a;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
  .book-demo {
    padding: 0.6em 1.2em; /* Adjusted padding for smaller screens */
    font-size: 0.8em; /* Adjusted font size for smaller screens */
  }
}

@media screen and (max-width: 480px) {
  .book-demo {
    padding: 0.4em 1em; /* Further adjusted padding for smaller screens */
    font-size: 0.6em; /* Further adjusted font size for smaller screens */
    margin-top: 10px;
  }
}



.site__btn2 {
  display: inline-block;
  background: #fff;
  padding: 19px 50px;
  font-size: 14px;
  font-weight: bold;
  font-family: "Poppins", sans-serif;
  text-transform: none;
  color: #00235a;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.1);
          box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.1);
}

.site__btn2:hover {
  background: #00235a;
  color: #fff;
}

.site__btn3 {
  display: inline-block;
  background: #fff;
  padding: 16px 46px;
  font-size: 16px;
  font-weight: bold;
  font-family: "Poppins", sans-serif;
  text-transform: capitalize;
  color: #00235a;
  border: 2px solid rgba(34, 54, 69, 0.1);
}

.site__btn3:hover {
  background: #ff5e14;
  border: 2px solid #ff5e14;
  color: #fff;
}

.site__btn3.pricing__btn {
  background: transparent;
  border: 2px solid #1E3962;
  color: #fff;
}

.site__btn3.pricing__btn:hover {
  background: #ff5e14;
  border-color: #ff5e14;
}

@font-face {
  font-family: "Flaticon";
  src: url("../webfonts/flaticon/Flaticon.eot");
  src: url("../webfonts/flaticon/Flaticon.eot?#iefix") format("embedded-opentype"), url("../webfonts/flaticon/Flaticon.woff2") format("woff2"), url("../webfonts/flaticon/Flaticon.woff") format("woff"), url("../webfonts/flaticon/Flaticon.ttf") format("truetype"), url("../webfonts/flaticon/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Flaticon";
    src: url("../webfonts/flaticon/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
  font-family: Flaticon;
  font-size: 20px;
  font-style: normal;
}

.flaticon-next:before {
  content: "\f100";
}

.flaticon-arrow-pointing-to-right:before {
  content: "\f101";
}

.flaticon-next-1:before {
  content: "\f102";
}

.flaticon-phone:before {
  content: "\f103";
}

.flaticon-clock:before {
  content: "\f104";
}

.flaticon-clock-1:before {
  content: "\f105";
}

.flaticon-user:before {
  content: "\f106";
}

.flaticon-profile:before {
  content: "\f107";
}

/*==================================================
===| 08. Title Style
===================================================*/
.text-border-title1 {
  position: absolute;
  font-family: "Poppins", sans-serif;
  font-size: 300px;
  text-transform: none;
  line-height: 300px;
  color: transparent;
  left: 50%;
  -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  -webkit-text-stroke: 1px #f4f4f4;
  top: 60px;
}

@media only screen and (max-width: 1023px) {
  .text-border-title1 {
    font-size: 200px;
  }
}

@media only screen and (max-width: 767px) {
  .text-border-title1 {
    display: none;
  }
}

.text-border-title1.features1-style {
  top: -25px;
}

.text-border-title1.features1-style.home2 {
  -webkit-text-stroke: 1px #DAE7FF;
}

@media only screen and (max-width: 1599px) {
  .text-border-title1.features1-style {
    font-size: 240px;
    line-height: 240px;
    top: -15px;
  }
}

@media only screen and (max-width: 1199px) {
  .text-border-title1.features1-style {
    font-size: 180px;
    line-height: 180px;
    top: -10px;
  }
}

@media only screen and (max-width: 880px) {
  .text-border-title1.features1-style {
    font-size: 120px;
    line-height: 120px;
    top: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .text-border-title1.features1-style {
    display: none;
  }
}

.title_style1 h5 {
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  color: #ff5e14;
  font-weight: bold;
  text-transform: none;
  margin-bottom: 14px;
}

/*yusuf changes*/
.title_style1 h2 {
  font-size: 35px;
  color: #00235a;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  text-transform: none;
  letter-spacing: -1px;
  line-height: 70px;
}
.title_style1.our-commitment {
    display: flex;
    justify-content: center;
}
/*End yusuf*/


.getInTouch h2 {
  font-size: 36px;
  color: #00235a;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  text-transform: none;
  letter-spacing: -2px;
  line-height: 70px;
}


@media only screen and (max-width: 575px) {
  .title_style1 h2 {
    font-size: 25px;
    line-height: 55px;
    letter-spacing: -1px;
  }
}

@media only screen and (max-width: 400px) {
  .title_style1 h2 {
    font-size: 25px;
    line-height: 45px;
  }
}

/*==================================================
===| 09. Header
===================================================*/
.header__top1 {
  /*background-color: #f1f9ff;*/
}

.header__top1__left {
  padding-left: 115px;
  padding-top: 7px;
  padding-bottom: 13px;
}

@media only screen and (max-width: 1399px) {
  .header__top1__left {
    padding-left: 50px;
  }
}

@media only screen and (max-width: 880px) {
  .header__top1__left {
    padding-left: 0px;
  }
}

.header__top1__left span {
  font-size: 14px;
  font-weight: 700;
}

@media only screen and (max-width: 479px) {
  .header__top1__left span {
    display: block;
  }
}

.header__top1__left span:not(:last-child) {
  margin-right: 45px;
}

@media only screen and (max-width: 479px) {
  .header__top1__left span:not(:last-child) {
    margin-right: 0px;
  }
}

.header__top1__left span i {
  font-size: 15px;
  margin-right: 3px;
}

.header__top1__left span i.flaticon-phone:before {
  font-size: 15px;
}

.header__top1__right--social {
  padding-left: 187px;
}

@media only screen and (max-width: 1399px) {
  .header__top1__right--social {
    padding-left: 0px;
  }
}

.header__top1__right--social ul li {
  display: inline-block;
}

.header__top1__right--social ul li a {
  font-size: 15px;
  color: #00235a;
  padding: 14px 5px;
  display: inline-block;
  margin: 0px 2px;
}

.header__top1__right--social ul li a:hover {
  color: #ff5e14;
}

.header__top1__right--flag > ul > li {
  margin-left: 30px;
  position: relative;
}

.header__top1__right--flag > ul > li > a {
  font-size: 14px;
  font-weight: bold;
  color: #00235a;
  position: relative;
  padding: 14px 5px 13px;
  display: inline-block;
}

.header__top1__right--flag > ul > li:hover > a {
  color: #ff5e14;
}

.header__top1__right--flag > ul > li ul {
  background-color: #fff;
  width: 120px;
  position: absolute;
  right: 30px;
  padding: 10px 15px;
  border-top: 3px solid #ff5e14;
  -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);
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  z-index: 1002;
}

.header__top1__right--flag > ul > li ul li {
  display: block;
  margin: 0;
  padding-top: 5px 0px;
}

.header__top1__right--flag > ul > li ul li a {
  display: block;
  font-weight: 500;
  font-size: 14px;
  color: #00235a;
  text-transform: none;
}

.header__top1__right--flag > ul > li ul li a:hover {
  color: #ff5e14;
}
.header__top1 {
  margin-bottom: -21px;
}
.header__top1__right--flag > ul > li:hover ul {
  visibility: visible;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  right: 0px;
}

@media only screen and (max-width: 1599px) {
  .header__logo1 {
    padding-left: 40px;
  }
}

@media only screen and (max-width: 1199px) {
  .header__logo1 {
    padding-left: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .header__logo1 {
    padding-left: 0px;
  }
}

.header__logo1--style {
  position: relative;
  display: inline-block;
}

.header__logo1--style:before {
  position: absolute;
  content: '';
  width: 1000px;
  height: 78px;
  background-color: #fff;
  /* top: -25px; */
  top: -10px;
  right: -52px;
  -webkit-transform: skew(15deg);
          -ms-transform: skew(15deg);
      transform: skew(1deg);
      display: none;
}

@media only screen and (max-width: 991px) {
  .header__logo1--style:before {
    display: none;
  }
}

.header__logo1--style a {
  position: relative;
  z-index: 1001;
  /*line-height: 100px;*/
  max-width: 250px;
  top: -30px;
 /* display: inline-block;*/
}

@media only screen and (max-width: 991px) {
  .header__logo1--style a {
    max-width: 200px;
    line-height: 80px;
    top: -8;
  }
  .header__logo1--style {
  
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {

  .header__logo1--style {
    padding-bottom: 20px;
  }
  .header__logo1--style a {
    max-width: 200px;
    line-height: 80px;
    top: -8px;
  }
}
@media only screen and (max-width: 400px) {
  .header__logo1--style a {
    max-width: 150px;
    top: -8px;
  }
  .header__logo1--style {
  
    padding-bottom: 20px;
  }
}

.header__side-nav1 {
  position: relative;
  z-index: 1000;
}

@media only screen and (max-width: 1399px) {
  .header__side-nav1 {
    display: none;
  }
}

.header__side-nav1 a {
    display: inline-block;
    color: #fff;
    border: 2px solid #fd7e14;
    padding: 6px 30px;
    text-transform: none;
    background-color: #00235a;
    font-weight: 500;
    margin-top: 10px;
    margin-right: 119px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

@media only screen and (max-width: 1599px) {
  .header__side-nav1 a {
    margin-right: 30px;
  }
}

.header__side-nav1 a:hover {
  background-color: #ff5e14;
  border-color: #ff5e14;
}

.header .main-menu1 > nav {
  position: relative;
}

.header .main-menu1 > nav:before {
  position: absolute;
  content: '';
  height: 45px;
  top: 7px;
  left: 15px;
  /* width: calc(100% + 115px); */
  background-color: #00235a;
  z-index: -1;
  width: 100%;
}

.header .main-menu1 > nav > ul {
  padding-left: 60px;
}

@media only screen and (max-width: 1599px) {
  .header .main-menu1 > nav > ul {
    padding-left: 50px;
  }
}

.header .main-menu1 > nav > ul > li {
  display: inline-block;
  position: relative;
}

.header .main-menu1 > nav > ul > li > a {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  padding: 20px 28px 39px;
  display: inline-block;
  text-transform: none;
}

@media only screen and (max-width: 1199px) {
  .header .main-menu1 > nav > ul > li > a {
    padding: 39px 23px 38px;
  }
}

.header .main-menu1 > nav > ul > li:hover > a {
  color: #ff5e14;
}

.header .main-menu1 > nav > ul > li ul {
  position: absolute;
  left: 0px;
  width: 250px;
  text-align: left;
  background: #fff;
  z-index: 900;
  border-top: 3px solid #ff5e14;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  padding: 17px 0px;
  -webkit-box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
          box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
  top: calc(100% + 30px);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}

@media only screen and (max-width: 1199px) {
  .header .main-menu1 > nav > ul > li ul {
    width: 230px;
  }
}

.header .main-menu1 > nav > ul > li ul li {
  position: relative;
}

.header .main-menu1 > nav > ul > li ul li ul {
  position: absolute;
  left: 250px;
  top: 30px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}

@media only screen and (max-width: 1199px) {
  .header .main-menu1 > nav > ul > li ul li ul {
    left: 230px;
  }
}

.header .main-menu1 > nav > ul > li ul li:hover ul {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 0px;
}

.header .main-menu1 > nav > ul > li ul li a {
  font-weight: 500;
  padding: 7px 28px;
  display: block;
  text-transform: none;
  font-size: 15px;
  color: #00235a;
}

.header .main-menu1 > nav > ul > li ul li:hover > a {
  color: #ff5e14;
}

.header .main-menu1 > nav > ul > li ul li.sub_menu_li > a {
  position: relative;
}

.header .main-menu1 > nav > ul > li ul li.sub_menu_li > a:before {
  position: absolute;
  content: '\f054';
  right: 28px;
  top: 9px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 13px;
}

.header .main-menu1 > nav > ul > li:hover > ul {
  top: 100%;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
}

.header.home1 .header__menu {
  min-height: 81px;
}

@media only screen and (max-width: 991px) {
  .header.home1 .header__menu {
    min-height: 75px;
  }
}

.header.home1 .header__menu-wrapper {
  position: relative;
}

.header.home1 .menu_sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: #fff;
  z-index: 1010;
  -webkit-box-shadow: 0 10px 15px -10px rgba(25, 25, 25, 0.1);
          box-shadow: 0 10px 15px -10px rgba(25, 25, 25, 0.1);
          height: 5rem;
}

@media only screen and (max-width: 991px) {
  .header.home1 .menu_sticky {
    background: #fff;
  }
}

.header.home3 .header__menu {
  min-height: 89px;
}

@media only screen and (max-width: 991px) {
  .header.home3 .header__menu {
    min-height: 75px;
  }
}

.header.home3 .header__menu-wrapper {
  position: relative;
}

.header.home3 .menu_sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: #fff;
  z-index: 1010;
  -webkit-box-shadow: 0 10px 15px -10px rgba(25, 25, 25, 0.1);
          box-shadow: 0 10px 15px -10px rgba(25, 25, 25, 0.1);
}

@media only screen and (max-width: 991px) {
  .header.home3 .menu_sticky {
    background: #fff;
  }
}

.header.home1 .header__menu-wrapper.menu_sticky .main-menu1 > nav:before {
  display: none;
}

.header.home1 .header__menu-wrapper.menu_sticky .main-menu1 > nav > ul > li > a {
  color: #001941;
  padding: 34px 28px 33px;
}

@media only screen and (max-width: 1199px) {
  .header.home1 .header__menu-wrapper.menu_sticky .main-menu1 > nav > ul > li > a {
    padding: 34px 20px 33px;
  }
}

.header.home1 .header__menu-wrapper.menu_sticky .main-menu1 > nav > ul > li > a:hover {
  color: #ff5e14;
}

.header.home1 .header__menu-wrapper.menu_sticky .header__logo1--style:before {
  display: none;
}

.header.home1 .header__menu-wrapper.menu_sticky .header__logo1--style a {
  line-height: 80px;
  max-width: 250px;
  top: -10px;
}

@media only screen and (max-width: 991px) {
  .header.home1 .header__menu-wrapper.menu_sticky .header__logo1--style a {
    max-width: 200px;
    line-height: 80px;
    top: 0px;
  }
}

@media only screen and (max-width: 400px) {
  .header.home1 .header__menu-wrapper.menu_sticky .header__logo1--style a {
    max-width: 150px;
  }
}

.header.home1 .header__menu-wrapper.menu_sticky .header__side-nav1 a {
  color: #fff;
  border-color: #ff5e14;
  background-color: #ff5e14;
  margin-top: 19px;
}

.header.home1 .header__menu-wrapper.menu_sticky .header__side-nav1 a:hover {
  background-color: #00235a;
  border-color: #00235a;
}

.header.home2 .header__menu-wrapper .main-menu1 > nav:before {
  display: none;
}

.header.home2 .header__menu-wrapper .main-menu1 > nav > ul > li > a {
  color: #001941;
  padding: 34px 28px 33px;
}

@media only screen and (max-width: 1199px) {
  .header.home2 .header__menu-wrapper .main-menu1 > nav > ul > li > a {
    padding: 34px 20px 33px;
  }
}

.header.home2 .header__menu-wrapper .main-menu1 > nav > ul > li > a:hover {
  color: #ff5e14;
}

.header.home2 .header__menu-wrapper .header__logo1--style:before {
  display: none;
}

.header.home2 .header__menu-wrapper .header__logo1--style a {
  line-height: 80px;
  max-width: 250px;
  top: -2px;
}

@media only screen and (max-width: 991px) {
  .header.home2 .header__menu-wrapper .header__logo1--style a {
    max-width: 200px;
    line-height: 80px;
    top: 0px;
  }
}

@media only screen and (max-width: 400px) {
  .header.home2 .header__menu-wrapper .header__logo1--style a {
    max-width: 150px;
  }
}

.header.home2 .header__menu-wrapper .header__side-nav1 a {
  color: #fff;
  border-color: #ff5e14;
  background-color: #ff5e14;
  margin-top: 19px;
}

.header.home2 .header__menu-wrapper .header__side-nav1 a:hover {
  background-color: #00235a;
  border-color: #00235a;
}

.header.home3 {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
  right: 0px;
}

@media only screen and (max-width: 991px) {
  .header.home3 .header__menu-wrapper {
    background: #fff;
  }
}

@media only screen and (max-width: 991px) {
  .header.home3 .mean-container .mean-nav {
    margin-top: 85px;
  }
}

@media only screen and (max-width: 991px) {
  .header.home3 .mean-container a.meanmenu-reveal {
    top: 10px;
  }
}

@media only screen and (max-width: 479px) {
  .header.home3 .mean-container a.meanmenu-reveal {
    top: 20px;
  }
}

.header.home3 .header__logo {
  background: #fff;
  margin-left: 85px;
  position: relative;
}

@media only screen and (max-width: 1706px) {
  .header.home3 .header__logo {
    margin-left: 0px;
  }
}

.header.home3 .header__logo:before {
  position: absolute;
  content: '';
  height: 155px;
  width: 600px;
  background: #fff;
  right: -75px;
  top: 0px;
  z-index: 10;
  -webkit-transform: skew(18deg);
          -ms-transform: skew(18deg);
      transform: skew(18deg);
}

@media only screen and (max-width: 991px) {
  .header.home3 .header__logo:before {
    display: none;
  }
}

.header.home3 .header__logo a {
  position: relative;
  z-index: 20;
  margin-top: 46px;
  display: inline-block;
}

@media only screen and (max-width: 991px) {
  .header.home3 .header__logo a {
    margin-top: 25px;
  }
}

@media only screen and (max-width: 479px) {
  .header.home3 .header__logo a {
    width: 180px;
  }
}

.header.home3 .header__side-nav {
  background: #fff;
  height: 155px;
  position: relative;
}

@media only screen and (max-width: 1405px) {
  .header.home3 .header__side-nav {
    display: none;
  }
}

.header.home3 .header__side-nav:after {
  position: absolute;
  content: '';
  width: 460px;
  height: 155px;
  right: -15px;
  top: 0px;
  background: #fff;
  z-index: 10;
}

@media only screen and (max-width: 1706px) {
  .header.home3 .header__side-nav:after {
    width: 360px;
  }
}

@media only screen and (max-width: 1548px) {
  .header.home3 .header__side-nav:after {
    width: 250px;
  }
}

.header.home3 .header__side-nav:before {
  position: absolute;
  content: '';
  width: 200px;
  height: 155px;
  left: -81px;
  top: 0px;
  background: #fff;
  z-index: 15;
  -webkit-transform: skew(-18deg);
          -ms-transform: skew(-18deg);
      transform: skew(-18deg);
}

@media only screen and (max-width: 1706px) {
  .header.home3 .header__side-nav:before {
    left: -66px;
  }
}

@media only screen and (max-width: 1548px) {
  .header.home3 .header__side-nav:before {
    left: -86px;
  }
}

.header.home3 .header__side-nav ul {
  position: relative;
  z-index: 20;
  margin-top: 46px;
  margin-right: 85px;
}

@media only screen and (max-width: 1706px) {
  .header.home3 .header__side-nav ul {
    margin-right: 0px;
  }
}

.header.home3 .header__side-nav ul li {
  display: inline-block;
}

.header.home3 .header__side-nav ul li a.nav_btn1 {
  display: inline-block;
  text-transform: none;
  background: #E8E8E8;
  color: #00235a;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  font-size: 14px;
  text-transform: none;
  font-weight: bold;
  margin-right: 5px;
}

@media only screen and (max-width: 1548px) {
  .header.home3 .header__side-nav ul li a.nav_btn1 {
    display: none;
  }
}

.header.home3 .header__side-nav ul li a.nav_btn1:hover {
  color: #fff;
  background: #00235a;
}

.header.home3 .header__side-nav ul li a.nav_btn2 {
  display: inline-block;
  text-transform: none;
  background: #ff5e14;
  height: 60px;
  color: #fff;
  width: 166px;
  text-align: center;
  line-height: 60px;
  font-weight: bold;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
}

.header.home3 .header__side-nav ul li a.nav_btn2:hover {
  background-color: #00235a;
}

.header.home3 .main-menu {
  margin-top: 25px;
  position: relative;
  float: left;
}

@media only screen and (max-width: 1405px) {
  .header.home3 .main-menu {
    float: none;
  }
}

.header.home3 .main-menu:before {
  position: absolute;
  content: '';
  right: -300px;
  top: 0px;
  width: 5000px;
  height: 100px;
  background: #00235a;
  z-index: 1;
}

@media only screen and (max-width: 1420px) {
  .header.home3 .main-menu:before {
    right: -100px;
  }
}

@media only screen and (max-width: 1405px) {
  .header.home3 .main-menu:before {
    right: -15px;
  }
}

@media only screen and (max-width: 991px) {
  .header.home3 .main-menu:before {
    display: none;
  }
}

.header.home3 .main-menu > nav > ul > li {
  display: inline-block;
  position: relative;
  z-index: 20;
}

.header.home3 .main-menu > nav > ul > li > a {
  font-size: 16px;
  font-weight: bold;
  text-transform: none;
  color: #fff;
  padding: 37px 40px 35px;
  display: inline-block;
  margin: 0px;
  border-bottom: 4px solid #00235a;
  margin: 0px;
}

@media only screen and (max-width: 1836px) {
  .header.home3 .main-menu > nav > ul > li > a {
    padding: 37px 30px 35px;
  }
}

@media only screen and (max-width: 1199px) {
  .header.home3 .main-menu > nav > ul > li > a {
    padding: 37px 15px 35px;
  }
}

.header.home3 .main-menu > nav > ul > li > a:hover {
  background: #ff5e14;
  border-color: #fff;
}

.header.home3 .main-menu > nav > ul > li:hover > a {
  color: #fff;
  background: #ff5e14;
  border-color: #fff;
}

.header.home3 .main-menu > nav > ul > li ul {
  position: absolute;
  left: 0px;
  width: 250px;
  text-align: left;
  background: #f5f5f5;
  z-index: 900;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  border-radius: 5px;
  padding: 17px 0px;
  -webkit-box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
          box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
  top: calc(100% + 30px);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}

@media only screen and (max-width: 1199px) {
  .header.home3 .main-menu > nav > ul > li ul {
    width: 230px;
  }
}

.header.home3 .main-menu > nav > ul > li ul li {
  position: relative;
}

.header.home3 .main-menu > nav > ul > li ul li ul {
  position: absolute;
  left: 250px;
  top: 30px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
}

@media only screen and (max-width: 1199px) {
  .header.home3 .main-menu > nav > ul > li ul li ul {
    left: 230px;
  }
}

.header.home3 .main-menu > nav > ul > li ul li:hover ul {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  top: 0px;
}

.header.home3 .main-menu > nav > ul > li ul li a {
  font-weight: 500;
  padding: 7px 28px;
  display: block;
  text-transform: none;
  font-size: 15px;
  color: #00235a;
}

.header.home3 .main-menu > nav > ul > li ul li:hover > a {
  color: #ff5e14;
}

.header.home3 .main-menu > nav > ul > li ul li.sub_menu_li > a {
  position: relative;
}

.header.home3 .main-menu > nav > ul > li ul li.sub_menu_li > a:before {
  position: absolute;
  content: '\f054';
  right: 28px;
  top: 9px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 13px;
}

.header.home3 .main-menu > nav > ul > li:hover > ul {
  top: 100%;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
}

.header.home3 .menu_sticky .header__logo a {
  margin-top: 20px;
}

.header.home3 .menu_sticky .header__logo:before {
  display: none;
}

.header.home3 .menu_sticky .header__side-nav:before {
  display: none;
}

.header.home3 .menu_sticky .header__side-nav:after {
  display: none;
}

.header.home3 .menu_sticky .header__side-nav {
  height: auto;
}

.header.home3 .menu_sticky .header__side-nav ul {
  margin-top: 19px;
}

.header.home3 .menu_sticky .main-menu {
  margin-top: 0px;
}

.header.home3 .menu_sticky .main-menu:before {
  display: none;
}

.header.home3 .menu_sticky .main-menu > nav > ul > li:hover > a {
  background: #fff;
  color: #ff5e14;
}

.header.home3 .menu_sticky .main-menu > nav > ul > li ul {
  background: #fff;
  border-top: 4px solid #ff5e14;
}

.header.home3 .menu_sticky .main-menu > nav > ul > li > a {
  color: #00235a;
  background: #fff;
  border: none;
}

.header.home3 .menu_sticky .main-menu > nav > ul > li > a:hover {
  background: #fff;
  color: #ff5e14;
}

/*==================================================
===| 10. Footer
===================================================*/
.footer1__padding1 {
  background: #001940;
  padding: 65px 0px 0px;
}

@media only screen and (max-width: 991px) {
  .footer1__padding1 {
    padding: 80px 0px 25px;
  }
}

.footer1__widget h3 {
  color: #fff;
  font-size: 24px;
  text-transform: none;
  margin-bottom: 14px;
  text-align: center;

}

.footer1__about p {
  color: #aabcd8;
  font-size: 14px;
  line-height: 26px;
  text-align: center;

}
.footer1__services ul {
  text-align: center;
}
.footer1__about--item {
  position: relative;
  margin-top: 30px;
}

.footer1__about--item-thumb {
  position: absolute;
  width: 54px;
  left: 0px;
  top: 0px;
}

.footer1__about--item-content {
  padding-left: 70px;
}

.footer1__about--item-content h5 {
  font-size: 20px;
  line-height: 1;
  color: #fff;
  text-transform: none;
  margin-bottom: 8px;
}

.footer1__about--item-content p {
  font-size: 14px;
  margin-bottom: 0px;
}

.footer1__services {
  padding-left: 20px;
}

@media only screen and (max-width: 1199px) {
  .footer1__services {
    padding-left: 0px;
  }
}

.footer1__services nav ul li {
  margin-bottom: 4px;
}

.footer1__services nav ul li a {
  font-size: 14px;
  color: #aabcd8;
  display: inline-block;
}

.footer1__services nav ul li a:hover {
  color: #ff5e14;
}

.footer1__news--item {
  position: relative;
  margin-bottom: 13px;
  min-height: 65px;
}

.footer1__news--item-thumb {
  position: absolute;
  width: 60px;
  top: 5px;
}

.footer1__news--item-content {
  padding-left: 82px;
}

.footer1__news--item-content span {
  color: #aabcd8;
  font-size: 14px;
  text-transform: none;
  margin-bottom: 6px;
  display: inline-block;
}

.footer1__news--item-content span i {
  font-size: 14px;
  color: #ff5e14;
  margin-right: 3px;
}

.footer1__news--item-content h5 {
  color: #fff;
  text-transform: none;
  font-size: 16px;
  font-weight: 400px;
  text-transform: none;
}

.footer1__copyright {
  background: #00122f;
  padding: 20px 0px;
}

@media only screen and (max-width: 767px) {
  .footer1__copyright {
    padding: 30px 0px;
  }
}

.footer1__copyright--thumb {
  width: 250px;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .footer1__copyright--thumb {
    margin-bottom: 10px;
    width: 150px;
  }
}

.footer1__copyright--text p {
  font-size: 12px;
  /* font-weight: bold; */
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .footer1__copyright--text p {
    font-size: 14px;
    font-weight: 400;
  }
}

.footer1.home2 .footer1__padding1 {
  background: #fff;
  border-bottom: 1px solid #d9e8ff;
  padding: 0px;
}

.footer1.home2 .footer2__border {
  position: relative;
  height: 100%;
}

.footer1.home2 .footer2__border:before {
  position: absolute;
  content: '';
  width: 1px;
  height: 100%;
  background: #d9e8ff;
  left: 0px;
  top: 0px;
}

.footer1.home2 .footer2__border h3 {
  color: #00235a;
}

.footer1.home2 .footer2__style-01 {
  padding: 100px 15px 45px 0px;
}

@media only screen and (max-width: 1199px) {
  .footer1.home2 .footer2__style-01 {
    padding-right: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .footer1.home2 .footer2__style-01 {
    padding: 80px 0px 0px 0px;
  }
}

.footer1.home2 .footer2__style-01.footer2__border:before {
  display: none;
}

.footer1.home2 .footer2__style-02 {
  padding: 100px 0px 45px;
}

@media only screen and (max-width: 991px) {
  .footer1.home2 .footer2__style-02 {
    padding: 80px 0px 0px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .footer1.home2 .footer2__style-02 {
    padding: 0px;
  }
}

.footer1.home2 .footer2__style-02.footer2__border:before {
  left: -10px;
}

@media only screen and (max-width: 1199px) {
  .footer1.home2 .footer2__style-02.footer2__border:before {
    display: none;
  }
}

.footer1.home2 .footer2__style-03 {
  padding: 100px 0px 45px;
}

@media only screen and (max-width: 991px) {
  .footer1.home2 .footer2__style-03 {
    padding: 0px 0px 25px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .footer1.home2 .footer2__style-03 {
    padding: 0px;
  }
}

.footer1.home2 .footer2__style-03.footer2__border:before {
  left: -30px;
}

@media only screen and (max-width: 1199px) {
  .footer1.home2 .footer2__style-03.footer2__border:before {
    display: none;
  }
}

.footer1.home2 .footer2__style-04 {
  padding: 100px 0px 45px 30px;
}

@media only screen and (max-width: 1199px) {
  .footer1.home2 .footer2__style-04 {
    padding-left: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .footer1.home2 .footer2__style-04 {
    padding: 0px 0px 25px 0px;
  }
}

@media only screen and (max-width: 1199px) {
  .footer1.home2 .footer2__style-04.footer2__border:before {
    display: none;
  }
}

.footer1.home2 .footer1__about h3 {
  color: #00235a;
}

.footer1.home2 .footer1__about p {
  color: #00235a;
}

.footer1.home2 .footer1__about.footer2__border-style:before {
  display: none;
}

.footer1.home2 .footer1__about--item-content h5 {
  color: #00235a;
}

.footer1.home2 .footer1__services nav ul li a {
  color: #00235a;
}

.footer1.home2 .footer1__services nav ul li a:hover {
  color: #ff5e14;
}

.footer1.home2 .footer1__news--item-content span {
  color: #00235a;
}

.footer1.home2 .footer1__news--item-content h5 {
  color: #00235a;
}

.footer1.home2 .footer1__copyright {
  background: #fff;
}

.footer1.home2 .footer1__copyright--text p {
  color: #00235a;
}

.footer1.home3 {
  border-top: 1px solid #d9e8ff;
}

/*==================================================
===| 11. Slider
===================================================*/
.slider1__height {
  height: 469px;
}

@media only screen and (max-width: 767px) {
  .slider1__height {
    height: 520px;
  }
}

.slider1__img-01 {
    background: url(../img/png-icon/toc/slider1__img-01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.banner-font-family {
    /* font-family: "Roboto", sans-serif;*/
    font-family: "open sans", sans-serif;
    /* font-family: "Tenor Sans", sans-serif;*/
    /*  font-family: "Roboto Condensed", sans-serif;*/
    /* font-family: "Reddit Mono", monospace;
    font-weight: 900;*/
    /*   font-family: "Oswald", sans-serif;
    letter-spacing:2px;*/
    /*font-family: "Ubuntu", sans-serif;
    font-weight: bold;*/
    /* font-family: "Rubik", sans-serif;
    font-weight:700*/
    /*   font-family: "Merriweather", serif;
    font-weight: 100;*/
    /*font-family: "Mulish", sans-serif;*/
 
}
.slider1__img-02 {
    background: url(../img/png-icon/toc/pexels-imin-technology-12935048.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.slider1__img-03 {
    background: url(../img/png-icon/toc/pexels-imin-technology-12935080.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
/*
.slider1__img-04 {
    background: url(https://0zh63d.n3cdn1.secureserver.net/wp-content/uploads/2022/04/Untitled-design-2.png?id=12243);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}*/

@media only screen and (max-width: 1599px) {
  .slider1__item {
    padding-left: 26px;
  }
}

@media only screen and (max-width: 991px) {
  .slider1__item {
    padding-left: 10px;
  }
}

@media only screen and (max-width: 880px) {
  .slider1__item {
    padding-left: 0px;
  }
}

.slider1__content h3 {
    /* font-weight: bold; */
    font-size: 40px;
    line-height: 45px;
    color: transparent;
    -webkit-text-stroke: 1.6px #fbfbfb;
    display: flex;
    /*margin-left: 200px;*/
}

@media only screen and (max-width: 767px) {
  .slider1__content h3 {
    font-size: 60px;
    line-height: 60px;
  }
}

@media only screen and (max-width: 479px) {
  .slider1__content h3 {
    font-size: 35px;
    line-height: 42px;
  }
  .mmb-263 {
    margin-bottom: 263px;
}
img.img-mobile {
  width: 16rem!important;
}
}

.slider1__content h2 {
  font-size: 80px;
  font-weight: bold;
  line-height: 80px;
}

@media only screen and (max-width: 767px) {
  .slider1__content h2 {
    font-size: 35px;
    line-height: 42px;
  }
  .mmb-263 {
    margin-bottom: 60px;
}
.site__btn2 {
  margin-bottom: 80%
}
img.img-mobile {
  width: 16rem!important;
}
}

@media only screen and (max-width: 479px) {
  .slider1__content h2 {
    font-size: 45px;
    line-height: 45px;
  }
}

.slider1__content p {
  font-size: 18px;
  line-height: 28px;
  position: relative;
  padding-left: 22px;
}

@media only screen and (max-width: 767px) {
  .slider1__content p {
    font-size: 16px;
  }
  img.img-mobile {
    width: 16rem!important;
  }
}

.slider1__content p:before {
  position: absolute;
  left: 0px;
  height: 45px;
  width: 4px;
  content: '';
  background: #ff5e14;
  top: 7px;
}

.slider1 .owl-carousel .owl-nav button.owl-prev,
.slider1 .owl-carousel .owl-nav button.owl-next {
  height: 80px;
  width: 82px;
  line-height: 84px;
  background: #fff;
  font-size: 24px;
  color: #00235a;
  border-radius: 0px;
  text-align: center;
  position: absolute;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.1);
          box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.1);
  top: 45%;
  left: 0px;
  -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

@media only screen and (max-width: 880px) {
  .slider1 .owl-carousel .owl-nav button.owl-prev,
  .slider1 .owl-carousel .owl-nav button.owl-next {
    display: none;
  }
}

.slider1 .owl-carousel .owl-nav button.owl-prev:hover,
.slider1 .owl-carousel .owl-nav button.owl-next:hover {
  background: #ff5e14;
  color: #fff;
}

.slider1 .owl-theme .owl-nav {
  margin: 0px;
}

.slider1 .owl-theme .owl-nav button {
  margin: 0px;
}

.slider1 .owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: 0px;
}

.slider1.home2 .slider1__content h3 {
  -webkit-text-stroke: 1px #fff;
}

.slider1.home2 .slider1__content h2 {
  color: #fff;
}

.slider1.home2 .slider1__content p {
  color: #fff;
}

/*==================================================
===| 12. Hero
===================================================*/
.hero1 {
  background: url(../../assets/img/hero/hero-03.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.hero1__height {
  height: 950px;
}

@media only screen and (max-width: 991px) {
  .hero1__height {
    height: 750px;
  }
}

@media only screen and (max-width: 575px) {
  .hero1__height {
    height: 700px;
  }
}

@media only screen and (max-width: 400px) {
  .hero1__height {
    height: 600px;
  }
}

.hero1__wrapper {
  padding-top: 80px;
}

.hero1__content h3 {
  font-size: 120px;
  line-height: 100px;
  letter-spacing: -2px;
  font-weight: bold;
  text-transform: none;
  color: transparent;
  -webkit-text-stroke: 1px #fff;
}

@media only screen and (max-width: 991px) {
  .hero1__content h3 {
    font-size: 80px;
    line-height: 80px;
  }
}

@media only screen and (max-width: 575px) {
  .hero1__content h3 {
    font-size: 60px;
    line-height: 60px;
  }
}

@media only screen and (max-width: 400px) {
  .hero1__content h3 {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: 0px;
  }
}

.hero1__content h2 {
  font-size: 100px;
  color: #fff;
  text-transform: none;
  line-height: 1;
  font-weight: bold;
  letter-spacing: -2px;
}

@media only screen and (max-width: 991px) {
  .hero1__content h2 {
    line-height: 70px;
    font-size: 70px;
  }
}

@media only screen and (max-width: 575px) {
  .hero1__content h2 {
    font-size: 50px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 400px) {
  .hero1__content h2 {
    font-size: 35px;
    line-height: 35px;
    letter-spacing: 0px;
  }
}

.hero1__content p {
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  margin-top: 15px;
}

@media only screen and (max-width: 575px) {
  .hero1__content p {
    font-size: 16px;
    line-height: 26px;
  }
}

/*==================================================
===| 13. Services
===================================================*/
.features1 {
  /* background: url(../img/png-img/png-img-21.png); */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.features1__item {
  position: relative;
  padding-right: 20px;
}

@media only screen and (max-width: 1199px) {
  .features1__item {
    padding-right: 0px;
  }
}

.features1__thumb {
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 100%;
  -webkit-box-shadow: 0px 30px 40px 0px rgba(32, 85, 125, 0.1);
          box-shadow: 0px 30px 40px 0px rgba(32, 85, 125, 0.1);
}

.features1__thumb img:nth-child(2) {
  position: absolute;
  left: 18px;
  top: 16px;
}

.features1__item--text {
  padding-left: 128px;
}
.features--text{
  padding-left: 81px;
    padding-top: 17px;
}
@media only screen and (max-width: 400px) {
  .features1__item--text {
    padding-left: 105px;
  }
}

.features1__item--text h4 {
  font-size: 24px;
  text-transform: none;
  margin-bottom: 11px;
}

@media only screen and (max-width: 575px) {
  .features1__item--text h4 {
    font-size: 20px;
  }
}

.features1__item--text p {
  font-size: 16px;
  line-height: 26px;
}

.key_features1__thumb-1 {
  background: url(../img/png-icon/toc/business-success-report-graph-concept.jpg);
  height: 100%;
  width: auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
}

@media only screen and (max-width: 1199px) {
  .key_features1__thumb-1 {
    height: 500px;
  }
}

.key_features1__thumb-2 {
  background: #00235a;
  height: 500px;
}

@media only screen and (max-width: 1199px) {
  .key_features1__thumb-2 {
    height: 600px;
  }
}

@media only screen and (max-width: 767px) {
  .key_features1__thumb-2 {
    height: auto;
  }
}

.key_features1__thumb-2.key_features1__thumb-4 {
  background: url(../img/png-img/png-img-06.png);
  height: 700px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media only screen and (max-width: 1199px) {
  .key_features1__thumb-2.key_features1__thumb-4 {
    height: 600px;
  }
}

@media only screen and (max-width: 767px) {
  .key_features1__thumb-2.key_features1__thumb-4 {
    height: auto;
  }
}

.key_features1__thumb-2.key_features1__thumb-4 .key_features1__item--content h4 {
  color: #00235a;
}

.key_features1__thumb-2.key_features1__thumb-4 .key_features1__item--content p {
  color: #00235a;
}

.key_features1__thumb-2.key_features1__thumb-4 a {
  background: #fff;
  border-color: #fff;
  color: #00235a;
}

.key_features1__thumb-2.key_features1__thumb-4 a:hover {
  color: #fff;
  background: #ff5e14;
  border-color: #ff5e14;
}

.key_features1__thumb-3 {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 94, 20, 0.9)), to(rgba(255, 94, 20, 0.9))), url(../img/bg/bg-03.jpg);
  background: -o-linear-gradient(rgba(255, 94, 20, 0.9), rgba(255, 94, 20, 0.9)), url(../img/bg/bg-03.jpg);
  background: linear-gradient(rgba(255, 94, 20, 0.9), rgba(255, 94, 20, 0.9)), url(../img/bg/bg-03.jpg);
  height: 700px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media only screen and (max-width: 1199px) {
  .key_features1__thumb-3 {
    height: 600px;
  }
}

@media only screen and (max-width: 767px) {
  .key_features1__thumb-3 {
    height: auto;
  }
}

.key_features1__item {
  padding: 100px 60px;
  position: relative;
  height: 100%;
}

@media only screen and (max-width: 1599px) {
  .key_features1__item {
    padding: 100px 40px;
  }
}

@media only screen and (max-width: 1199px) {
  .key_features1__item {
    padding: 100px 60px;
  }
}

@media only screen and (max-width: 991px) {
  .key_features1__item {
    padding: 80px 60px;
  }
}

@media only screen and (max-width: 880px) {
  .key_features1__item {
    padding: 70px 40px;
  }
}

@media only screen and (max-width: 400px) {
  .key_features1__item {
    padding: 70px 30px;
  }
}

.key_features1__item--thumb {
  margin-bottom: 35px;
}

.key_features1__item--thumb img {
  width: 99px;
  height: auto;
}

.key_features1__item--content h4 {
  color: #fff;
  text-transform: none;
  font-weight: bold;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: -1px;
  margin-bottom: 16px;
}

@media only screen and (max-width: 400px) {
  .key_features1__item--content h4 {
    font-size: 25px;
  }
}

.key_features1__item--content p {
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .key_features1__item--content p {
    margin-bottom: 30px;
  }
}

.key_features1__item a {
  position: absolute;
  bottom: 100px;
  color: #fff;
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 1px solid #fff;
  text-align: center;
  line-height: 48px;
  background: transparent;
}

@media only screen and (max-width: 767px) {
  .key_features1__item a {
    position: relative;
    bottom: 0px;
  }
}

.key_features1__item a:hover {
  background: #fff;
  color: #00235a;
}

.service1 {
  background: url(../img/png-img/png-img-11.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.service1.other_page1 {
  background: #fff;
}

.service1.other_page1 .title_style1 h5 {
  color: #ff5e14;
}

.service1.other_page1 .title_style1 h2 {
  color: #00235a;
}

.service1.other_page1 .service1__item {
  border: 2px solid #e2edff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.service1.other_page1 .service1__item:hover {
  border-color: #ff5e14;
}

.service1 .title_style1 h5,
.service1 .title_style1 h2 {
  color: #fff;
}

.service1__item {
  background: #fff;
  position: relative;
  padding: 60px 30px 55px;
}

.service1__item span {
  position: absolute;
  z-index: 10;
  font-size: 150px;
  letter-spacing: -3px;
  top: 0px;
  right: 20px;
  font-family: "Poppins", sans-serif;
  line-height: 1;
  font-weight: bold;
  color: transparent;
  -webkit-text-stroke: 1px #f4f4f4;
}

.service1__thumb {
  max-width: 120px;
  margin: 0px auto;
  position: relative;
  z-index: 20;
  margin-bottom: 34px;
}

.service1__content {
  position: relative;
  z-index: 20;
}

.service1__content h3 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 30px;
  text-transform: none;
}

.service1__content p {
  margin: 0px;
  font-size: 14px;
  line-height: 24px;
}

/*==================================================
===| 14. service Details
===================================================*/
.service_details__widget h4 {
  font-size: 20px;
  font-weight: bold;
  text-transform: none;
  position: relative;
  padding-left: 22px;
  margin-bottom: 28px;
}

.service_details__widget h4:before {
  position: absolute;
  left: 0px;
  top: 1px;
  height: 20px;
  width: 2px;
  content: '';
  background: #ff5e14;
}

.service_details__sidebar1 {
  border: 2px solid #E8EBEC;
  padding: 45px 50px;
}

@media only screen and (max-width: 400px) {
  .service_details__sidebar1 {
    padding: 40px 25px;
  }
}

@media only screen and (max-width: 1199px) {
  .service_details__sidebar1 {
    margin-top: 60px;
  }
}

.service_details__sidebar1--item {
  position: relative;
}

.service_details__sidebar1--item input.form-control {
  padding: 24px 18px;
  border: 2px solid #E8EBEC;
  margin-bottom: 10px;
  font-size: 16px;
}

@media only screen and (max-width: 400px) {
  .service_details__sidebar1--item input.form-control {
    padding: 30px 20px;
  }
}

.service_details__sidebar1--item input.form-control::-webkit-input-placeholder {
  color: #00235a;
  font-size: 16px;
  text-transform: none;
}

.service_details__sidebar1--item input.form-control:-ms-input-placeholder {
  color: #00235a;
  font-size: 16px;
  text-transform: none;
}

.service_details__sidebar1--item input.form-control::-ms-input-placeholder {
  color: #00235a;
  font-size: 16px;
  text-transform: none;
}

.service_details__sidebar1--item input.form-control::-webkit-input-placeholder {
  color: #00235a;
  font-size: 16px;
  text-transform: none;
}

.service_details__sidebar1--item input.form-control::-moz-placeholder {
  color: #00235a;
  font-size: 16px;
  text-transform: none;
}

.service_details__sidebar1--item input.form-control:-ms-input-placeholder {
  color: #00235a;
  font-size: 16px;
  text-transform: none;
}

.service_details__sidebar1--item input.form-control::placeholder {
  color: #00235a;
  font-size: 16px;
  text-transform: none;
}

.service_details__sidebar1--item i {
  position: absolute;
  right: 30px;
  top: 18px;
  font-size: 14px;
  color: #ff5e14;
}

@media only screen and (max-width: 400px) {
  .service_details__sidebar1--item i {
    display: none;
  }
}

.service_details__sidebar3 {
  border: 2px solid #E8EBEC;
}

.service_details__sidebar3 ul li {
  border-bottom: 2px solid #E8EBEC;
  padding: 20px 38px;
  position: relative;
}

.service_details__sidebar3 ul li:last-child {
  border-bottom: none;
}

@media only screen and (max-width: 400px) {
  .service_details__sidebar3 ul li {
    padding: 20px 25px;
  }
}

.service_details__sidebar3 ul li a {
  font-size: 20px;
  color: #00235a;
  text-transform: none;
  letter-spacing: -1px;
  font-weight: bold;
}

.service_details__sidebar3 ul li a:hover {
  color: #ff5e14;
}

.service_details__sidebar3 ul li a i {
  font-size: 30px;
  color: #ff5e14;
  position: relative;
  bottom: -2px;
  margin-right: 17px;
}

.service_details__sidebar3 ul li > i {
  color: #bcd8ee;
  font-size: 20px;
  position: absolute;
  right: 38px;
  top: 27px;
}

@media only screen and (max-width: 400px) {
  .service_details__sidebar3 ul li > i {
    display: none;
  }
}

.service_details__wrapper {
  padding-left: 20px;
}

@media only screen and (max-width: 1199px) {
  .service_details__wrapper {
    padding-left: 0px;
  }
}

.service_details__content p {
  line-height: 26px;
}

.service_details__quote {
  background: #ff5e14;
  border-left: 6px solid #00235a;
  padding: 25px 20px 35px 30px;
  position: relative;
  overflow: hidden;
}

.service_details__quote p {
  color: #fff;
  position: relative;
  z-index: 5;
}

.service_details__quote--data {
  position: relative;
  z-index: 5;
}

.service_details__quote--data h6 {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  padding-left: 52px;
  padding-top: 9px;
}

.service_details__quote--thumb1 {
  position: absolute;
  right: 20px;
  top: 45px;
  width: 145px;
  z-index: 1;
}

.service_details__quote--thumb2 {
  width: 40px;
  position: absolute;
  left: 0px;
  top: 0px;
}

.service_details__quote--thumb2 img {
  border-radius: 50px;
}

.service_details__filter {
  padding-left: 20px;
}

@media only screen and (max-width: 1199px) {
  .service_details__filter {
    padding-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .service_details__filter {
    display: none;
  }
}

.service_details__filter--content a {
  display: inline-block;
}

.service_details__filter--content a h6 {
  font-weight: 14px;
  color: #ff5e14;
  line-height: 1;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  margin-bottom: 10px;
}

.service_details__filter--content a h4 {
  font-size: 26px;
  color: #00235a;
  line-height: 1;
  font-weight: bold;
  text-transform: none;
  letter-spacing: -1px;
}

@media only screen and (max-width: 767px) {
  .service_details__thumb2 {
    margin-bottom: 30px;
  }
}

/*==================================================
===| 15. projects
===================================================*/
.projects1__wrapper {
  overflow: hidden;
}

.projects1__carousel {
  position: relative;
}

.projects1__carousel:before {
  position: absolute;
  content: '';
  width: 5000px;
  height: 100%;
  background: #fff;
  z-index: 5;
  left: -5000px;
  top: 0px;
}

@media only screen and (max-width: 991px) {
  .projects1__carousel:before {
    display: none;
  }
}

.projects1__item {
  position: relative;
  margin-bottom: 223px;
}

@media only screen and (max-width: 1199px) {
  .projects1__item {
    margin-bottom: 197px;
  }
}

@media only screen and (max-width: 991px) {
  .projects1__item {
    margin-bottom: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .projects1__item {
    margin-bottom: 80px;
  }
}

.projects1.other_page2 .projects1__item {
  margin-bottom: 153px;
}

@media only screen and (max-width: 991px) {
  .projects1.other_page2 .projects1__item {
    margin-bottom: 50px;
  }
}

.projects1__thumb img {
  width: 100%;
  height: auto;
}

.projects1__content {
  width: 360px;
  position: absolute;
  top: 305px;
  right: 0px;
  display: inline-block;
  background: #fff;
  padding: 43px 50px 43px;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.06);
          box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.06);
}

@media only screen and (max-width: 1199px) {
  .projects1__content {
    top: 205px;
  }
}

@media only screen and (max-width: 991px) {
  .projects1__content {
    position: relative;
    width: 100%;
    top: 0px;
    padding: 40px 30px;
  }
}

@media only screen and (max-width: 400px) {
  .projects1__content {
    padding: 40px 20px;
  }
}

.projects1__content--icon {
  position: relative;
}

.projects1__content--icon img {
  position: absolute;
  right: -35px;
  top: -30px;
}

@media only screen and (max-width: 991px) {
  .projects1__content--icon img {
    right: -20px;
    top: -25px;
  }
}

@media only screen and (max-width: 400px) {
  .projects1__content--icon img {
    right: -10px;
  }
}

.projects1__content--text {
  position: relative;
}

.projects1__content--text .projects1__content--title h5 {
  font-size: 16px;
  color: #ff5e14;
  line-height: 26px;
  font-family: "Poppins", sans-serif;
  text-transform: none;
  font-weight: bold;
  margin-bottom: 4px;
}

.projects1__content--text .projects1__content--title h2 {
  font-size: 24px;
  line-height: 34px;
  font-weight: bold;
  text-transform: none;
  letter-spacing: -1px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 400px) {
  .projects1__content--text .projects1__content--title h2 {
    font-size: 20px;
  }
}

.projects1__content--text p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 11px;
}

.projects1__content--text .projects1__content--data span {
  display: inline-block;
  margin-right: 22px;
}

.projects1__content--text .projects1__content--data span i {
  color: #ff5e14;
  font-size: 14px;
  display: inline-block;
  margin-right: 2px;
}

.projects1__content--text .projects1__content--data span a {
  font-size: 14px;
  text-transform: none;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  color: #00235a;
  display: inline-block;
}

.projects1 .owl-carousel .owl-stage-outer {
  overflow: inherit;
}

.projects1 .owl-carousel .owl-item img {
  display: inherit;
  width: auto;
}

.projects1.other_page1 {
  background-color: #F3FAFF;
  overflow: hidden;
}

.projects1.other_page1 .projects1__carousel:before {
  background-color: #F3FAFF;
}

.projects2 {
  background: #f6f9ff;
}

.projects2.other_page1 {
  background: url(../img/png-img/png-img-17.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #ff5e14;
}

.projects2.other_page1 .title_style1 h5 {
  color: #fff;
}

.projects2.other_page1 .title_style1 h2 {
  color: #fff;
}

.projects2.other_page1 .text-border-title1 {
  -webkit-text-stroke: 1px #fa824a;
}

.projects2.other_page1 .projects2__button-bar:before {
  background: #fff;
}

.projects2.other_page2 {
  background-color: #fff;
}

.projects2.other_page2 .projects2__button-bar {
  border: 1px solid #D6D6D6;
}

.projects2__button-bar {
  background: #fff;
  padding: 25px 0px;
  position: relative;
  margin-left: 1px;
  margin-right: 1px;
}

.projects2__button-bar:before {
  position: absolute;
  content: '';
  left: 35px;
  bottom: -20px;
  height: 10px;
  background: #ff5e14;
  width: calc(100% - 70px);
}

.projects2__active button {
  font-size: 20px;
  color: #00235a;
  font-weight: bold;
  font-family: "Poppins", sans-serif;
  text-transform: none;
  background: #fff;
  border: none;
  display: inline-block;
  margin: 0px 45px;
}

.projects2__active button:first-child {
  margin-left: 0px;
}

.projects2__active button:last-child {
  margin-right: 0px;
}

@media only screen and (max-width: 991px) {
  .projects2__active button:last-child {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 400px) {
  .projects2__active button:last-child {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 1199px) {
  .projects2__active button {
    margin: 0px 20px;
  }
}

@media only screen and (max-width: 991px) {
  .projects2__active button {
    font-size: 18px;
    margin: 0px 25px;
  }
}

@media only screen and (max-width: 575px) {
  .projects2__active button {
    margin: 0px 15px;
  }
}

@media only screen and (max-width: 479px) {
  .projects2__active button {
    font-size: 16px;
    margin: 0px 10px;
  }
}

.projects2__active button i {
  color: #ff5e14;
}

.projects2__item {
  position: relative;
  overflow: hidden;
}

.projects2__item:hover .projects2__content {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  left: 0px;
  -webkit-transform: scale(1);
          -ms-transform: scale(1);
      transform: scale(1);
}

.projects2__content {
  background: #fff;
  position: absolute;
  left: -100px;
  top: 15px;
  padding: 43px 45px 43px;
  width: calc(100% - 15px);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
      transform: scale(0.7);
}

@media only screen and (max-width: 1199px) {
  .projects2__content {
    padding: 25px 30px;
    width: 100%;
    top: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .projects2__content {
    top: auto;
    bottom: 0px;
  }
}

@media only screen and (max-width: 319px) {
  .projects2__content {
    padding: 20px;
  }
}

.projects2__content--thumb {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  width: 125px;
}

.projects2__content--title {
  position: relative;
  z-index: 2;
}

.projects2__content--title h5 {
  font-size: 16px;
  color: #ff5e14;
  font-family: "Poppins", sans-serif;
  line-height: 28px;
  font-weight: bold;
  text-transform: none;
  margin-bottom: 4px;
}

@media only screen and (max-width: 1199px) {
  .projects2__content--title h5 {
    margin-bottom: 0px;
  }
}

.projects2__content--title h2 {
  font-size: 24px;
  line-height: 34px;
  color: #00235a;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  text-transform: none;
  letter-spacing: -1px;
  margin-bottom: 14px;
}

@media only screen and (max-width: 1199px) {
  .projects2__content--title h2 {
    font-size: 20px;
    margin-bottom: 5px;
  }
}

.projects2__content p {
  font-size: 14px;
  line-height: 24px;
  position: relative;
  z-index: 2;
  margin-bottom: 11px;
}

@media only screen and (max-width: 319px) {
  .projects2__content p {
    margin: 0px;
  }
}

.projects2__content--data {
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 319px) {
  .projects2__content--data {
    display: none;
  }
}

.projects2__content--data span:first-child {
  margin-right: 10px;
}

.projects2__content--data span i {
  color: #ff5e14;
  font-size: 14px;
}

.projects2__content--data span a {
  font-size: 14px;
  font-weight: bold;
  text-transform: none;
  color: #00235a;
}

.projects2__content--data span a:hover {
  color: #ff5e14;
}

.projects3 {
  background: #00235A;
}

.projects3 .text-border-title1 {
  -webkit-text-stroke: 1px rgba(244, 244, 244, 0.1);
}

.projects3 .title_style1 h2 {
  color: #fff;
}

@media only screen and (max-width: 1199px) {
  .projects3 .title_style1 {
    margin-bottom: 25px;
  }
}

.projects3__active button {
  display: inline-block;
  background: #fff;
  text-transform: none;
  color: #00235a;
  font-weight: bold;
  font-size: 16px;
  padding: 18px 30px;
  border: none;
  margin: 0px 4px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

@media only screen and (max-width: 767px) {
  .projects3__active button {
    margin-top: 10px;
  }
}

.projects3__active button:hover {
  color: #fff;
  background: #ff5e14;
}

.projects3__active button.active {
  color: #fff;
  background: #ff5e14;
}

.projects3__item {
  position: relative;
  overflow: hidden;
}

.projects3__item:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: #ff5e14;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.projects3__item:hover .projects3__content {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  bottom: 0px;
}

.projects3__item:hover:before {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  visibility: visible;
}

.projects3__content {
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: -35px;
  padding: 0px 35px 35px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .projects3__content {
    padding: 0px 20px 30px;
  }
}

.projects3__content h5 a {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
}

.projects3__content h5 a:hover {
  color: #00235a;
}

.projects3__content span a {
  color: #fff;
  font-size: 15px;
  display: inline-block;
  line-height: 15px;
}

.projects3__content span a:hover {
  color: #00235a;
}

/*==================================================
===| 16. News And Blog
===================================================*/
.news1 {
  background: #00235a;
}

.news1.home2 {
  background: #f6f9ff;
}

.news1.home2 .title_style1 h2 {
  color: #00235a;
}

.news1.home2 .text-border-title1 {
  -webkit-text-stroke: 1px #CED7E9;
}

.news1 .text-border-title1 {
  -webkit-text-stroke: 1px rgba(244, 244, 244, 0.1);
}

.news1 .title_style1 h2 {
  color: #fff;
}

.news1__item {
  background: #fff;
}

.news1__thumb {
  position: relative;
}

.news1__thumb a {
  position: absolute;
  top: 40px;
  left: 40px;
  display: inline-block;
  color: #fff;
  border: 2px solid rgba(255, 255, 255, 0.3);
  padding: 5px 26px;
  text-transform: none;
  font-size: 15px;
  font-weight: bold;
  line-height: 26px;
}

@media only screen and (max-width: 400px) {
  .news1__thumb a {
    left: 25px;
    top: 25px;
  }
}

.news1__thumb a:hover {
  background: #ff5e14;
  border: 2px solid #ff5e14;
}

.news1__content {
  padding: 35px 38px 0px;
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .news1__content {
    padding: 35px 25px 0px;
  }
}

@media only screen and (max-width: 400px) {
  .news1__content {
    padding: 25px 25px 0px;
  }
}

.news1__content h3 {
  font-size: 24px;
  line-height: 34px;
  letter-spacing: -1px;
  text-transform: none;
}

@media only screen and (max-width: 400px) {
  .news1__content h3 {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0px;
  }
}

.news1__content p {
  font-size: 14px;
  margin-bottom: 36px;
}

@media only screen and (max-width: 400px) {
  .news1__content p {
    margin-bottom: 25px;
  }
}

.news1__data {
  border-top: 1px solid #c5dcff;
  padding: 16px 0px;
}

.news1__data span {
  font-size: 14px;
  font-weight: bold;
  text-transform: none;
}

.news1__data span:first-child {
  margin-right: 25px;
}

@media only screen and (max-width: 400px) {
  .news1__data span:first-child {
    margin-right: 15px;
  }
}

.news1__data span a {
  color: #00235a;
}

.news1__data span a:hover {
  color: #ff5e14;
}

.news1__data span i {
  font-size: 14px;
  color: #ff5e14;
  margin-right: 3px;
}

.news1 .owl-carousel .owl-nav button.owl-prev,
.news1 .owl-carousel .owl-nav button.owl-next {
  background: #fff;
  font-size: 15px;
  font-weight: bold;
  border-radius: 0px;
  display: inline-block;
  position: absolute;
  top: -130px;
  right: 0px;
  letter-spacing: -1px;
  padding: 14px 40px !important;
  color: #00235a;
  margin: 0px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.news1 .owl-carousel .owl-nav button.owl-prev:hover,
.news1 .owl-carousel .owl-nav button.owl-next:hover {
  background: #ff5e14;
  color: #fff;
}

@media only screen and (max-width: 991px) {
  .news1 .owl-carousel .owl-nav button.owl-prev,
  .news1 .owl-carousel .owl-nav button.owl-next {
    display: none;
  }
}

.news1 .owl-carousel .owl-nav button i {
  font-size: 14px;
}

.news1 .owl-carousel .owl-nav button.owl-prev i {
  margin-right: 5px;
}

.news1 .owl-carousel .owl-nav button.owl-next i {
  margin-left: 5px;
}

.news1 .owl-carousel .owl-nav button.owl-prev {
  right: 150px;
}

.news1.other_page1 .news1__content {
  border-left: 1px solid #c5dcff;
}

.blog1.other_page1 .news1__content {
  border: 1px solid #c5dcff;
  border-top: none;
}

.blog1__item {
  margin-bottom: 0px;
}

.blog1__item--thumb {
  position: relative;
}

.blog1__item--thumb a {
  position: absolute;
  display: inline-block;
  left: 0px;
  top: 0px;
  background: #ff5e14;
  width: 80px;
  height: 80px;
  border-radius: 100px;
  text-align: center;
  line-height: 85px;
  font-size: 14px;
  color: #fff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}

.blog1__item--data {
  margin-bottom: 19px;
}

.blog1__item--data a {
  font-size: 14px;
  color: #00235a;
  display: inline-block;
  margin-right: 28px;
}

.blog1__item--data a i {
  color: #ff5e14;
  margin-right: 5px;
}

.blog1__item--content {
  border-top: none;
  padding: 45px 50px 50px;
}

@media only screen and (max-width: 575px) {
  .blog1__item--content {
    padding: 35px 30px 40px;
  }
}

@media only screen and (max-width: 400px) {
  .blog1__item--content {
    padding: 25px 20px 30px;
  }
}

.blog1__item--content h3 {
  font-size: 32px;
  text-transform: none;
  line-height: 48px;
  letter-spacing: -1px;
  margin-bottom: 13px;
}

@media only screen and (max-width: 767px) {
  .blog1__item--content h3 {
    font-size: 26px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 400px) {
  .blog1__item--content h3 {
    font-size: 22px;
    line-height: 32px;
  }
}

.blog1__item--content p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 24px;
}

.blog1__item--single .blog1__item--content {
  border-top: 2px solid #EDEDED;
}

.blog1__item--quote {
  background: url(../img/png-img/png-img-21.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #fff6f2;
  border-left: 10px solid #ff5e14;
  padding: 45px 50px 25px 40px;
  position: relative;
  margin-bottom: 60px;
}

@media only screen and (max-width: 479px) {
  .blog1__item--quote {
    padding: 35px 30px 15px 30px;
    border-left: 5px solid #ff5e14;
  }
}

.blog1__item--quote-thumb {
  position: absolute;
  top: 54px;
  left: 40px;
}

@media only screen and (max-width: 575px) {
  .blog1__item--quote-thumb {
    display: none;
  }
}

.blog1__item--quote-content {
  padding-left: 107px;
}

@media only screen and (max-width: 575px) {
  .blog1__item--quote-content {
    padding-left: 0px;
  }
}

.blog1__item--quote-content h3 {
  font-size: 32px;
  text-transform: none;
  letter-spacing: -1px;
  line-height: 48px;
  margin-bottom: 12px;
}

@media only screen and (max-width: 767px) {
  .blog1__item--quote-content h3 {
    font-size: 26px;
    line-height: 36px;
  }
}

.blog1__item--info {
  border-top: 1px solid #EEEEEE;
  padding-top: 30px;
}

@media only screen and (max-width: 479px) {
  .blog1__item--info .col-6 {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
}

.blog1__item--info-wrapper {
  position: relative;
}

.blog1__item--info-wrapper h6 {
  padding-left: 55px;
  padding-top: 9px;
}

.blog1__item--info-thumb {
  height: 40px;
  width: 40px;
  position: absolute;
  left: 0px;
  top: 0px;
}

.blog1__item--info-thumb img {
  border-radius: 100px;
}

@media only screen and (max-width: 479px) {
  .blog1__item--info-btn {
    display: none;
  }
}

.blog1__item--info-btn a {
  background: #ff5e14;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  padding: 4px 30px;
  border-radius: 50px;
  margin-top: 8px;
}

.blog1__item--info-btn a:hover {
  background: #00235a;
}

.pagination ul {
  display: inline-block;
}

.pagination ul li {
  display: inline-block;
}

.pagination ul li a {
  font-size: 14px;
  font-weight: bold;
  color: #00235a;
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 2px solid #EDEDED;
  text-align: center;
  line-height: 50px;
  border-radius: 100px;
  margin: 0px 4px;
}

@media only screen and (max-width: 479px) {
  .pagination ul li a {
    margin: 0px 4px 8px;
  }
}

.pagination ul li a:hover {
  color: #fff;
  border-color: #ff5e14;
  background: #ff5e14;
}

.pagination ul li.active a {
  background: #ff5e14;
  border-color: #ff5e14;
  color: #fff;
}

.blog_details__wrapper {
  border: 2px solid #EDEDED;
  padding: 45px 50px 50px;
}

@media only screen and (max-width: 575px) {
  .blog_details__wrapper {
    padding: 40px 40px 40px;
  }
}

@media only screen and (max-width: 400px) {
  .blog_details__wrapper {
    padding: 40px 20px;
  }
}

.blog_details__content h2 {
  font-size: 32px;
  text-transform: capitalize;
  letter-spacing: -1px;
  line-height: 46px;
}

@media only screen and (max-width: 575px) {
  .blog_details__content h2 {
    font-size: 26px;
    line-height: 36px;
    letter-spacing: 0px;
  }
}

.blog_details__content p {
  font-size: 16px;
  line-height: 26px;
}

.blog_details__content h3 {
  font-size: 30px;
  letter-spacing: -1px;
  text-transform: none;
  margin-bottom: 25px;
}

@media only screen and (max-width: 575px) {
  .blog_details__content h3 {
    font-size: 24px;
    line-height: 26px;
    letter-spacing: 0px;
  }
}

.blog_details__regular-title {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  text-transform: none !important;
}

.blog_details__list ul {
  padding-left: 30px;
}

@media only screen and (max-width: 767px) {
  .blog_details__list ul {
    padding-left: 0px;
  }
}

.blog_details__list ul li {
  position: relative;
  margin-bottom: 6px;
}

.blog_details__list ul li:before {
  position: absolute;
  content: '\f00c';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #ff5e14;
  font-size: 15px;
}

.blog_details__list ul li span {
  padding-left: 30px;
}

.blog_details__quote {
  background: #F3F5FF;
  position: relative;
  padding: 55px 50px 30px;
  margin-top: 35px;
  border-radius: 10px;
  margin-bottom: 30px;
  overflow: hidden;
}

@media only screen and (max-width: 575px) {
  .blog_details__quote {
    padding: 30px 20px;
  }
}

.blog_details__quote--thumb {
  position: absolute;
  top: 38px;
  right: 38px;
  width: 190px;
  z-index: 1;
}

@media only screen and (max-width: 575px) {
  .blog_details__quote--thumb {
    width: 120px;
  }
}

.blog_details__quote--content {
  position: relative;
  z-index: 10;
}

.blog_details__quote--content p {
  font-size: 14px;
  font-weight: bold;
  color: #ff5e14;
}

.blog_details__quote--content h3 {
  font-size: 28px;
  line-height: 38px;
  letter-spacing: -1px;
}

@media only screen and (max-width: 767px) {
  .blog_details__quote--content h3 {
    font-size: 22px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 575px) {
  .blog_details__quote--content h3 {
    margin-bottom: 0px;
  }
}

@media only screen and (max-width: 400px) {
  .blog_details__quote--content h3 {
    font-size: 20px;
    line-height: 28px;
  }
}

.blog_details .service_details__filter {
  padding-left: 0px;
  border-bottom: 1px solid #E1E6FF;
  padding-bottom: 37px;
  margin-bottom: 45px;
}

.blog_details .blog_details__item {
  border-bottom: 1px solid #E1E6FF;
  padding-bottom: 18px;
  margin-bottom: 35px;
}

@media only screen and (max-width: 767px) {
  .blog_details .blog_details__thumb1 {
    margin-bottom: 30px;
  }
}

.blog_details__tags {
  border-bottom: 1px solid #E1E6FF;
  padding-bottom: 40px;
  margin-bottom: 50px;
}

.blog_details__tags h4 {
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -1px;
  text-transform: none;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .blog_details__tags--left {
    margin-bottom: 30px;
  }
}

.blog_details__tags--left a {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  color: #00235a;
  background-color: #EFEFEF;
  text-transform: none;
  padding: 6px 18px;
  border-radius: 100px;
  margin-bottom: 10px;
}

.blog_details__tags--left a:hover {
  background-color: #ff5e14;
  color: #fff;
}

.blog_details__tags--left a:not(:last-child) {
  margin-right: 10px;
}

.blog_details__tags--right a {
  font-size: 18px;
  color: #B5BECC;
  display: inline-block;
  margin-bottom: 10px;
}

.blog_details__tags--right a:not(:last-child) {
  margin-right: 25px;
}

.blog_details__tags--right a:hover {
  color: #ff5e14;
}

.blog_details__post h3 {
  font-size: 26px;
  text-transform: none;
  letter-spacing: -1px;
  margin-bottom: 33px;
}

.blog_details__post--content {
  padding: 35px 40px 20px;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(93, 93, 93, 0.06);
          box-shadow: 0px 8px 16px 0px rgba(93, 93, 93, 0.06);
}

@media only screen and (max-width: 400px) {
  .blog_details__post--content {
    padding: 30px 25px 20px;
  }
}

.blog_details__post--content h4 {
  font-size: 20px;
  line-height: 30px;
  text-transform: none;
  letter-spacing: -1px;
}

.blog_details__post--content p {
  font-size: 14px;
  line-height: 26px;
}

.blog_details__post--data {
  margin-bottom: 8px;
}

.blog_details__post--data a {
  font-size: 14px;
  color: #ff5e14;
}

.blog_details__post--data a span {
  color: #00235a;
  margin-left: 5px;
}

.blog_details__writer {
  border: 2px solid #E1E6FF;
  padding: 40px;
  position: relative;
}

@media only screen and (max-width: 400px) {
  .blog_details__writer {
    border: none;
  }
}

@media only screen and (max-width: 479px) {
  .blog_details__writer {
    padding: 35px 25px;
  }
}

@media only screen and (max-width: 400px) {
  .blog_details__writer {
    padding: 10px 0px;
  }
}

.blog_details__writer--thumb {
  position: absolute;
  top: 40px;
  left: 40px;
  width: 180px;
}

@media only screen and (max-width: 767px) {
  .blog_details__writer--thumb {
    width: 60px;
  }
}

@media only screen and (max-width: 479px) {
  .blog_details__writer--thumb {
    left: 25px;
  }
}

@media only screen and (max-width: 400px) {
  .blog_details__writer--thumb {
    top: 10px;
    left: 0px;
  }
}

.blog_details__writer--content {
  min-height: 200px;
  padding-left: 220px;
  padding-top: 13px;
}

@media only screen and (max-width: 767px) {
  .blog_details__writer--content {
    padding-left: 80px;
    padding-top: 0px;
  }
}

.blog_details__writer--content span {
  font-size: 12px;
  font-weight: bold;
  color: #ff5e14;
  display: block;
  margin-bottom: 7px;
}

.blog_details__writer--content h4 {
  font-size: 30px;
  text-transform: none;
  letter-spacing: -1px;
  margin-bottom: 13px;
}

@media only screen and (max-width: 767px) {
  .blog_details__writer--content h4 {
    font-size: 22px;
    line-height: 32px;
  }
}

.blog_details__writer--content p {
  font-size: 14px;
  line-height: 26px;
  margin: 0px;
}

.blog_details__comments h3 {
  font-size: 26px;
  letter-spacing: -1px;
  text-transform: none;
  margin-bottom: 35px;
}

.blog_details__comments--item {
  position: relative;
  min-height: 100px;
  border-bottom: 1px solid #EFF2FF;
  padding-bottom: 8px;
  margin-bottom: 30px;
}

.blog_details__comments--item.reply {
  padding-left: 130px;
}

@media only screen and (max-width: 767px) {
  .blog_details__comments--item.reply {
    padding-left: 30px;
  }
}

@media only screen and (max-width: 400px) {
  .blog_details__comments--item.reply {
    padding-left: 0px;
  }
}

.blog_details__comments--thumb {
  position: absolute;
  width: 100px;
  border-radius: 100px;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .blog_details__comments--thumb {
    width: 60px;
  }
}

.blog_details__comments__content {
  padding-left: 130px;
}

@media only screen and (max-width: 767px) {
  .blog_details__comments__content {
    padding-left: 80px;
  }
}

.blog_details__comments__content h5 {
  font-size: 18px;
  text-transform: none;
}

.blog_details__comments__content span {
  font-size: 12px;
  font-weight: bold;
  color: #ff5e14;
  display: block;
  margin-bottom: 20px;
}

.blog_details__comments__content a {
  position: absolute;
  right: 0px;
  top: 0px;
  display: inline-block;
  font-size: 14px;
  color: #00235a;
  font-weight: bold;
  border: 2px solid #F4F4FF;
  padding: 8px 24px;
  border-radius: 50px;
}

@media only screen and (max-width: 479px) {
  .blog_details__comments__content a {
    display: none;
  }
}

.blog_details__comments__content a:hover {
  color: #fff;
  background: #ff5e14;
  border-color: #ff5e14;
}

.blog_details__comments__content p {
  font-size: 14px;
  line-height: 24px;
}

.blog_details__addcomment {
  margin-top: 45px;
}

.blog_details__addcomment h3 {
  font-size: 26px;
  text-transform: none;
  letter-spacing: -1px;
  margin-bottom: 33px;
}

.blog_details__addcomment--form {
  background: #F6F9FF;
  padding: 41px;
  border-radius: 49px;
}

@media only screen and (max-width: 479px) {
  .blog_details__addcomment--form {
    padding: 45px 25px;
  }
}

@media only screen and (max-width: 400px) {
  .blog_details__addcomment--form {
    padding: 0px;
    background: #fff;
  }
}

.blog_details__addcomment--form a.site__btn1 {
  margin-top: -10px;
  border-radius: 50px;
  text-transform: capitalize;
  padding: 19px 60px;
}

@media only screen and (max-width: 400px) {
  .blog_details__addcomment--form a.site__btn1 {
    padding: 18px 40px;
  }
}

.blog_details__addcomment--item {
  position: relative;
}

.blog_details__addcomment--item .form-control {
  border: none;
  padding: 30px 30px;
}

.blog_details__addcomment--item .form-control::-webkit-input-placeholder {
  font-size: 14px;
  color: #00235a;
  text-transform: inherit;
}

.blog_details__addcomment--item .form-control:-ms-input-placeholder {
  font-size: 14px;
  color: #00235a;
  text-transform: inherit;
}

.blog_details__addcomment--item .form-control::-ms-input-placeholder {
  font-size: 14px;
  color: #00235a;
  text-transform: inherit;
}

.blog_details__addcomment--item .form-control::-webkit-input-placeholder {
  font-size: 14px;
  color: #00235a;
  text-transform: inherit;
}

.blog_details__addcomment--item .form-control::-moz-placeholder {
  font-size: 14px;
  color: #00235a;
  text-transform: inherit;
}

.blog_details__addcomment--item .form-control:-ms-input-placeholder {
  font-size: 14px;
  color: #00235a;
  text-transform: inherit;
}

.blog_details__addcomment--item .form-control::placeholder {
  font-size: 14px;
  color: #00235a;
  text-transform: inherit;
}

@media only screen and (max-width: 400px) {
  .blog_details__addcomment--item .form-control {
    border: 2px solid #EDEDED;
    padding: 30px 20px;
  }
}

.blog_details__addcomment--item textarea.form-control {
  padding: 20px 30px;
}

@media only screen and (max-width: 400px) {
  .blog_details__addcomment--item textarea.form-control {
    padding: 20px;
  }
}

.blog_details__addcomment--item i {
  position: absolute;
  right: 30px;
  top: 21px;
  color: #ff5e14;
  font-size: 14px;
}

@media only screen and (max-width: 400px) {
  .blog_details__addcomment--item i {
    display: none;
  }
}

/*==================================================
===| 17. Testimonial
===================================================*/
.testimonial1__carousel {
  background: url(../img/png-img/png-img-05.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 72px 80px 70px;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(255, 94, 20, 0.3);
          box-shadow: 0px 16px 32px 0px rgba(255, 94, 20, 0.3);
}

@media only screen and (max-width: 991px) {
  .testimonial1__carousel {
    padding: 50px 30px 43px;
  }
}

@media only screen and (max-width: 479px) {
  .testimonial1__carousel {
    padding: 40px 30px 33px;
  }
}

@media only screen and (max-width: 319px) {
  .testimonial1__carousel {
    padding: 40px 20px 33px;
  }
}

.testimonial1__item {
  position: relative;
}

.testimonial1__thumb {
  position: absolute;
  left: 0px;
  top: 8px;
  width: 120px;
  border: 8px solid #fff;
}

@media only screen and (max-width: 991px) {
  .testimonial1__thumb {
    width: 80px;
    border: 5px solid #fff;
    top: 5px;
  }
}

.testimonial1__content {
  padding-left: 150px;
}

@media only screen and (max-width: 991px) {
  .testimonial1__content {
    padding-left: 100px;
  }
}

@media only screen and (max-width: 479px) {
  .testimonial1__content {
    padding-left: 0px;
    padding-top: 100px;
  }
}

.testimonial1__content p {
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  margin-bottom: 22px;
}

@media only screen and (max-width: 991px) {
  .testimonial1__content p {
    font-size: 16px;
    line-height: 26px;
  }
}

@media only screen and (max-width: 319px) {
  .testimonial1__content p {
    font-size: 15px;
  }
}

.testimonial1__content h4 {
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  text-transform: none;
  margin: 0px;
}

@media only screen and (max-width: 991px) {
  .testimonial1__content h4 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 400px) {
  .testimonial1__content h4 {
    font-size: 22px;
  }
}

.testimonial1__content h5 {
  font-size: 16px;
  line-height: 36px;
  font-family: "Poppins", sans-serif;
  color: #fff;
  text-transform: none;
  margin: 0px;
}

.testimonial1__dots-style {
  position: relative;
}

.testimonial1__dots-style .owl-dots {
  position: absolute;
  bottom: 77px;
  right: 80px;
}

@media only screen and (max-width: 991px) {
  .testimonial1__dots-style .owl-dots {
    bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .testimonial1__dots-style .owl-dots {
    display: none;
  }
}

.testimonial1__dots-style .owl-dots .owl-dot.active span,
.testimonial1__dots-style .owl-dots .owl-dot:hover span {
  background: #fff;
}

.testimonial1__dots-style .owl-dots .owl-dot span {
  width: 20px;
  height: 6px;
  border-radius: 0px;
  background: rgba(255, 255, 255, 0.4);
  margin: 0px 5px;
}

.testimonial2 {
  overflow: hidden;
}

.testimonial2__item {
  position: relative;
  background: url(../img/png-img/png-img-08.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 107px 60px 45px;
  -webkit-box-shadow: 0px 10px 15px 0px rgba(255, 94, 20, 0.3);
          box-shadow: 0px 10px 15px 0px rgba(255, 94, 20, 0.3);
  margin-left: 15px;
  margin-right: 15px;
}

@media only screen and (max-width: 575px) {
  .testimonial2__item {
    padding: 90px 60px 45px;
  }
}

@media only screen and (max-width: 479px) {
  .testimonial2__item {
    margin-left: 0px;
    margin-right: 0px;
    padding: 140px 40px 40px;
    margin-top: 0px;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin-bottom: 0px;
  }
}

@media only screen and (max-width: 400px) {
  .testimonial2__item {
    padding: 140px 20px 40px;
  }
}

.testimonial2__thumb {
  position: absolute;
  left: 60px;
  top: -60px;
  width: 113px;
  border: 8px solid #fff;
}

@media only screen and (max-width: 479px) {
  .testimonial2__thumb {
    top: 40px;
    left: 40px;
    width: 80px;
    border: 4px solid #fff;
  }
}

@media only screen and (max-width: 400px) {
  .testimonial2__thumb {
    left: 20px;
  }
}

.testimonial2__content p {
  color: #fff;
  font-size: 22px;
  line-height: 36px;
  margin-bottom: 25px;
}

@media only screen and (max-width: 479px) {
  .testimonial2__content p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 15px;
  }
}

.testimonial2__content--data h4 {
  font-size: 26px;
  line-height: 36px;
  color: #fff;
  text-transform: none;
  margin-bottom: 2px;
}

@media only screen and (max-width: 479px) {
  .testimonial2__content--data h4 {
    font-size: 22px;
  }
}

.testimonial2__content--data span {
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  text-transform: none;
}

.testimonial2__dots-style {
  position: relative;
}

.testimonial2__dots-style .owl-dots {
  margin: 0px !important;
}

@media only screen and (max-width: 767px) {
  .testimonial2__dots-style .owl-dots {
    display: none;
  }
}

.testimonial2__dots-style .owl-dots .owl-dot.active span,
.testimonial2__dots-style .owl-dots .owl-dot:hover span {
  background: #ff5e14;
}

.testimonial2__dots-style .owl-dots .owl-dot span {
  width: 20px;
  height: 6px;
  border-radius: 0px;
  background: #B2BDCC;
  margin: 0px 5px;
}

.testimonial3 {
  position: relative;
  top: -68px;
  z-index: 50;
  margin-bottom: -68px;
}

@media only screen and (max-width: 991px) {
  .testimonial3 {
    top: 0px;
    background: #00235a;
    margin-bottom: 0px;
  }
}

.testimonial3__carousal:before {
  position: absolute;
  content: '';
  width: 5000px;
  height: 100%;
  right: -60px;
  top: 0px;
  background: #00235a;
  z-index: 100;
  -webkit-transform: skew(-18deg);
          -ms-transform: skew(-18deg);
      transform: skew(-18deg);
}

@media only screen and (max-width: 991px) {
  .testimonial3__carousal:before {
    display: none;
  }
}

.testimonial3__item {
  padding: 95px 145px 93px 100px;
  position: relative;
  z-index: 200;
}

@media only screen and (max-width: 1599px) {
  .testimonial3__item {
    padding: 70px 100px 70px 80px;
  }
}

@media only screen and (max-width: 1399px) {
  .testimonial3__item {
    padding: 65px 20px 65px 60px;
  }
}

@media only screen and (max-width: 991px) {
  .testimonial3__item {
    padding: 60px;
  }
}

@media only screen and (max-width: 575px) {
  .testimonial3__item {
    padding: 50px 30px;
  }
}

.testimonial3__thumb {
  position: absolute;
  top: 20px;
  right: 105px;
}

.testimonial3__content p {
  color: #b7c8e3;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 400px) {
  .testimonial3__content p {
    font-size: 16px;
    line-height: 26px;
  }
}

.testimonial3__data h4 {
  color: #fff;
  font-size: 40px;
  line-height: 1;
  font-weight: bold;
  letter-spacing: -2px;
  text-transform: none;
  margin-bottom: 10px;
}

@media only screen and (max-width: 479px) {
  .testimonial3__data h4 {
    font-size: 25px;
    letter-spacing: 0px;
  }
}

.testimonial3__data span {
  color: #ff5e14;
  font-size: 16px;
  text-transform: none;
  font-weight: bold;
}

.testimonial3__sponsor {
  background: #ff5e14;
  position: relative;
  top: 67px;
  padding: 90px 50px 90px 90px;
  max-height: 300px;
}

@media only screen and (max-width: 991px) {
  .testimonial3__sponsor {
    top: 0px;
    padding: 80px 0px;
  }
}

@media only screen and (max-width: 991px) {
  .testimonial3__sponsor {
    padding: 60px 0px;
  }
}

@media only screen and (max-width: 479px) {
  .testimonial3__sponsor {
    padding: 60px 20px;
  }
}

/*==================================================
===| 18. Team
===================================================*/
.team1 {
  position: relative;
}

.team1__img-box {
  position: absolute;
  left: -100px;
  bottom: 0px;
  width: calc(100% + 100px);
}

@media only screen and (max-width: 575px) {
  .team1__img-box {
    display: none;
  }
}

.team1__social {
  margin-bottom: 7px;
}

.team1__social ul {
  position: relative;
  top: -30px;
}

.team1__social ul li {
  display: inline-block;
  margin: 0px 10px;
}

.team1__social ul li a {
  -webkit-box-shadow: 0px 8px 16px 0px rgba(255, 94, 20, 0.1);
          box-shadow: 0px 8px 16px 0px rgba(255, 94, 20, 0.1);
  width: 60px;
  height: 60px;
  display: inline-block;
  background: #fff;
  text-align: center;
  line-height: 62px;
  font-size: 16px;
  color: #00235a;
  position: relative;
}

.team1__social ul li a:hover {
  background: #ff5e14;
  color: #fff;
}

.team1__content h3 {
  font-size: 30px;
  line-height: 1;
  font-weight: bold;
  text-transform: none;
  letter-spacing: -1px;
  margin-bottom: 13px;
}

.team1__content p {
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  color: #ff5e14;
  text-transform: none;
}

.team1 .owl-carousel .owl-nav button.owl-prev,
.team1 .owl-carousel .owl-nav button.owl-next {
  background: #F2F2F2;
  font-size: 16px;
  font-weight: bold;
  border-radius: 0px;
  display: inline-block;
  position: absolute;
  top: -140px;
  right: 0px;
  padding: 18px 40px !important;
  color: #00235a;
  margin: 0px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.team1 .owl-carousel .owl-nav button.owl-prev:hover,
.team1 .owl-carousel .owl-nav button.owl-next:hover {
  background: #ff5e14;
  color: #fff;
}

@media only screen and (max-width: 991px) {
  .team1 .owl-carousel .owl-nav button.owl-prev,
  .team1 .owl-carousel .owl-nav button.owl-next {
    display: none;
  }
}

.team1 .owl-carousel .owl-nav button.owl-prev {
  right: 141px;
}

/*==================================================
===| 19. About
===================================================*/
.about1 {
  position: relative;
}

.about1__experience {
  position: absolute;
  top: -105px;
  right: 80px;
  display: inline-block;
  width: 525px;
  /* border-bottom: 4px solid #ff5e14; */
  z-index: 500;
  background: #fff;
}

@media only screen and (max-width: 1399px) {
  .about1__experience {
    right: 0px;
  }
}

@media only screen and (max-width: 640px) {
  .about1__experience {
    width: 380px;
    top: -70px;
  }
}

@media only screen and (max-width: 400px) {
  .about1__experience {
    display: none;
  }
}

.about1__experience--content {
  padding: 45px 48px 28px;
  position: relative;
}

@media only screen and (max-width: 640px) {
  .about1__experience--content {
    padding: 30px 30px 20px;
  }
}

.about1__experience--content h2 {
  font-size: 80px;
  color: #ff5e14;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  line-height: 80px;
  letter-spacing: -7px;
  position: absolute;
  top: 35px;
  left: 48px;
}

@media only screen and (max-width: 640px) {
  .about1__experience--content h2 {
    font-size: 60px;
    line-height: 45px;
    letter-spacing: -4px;
  }
}

.about1__experience--content h2 span {
  font-size: 16px;
  line-height: 20px;
}

.about1__experience--content i {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 62px;
  color: rgba(0, 0, 0, 0.04);
}

.about1__experience--content .about1_experience_text {
  padding-left: 105px;
}

.about1__experience--content .about1_experience_text h4 {
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  color: #00235a;
  text-transform: none;
  margin-bottom: 2px;
}

@media only screen and (max-width: 640px) {
  .about1__experience--content .about1_experience_text h4 {
    font-size: 15px;
  }
}

.about1__experience--content .about1_experience_text h3 {
  font-size: 40px;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  color: #00235a;
  text-transform: none;
}

@media only screen and (max-width: 640px) {
  .about1__experience--content .about1_experience_text h3 {
    font-size: 25px;
  }
}

.about1__title-right {
  position: relative;
  padding-right: 100px;
}

@media only screen and (max-width: 1199px) {
  .about1__title-right {
    padding-right: 0px;
  }
}

.about1__title-right:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 20px;
  width: 2px;
  height: 120px;
  background: #e4e4e4;
}

.about1__title-right p {
  padding-left: 35px;
  font-size: 18px;
  padding-top: 24px;
  line-height: 28px;
}

@media only screen and (max-width: 479px) {
  .about1__title-right p {
    padding-top: 13px;
    padding-left: 20px;
  }
}

.about1__item {
  padding: 16px 25px 50px 36px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  position: relative;
  background-color: #fff;
  border-bottom: 0px solid #ff5e14;
}

    .about1__item:before {
        position: absolute;
        content: '';
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        z-index: 1;
        max-height: 22rem;
    }

.about1__item:hover:before {
  background-color: #fff;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  top: -10px;
  left: -10px;
  background-color: #fff;
  -webkit-box-shadow: 0px 30px 40px 0px rgba(32, 85, 125, 0.06);
          box-shadow: 0px 30px 40px 0px rgba(32, 85, 125, 0.06);
  border-bottom: 4px solid #ff5e14;
}

.about1__item--wrapper {
  border: 2px solid #f4f4f4;
  margin-top: 83px;
  position: relative;
}

.about1__item--wrapper:before {
  position: absolute;
  content: '';
  left: 40px;
  top: -30px;
  right: 40px;
  height: 10px;
  background-color: #ff5e14;
}

.about1__thumb {
  position: relative;
}

.about1__thumb img {
  width: 90px;
  height: 90px;
  z-index: 3;
  position: relative;
}

.about1__thumb span {
  position: absolute;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  font-size: 150px;
  text-transform: none;
  line-height: 150px;
  color: transparent;
  -webkit-text-stroke: 1px #f4f4f4;
  right: 0px;
  top: -22px;
  z-index: 2;
}

.about1__content {
  margin-top: 90px;
  position: relative;
  z-index: 5;
}

.about1__content5 {
  margin-top: px;
  position: relative;
  z-index: 5;
}


.about1__content h3 {
  font-size: 24px;
  line-height: 36px;
  font-family: "Poppins", sans-serif;
  color: #00235a;
  text-transform: none;
}

.about1.other_page1 .about1__item--wrapper {
  margin-top: 28px;
}

.about2 {
  position: relative;
  overflow: hidden;
}

.about2:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 1px;
  background: #ebebeb;
  top: 125px;
  left: 0px;
  z-index: -1;
}

@media only screen and (max-width: 1199px) {
  .about2:before {
    top: 109px;
  }
}

.about2:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 1px;
  background: #ebebeb;
  top: 219px;
  left: 0px;
  z-index: -1;
  display: none;
}

@media only screen and (max-width: 991px) {
  .about2:after {
    display: block;
  }
}

.about2 .tab-style-01 .nav-tabs {
  border-bottom: none;
}

.about2 .tab-style-01 .nav-tabs .nav-link {
  border-radius: 0px;
  margin: 0px;
  width: 25%;
  border: none;
  border-bottom: 4px solid transparent;
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
}

@media only screen and (max-width: 1199px) {
  .about2 .tab-style-01 .nav-tabs .nav-link {
    padding: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .about2 .tab-style-01 .nav-tabs .nav-link {
    width: 50%;
  }
}

@media only screen and (max-width: 479px) {
  .about2 .tab-style-01 .nav-tabs .nav-link {
    width: 100%;
  }
}

.about2 .tab-style-01 .nav-tabs .nav-item.show .nav-link,
.about2 .tab-style-01 .nav-tabs .nav-link.active {
  border: none;
  border-bottom: 4px solid #ff5e14;
  background: url(../img/png-img/png-img-04.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.about2__tab-item {
  position: relative;
/*  padding: 29px 20px 24px 65px;
*/
}

@media only screen and (max-width: 1199px) {
  .about2__tab-item {
    padding: 29px 20px 24px 20px;
  }
}

.about2__tab-thumb {
  position: absolute;
  top: 30px;
  left: 10px;
}

@media only screen and (max-width: 1199px) {
  .about2__tab-thumb {
    display: none;
  }
}

.about2__tab-thumb i {
  color: #ff5e14;
  font-size: 42px;
}

.about2__tab-content h4 {
  font-size: 17px;
  text-transform: none;
  letter-spacing: -1px;
  font-weight: bold;
  margin-bottom: 5px;
}

.about2__tab-content p {
  margin: 0px;
  font-size: 16px;
}

.about2 .tab-border-bottom {
  position: relative;
}

.about2 .tab-border-bottom:before {
  position: absolute;
  content: '';
  width: 300%;
  height: 1px;
  background: #ebebeb;
  top: 109px;
  left: -50px;
  z-index: -1;
  display: none;
}

@media only screen and (max-width: 479px) {
  .about2 .tab-border-bottom:before {
    display: block;
  }
}

.about2__body {
  padding: 65px 0px 0;
}

@media only screen and (max-width: 1199px) {
  .about2__body {
    padding: 50px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .about2__body {
    padding: 40px 0px;
  }
}

.about2__left {
  position: relative;
}

.about2__left-thumb {
  padding-left: 45px;
  margin-bottom: 95px;
}

@media only screen and (max-width: 991px) {
  .about2__left-thumb {
    margin-bottom: 155px;
  }
}

@media only screen and (max-width: 479px) {
  .about2__left-thumb {
    margin-bottom: 0px;
    padding-left: 0px;
  }
}

.about2__left-content {
  width: 310px;
  position: absolute;
  left: 0px;
  bottom: -95px;
  background: #fff;
  -webkit-box-shadow: 0px 30px 40px 0px rgba(32, 85, 125, 0.06);
          box-shadow: 0px 30px 40px 0px rgba(32, 85, 125, 0.06);
  padding: 58px 44px 55px;
  border-top-right-radius: 200px;
  border-bottom: 4px solid #ff5e14;
}

@media only screen and (max-width: 479px) {
  .about2__left-content {
    position: static;
    width: 100%;
    padding: 35px 30px 30px;
    margin-bottom: 60px;
    border-top-right-radius: 0px;
  }
}

.about2__left-content-icon {
  position: relative;
  margin-bottom: 98px;
}

@media only screen and (max-width: 479px) {
  .about2__left-content-icon {
    margin-bottom: 50px;
  }
}

.about2__left-content-icon img {
  width: 90px;
  z-index: 5;
  position: relative;
}

.about2__left-content-icon span {
  position: absolute;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  font-size: 150px;
  text-transform: none;
  line-height: 150px;
  color: transparent;
  -webkit-text-stroke: 1px #f4f4f4;
  right: 0px;
  top: 2px;
  z-index: 1;
  letter-spacing: -3px;
}

.about2__left-content-title h3 {
  position: relative;
  z-index: 5;
  text-transform: none;
  font-size: 24px;
  letter-spacing: -1px;
  line-height: 36px;
}

@media only screen and (max-width: 319px) {
  .about2__left-content-title h3 {
    font-size: 20px;
  }
}

.about2__right {
  padding-left: 25px;
  padding-top: 62px;
}

@media only screen and (max-width: 1199px) {
  .about2__right {
    padding-left: 0px;
    padding-top: 0px;
  }
}

.about2__right p {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 37px;
}

@media only screen and (max-width: 1199px) {
  .about2__right p {
    font-size: 16px;
    line-height: 26px;
  }
}

.about3 {
  position: relative;
}

.about3__content p {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 30px;
  padding-right: 40px;
}

@media only screen and (max-width: 1199px) {
  .about3__content p {
    padding-right: 0px;
  }
}

.about3__thumb2 {
  position: absolute;
  left: 0px;
  top: 120px;
  z-index: -1;
}

.about3__thumb3 {
  position: absolute;
  right: 10px;
  bottom: 0px;
  z-index: -1;
}

.about4 {
  position: relative;
  overflow: hidden;
}

.about4__thumb-area {
  position: relative;
  /* padding-bottom: 265px; */
}

@media only screen and (max-width: 575px) {
  .about4__thumb-area {
    padding-bottom: 0px;
  }
}

@media only screen and (max-width: 575px) {
  .about4__thumb1 img {
    width: 100%;
  }
}


/* @media only screen and (max-width: 575px) {
    .about4__thumb2 {
    display: none;
  }
} */

.about4__thumb3 {
  position: absolute;
  left: 0px;
  bottom: -235px;
  width: 100%;
}

@media only screen and (max-width: 1399px) {
  .about4__thumb3 {
    bottom: 0px;
  }
}

@media only screen and (max-width: 575px) {
  .about4__thumb3 {
    display: none;
  }
}

.about4__content {
  padding-left: 30px;
}

@media only screen and (max-width: 1199px) {
  .about4__content {
    padding-left: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .about4__content {
    margin-top: 60px;
  }
}

.about4__content .title_style1 {
  margin-bottom: -10px;
}

.about4__content p {
  font-size: 18px;
  line-height: 28px;
  padding-right: 100px;
  margin-bottom: 0px;
}

@media only screen and (max-width: 1199px) {
  .about4__content p {
    padding-right: 0px;
  }
}

@media only screen and (max-width: 479px) {
  .about4__experience {
    display: none;
  }
}

.about4__experience--content {
  background: #fff;
  border-bottom: 4px solid #ff5e14;
  -webkit-box-shadow: 0px 20px 40px 0px rgba(255, 94, 20, 0.3);
          box-shadow: 0px 20px 40px 0px rgba(255, 94, 20, 0.3);
  position: relative;
  z-index: 1;
  padding: 43px 20px 30px 0px;
}

.about4__experience--content h2 {
  font-size: 80px;
  letter-spacing: -6px;
  color: #ff5e14;
  line-height: 65px;
  font-weight: bold;
  font-family: "Poppins", sans-serif;
  position: absolute;
  top: 43px;
  left: 50px;
  z-index: 10;
}

.about4__experience--content h2 span {
  font-size: 16px;
}

.about4__experience--content i {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 60px;
  color: #f4f4f4;
  z-index: 5;
}

.about4__experience--content .about4_experience_text {
  padding-left: 155px;
}

.about4__experience--content .about4_experience_text h4 {
  font-size: 16px;
  line-height: 1;
  font-family: "Poppins", sans-serif;
  text-transform: none;
  font-weight: bold;
}

.about4__experience--content .about4_experience_text h3 {
  font-size: 40px;
  line-height: 1;
  text-transform: none;
  font-weight: bold;
}

.about5__wrapper {
  padding-left: 30px;
}

@media only screen and (max-width: 1199px) {
  .about5__wrapper {
    padding-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .about5__wrapper {
    margin-top: 60px;
  }
}

.about5__wrapper p {
  font-size: 16px;
  line-height: 26px;
}

#progress-elements {
  margin-top: 45px;
}

.progress-skill {
  margin-top: 27px;
}

.progress-skill h4 {
  color: #00235a;
  font-size: 16px;
  text-transform: capitalize;
  margin-bottom: 17px;
  font-family: "Poppins", sans-serif;
}

.progress-skill .progress {
  height: 6px;
  border-radius: 0;
  background: #efefef;
  overflow: visible;
}

.progress-skill .progress-bar {
  background-color: #ff5e14 !important;
  position: relative;
}

.progress-skill .progress-bar span {
  position: absolute;
  font-size: 16px;
  font-weight: 100;
  background: #fff;
  color: #ff5e14;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  padding: 3px;
  left: 97%;
  top: -40px;
}

/*==================================================
===| 20. sidebar
===================================================*/
.side_bar1 {
  padding-left: 20px;
}

@media only screen and (max-width: 1199px) {
  .side_bar1 {
    padding-left: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .side_bar1 {
    margin-top: 60px;
  }
}

.side_bar1__widget {
  background-color: #F5FAFF;
}

.side_bar1__widget h2 {
  background-color: #fff;
  padding: 16px 30px;
  display: inline-block;
  position: relative;
  top: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  font-size: 20px;
  text-transform: none;
  border-left: 3px solid #ff5e14;
}

.side_bar1__about {
  text-align: center;
  margin-top: 31px;
  padding: 0px 45px 35px;
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .side_bar1__about {
    padding: 0px 25px 35px;
  }
}

@media only screen and (max-width: 400px) {
  .side_bar1__about {
    padding: 0px 25px 35px;
  }
}

.side_bar1__about--thumb {
  width: 140px;
  display: inline-block;
}

.side_bar1__about--thumb img {
  border-radius: 100px;
}

.side_bar1__about--content {
  margin-top: 30px;
}

.side_bar1__about--content h4 {
  font-size: 18px;
  text-transform: none;
  margin-bottom: 14px;
}

.side_bar1__about--content p {
  font-size: 14px;
  line-height: 26px;
}

.side_bar1__about--social {
  margin-top: 20px;
}

.side_bar1__about--social a {
  font-size: 14px;
  display: inline-block;
  color: #B3BED3;
  margin: 0px 9px;
}

.side_bar1__about--social a:hover {
  color: #ff5e14;
}

.side_bar1__search {
  padding: 38px 40px 40px;
  position: relative;
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .side_bar1__search {
    padding: 38px 25px 40px;
  }
}

@media only screen and (max-width: 400px) {
  .side_bar1__search {
    padding: 38px 25px 40px;
  }
}

.side_bar1__search input {
  border: none;
  background-color: #fff;
  display: inline-block;
  padding: 18px 30px;
  border-radius: 50px;
  width: 100%;
}

.side_bar1__search input::-webkit-input-placeholder {
  color: #00235a;
  font-size: 14px;
}

.side_bar1__search input:-ms-input-placeholder {
  color: #00235a;
  font-size: 14px;
}

.side_bar1__search input::-ms-input-placeholder {
  color: #00235a;
  font-size: 14px;
}

.side_bar1__search input::-webkit-input-placeholder {
  color: #00235a;
  font-size: 14px;
}

.side_bar1__search input::-moz-placeholder {
  color: #00235a;
  font-size: 14px;
}

.side_bar1__search input:-ms-input-placeholder {
  color: #00235a;
  font-size: 14px;
}

.side_bar1__search input::placeholder {
  color: #00235a;
  font-size: 14px;
}

.side_bar1__search button {
  position: absolute;
  right: 40px;
  top: 38px;
  border: none;
  font-size: 14px;
  width: 60px;
  height: 60px;
  background-color: #ff5e14;
  color: #fff;
  border-radius: 100px;
  line-height: 60px;
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .side_bar1__search button {
    right: 25px;
  }
}

@media only screen and (max-width: 400px) {
  .side_bar1__search button {
    right: 25px;
  }
}

.side_bar1__news {
  padding: 30px 40px 40px;
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .side_bar1__news {
    padding: 30px 25px 40px;
  }
}

@media only screen and (max-width: 400px) {
  .side_bar1__news {
    padding: 30px 25px 40px;
  }
}

.side_bar1__news--item {
  position: relative;
  min-height: 80px;
}

.side_bar1__news--item:not(:last-child) {
  border-bottom: 1px solid #E4F0FB;
  padding-bottom: 27px;
  margin-bottom: 27px;
}

@media only screen and (max-width: 991px) {
  .side_bar1__news--item:not(:last-child) {
    padding-bottom: 45px;
  }
}

@media only screen and (max-width: 575px) {
  .side_bar1__news--item:not(:last-child) {
    padding-bottom: 27px;
  }
}

@media only screen and (max-width: 400px) {
  .side_bar1__news--item:not(:last-child) {
    padding-bottom: 20px;
  }
}

.side_bar1__news--thumb {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 80px;
  height: 80px;
  z-index: 5;
}

@media only screen and (max-width: 400px) {
  .side_bar1__news--thumb {
    height: 60px;
    width: 60px;
  }
}

.side_bar1__news--thumb img {
  border-radius: 10px;
}

.side_bar1__news--content {
  padding-left: 100px;
}

@media only screen and (max-width: 400px) {
  .side_bar1__news--content {
    padding-left: 80px;
  }
}

.side_bar1__news--content a {
  font-size: 12px;
  color: #00235a;
  display: inline-block;
}

.side_bar1__news--content a:hover {
  color: #ff5e14;
}

.side_bar1__news--content a i {
  color: #ff5e14;
}

.side_bar1__news--content a span {
  margin-left: 5px;
}

.side_bar1__news--content a.side_bar1__news--title {
  display: block;
}

.side_bar1__news--content a.side_bar1__news--title h5 {
  font-size: 14px;
  text-transform: none;
  line-height: 22px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin-top: 7px;
}

.side_bar1__news--content a.side_bar1__news--title h5:hover {
  color: #ff5e14;
}

.side_bar1__categories {
  padding: 30px 40px 40px;
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .side_bar1__categories {
    padding: 30px 25px 40px;
  }
}

@media only screen and (max-width: 400px) {
  .side_bar1__categories {
    padding: 30px 25px 40px;
  }
}

.side_bar1__categories a {
  background-color: #00235a;
  color: #fff;
  display: block;
  height: 50px;
  font-size: 14px;
  position: relative;
  padding-top: 15px;
  padding-left: 30px;
}

.side_bar1__categories a:not(:last-child) {
  margin-bottom: 10px;
}

.side_bar1__categories a span {
  color: #fff;
  font-size: 14px;
  width: 32px;
  height: 32px;
  background-color: #091222;
  border-radius: 50px;
  display: inline-block;
  text-align: center;
  line-height: 32px;
  position: absolute;
  right: 10px;
  top: 9px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.side_bar1__categories a:hover {
  color: #ff5e14;
}

.side_bar1__categories a:hover span {
  color: #ff5e14;
}

.side_bar1__categories .business {
  background: url(../img/bg/bg-11.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.side_bar1__categories .consultant {
  background: url(../img/bg/bg-12.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.side_bar1__categories .creative {
  background: url(../img/bg/bg-13.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.side_bar1__categories .ui {
  background: url(../img/bg/bg-14.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.side_bar1__categories .technology {
  background: url(../img/bg/bg-15.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.side_bar1__social {
  padding: 30px 40px 40px;
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .side_bar1__social {
    padding: 30px 20px 40px;
  }
}

@media only screen and (max-width: 400px) {
  .side_bar1__social {
    padding: 30px 20px 40px;
  }
}

.side_bar1__social a {
  font-size: 14px;
  color: #00235a;
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 100px;
  background-color: #fff;
  line-height: 42px;
  margin: 0px 3px;
}

.side_bar1__social a:hover {
  background-color: #ff5e14;
  color: #fff;
}

.side_bar1__instagram {
  text-align: center;
  padding: 20px 20px 40px;
}

.side_bar1__instagram--thumb {
  width: 80px;
  display: inline-block;
  margin: 12px 6px 0px;
  overflow: hidden;
}

.side_bar1__instagram--thumb a {
  position: relative;
  display: block;
}

.side_bar1__instagram--thumb a:before {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  background-color: #ff5e14;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  left: -81px;
  top: -81px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.side_bar1__instagram--thumb a:hover:before {
  left: 0px;
  top: 0px;
}

.side_bar1__tags {
  padding: 25px 20px 35px;
}

.side_bar1__tags a {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  color: #00235a;
  background-color: #fff;
  text-transform: none;
  padding: 6px 18px;
  margin: 5px;
  border-radius: 100px;
}

.side_bar1__tags a:hover {
  background-color: #ff5e14;
  color: #fff;
}

/*==================================================
===| 21. Sponsors
===================================================*/
.sponsors1.sponsors1__bg-img-01 {
  background: url(../img/png-img/png-img-01.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.sponsors1.sponsors1__bg-img-02 {
  background: url(../img/png-img/png-img-05.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.sponsors1__content_box {
  padding-top: 30px;
  /* padding-bottom: 50px; */
}

@media only screen and (max-width: 1199px) {
  .sponsors1__content_box {
    padding-top: 80px;
    /* padding-bottom: 30px; */
  }
}

@media only screen and (max-width: 767px) {
  .sponsors1__content_box {
    padding-top: 60px;
    /* padding-bottom: 10px; */
  }
}

.sponsors1__item a {
  display: inline-block;
}

@media only screen and (max-width: 1199px) {
  .sponsors1__item a {
    max-width: 100px;
  }
}

@media only screen and (max-width: 991px) {
  .sponsors1__item a {
    max-width: 80px;
  }
}

.sponsors2 .sponsors2-style .col-lg-3:nth-child(1) {
  border-bottom: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
  padding-bottom: 65px;
}

.sponsors2 .sponsors2-style .col-lg-3:nth-child(2) {
  border-bottom: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
  padding-bottom: 65px;
}

@media only screen and (max-width: 767px) {
  .sponsors2 .sponsors2-style .col-lg-3:nth-child(2) {
    border-right: none;
  }
}

.sponsors2 .sponsors2-style .col-lg-3:nth-child(3) {
  border-bottom: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
  padding-bottom: 65px;
}

@media only screen and (max-width: 991px) {
  .sponsors2 .sponsors2-style .col-lg-3:nth-child(3) {
    border-right: none;
  }
}

@media only screen and (max-width: 767px) {
  .sponsors2 .sponsors2-style .col-lg-3:nth-child(3) {
    padding-top: 65px;
    border-right: 1px solid #DDDDDD;
  }
}

.sponsors2 .sponsors2-style .col-lg-3:nth-child(4) {
  border-bottom: 1px solid #DDDDDD;
  padding-bottom: 65px;
}

@media only screen and (max-width: 991px) {
  .sponsors2 .sponsors2-style .col-lg-3:nth-child(4) {
    padding-top: 65px;
    border-right: 1px solid #DDDDDD;
  }
}

@media only screen and (max-width: 767px) {
  .sponsors2 .sponsors2-style .col-lg-3:nth-child(4) {
    border-right: none;
  }
}

.sponsors2 .sponsors2-style .col-lg-3:nth-child(5) {
  border-right: 1px solid #DDDDDD;
  padding-top: 65px;
}

@media only screen and (max-width: 991px) {
  .sponsors2 .sponsors2-style .col-lg-3:nth-child(5) {
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 65px;
  }
}

.sponsors2 .sponsors2-style .col-lg-3:nth-child(6) {
  border-right: 1px solid #DDDDDD;
  padding-top: 65px;
}

@media only screen and (max-width: 991px) {
  .sponsors2 .sponsors2-style .col-lg-3:nth-child(6) {
    padding-bottom: 65px;
    border-bottom: 1px solid #DDDDDD;
    border-right: none;
  }
}

.sponsors2 .sponsors2-style .col-lg-3:nth-child(7) {
  border-right: 1px solid #DDDDDD;
  padding-top: 65px;
}

.sponsors2 .sponsors2-style .col-lg-3:nth-child(8) {
  padding-top: 65px;
}

@media only screen and (max-width: 991px) {
  .sponsors2__item img {
    max-width: 80px;
  }
}

/*==================================================
===| 22. Counter
===================================================*/
.counter1 .title_style1 {
  padding: 0px 50px;
}

@media only screen and (max-width: 1199px) {
  .counter1 .title_style1 {
    padding: 0px;
  }
}

.counter1__canvas {
  position: relative;
  margin-bottom: 25px;
}

.counter1__content {
  position: relative;
}

.counter1__content--bg {
  position: absolute;
  font-family: "Poppins", sans-serif;
  font-size: 120px;
  text-transform: none;
  line-height: 120px;
  color: transparent;
  left: 50%;
  -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  -webkit-text-stroke: 1px #f4f4f4;
  top: -38px;
  z-index: 1;
  letter-spacing: -3px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mt-10 {
  margin-top: 10px;

}
.counter1__content h4 {
  font-size: 30px;
  font-family: "Poppins", sans-serif;
  text-transform: none;
  letter-spacing: -1px;
  position: relative;
  z-index: 5;
}

.counter1__content p {
  margin: 0px;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  position: relative;
  z-index: 5;
}

.counter1__percentage {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  line-height: 70px;
  font-size: 70px;
  font-weight: 700;
  margin-top: -35px;
  font-family: "Poppins", sans-serif;
  letter-spacing: -2px;
}

.counter1__percentage i {
  font-size: 24px;
  color: #ff5e14;
}

.counter1 canvas {
  -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
      transform: rotate(90deg);
}

.counter1.home3 {
  background: #00235a;
}

.counter1.home3 .counter1__percentage {
  color: #fff;
}

.counter1.home3 .counter1__content h4 {
  color: #fff;
}

.counter1.home3 .counter1__content p {
  color: #fff;
}

.counter1.home3 .counter1__content--bg {
  -webkit-text-stroke: 1px #133366;
}

.counter1.home3 .text-border-title1 {
  -webkit-text-stroke: 1px #0B316C;
}

.faq1 {
  background: #f7f7f7;
  position: relative;
}

.faq1__thumb1 {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.faq1__wrapper {
  padding-left: 30px;
  margin-top: 40px;
}

@media only screen and (max-width: 1199px) {
  .faq1__wrapper {
    padding-left: 0px;
    margin-top: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .faq1__wrapper {
    margin-top: 60px;
  }
}

.accordion_style_01 .card {
  border: none;
  margin-bottom: 22px;
  border-radius: 0px;
}

.accordion_style_01 .card-header {
  padding: 0px;
  border: none;
  background-color: #fff;
}

.accordion_style_01 .card-header h5 {
  margin-bottom: 1px;
}

.accordion_style_01 .card-header h5 a {
  display: block;
  padding: 24px 70px 23px 40px;
  font-size: 22px;
  text-transform: none;
  font-weight: bold;
  color: #00235a;
  border: 1px solid #fff;
  background: #fff;
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  letter-spacing: -0.5px;
}

@media only screen and (max-width: 575px) {
  .accordion_style_01 .card-header h5 a {
    padding: 24px 70px 23px 20px;
  }
}

@media only screen and (max-width: 400px) {
  .accordion_style_01 .card-header h5 a {
    font-size: 18px;
    letter-spacing: 0px;
  }
}

.accordion_style_01 .card-header h5 a:hover {
  border-color: #fff;
  color: #ff5e14;
}

.accordion_style_01 .card-header h5 a i {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #00235a;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-size: 12px;
  width: 50px;
  height: 50px;
  background: #fff;
  text-align: center;
  line-height: 50px;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(255, 94, 20, 0.1);
          box-shadow: 0px 8px 16px 0px rgba(255, 94, 20, 0.1);
}

.accordion_style_01 .card-header h5 a i.icofont-minus {
  display: none;
}

.accordion_style_01 .card-header h5 a:hover i {
  color: #fff;
  background: #ff5e14;
}

.accordion_style_01 .card-header a[aria-expanded="true"] {
  border-color: #fff;
  color: #ff5e14;
}

.accordion_style_01 .card-header a[aria-expanded="true"] i {
  color: #fff;
  background: #ff5e14;
}

.accordion_style_01 .card-header a[aria-expanded="true"] i.icofont-plus {
  display: none;
}

.accordion_style_01 .card-header a[aria-expanded="true"] i.icofont-minus {
  display: inline-block;
}

.accordion_style_01 .card-body {
  padding: 0px 40px 20px;
  margin-top: 5px;
}

.accordion_style_01 .card-body p {
  margin: 0px;
}

.faq2 {
  background: url(../img/png-img/png-img-19.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.faq2 .accordion_style_01 .card {
  -webkit-box-shadow: 0px 8px 16px 0px rgba(255, 94, 20, 0.1);
          box-shadow: 0px 8px 16px 0px rgba(255, 94, 20, 0.1);
}

.contact1 {
  position: relative;
}

.contact1__thumb1 {
  position: absolute;
  left: 45px;
  top: 80px;
  z-index: -1;
}

.contact1__item {
  position: relative;
}

.contact1__item.border-bottom-widget {
  position: relative;
}

.contact1__item.border-bottom-widget:before {
  position: absolute;
  content: '';
  left: 0px;
  height: 1px;
  width: 330px;
  background: #c0d9ff;
  bottom: 0px;
}

@media only screen and (max-width: 575px) {
  .contact1__item.border-bottom-widget:before {
    width: 100%;
  }
}

.contact1__thumb {
  position: absolute;
  left: 0px;
  top: 0px;
}

.contact1__thumb i {
  font-size: 26px;
  color: #ff5e14;
}

@media only screen and (max-width: 319px) {
  .contact1__thumb i {
    font-size: 22px;
  }
}

.contact1__content {
  padding-left: 55px;
}

@media only screen and (max-width: 319px) {
  .contact1__content {
    padding-left: 45px;
  }
}

.contact1__content h4 {
  font-size: 26px;
  line-height: 30px;
  font-weight: bold;
  text-transform: none;
}

@media only screen and (max-width: 319px) {
  .contact1__content h4 {
    font-size: 22px;
  }
}

.contact1__content p {
  margin-bottom: 5px;
}

@media only screen and (max-width: 991px) {
  .contact1__map {
    margin-top: 60px;
  }
}

.contact1__map #map {
  height: 570px;
  width: 100%;
}

@media only screen and (max-width: 991px) {
  .contact1__map #map {
    height: 550px;
  }
}

@media only screen and (max-width: 767px) {
  .contact1__map #map {
    height: 400px;
  }
}

/*==================================================
===| 23. Page Title
===================================================*/
.page_title {
    background: url(../img/png-icon/toc/about-us.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.page_title_terms {
  background: url(../img/png-icon/toc/terms.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.page_title_privacy {
  background: url(../img/png-icon/toc/privacy.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.page_title_waiter {
  background: url(../img/png-icon/toc/waiterbg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page_title_food {
  background: url(../img/png-icon/toc/restaurant.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  /* height: 33rem; */
}
.page_title_fashion {
  background: url(../img/png-icon/toc/Fashion.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  /* height: 33rem; */
}
.page_title_optical {
  background: url(../img/png-icon/toc/opticalstore.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  /* height: 33rem; */
}
.page_title_electronics {
  background: url(../img/png-icon/toc/elctronics.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  /* height: 33rem; */
}
.page_title_fmcg {
  background: url(../img/png-icon/toc/FMCG.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  /* height: 33rem; */
}

.page_title_partners {
  background: url(../img/png-icon/toc/partner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.page_title_features {
    background: url(../img/png-icon/toc/features.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.page_title_contact {
    background: url(../img/png-icon/toc/ContactUs.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.page_title__padding {
  padding: 170px 0px;
}
    .page_title__padding.fmcg {
        padding: 250px 0px;
    }
@media only screen and (max-width: 1199px) {
  .page_title__padding {
    padding: 120px 0px;
  }
}

@media only screen and (max-width: 400px) {
  .page_title__padding {
    padding: 100px 0px;
  }
}

.page_title__content h1 {
  font-size: 74px;
  text-transform: none;
  line-height: 1;
  letter-spacing: -3px;
  margin-bottom: 17px;
  color:white;
}
.page_title__content p{
    color: white;
}

@media only screen and (max-width: 575px) {
  .page_title__content h1 {
    font-size: 60px;
  }
}

@media only screen and (max-width: 479px) {
  .page_title__content h1 {
    font-size: 50px;
    letter-spacing: -1px;
  }
}

.page_title__bread-crumb ul {
  background: #fff;
  display: inline-block;
  padding: 17px 30px;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.1);
          box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.1);
}

.page_title__bread-crumb ul li {
  display: inline-block;
  margin: 0px 8px;
  position: relative;
}

.page_title__bread-crumb ul li:before {
  position: absolute;
  content: '';
  left: -11px;
  top: 6px;
  height: 13px;
  width: 2px;
  background: #00235a;
}

.page_title__bread-crumb ul li a {
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  display: inline-block;
  text-transform: none;
  color: #ff5e14;
}

.page_title__bread-crumb ul li:first-child:before {
  display: none;
}

.page_title__bread-crumb ul li:first-child a {
  color: #00235a;
}

/*==================================================
===| 24. Pricing
===================================================*/
.pricing {
  background: #f6f9ff;
}

.pricing.pricing .text-border-title1 {
  -webkit-text-stroke: 1px #D6E4FF;
}

.pricing .title_style1 {
  margin-bottom: 75px;
}

@media only screen and (max-width: 991px) {
  .pricing .title_style1 {
    margin-bottom: 60px;
  }
}

.pricing__item {
  padding: 70px 50px 65px;
}

@media only screen and (max-width: 400px) {
  .pricing__item {
    padding: 50px 20px;
  }
}

.pricing__middle {
  -webkit-box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.06);
          box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.06);
  border-top: 6px solid #ff5e14;
  height: 106%;
  background: #fff;
  top: -3%;
  position: relative;
  padding-top: 85px;
}

@media only screen and (max-width: 991px) {
  .pricing__middle {
    height: 100%;
    top: 0%;
    padding-top: 70px;
  }
}

.pricing__shadow {
  background: #fff;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.06);
          box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.06);
}

.pricing__padding {
  padding-top: 120px;
  padding-bottom: 140px;
}

@media only screen and (max-width: 1199px) {
  .pricing__padding {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .pricing__padding {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.pricing__thumb {
  margin-bottom: 35px;
}

.pricing__content p {
  font-size: 16px;
  line-height: 26px;
}

.pricing__data {
  margin-top: 18px;
}

.pricing__data h4 {
  font-size: 24px;
  line-height: 26px;
  letter-spacing: -1px;
  text-transform: capitalize;
}

.pricing__data h5 {
  font-size: 16px;
  line-height: 26px;
  color: #ff5e14;
  text-transform: none;
}

.pricing__data h3 {
  font-size: 80px;
  letter-spacing: -2px;
  color: #ff5e14;
  margin-top: 18px;
  margin-bottom: 25px;
}

@media only screen and (max-width: 400px) {
  .pricing__data h3 {
    font-size: 60px;
  }
}

.pricing__data h3 span {
  font-size: 24px;
  color: #00235a;
  margin: 0px 3px 0px 0px;
}

.pricing.other_page1 {
  position: relative;
  overflow: hidden;
  background: none;
}

.pricing.other_page1 .pricing__padding {
  padding: 140px 0px;
}

@media only screen and (max-width: 1199px) {
  .pricing.other_page1 .pricing__padding {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .pricing.other_page1 .pricing__padding {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.pricing.other_page1 .pricing__thumb1 {
  position: absolute;
  left: 0px;
  bottom: -50px;
  width: 100%;
  z-index: -1;
}

@media only screen and (max-width: 1399px) {
  .pricing.other_page1 .pricing__thumb1 {
    bottom: 0px;
  }
}

@media only screen and (max-width: 575px) {
  .pricing.other_page1 .pricing__thumb1 {
    display: none;
  }
}

.pricing.other_page2 {
  background: #001940;
}

.pricing.other_page2 .text-border-title1 {
  -webkit-text-stroke: 1px #0B316C;
}

.pricing.other_page2 .pricing__shadow {
  background: #052350;
}

.pricing.other_page2 .pricing__content p {
  color: #fff;
}

.pricing.other_page2 .pricing__data h4 {
  color: #fff;
}

.pricing.other_page2 .pricing__data h3 {
  color: #fff;
}

.pricing.other_page2 .pricing__data h3 span {
  color: #ff5e14;
}

.pricing.other_page2 .pricing__middle {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 94, 20, 0.9)), to(rgba(255, 94, 20, 0.9))), url(../img/hero/hero-04.jpg);
  background: -o-linear-gradient(rgba(255, 94, 20, 0.9), rgba(255, 94, 20, 0.9)), url(../img/hero/hero-04.jpg);
  background: linear-gradient(rgba(255, 94, 20, 0.9), rgba(255, 94, 20, 0.9)), url(../img/hero/hero-04.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-top: 6px solid #fff;
}

.pricing.other_page2 .pricing__middle .pricing__data h5 {
  color: #fff;
}

.pricing.other_page2 .pricing__middle .site__btn3:hover {
  color: #fff;
  background: #00235a;
  border-color: #00235a;
}

.pricing.other_page2 .title_style1 h2 {
  color: #fff;
}

.contact_page1 {
  background: url(../img/png-img/png-img-18.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.contact_page1 .text-border-title1 {
  -webkit-text-stroke: 1px #EBEBEB;
}

.contact_page1 button.site__btn1 {
  border: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.contact_page1__item {
  position: relative;
}
/*yusuf*/
    .contact_page1__item .form-control {
        border: none;
        -webkit-box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.1);
        box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.1);
        padding: 24px 18px!important;
        font-size: 16px;
        margin-bottom: 30px;
        border: 2px solid #E8EBEC;
    }
/*yusuf end*/
@media only screen and (max-width: 400px) {
  .contact_page1__item .form-control {
    padding: 36px 25px;
  }
}

.contact_page1__item .form-control::-webkit-input-placeholder {
  color: #00235a;
  font-size: 16px;
  text-transform: none;
}

.contact_page1__item .form-control:-ms-input-placeholder {
  color: #00235a;
  font-size: 16px;
  text-transform: none;
}

.contact_page1__item .form-control::-ms-input-placeholder {
  color: #00235a;
  font-size: 16px;
  text-transform: none;
}

.contact_page1__item .form-control::-webkit-input-placeholder {
  color: #00235a;
  font-size: 16px;
  text-transform: none;
}

.contact_page1__item .form-control::-moz-placeholder {
  color: #00235a;
  font-size: 16px;
  text-transform: none;
}

.contact_page1__item .form-control:-ms-input-placeholder {
  color: #00235a;
  font-size: 16px;
  text-transform: none;
}

.contact_page1__item .form-control::placeholder {
  color: #00235a;
  font-size: 16px;
  text-transform: none;
}
/*yusuf*/
.contact_page1__item i {
  position: absolute;
  top: 19px;
   right: 40px;
  color: #ff5e14;
}

/*yusuf end*/
@media only screen and (max-width: 400px) {
    .contact_page1__item i {
    right: 25px;
  }
}
/*yusuf*/
.contact_page1__item.contact_page1__textarea .form-control {
    border: none;
    -webkit-box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.1);
    box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.1);
    padding: 10px 18px!important; 
/*    padding: 36px 40px !important;
*/    font-size: 16px;
    margin-bottom: 30px;
    border: 2px solid #E8EBEC;
}
.contact_page1__item i.far.fa-edit {
    right: 30px;
}
    /*yusuf end*/
    @media only screen and (max-width: 400px) {
        .contact_page1__textarea .form-control {
    padding: 25px 25px;
  }
}

.features2__item1 {
  position: relative;
  background-color: #F6F9FF;
}

.features2__item1__wrapper {
    padding: 115px 119px 52px 72px;
}

@media only screen and (max-width: 1599px) {
  .features2__item1__wrapper {
    padding: 120px 80px 70px 80px;
  }
}

@media only screen and (max-width: 1199px) {
  .features2__item1__wrapper {
    padding: 100px 80px 50px 80px;
  }
}

@media only screen and (max-width: 767px) {
  .features2__item1__wrapper {
    padding: 80px 60px 30px 60px;
  }
}

@media only screen and (max-width: 479px) {
  .features2__item1__wrapper {
    padding: 80px 10px 30px 10px;
  }
}

.features2__item2 {
  position: relative;
}

.features2__item2__wrapper {
  padding: 120px 120px 120px 105px;
}

@media only screen and (max-width: 1599px) {
  .features2__item2__wrapper {
    padding: 120px 80px 120px 65px;
  }
}

@media only screen and (max-width: 1199px) {
  .features2__item2__wrapper {
    padding: 100px 65px 100px 65px;
  }
}

@media only screen and (max-width: 767px) {
  .features2__item2__wrapper {
    padding: 80px 50px 80px 50px;
  }
}

@media only screen and (max-width: 479px) {
  .features2__item2__wrapper {
    padding: 80px 10px 80px 10px;
  }
}

.features2__thumb1 {
  position: absolute;
  left: 60px;
  top: 0px;
  width: 39%;
  background: url(../img/png-icon/toc/mockup\ TOC\ \(4\).png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 100;
  height: 100%;
  margin-left: 4rem;
}


.features2__thumb--9 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 39%;
    background: url(../img/png-icon/toc/Real-time.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 100;
    height: 50%;
    margin-left: 4rem;
}
.features3__thumb1 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 39%;
  background: url(../img/png-icon/toc/orderingkiosk.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 100;
  height: 100%;
  margin-left: 4rem;
}

@media only screen and (max-width: 1199px) {
  .features2__thumb1 {
    position: static;
    height: 600px;
    width: 100%;
  }
}

@media only screen and (max-width: 479px) {
  .features2__thumb1 {
    height: 450px;
  }
}

.features2__thumb2 {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 50%;
  background: url(../img/bg/bg-06.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 100;
  height: 100%;
}

@media only screen and (max-width: 1199px) {
  .features2__thumb2 {
    position: static;
    height: 600px;
    width: 100%;
  }
}

@media only screen and (max-width: 479px) {
  .features2__thumb2 {
    height: 450px;
  }
}

/*==================================================
===| Author CSS End
===================================================*/
/*==================================================
===| Helper classes
===================================================*/
/*
 * Hide visually and from screen readers
 */
.hidden {
  display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  /* 1 */
}

/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit;
}

/*
* Hide visually and from screen readers, but maintain layout
*/
.invisible {
  visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5/4), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
https://www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster */
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
 * Don't show links that are fragment identifiers,
 * or use the `javascript:` pseudo protocol
 */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
 * Printing Tables:
 * http://css-discuss.incutio.com/wiki/Printing_Tables
 */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}


.kd-icon-list {
  padding: 0;
  list-style-type: none;
}
.kd-icon-list .kd-icon-list-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 14px;
  font-size: 1.13em;
}
.kd-icon-wrapper {
  min-width: 18px;
  height: 18px;
  margin-right: 15px;
  text-align: center;
  line-height: 15px;
  font-weight: 100!important;
  margin-top: 3px;
}

.kd-icon-wrapper.icon-circle {
  border-radius: 50%;
}

.kd-icon-wrapper i {
  font-size: 10px;
}
.pb-content-wrap h5 {
    font-size: 15px;
}
.about3__content ul li span::before{
  font-weight: 900;
  color: #ff5e14;
  font-size: 15px;
}
.textdark{
  color: #000;
}
.text-white {
  color:#FFF
}
.fs-35 {
  font-size: 35px;

}
.fs-20 {
  font-size: 20px;

}
.fs-13 {
  font-size: 13px;

}

.fs-22{
  font-size: 22px;

}
.fs-29 {
  font-size: 29px;

}
.fs-16
{    font-size: 16px;
}
.mt7{
  margin-top: -9rem;
}
.about__item1 {
  padding: 55px 25px 50px 36px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  position: relative;
  background-color: #fff;
  border-bottom: 0px solid #ff5e14;
}
.text-right{
  text-align: right;

}
.img1{
  width: 73%;
  height: 82px;

}
.square-box {
  height: 12rem;
  background: #FFF;
  position: relative;
  padding: 23px 30px 22px;
border: 1px solid #c1c1c1;
cursor: pointer;
}
.square-box:hover{
  border: 1px solid #001940;
}

.box1-square {
  height: 14rem;
  background: #FFF;
  position: relative;
  padding: 23px 30px 22px;
border: 1px solid #c1c1c1;
cursor: pointer;
}
.box1-square:hover{
  border: 1px solid #001940;
}
.square-gray{
  background: #ebebeb;
    padding: 5px;
    border-radius: 18px;
}
.img2 {
  width: 66%;
    height: 70px;
}
.img11 {
  height: 24rem;
}
.img_11 {height: 14rem;}
.optical_store p {
  font-size: 15px;
  line-height: 28px;
  padding-right: 40px;
}
.flatimageIcon{
  width: 50px;
  height: 50px;
}
.pb-0 {
  padding-bottom: 0rem;

}
.width-38 {
  width: 38rem;
}
.box-align {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .blog1__item--wrapper.width-38 {
    width: 100%;
  }

  .blog1__item {
    flex-direction: column;
  }

  .blog1__item--thumb {
    width: 100%; 
    text-align: center;
    margin-bottom: 15px; 
  }
}
.img_6{ height: 6rem;}

.footer1__footprints {
  margin-left: 15px;
}

.margin-left {    margin-left: 3rem;
}
.white-space {
  white-space: nowrap;
}
.responsive-iframe-container {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.responsive-iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.img_17{
  height: 17rem;
}
.fs-50{
  font-size: 3.5rem;

}
.toc-ol li {
  counter-increment: step-counter;
  padding-left: 3rem;
  margin-bottom: 1.5rem;
  position: relative;
  font-size: .95rem;
  text-align: justify;
}

.toc-ol li:before {
  content: counter(step-counter);
  padding-right: 1em;
  border-right: 1px solid #ababab;
  height: 100%;
  position: absolute;
  top: 0rem;
  left: 0;
  color: #0d3e86;
  width: 2.2rem;
  text-align: right;
}
.toc-privecy li {
  padding-left: 3rem;
  margin-bottom: 1.5rem;
  position: relative;
  font-size: .95rem;
  text-align: justify;
}
.fs-23 {
      font-size: 23px;

}
.kioskcontent1{
  color: white;
  padding: 10px;
  font-size: 13px;
  background-color: #ff5e14;
  border-radius: 30px;
  width: 100%;
}
.kioskcontent2{
  color: white;
  padding: 10px;
  font-size: 13px;
  background-color: #ff5e14;
  border-radius: 30px;
  width: 57%;
}
.kioskcontent3{
  color: white;
  padding: 10px;
  font-size: 13px;
  background-color: #ff5e14;
  border-radius: 30px;
  width: 75%;
}
.fs-21 {
  font-size: 21px;
}
.about1___thumb img {
  width: 60px;
  height: 60px;
  z-index: 3;
  position: relative;
}
.features-container {
  display: flex;
  justify-content: space-between;
}

.features1__item {
  flex: 1;
  position: relative;
  padding-right: 20px;
}

.features1__thumb {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 100%;
  box-shadow: 0px 30px 40px 0px rgba(32, 85, 125, 0.1);
}

.height-4 {
  height: 4rem;
}

.height-2 {
  height: 2rem;
}

.features--text {
  padding-left: 81px;
  padding-top: 17px;
}

.fs-18 {
  font-size: 18px;
}
.marginleft-2 {
  margin-left: 2rem;
}
.fs-15 {
font-size: 15px;
}
.img_10 {
  height: 10rem;

}
.fs1-14{
  font-size: 14px;;
}
.fw-normal{
  font-weight: normal;
}
.kiosk-height {
  height: 37rem;

}
.mt-6 {
  margin-top: 6rem;

}
.square-blue {
  position: relative;
  background-color: #00235a2e;
}
.form-eight
{
  height: 27rem;

}
.fw-bold{
  font-weight: bold;
}
.bg-none {
  background: none;
}
.marginleft-7 {
  margin-left: 7rem;
}
.marginleft-6 {
  margin-left: 6rem;
}
.img_50 {
  width: 50%;
  height: auto;
}
.site___btn2 {
  display: inline-block;
  background: #00235a;
  padding: 19px 50px;
  font-size: 14px;
  font-weight: bold;
  font-family: "Poppins", sans-serif;
  text-transform: none;
  color: #fff;
  -webkit-box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.1);
          box-shadow: 0px 16px 32px 0px rgba(32, 85, 125, 0.1);
}

.site___btn2:hover {
  background: #fff;
  color: #00235a;
}
.radius {
  border-radius: 30px;
}
.blue-square {
  position: relative;
  background-color: #00235a0d;
}
.page__title__content h1 {
  font-size: 74px;
  text-transform: none;
  line-height: 1;
  letter-spacing: -3px;
  margin-left: 5rem;
  color: white;
  padding-bottom: 9%;

}
.fs-75 {
  font-size: 75px;
}

.overflow-x{
  overflow-x: hidden;
}
.height-23 {
  height: 23rem;

}
.color-orange {
    color: #ff5e14;
}

.spaced-span {
    line-height: 3;
}

.margin_left {
    margin-left: 26px;
}
.slider1__content {
    margin-top: 300px;
}
.fs-30{
    font-size:30px;
}
img.img-mobile {
  width: 18rem;
}
.row-header{
  margin-bottom: -30px;
}
.m-t-32{
  margin-top: -32px!important;
}
.m-b-2{
  margin-bottom: 2rem;
}
.text-footer-color{
  color: #aabcd8;
}
span.text-right {
    margin-right: 13px;
}
span.txt-left {
  margin-left: -2px;
}
.col-md-6.col-lg-3.ps-5 {
  padding-left: 7%;
}
.col-md-6.col-lg-4.ps-4 {
  margin-left: 42px;
}
.title_style1.text-center.m-b-2 {
  background-color: #ff5e14;
  color: #fff;
  padding: 12px;
}
.fs-20 {
  font-size: 20px;

}
.content_box_pob_37 {
  padding-bottom: 37px;
}
.text-orange {
  color: #ff7333;
}
.mb-9{
  margin-bottom: 9px;

}
.m-t-12{
margin-top: -12px;
}
.mb_2 {
  margin-bottom: -2.3rem !important;
}
.container.one-stop {
  max-width: 1100px;
}
.content_box_3-50 {
  padding-top: 3px;
  padding-bottom: 50px;
}
.m-b-4{
  margin-bottom: -4px!important;
}
/*======================================================Media Queries==================================================*/
/*======================================================Media Queries==================================================*/
@media (max-width: 767px) {
  .features2__item1 {
      height: auto;
  }
  .features2__item1 .container-fluid {
      padding: 15px;
  }
  .features2__thumb1 {
      display: none;
  }
  .features2__item1__wrapper {
      padding-top: 20px;
  }
  .kioskcontent1{
    color: white;
    padding: 10px;
    font-size: 13px;
    background-color: #ff5e14;
    border-radius: 30px;
    width: 95%;
  }
  .kioskcontent2{
    color: white;
    padding: 10px;
    font-size: 13px;
    background-color: #ff5e14;
    border-radius: 30px;
    width: 52%;
  }
  .kioskcontent3{
    color: white;
    padding: 10px;
    font-size: 13px;
    background-color: #ff5e14;
    border-radius: 30px;
    width: 70%;
  }
  .responsive-img {
      max-width: 100%;
      height: auto;
  }
  #revenue-heading br {
    display: none;
}
.spaced-span {
  line-height: 1;
}
.footer1__padding1 {
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
  text-align: center;
}
span.text-right {
  margin-right: 0;
}
span.txt-left {
margin-left: 0;
}
.page_title_fmcg {
  height: 15rem;
}
.page_title_food {
  
  height: 15rem;
}
.page_title_fashion {
 
  height: 15rem;
}
.page_title_optical {
 
  height: 15rem;
}
.page_title_electronics {
  
  height: 15rem;
}
}
@media only screen and (max-width: 991px) {
  .kioskcontent1{
    color: white;
    padding: 10px;
    font-size: 13px;
    background-color: #ff5e14;
    border-radius: 30px;
    width: 22.1rem;
  }
  .kioskcontent2{
    color: white;
    padding: 10px;
    font-size: 13px;
    background-color: #ff5e14;
    border-radius: 30px;
    width: 13rem
  }
  .kioskcontent3{
    color: white;
    padding: 10px;
    font-size: 13px;
    background-color: #ff5e14;
    border-radius: 30px;
    width: 17rem;
  }
  #revenue-heading br {
    display: none;
}
.spaced-span {
  line-height: 1;
}
.footer1__padding1 {
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
  text-align: center;
}
span.text-right {
  margin-right: 0;
}
span.txt-left {
margin-left: 0;
}
.page_title_fmcg {
  height: 15rem;
}
.page_title_food {
  
  height: 15rem;
}
.page_title_fashion {
 
  height: 15rem;
}
.page_title_optical {
 
  height: 15rem;
}
.page_title_electronics {
  
  height: 15rem;
}
.scrollToTop {
  bottom: 107px;
  right: 20px;
  height: 50px;
  width: 50px;
  line-height: 50px;
}
}

@media only screen and (max-width: 575px) {
  .kioskcontent1{
    color: white;
    padding: 10px;
    font-size: 13px;
    background-color: #ff5e14;
    border-radius: 30px;
    width: 22.1rem;
  }
  .kioskcontent2{
    color: white;
    padding: 10px;
    font-size: 13px;
    background-color: #ff5e14;
    border-radius: 30px;
    width: 13rem
  }
  .kioskcontent3{
    color: white;
    padding: 10px;
    font-size: 13px;
    background-color: #ff5e14;
    border-radius: 30px;
    width: 17rem;
  }
  #revenue-heading br {
    display: none;
}
.spaced-span {
  line-height: 1;
}
.footer1__padding1 {
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
  text-align: center;
}
span.text-right {
  margin-right: 0;
}
span.txt-left {
margin-left: 0;
}
.page_title_fmcg {
  height: 15rem;
}
.page_title_food {
  
  height: 15rem;
}
.page_title_fashion {
 
  height: 15rem;
}
.page_title_optical {
 
  height: 15rem;
}
.page_title_electronics {  
  height: 15rem;
}
.mobile-set-mt7{
  margin-top: -7rem;
  padding: 20px;
}
.scrollToTop {
  bottom: 107px;
  right: 20px;
  height: 50px;
  width: 50px;
  line-height: 50px;
}
}

/*======================================================End Media Queries==================================================*/
/*======================================================End Media Queries==================================================*/


/*==================================================
===| Style CSS End
===================================================*/