*{
    margin: 0;
    padding: 0;
}
body{
    font-family: "Crimson Text", serif;
        -moz-osx-font-smoothing: antialiased;
    overflow-x: hidden;
      
       
}
h1, h2, h3, h4, h5, h6{
    font-family: "Oswald", sans-serif;
}

@import url('../../../css2');
p{
    color: #606D75;
    font-family: "Crimson Text", serif;
    -moz-osx-font-smoothing: antialiased;
    font-size:17px;
}
:root {
  --clr-bg-header: #000;
  --clr-btn: #000;
  --clr-dropdown: #fff;
  --clr-nav-hover: #fff;
  --clr-dropdown-hov: #fff;
  --clr-dropdown-link-hov: #f9a836;
  --clr-light: #1f2732;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
ul {
  list-style: none;
}

a {
  text-decoration: none;
}
.header-box{
  position: fixed;
  width: 100%;
  background: #1f253080;
  z-index: 9;
  padding-top: 21px;
}
.logo_box img{
    width:191px;
    margin-top: -11px;
    height: 53px;
}
/*.active{*/
/*    color: #f9a836 !important;*/
/*}*/
.header-box .logo-container {
    width: 188px;
    float: left;
}

.header-box .nav-btn {
  flex: 3;
  /* display: flex; */
}

.header-box .nav-links {
  flex: 2;
}
.logo {
  
}

.header-box .logo span {
  font-weight: 300;
}
.header-box .nav-links > ul {
  display: flex;
  justify-content: end;
  align-items: center;
}

.header-box .nav-link {
  position: relative;
  opacity: 1 !important;
}
.header-box .nav-link:last-child{
  background: #f9a836;
  text-transform: uppercase;
  border-radius: 30px;
  padding: 0px 17px;
  transition: .5s;
}
.header-box .nav-link:last-child:hover{
  background: #fab95f;
}
.header-box .nav-link > a {
  line-height: 3rem;
  color: #fff;
  padding: 0 .8rem;
  letter-spacing: 1px;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: .5s;
  font-family: Segoe UI, Arial, sans-serif;
}

.header-box .nav-link > a > i {
  margin-left: .2rem;
}
.header-box .nav-link > a:hover{
  color: #f9a836;
}
.contact_bx{
  color:#fff !important;
}
/* .header-box .nav-link:hover > a {
  transform: scale(1.1);
} */

.header-box .dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 17rem;
  transform: translateY(10px);
  opacity: 0;
  pointer-events: none;
  transition: .5s;
}

.header-box .dropdown ul {
  position: relative;
  padding-left: 0;
}

.header-box .dropdown-link > a {
  display: flex;
  background-color: var(--clr-light);
  color: var(--clr-dropdown);
  padding: .5rem 1rem;
  font-size: .9rem;
  align-items: center;
  justify-content: space-between;
  transition: .3s;
  border-left: 3px solid #1f2732;
}

.header-box .dropdown-link:hover > a {
  border-left: 3px solid #f9a836;
  color:#f9a836;
}

.header-box .dropdown-link:not(:nth-last-child(2)) {
  border-bottom: 1px solid var(--clr-light);
}

.header-box .dropdown-link i {
  transform: rotate(-90deg);
}
.dropdown-link:first-child:hover ~ .arrow {
  background-color: var(--clr-dropdown);
}

.header-box .dropdown-link {
  position: relative;
}

.header-box .dropdown.second {
  top: 0;
  left: 100%;
  padding-left: 0;
  cursor: pointer;
  transform: translateX(10px);
}

.header-box .dropdown.second .arrow {
  top: 10px;
  left: -5.5px;
}

.header-box .nav-link:hover > .dropdown,
.header-box .dropdown-link:hover>.dropdown {
  transform: translate(0, 0);
  opacity: 1;
  pointer-events: auto;
}
.header-box #check {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%);
  width: 2.5rem;
  height: 2.5rem;
  z-index: 90000;
  cursor: pointer;
  opacity: 0;
  display: none;
}

.header-box #check:checked ~ .hamburger-menu-container .hamburger-menu div {
  background-color: transparent;
}

.header-box #check:checked ~ .hamburger-menu-container .hamburger-menu div:before {
  transform: translateY(0) rotate(-45deg);
}

.header-box #check:checked ~ .hamburger-menu-container .hamburger-menu div:after {
  transform: translateY(0) rotate(45deg);
}

@keyframes animation {
  from {
    opacity: 0;
    transform: translateY(15px);
  }

  to {
    opacity: 1;
    transform: translateY(0px);
  }
}

@media (max-width: 920px) {
  .header-box #check {
    display: block;
  }

  .header-box .nav-btn {
    position: fixed;
    height: calc(100vh - 3rem);
    top: 3rem;
    left: 0;
    width: 100%;
    background-color: var(--clr-btn);
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    overflow-x: hidden;
    overflow-y: auto;
    transform: translateX(100%);
    transition: .65s;
  }

  .header-box #check:checked ~ .nav-btn {
    transform: translateX(0);
  }

  .header-box #check:checked ~ .nav-btn .nav-link,
  #check:checked ~ .nav-btn .log-sign {
    animation: animation .5s ease forwards var(--i);
  }

  .header-box .nav-links {
    flex: initial;
    width: 100%;
  }

  .header-box .nav-links > ul {
    flex-direction: column;
  }

  .header-box .nav-link {
    width: 100%;
    opacity: 0;
    transform: translateY(15px);
  }

  .header-box .nav-link > a {
    line-height: 1;
    padding: 1.6rem 2rem;
  }

  .header-box .nav-link:hover > a {
    transform: scale(1);
    background-color: var(--clr-nav-hover);
  }

  .header-box .dropdown,
  .header-box .dropdown.second {
    position: initial;
    top: initial;
    left: initial;
    transform: initial;
    opacity: 1;
    pointer-events: auto;
    width: 100%;
    padding: 0;
    background-color: var(--clr-dropdown-hov);
    display: none;
  }

  .header-box .nav-link:hover > .dropdown,
  .header-box .dropdown-link:hover>.dropdown {
    display: block;
  }

  .header-box .nav-link:hover > a > i,
  .header-box .dropdown-link:hover>a>i {
    transform: rotate(360deg);
  }

  .header-box .dropdown-link > a {
    background-color: transparent;
    color: var(--clr-light);
    padding: 1.2rem 2rem;
    line-height: 1;
  }

  .header-box .dropdown.second .dropdown-link > a {
    padding: 1.2rem 2rem 1.2rem 3rem;
  }

  .header-box .dropdown.second .dropdown.second .dropdown-link > a {
    padding: 1.2rem 2rem 1.2rem 4rem;
  }

  .header-box .dropdown-link:not(:nth-last-child(2)) {
    border-bottom: none;
  }
  .header-box .nav-link:hover .arrow {
    background-color: var(--clr-nav-hover);
  }
  .header-box .dropdown-link:hover > a {
    background-color: var(--clr-dropdown-link-hov);
  }
  .header-box .nav-link > a > i {
    font-size: 1.1rem;
    transform: rotate(-90deg);
    transition: .7s;
  }

  .header-box .dropdown i {
    font-size: 1rem;
    transition: .7s;
  }
}

/* home page css */
.bg-video-box{
  position: relative;
}
.video-overley{
  position: absolute;
  width:100%;
  height: 92.3vh;
  background-image: radial-gradient(at center center, #0D1B2A 40%, #111117 100%);
    opacity: 0.7;
}
.bg-video-box video{
  width: 100%;
  object-fit: cover;
  height: 92.3vh;
}
/* home page css */

/* zoom css */
.zoom-box{
  position: absolute;
  top:17%;
  width: 100%;
  height: 451px;
  overflow: hidden;
}
.zoom-box h2{
  width: 50%;
  font-size: 4.5rem;
  font-weight: 700;
  color: #F1F1F1;
  margin: auto;
  margin-bottom: 31px;
}
.zoom-box p{
  font-size: 1.5rem;
  font-weight: 400;
  color: #8F93A5;
  width: 771px;
  margin: auto
}
.zoom-btn{
  margin-top: 51px;
}
.zoom-btn .get_started{
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
  border: 2px solid #f9a836;
  background: #f9a836;
  padding: 7px 17px;
  border-radius: 30px;
  margin-right: 23px;
  transition: .5s;
}
.zoom-btn .get_started:hover{
  background: #fab95f;
}
.zoom-btn .talk_expert{
  font-size: 1rem;
  font-weight: 500;
  color: #BEC1CE;
  border: 2px solid #f9a836;
  background: #0000;
  padding: 7px 17px;
  border-radius: 30px;
  transition:.5s;
  margin:0px 11px;
}
.zoom-btn .talk_expert:hover{
    background:#f9a836 !important;
    color:#fff;
}
/* /zoom css */

/* .bg-home{
  height: 100vh;
}
.bg-inner-home{
  position: sticky;
  position: -webkit-sticky;
  top:110px;
  width: 100%;
  height: 700px;
  overflow-y: auto;
  background-image: url('../../../assets/images/nexgen-background.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
} */
.bg-inner-home::-webkit-scrollbar
{
	width: 0px;
}
.dot-img{
  position: relative;
  text-align: center;
}
.dot-img img{
  position: absolute;
  top: 0px;
  height: 51px;
  left: 50%;
  transform: translate(-50%, -33px);
  opacity: .7;
  z-index: 3;
}
.bg-body-box{
  width:100%
}
/*.bg-home-about{*/
/*  padding:50px 0px 0px 0px;*/
/*}*/
.pre-title{
  font-size: 0.9rem;
  font-weight: 600;
  color: #F9A836;
  text-transform: uppercase;
}
.heading{
  font-size: 3rem;
  font-weight: 800;
  color: #21333E;
  font-family: Segoe UI;
  /*margin-top: 31px;*/
  font-family: "Oswald", sans-serif;
}
/*.bg-about-inner p{*/
/*  font-size: 16.5px;*/
/*  color: #606D75;*/
/*  letter-spacing: .3px;*/
/*  -webkit-text-stroke: .1px;*/
/*}*/

.parallax {
  background-image: url("../../../assets/images/nexgen-background.png");
  min-height: 3100px; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bg-body-box{
  position: absolute;
  width: 100%;
  margin-top: -3100px;
}
.alert-success{
    position: absolute;
    width: 80%;
    margin-top: -69px;
    height: 51px;
}
.alert-danger{
    position: absolute;
    width: 80%;
    margin-top: -69px;
    height: 51px;
}
.ul_service_inner{
  padding-left: 0;
  padding-top: 17px;
}
.ul_service_inner li{
  width:49%;
  float: left;
  padding-left: 7px;
  height: 71px;
}
.ul_service_inner li a{
  color: #5b5c5d;
  font-family: Inter, sans-serif;
  font-size: 17px;
  display: inline-block;
  padding: 7px 0px;
  transition: .5s;
}
.ul_service_inner li a:hover{
  color: #F9A836 !important;
}
.service_icon_bx{
  width: 41px;
  height: 41px;
  background: #F9A836;
  border-radius: 50%;
  text-align: center;
  position: relative;
  float: left;
  margin-right: 7px;
  transition: .5s;
}
.ul_service_inner span{
  position: relative;
  top: 9px;
  color: #606D75;
}
.service_icon_bx i{
  position: absolute;
  color:#fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: .5s;
}
.ul_service_inner li a:hover .service_icon_bx{
  background: #F9A836;
}
.ul_service_inner li a:hover .service_icon_bx i{
  color:#fff;
}
.home-servie-inner-img{
  margin-top: 17px;
  transition: .5s;
  position: relative;
}
.home-servie-inner-img img{
  width: 100%;
  height: 571px;
  border-radius: 10px;
  transition: .5s;
  position: relative;
}
.home-service-orverly{
  position: absolute;
  background: #fdddb15c;
  width: 100%;
  height: 571px;
  z-index: 5;
  border-radius: 10px;
  box-shadow: 0 14px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%);
  transition: .5s;
  display: none;
}
.home-servie-inner-img:hover .home-service-orverly{
  display: block;
  position: absolute;
  background: #fdddb15c;
  width: 100%;
  height: 571px;
  z-index: 5;
  border-radius: 10px;
  box-shadow: 0 14px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%);
  transition: .5s;
}
.bg-our-business{
  background: #1e2631;
  padding:98px 0px 71px 0px;
}
.bg-our-business h2{
  color:#fff;
}
.bg-our-business p{
  color:#ccc;
  font-size: 16px;
  margin-top: 27px;
  margin-bottom: 31px;
}
.see_all{
  text-align: right;
  padding-top: 101px;
}
.see_all button{
  border: 2px solid #F9A836;
  background: 0;
  color: #ccc;
  padding: 5px 21px;
  border-radius: 30px;
  transition: .5s;
}
.see_all button:hover{
  color:#fff;
}
.card-pulse-box{
  background: #232c37;
  padding:31px;
  border-radius: 10px;
  transition: .5s;
  margin-bottom: 27px;
}
.card-pulse-box:hover{
  transform: translateY(-10px);
}
.pulse-icon i{
  color:#F9A836;
  font-size: 43px;
}
.pulse-icon span{
  font-size: 31px;
  float: right;
}
/* .pulse_bx{
  margin-right: 40px;
} */
.card-pulse-box:hover .arrow_pulse {
  background: #F9A836;
  position: relative;
  display: inline-block;
  width: 43px;
  height: 43px;
  padding: 0px;
  text-decoration: none;
  border-radius: 50%;
  animation-name: pulse;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}
.arrow_pulse i{
  position: relative;
  font-size: 23px;
  padding-left: 11px;
  top: -3.5px;
}
.card-pulse-box:hover .arrow_pulse i{
  color:#fff;
}
@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(249, 168, 54, 0.5);
	}
	80% {
		box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
	}
}
.card-pulse-box h4{
  font-size: 27px;
  margin-top: 21px;
  color:#fff;
  position: relative;
  font-weight:500;
}
.card-pulse-box p{
  font-size: 16px;
  margin-top: 27px;
  margin-bottom: 0;
}
.bg-atract-costumer{
  padding:71px 0px;
  background: 0;
}
.customer-img img{
  width: 100%;
  border-radius: 10px;
  height: 551px;
}
.customer-box-dtl{
  padding-top: 91px;
  padding-left: 21px;
}
.customer-box-dtl p{
  padding-top: 21px;
  font-size: 16px;
  margin-bottom: 0;
}
.view_btn_prtfolio button{
  background: #fff;
  color: #000;
  border: 2px solid #F9A836;
  padding: 6px 21px;
  border-radius: 30px;
  margin-top: 21px;
  font-size: 17px;
  transition: .5s;
}
.view_btn_prtfolio button:hover{
  background: #F9A836;
  color:#fff;
}
.bg-home-contact-form{
  padding-top: 13px;
}
.home-contact-form p{
  color: #606D75;
  padding-top: 21px;
  font-size: 16px;
}
.contact-form-inner-box input{
  background: #e4e5eb;
  border: 0;
  padding: 14px 13px;
  width: 100%;
  border-radius: 5px;
  outline:none;
  margin-bottom: 19px;
}
.contact-form-inner-box input::placeholder{
  color: #606D75;
  font-size:16px;
}
.contact-form-inner-box textarea{
  background: #e4e5eb;
  border: 0;
  padding: 10px;
  width: 100%;
  height: 131px;
  border-radius: 5px;
  outline:none;
}
.contact-form-inner-box textarea::placeholder{
  color: #606D75;
  font-size:16px;
}
.contact-form-inner-box select{
  background: #e4e5eb;
  border: 0;
  padding: 14px 13px;
  width: 100%;
  border-radius: 5px;
  outline:none;
  margin-bottom: 19px;
  color: #606D75;
  font-size:16px;
}
.contact-form-inner-box select option{
  color: #606D75;
  font-size:16px;
}
.contact-form-inner-box button{
  background: #fff;
  color: #000;
  border: 2px solid #9f6c00;
  padding: 6px 21px;
  border-radius: 30px;
  margin-top: 21px;
  font-size: 17px;
  transition: .5s;
}
.contact-form-inner-box button:hover{
  background: #9f6c00;
  color:#fff;
}
.bf-footer{
  background: #1f2732;
  padding:27px 0px;
}
.footer-box{
  background: #242c37;
  padding:20px;
  border-radius: 10px;
  transition: .5s;;
}
.footer-box:hover{
  transform: translateY(-10px);
}
.footer-heading{
  font-size: 23px;
  color:#fff;
  padding: 9px 0px;
}
.ul_box{
  padding-left: 0;
}
.ul_box li a{
  color: #ccc;
  font-size: 16px;
  display: block;
  padding: 2px 0px;
  transition: .5s;
}
.ul_box li a:hover{
  color:#F9A836;
}
.footer-box-dtl{
  padding-top: 13px;
}
.footer-box-dtl p{
  font-size: 16px;
  color:#ccc;
}
.ul-social-icon{
  padding-left: 0;
}
.ul-social-icon li{
  float: left;
  margin-right: 13px;
}
.ul-social-icon li a{
  color:#ccc;
  font-size: 17px;
  transition: .5s;
}

.ul-social-icon li a i{
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #fff;
    text-align: center;
    border-radius: 50%;
    color: #F9A836;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.ul-social-icon li:hover a i{
  color: #ffffff;
    background-color: #F9A836;
    -webkit-animation: heartBeat 1000ms infinite linear;
    animation: heartBeat 1000ms infinite linear;
    animation-name: bounce;
}
@keyframes bounce {
	0%, 100%, 20%, 50%, 80% {
		transform:scale(1.1)
	}
	40% {
		transform:scale(1.2)
	}
	60% {
		transform:scale(1.5)
	}
}
.bg-fooer-bottom{
  background: #fff;
  padding:15px 0px;
  
}
.footer-bottom-lft a{
  font-size: 14px;
  color:#fff;
  line-height: 51px;
}
.footer-bottom-rgt li{
  float:right;
  margin-left: 58px;
}
.footer-bottom-rgt a{
  font-size: 14px;
  color:#fff;
  line-height: 23px;
}

/* service page css */
.service-top-banner-box{
  background: #000;
  height: 317px;
  position:relative;
}
.service-top-banner-box video{
  position: relative;
  width: 100%;
  object-fit: cover;
  height: 317px;
}
.video-overley1{
  position: absolute;
  width: 100%;
  height: 317px;
  background: #111117;
  opacity: 0.7;
  z-index: 3;
}
.service-bredcums{
  position: absolute;
  top: 97px;
  width: 100%;
  text-align: center;
  z-index: 4;
}
.service-heading{
  font-family: "Oswald", sans-serif;
  font-size: 4.5rem;
  font-weight: 900;
  line-height: 1.2;
  color:#fff;
}
.ul-service{
  display: flex;
  justify-content: center;
  gap: 2%;
  margin-top: 25px;
}
.ul-service li{
  color:#9f6c00;
  font-size: 16px;
}
.ul-service li a{
  color:#ccc;
  font-size: 16px;
}
.bg-service-box{
  padding:51px 0px;
  /*padding-bottom: 0;*/
}
.service-inner-box-lft h2{
  font-size: 3rem;
  color:#21333e;
  font-weight: 750;
  margin-bottom: 10px;
  /*margin-top: 23px;*/
}
/*.service-inner-box-lft h2 span{*/
/*  display: inline-block;*/
/*  background: #fddaaa;*/
/*  color: #f9a836;*/
/*  padding: 5px 17px 13px 17px;*/
/*  margin-top: 13px;*/
/*}*/
.service-inner-box-lft h3{
  font-size: 1.5rem;
  color:#000;
  font-weight: 700;
  margin-top: 27px;
  margin-bottom: 21px;
}
/*.service-inner-box-lft p{*/
/*  color: #606d75;*/
  /* font-family: Inter, sans-serif; */
/*  font-size: 16.5px;*/
/*  line-height: 1.5;*/
/*  font-family: Segoe UI, Arial, sans-serif;*/
/*  letter-spacing: .3px;*/
/*  -webkit-text-stroke: .1px;*/
/*  text-align: justify;*/
/*}*/
.service-inner-box-rgt{
  background: #eaebf0;
  padding:20px;
  border-radius: 10px;
  margin-top: 45px;
}
.service-inner-box-rgt:hover .arrow_pulse {
  background: #F9A836;
  position: relative;
  display: inline-block;
  width: 43px;
  height: 43px;
  padding: 0px;
  text-decoration: none;
  border-radius: 50%;
  animation-name: pulse;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}
.arrow_pulse i{
  position: relative;
  font-size: 23px;
  padding-left: 11px;
  top: -3.5px;
}
.service-inner-box-rgt:hover .arrow_pulse i{
  color:#fff;
}
@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(249, 168, 54, 0.5);
	}
	80% {
		box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
	}
}
/*.heading h4{*/
/*  font-size: 1.5rem;*/
/*  color: #21333E;*/
/*  font-weight: 700;*/
/*  margin: 2rem 0;*/
/*}*/
.service_ul ul{
  position: relative;
  padding-left: 0;
}
.service_ul ul li a::after{
    position: absolute;
    content: '\2713';
    color: #f9a836;
    right: 0;
    font-size: 23px;
    font-weight: bold;
}
.service_ul i{
  position: absolute;
  right: 134px;
  color: #F9A836;
  font-size: 23px;
  margin-top: 9px;
}
.service_ul li a{
  display: inline-block;
  color: #606d75;
  font-size: 16px;
  padding: 7px 0px;
  font-family: Segoe UI, Arial, sans-serif;
  letter-spacing: .3px;
  -webkit-text-stroke: .1px;
}

.service_parallax {
  /* The image used */
  background-image: url("../../../assets/images/nexgen-background.png");

  /* Full height */
  height: 551px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bg-get-in-tuch{
  position: absolute;
  margin-top: -563px;
  width: 100%;
}
.get-tuch-rgt{
    margin-top: 133px;
}
.get-tuch-rgt h2{
  font-size: 1.5rem;
  font-weight: 700;
  color: #21333E;
  margin: 0rem 0rem 1.5rem 0rem;
}
.get-in-tuch p{
  font-size: 16px;
  color: #606D75;
}
.gettuch_ul{
  padding-left: 0;
  margin-top: 21px;

}
.gettuch_ul li{
  display: block;
  padding: 13px 0px;
}
.gettuch_ul li span{
  display: block;
  width: 37px;
  height: 37px;
  border-radius: 50%;
  background: #9f6c002b;
  float: left;
  position: relative;
  margin-right: 7px;
  transition: .5s;
}
.gettuch_ul li span i{
  color: #9f6c00;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: .5s;
}
.gettuch_ul li a{
  color: #1f2732;
  font-size: 16px;
  transition: .5s;
}
.gettuch_ul li a:hover{
  color: #9f6c00;
}
.gettuch_ul li a:hover span{
  background: #9f6c00;
}
.gettuch_ul li a:hover i{
  color: #fff;
}
.view_map button{
  color: #000;
  background-color: #fff;
  border:2px solid #9f6c00;
  padding: 9px 21px 5px 21px;
  border-radius: 30px;
  font-size: 17px;
  transition:.5s;
}
.view_map button:hover{
    background:#9f6c00;
    color:#fff;
}
/* /service page css */

/* about css */
.top-banner-img img{
  width:100%;
  height: 317px;
}
.about_img img{
  margin-top: 5px;
}
.about-rgt{
  background: #F9A836;
  padding: 20px;
  border-radius: 5px;
  position: relative;
}
.about-rgt h4{
  font-size: 23px;
  color:#fff;
  margin-bottom: 21px;
}
.about-rgt p{
  font-size: 16px;
  color:#f1f1f1;
}
.about-rgt i{
  position: absolute;
  right: 20px;
  font-size: 27px;
  bottom: 23px;
  color: #5d5959;
}
.about-box h3{
  font-size: 27px;
  font-weight: 700;
  margin-bottom: 17px;
}
.about-box h4{
  font-size: 23px;
  font-weight: 700;
  margin-bottom: 17px;
}
.about-box p{
  font-size: 16px;
}
.about_parallax {
  /* The image used */
  /*background-image: url("/assets/images/bg-1.jpg");*/

  /* Full height */
  height: 500px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.about_overley{
  position: absolute;
  height: 511px;
  top:0;
  background-color: transparent;
  /*background-image: linear-gradient(90deg, #111117 0%, #0D1B2A 100%);*/
  opacity: 0.7;
  z-index: 2;
  width: 100%;
}
.about_parallax1{
  position: absolute;
    width: 100%;
    margin-top: -500px;
    padding: 50px 0px 50px 0px;
    z-index: 3;
    background-color: #eff3f6;
}
.impression h2{
    font-size: 46px;
    font-weight: 700;
    line-height: 1.208;
    text-transform: uppercase;
}
.txt_cntr h2{
  font-size: 3rem;
  color:#fff;
  font-weight: 700;
  margin:21px 0px 27px 0px
}
.txt_cntr p{
  font-size: 16px;
  color:#BEC1CE;
}
.bg-counter-box{
  margin-top: 37px;
}
.counter-box{
  text-align: center;
}
.counter-box .count{
  font-weight: 800;
  color: #EC992E;
  width: 100%;
  font-size: 2.5rem;
}
.counter-box .count1{
  font-weight: 800;
  color: #EC992E;
  width: 100%;
  font-size: 2.5rem;
}
.counter-box p{
  font-size: 16px;
  color:#BEC1CE;
}
.abt-img img{
  margin-top: 56px;
}
.about-network{
  margin-top: 31px;
}
.about-network h4{
  font-size: 1.5rem;
  font-weight: 700;
  color: #21333E;
  margin-bottom: 13px;
  cursor: pointer;
}
.about-network p{
  font-size: 16px;
  color:#606D75;
  margin-bottom: 0;
}
.about-network i{
  color:#F9A836;
}
/* /about css */

/* blogs css */
.bg-blogs{
  padding: 13px 0px;
  padding-bottom:41px;
}
.blog-box{
  text-align: center;
}
.blog-box h3{
  font-size: 2.5rem;
  color: #111d2d;
  font-weight: 700;
  margin: 23px 0;
}
.blog-tab-box .react-tabs__tab-list{
  border-bottom: 0 !important;
  text-align: center;
}
.blog-tab-box .react-tabs__tab{
  color: #606d75;
  font-size: 16px;
  font-weight: 600;
}
.blog-tab-box .react-tabs__tab--selected{
  background: #fddaaa;
  color: #f9a836;
  border-color: #fff;
  border-radius: 5px;
  font-weight: 700;
}
.blog-img-box{
  position: relative;
  margin-top: 31px;
}
.blog-img-box img{
  width:100%;
  height: 351px;
  /*border-radius: 10px;*/
  /*border:1px solid #f1f1f1;*/
}
.blog-overley{
  position: absolute;
  width: 100%;
  height: 133px;
  margin-top: -351px;
  transition: .5s;
  bottom: 0;
  padding-bottom: 31px; 
  overflow: hidden;
  border-radius: 10px;
}
.blog-img-box:hover .blog-overley{
  height: 351px;
  background: #0005;
}
.blog-overley h2{
  width: 100%;
  position: absolute;
  top:50%;
  left: 50%;
  font-size: 23px;
  text-align: center;
  color:#fff;
  height: 61px;
  overflow: hidden;
  padding: 0px 31px;
  transform: translate(-50%, -30%);
}
.blog-img-box:hover .blog-overley h2{
  height: auto;
}
.blog_tab_box{
    border-bottom: 0;
    justify-content: center;
}
.blog_tab_box .nav-item.show .nav-link, .blog_tab_box .nav-link.active{
    border:0;
    background: #fddaaa;
    color: #f9a836;
    border-radius:5px;
    font-weight:700;
    font-size:17px;
}
.blog_tab_box .nav-link:focus, .blog_tab_box .nav-link{
    border:0;
    color:#606d75;
    font-weight:600;
    font-size:16px;
    font-family: Segoe UI, Arial, sans-serif;
    text-transform: uppercase;
}
.blog_tab_box .nav-link:focus, .blog_tab_box .nav-link:hover{
    border:0;
    color:#606d75;
}
/* blogs css */

/* blog detail css */
.blog-top-banner-box {
  background: #000;
  height: 551px;
}
.blog-overley1 {
  position: absolute;
  width: 100%;
  height: 551px;
  background: #111117;
  opacity: 0.7;
  z-index: 3;
}
.blog-banner-img img {
  width: 100%;
  height: 551px;
}
.service-bredcums {
  position: absolute;
  width: 100%;
  text-align: center;
  z-index: 4;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.blog-heading {
  font-family: Poppins, sans-serif;
  font-size: 4.5rem;
  font-weight: 900;
  line-height: 1.2;
  color: #fff;
}
.ul_blog_dtail li:last-child{
  white-space: nowrap; 
  width: 171px; 
  overflow: hidden;
  text-overflow: ellipsis; 
}
.bg-blog-dtail{
  padding-top: 91px;
}
.blog-detail-box p{
  font-size: 16px;
  color: #606D75;
}
/* /blog detail css */

/* testimonial css */
.bg-testimonial {
    padding: 71px 0;
    background: #eef4ed;
}
.testimonial-heading h3 {
    font-size: 3rem;
    font-weight: 800;
    color: #21333e;
    font-family: Segoe UI;
    margin-bottom: 31px;
    text-align: center;
}
.testimonial-box {
    width: 100%;
    background: #fff;
    padding:30px;
}
.testimonial-box h3{
    font-size: 21px;
    color: #192f3d;
    font-weight: 700;
    margin-bottom: 21px;
}
.testimonial-box h3 span{
    display:block;
}
.testimonial-box p{
    font-size: 16px;
    color: #606d75;
    font-family: Poppins, sans-serif;
}
.testimonial-box p i {
    position: absolute;
    right: 53px;
    margin-top: 21px;
    font-size: 24px;
}
.swiper-button-next, .swiper-button-prev{
    height:23px;
}
/* testimonial css */

/* portfolio css */
.portfolio_nav{
    justify-content: center;
}
.portfolio_nav .nav-link.active, .portfolio_nav .show>.nav-link{
    background: #fddaaa;
    color: #f9a836;
    font-size:16px;
}
.portfolio_nav .nav-link{
    color: #606d75 !important;
    font-size: 16px;
    font-weight: 600;
}
/* /portfolio css */



/* whatsapp css */
#clbh_phone_div{
  position: fixed; 
  bottom: -30px; 
  right: -35px; 
  z-index: 80;
}

.cbh-phone {
  position: fixed;
  right: 10px;
  bottom: 10px;
  visibility: hidden;
  background-color: transparent;
  width: 200px;
  height: 200px;
  cursor: pointer;
  z-index: 99;
  /* -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0); */
  -webkit-transition: visibility 0.5s;
  -moz-transition: visibility 0.5s;
  -o-transition: visibility 0.5s;
  transition: visibility 0.5s;
}

.cbh-phone {
  position: fixed;
  right: 10px;
  bottom: 10px;
  visibility: hidden;
  background-color: transparent;
  width: 200px;
  height: 200px;
  cursor: pointer;
  z-index: 99;
  /* -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0); */
  -webkit-transition: visibility 0.5s;
  -moz-transition: visibility 0.5s;
  -o-transition: visibility 0.5s;
  transition: visibility 0.5s;
}

#kmacb {
  position: fixed;
  display: none;
  background-color: transparent;
  width: 160px;
  height: 160px;
  z-index: 200000 !important;
  /* -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0); */
  -webkit-transition: visibility 0.5s;
  -moz-transition: visibility 0.5s;
  -o-transition: visibility 0.5s;
  transition: visibility 0.5s;
  right: 15px;
  bottom: 15px;
}

.cbh-phone {
  position: fixed;
  right: -50px;
  bottom: -55px;
  visibility: hidden;
  background-color: transparent;
  width: 200px;
  height: 200px;
  cursor: pointer;
  z-index: 99;
  /* -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0); */
  -webkit-transition: visibility 0.5s;
  -moz-transition: visibility 0.5s;
  -o-transition: visibility 0.5s;
  transition: visibility 0.5s;
}
.cbh-phone.cbh-show {
  visibility: visible;
}
@-webkit-keyframes fadeInRight {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
  }
  100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
  }
}
@keyframes fadeInRight {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      -ms-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
  }
  100% {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
  }
}
/* @-webkit-keyframes fadeInRightBig {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(2000px, 0, 0);
      transform: translate3d(2000px, 0, 0);
  }
  100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
  }
} */
@-webkit-keyframes fadeOutRight {
  0% {
      opacity: 1;
  }
  100% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
      opacity: 1;
  }
  100% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      -ms-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
.cbh-phone.cbh-static1 {
  opacity: 0.6;
}
.cbh-phone.cbh-hover1 {
  opacity: 1;
}
.cbh-ph-circle {
  width: 110px;
  height: 110px;
  top: 40px;
  left: 40px;
  position: absolute;
  background-color: transparent;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid rgba(30, 30, 30, 0.4);
  opacity: 0.1;
  -webkit-animation: cbh-circle-anim 1.2s infinite ease-in-out;
  -moz-animation: cbh-circle-anim 1.2s infinite ease-in-out;
  -ms-animation: cbh-circle-anim 1.2s infinite ease-in-out;
  -o-animation: cbh-circle-anim 1.2s infinite ease-in-out;
  animation: cbh-circle-anim 1.2s infinite ease-in-out;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.cbh-phone.cbh-active .cbh-ph-circle1 {
  -webkit-animation: cbh-circle-anim 1.1s infinite ease-in-out !important;
  -moz-animation: cbh-circle-anim 1.1s infinite ease-in-out !important;
  -ms-animation: cbh-circle-anim 1.1s infinite ease-in-out !important;
  -o-animation: cbh-circle-anim 1.1s infinite ease-in-out !important;
  animation: cbh-circle-anim 1.1s infinite ease-in-out !important;
}
.cbh-phone.cbh-static .cbh-ph-circle {
  -webkit-animation: cbh-circle-anim 2.2s infinite ease-in-out !important;
  -moz-animation: cbh-circle-anim 2.2s infinite ease-in-out !important;
  -ms-animation: cbh-circle-anim 2.2s infinite ease-in-out !important;
  -o-animation: cbh-circle-anim 2.2s infinite ease-in-out !important;
  animation: cbh-circle-anim 2.2s infinite ease-in-out !important;
}
.cbh-phone.cbh-hover .cbh-ph-circle {
  border-color: rgba(0, 175, 242, 1);
  opacity: 0.5;
}
.cbh-phone.cbh-green.cbh-hover .cbh-ph-circle {
  border-color: rgba(117, 235, 80, 1);
  opacity: 0.5;
}
.cbh-phone.cbh-green .cbh-ph-circle {
  border-color: rgba(0, 175, 242, 1);
  opacity: 0.5;
}
.cbh-phone.cbh-gray.cbh-hover .cbh-ph-circle {
  border-color: rgba(204, 204, 204, 1);
  opacity: 0.5;
}
.cbh-phone.cbh-gray .cbh-ph-circle {
  border-color: rgba(117, 235, 80, 1);
  opacity: 0.5;
}
.cbh-ph-circle-fill {
  width: 74px;
  height: 74px;
  top: 58px;
  left: 58px;
  position: absolute;
  background-color: #000;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid transparent;
  opacity: 0.1;
  -webkit-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
  -moz-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
  -ms-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
  -o-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
  animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.cbh-phone.cbh-active .cbh-ph-circle-fill {
  -webkit-animation: cbh-circle-fill-anim 1.7s infinite ease-in-out !important;
  -moz-animation: cbh-circle-fill-anim 1.7s infinite ease-in-out !important;
  -ms-animation: cbh-circle-fill-anim 1.7s infinite ease-in-out !important;
  -o-animation: cbh-circle-fill-anim 1.7s infinite ease-in-out !important;
  animation: cbh-circle-fill-anim 1.7s infinite ease-in-out !important;
}
.cbh-phone.cbh-static .cbh-ph-circle-fill {
  -webkit-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out !important;
  -moz-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out !important;
  -ms-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out !important;
  -o-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out !important;
  animation: cbh-circle-fill-anim 2.3s infinite ease-in-out !important;
  opacity: 0 !important;
}
.cbh-phone.cbh-hover .cbh-ph-circle-fill {
  background-color: rgba(0, 175, 242, 0.5);
  opacity: 0.75 !important;
}
.cbh-phone.cbh-green.cbh-hover .cbh-ph-circle-fill {
  background-color: rgba(117, 235, 80, 0.5);
  opacity: 0.75 !important;
}
.cbh-phone.cbh-green .cbh-ph-circle-fill {
  background-color: rgba(0, 175, 242, 0.5);
  opacity: 0.75 !important;
}
.cbh-phone.cbh-gray.cbh-hover .cbh-ph-circle-fill {
  background-color: rgba(204, 204, 204, 0.5);
  opacity: 0.75 !important;
}
.cbh-phone.cbh-gray .cbh-ph-circle-fill {
  background-color: rgba(117, 235, 80, 0.5);
  opacity: 1 !important;
}
.cbh-ph-img-circle1 {
  width: 50px;
  height: 50px;
  top: 70px;
  left: 70px;
  position: absolute;
  background-size: 40px 40px;
  background-color: rgba(30, 30, 30, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid transparent;
  opacity: 1;
  -webkit-animation: cbh-circle-img-anim 1s infinite ease-in-out;
  -moz-animation: cbh-circle-img-anim 1s infinite ease-in-out;
  -ms-animation: cbh-circle-img-anim 1s infinite ease-in-out;
  -o-animation: cbh-circle-img-anim 1s infinite ease-in-out;
  animation: cbh-circle-img-anim 1s infinite ease-in-out;
}
.cbh-phone.cbh-active .cbh-ph-img-circle1 {
  -webkit-animation: cbh-circle-img-anim 1s infinite ease-in-out !important;
  -moz-animation: cbh-circle-img-anim 1s infinite ease-in-out !important;
  -ms-animation: cbh-circle-img-anim 1s infinite ease-in-out !important;
  -o-animation: cbh-circle-img-anim 1s infinite ease-in-out !important;
  animation: cbh-circle-img-anim 1s infinite ease-in-out !important;
}
.cbh-phone.cbh-static .cbh-ph-img-circle1 {
  -webkit-animation: cbh-circle-img-anim 0s infinite ease-in-out !important;
  -moz-animation: cbh-circle-img-anim 0s infinite ease-in-out !important;
  -ms-animation: cbh-circle-img-anim 0s infinite ease-in-out !important;
  -o-animation: cbh-circle-img-anim 0s infinite ease-in-out !important;
  animation: cbh-circle-img-anim 0s infinite ease-in-out !important;
}
.cbh-phone.cbh-hover .cbh-ph-img-circle1 {
  background-color: rgba(0, 175, 242, 1);
}
.cbh-phone.cbh-green.cbh-hover .cbh-ph-img-circle1:hover {
  background-color: rgba(117, 235, 80, 1);
}
.cbh-phone.cbh-green .cbh-ph-img-circle1 {
  background-color: rgba(0, 175, 242, 1);
}
.cbh-phone.cbh-green .cbh-ph-img-circle1 {
  background-color: rgba(0, 175, 242, 1);
}
.cbh-phone.cbh-gray.cbh-hover .cbh-ph-img-circle1 {
  background-color: rgba(204, 204, 204, 1);
}
.cbh-phone.cbh-gray .cbh-ph-img-circle1 {
  background-color: rgba(117, 235, 80, 1);
}
@-moz-keyframes cbh-circle-anim {
  0% {
      -moz-transform: rotate(0deg) scale(0.5) skew(1deg);
      opacity: 0.1;
      -moz-opacity: 0.1;
      -webkit-opacity: 0.1;
      -o-opacity: 0.1;
  }
  30% {
      -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
      opacity: 0.5;
      -moz-opacity: 0.5;
      -webkit-opacity: 0.5;
      -o-opacity: 0.5;
  }
  100% {
      -moz-transform: rotate(0deg) scale(1) skew(1deg);
      opacity: 0.6;
      -moz-opacity: 0.6;
      -webkit-opacity: 0.6;
      -o-opacity: 0.1;
  }
}
@-webkit-keyframes cbh-circle-anim {
  0% {
      -webkit-transform: rotate(0deg) scale(0.5) skew(1deg);
      -webkit-opacity: 0.1;
  }
  30% {
      -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
      -webkit-opacity: 0.5;
  }
  100% {
      -webkit-transform: rotate(0deg) scale(1) skew(1deg);
      -webkit-opacity: 0.1;
  }
}
@-o-keyframes cbh-circle-anim {
  0% {
      -o-transform: rotate(0deg) kscale(0.5) skew(1deg);
      -o-opacity: 0.1;
  }
  30% {
      -o-transform: rotate(0deg) scale(0.7) skew(1deg);
      -o-opacity: 0.5;
  }
  100% {
      -o-transform: rotate(0deg) scale(1) skew(1deg);
      -o-opacity: 0.1;
  }
}
@keyframes cbh-circle-anim {
  0% {
      transform: rotate(0deg) scale(0.5) skew(1deg);
      opacity: 0.1;
  }
  30% {
      transform: rotate(0deg) scale(0.7) skew(1deg);
      opacity: 0.5;
  }
  100% {
      transform: rotate(0deg) scale(1) skew(1deg);
      opacity: 0.1;
  }
}
@-moz-keyframes cbh-circle-fill-anim {
  0% {
      -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
      opacity: 0.2;
  }
  50% {
      -moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);
      opacity: 0.2;
  }
  100% {
      -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
      opacity: 0.2;
  }
}
@-webkit-keyframes cbh-circle-fill-anim {
  0% {
      -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
      opacity: 0.2;
  }
  50% {
      -webkit-transform: rotate(0deg) scale(1) skew(1deg);
      opacity: 0.2;
  }
  100% {
      -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
      opacity: 0.2;
  }
}
@-o-keyframes cbh-circle-fill-anim {
  0% {
      -o-transform: rotate(0deg) scale(0.7) skew(1deg);
      opacity: 0.2;
  }
  50% {
      -o-transform: rotate(0deg) scale(1) skew(1deg);
      opacity: 0.2;
  }
  100% {
      -o-transform: rotate(0deg) scale(0.7) skew(1deg);
      opacity: 0.2;
  }
}
@keyframes cbh-circle-fill-anim {
  0% {
      transform: rotate(0deg) scale(0.7) skew(1deg);
      opacity: 0.2;
  }
  50% {
      transform: rotate(0deg) scale(1) skew(1deg);
      opacity: 0.2;
  }
  100% {
      transform: rotate(0deg) scale(0.7) skew(1deg);
      opacity: 0.2;
  }
}
@keyframes cbh-circle-img-anim {
  0% {
      transform: rotate(0deg) scale(1) skew(1deg);
  }
  10% {
      transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
      transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
      transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
      transform: rotate(25deg) scale(1) skew(1deg);
  }
  100%,
  50% {
      transform: rotate(0deg) scale(1) skew(1deg);
  }
}
@-moz-keyframes cbh-circle-img-anim {
  0% {
      transform: rotate(0deg) scale(1) skew(1deg);
  }
  10% {
      -moz-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
      -moz-transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
      -moz-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
      -moz-transform: rotate(25deg) scale(1) skew(1deg);
  }
  100%,
  50% {
      -moz-transform: rotate(0deg) scale(1) skew(1deg);
  }
}
@-webkit-keyframes cbh-circle-img-anim {
  0% {
      -webkit-transform: rotate(0deg) scale(1) skew(1deg);
  }
  10% {
      -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
      -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
      -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
      -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  100%,
  50% {
      -webkit-transform: rotate(0deg) scale(1) skew(1deg);
  }
}
@-o-keyframes cbh-circle-img-anim {
  0% {
      -o-transform: rotate(0deg) scale(1) skew(1deg);
  }
  10% {
      -o-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
      -o-transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
      -o-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
      -o-transform: rotate(25deg) scale(1) skew(1deg);
  }
  100%,
  50% {
      -o-transform: rotate(0deg) scale(1) skew(1deg);
  }
}
.cbh-phone.cbh-green .cbh-ph-circle {
  border-color: rgb(0, 242, 164);
}
.cbh-phone.cbh-green .cbh-ph-circle-fill {
  background-color: rgb(0, 242, 164);
}
.cbh-phone.cbh-green .cbh-ph-img-circle1 {
  background-color: rgb(0, 242, 164);
}

.kmacb__manager-border {
  position: absolute;
  width: 75px;
  height: 75px;
  top: 50%;
  left: 50%;
  margin-top: -39.5px;
  margin-left: -39.5px;
  border-radius: 100%;
  border: 2px solid #ffe787;
  -webkit-animation: kmacb__manager-border-anim 1.5s ease-in-out 0.5s infinite;
  -moz-animation: kmacb__manager-border-anim 1.5s ease-in-out 0.5s infinite;
  -ms-animation: kmacb__manager-border-anim 1.5s ease-in-out 0.5s infinite;
  -o-animation: kmacb__manager-border-anim 1.5s ease-in-out 0.5s infinite;
  animation: kmacb__manager-border-anim 1.5s ease-in-out 0.5s infinite;
  opacity: 0.8;
  transform-origin: center;
}
.kmacb__manager-fill {
  background: #52aff7 center bottom no-repeat;
  position: absolute;
  width: 75px;
  height: 75px;
  top: 50%;
  left: 50%;
  margin-top: -37.5px;
  margin-left: -37.5px;
  border-radius: 100%;
  opacity: 0.5;
  -webkit-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
  -moz-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
  -ms-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
  -o-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
  animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
  transform-origin: center;
}
.kmacb__manager-circle {
  background: #52aff7;
  position: absolute;
  width: 120px;
  height: 120px;
  top: 50%;
  left: 50%;
  margin-top: -60px;
  margin-left: -60px;
  border-radius: 100%;
}
#clbh_phone_div i{
  position: fixed;
  bottom: 58px;
  right: 55px;
  color: #fff;
  font-size: 34px;
}
/* whatsapp css */

/* view map */
.bg-viewMap_box{
    position: fixed;
    width: 100%;
    background: #0003;
    z-index: 999;
    top: 0;
    height: 100vh;
    display:none;
}
.viewMap_box{
    position: fixed;
    width: 37%;
    height: 100vh;
    background: #fff;
    right: 0;
    top: 0;
    z-index: 11;
}
.map_iframe iframe{
    width:100%;
    height:100vh;
}
.cncl_btn{
    position: fixed;
    right: 17px;
    top: 11px;
    z-index: 13;
    background: #9f6c00;
    padding: 3px 9px 0px 10px;
    border-radius: 50%;
    font-size: 23px;
    color: #fff;
    cursor: pointer;
}
/* /view map */

.ul-inner-box {
    padding-left: 27px;
}
.ul-inner-box li {
    color: #606d75;
    font-size: 16px;
    line-height: 1.9;
    list-style-type: disclosure-closed;
    letter-spacing: .3px;
    -webkit-text-stroke: .1px;
    font-family: Arial, Helvetica, sans-serif;
}
.ul-inner-box li::marker {
    color: #9f6c00;
}
.blog-overlay a{
    color:#fff;
}
.portfolio-overley a{
    color:#fff;
}


/* Blog detail page review section css */
.bg-show-more{
    padding: 31px 0px;
 }
 .rvwBox{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 3px;
 }
 .rvwBox span{
    color: #f9a836;
 }
 .rvwBox1{
    font-weight: 700;
    border-bottom: 1px solid #ccc;
    padding-bottom: 7px;
 }
 .rvwBox1 i{
    color: #f9a836;
 }
 .contentBox{display: none;}
 .contentBox1{
    border-bottom: 1px solid #ccc;
    margin-bottom: 13px;
 }
.ULcontBx li{
    list-style-type: none;
    float: left;
    padding-left: 7px;
}
.ulName-circle{
    background: #f9a836;
    font-size: 21px;
    font-weight: 700;
    padding: 2px 11px;
    border-radius: 50%;
}
.ULcontBx{margin-bottom: 0;padding-left: 0;}
.rvwBoxstr i{
    color: #f9a836;
}
.review_name h4{
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 0;
}

.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .show-more-btn {
    width: 200px;
    display: block;
    text-align: center;
    margin: 20px auto;
    padding: 10px;
    border: 1px solid transparent;
    transition: .3s;
    color: #000;
    font-weight: 700;
    border: 1px solid #f9a836;
  }
  .show-more-btn:hover{
    background-color: #f9a836;
    color:#fff;
    cursor: pointer;
  }
  .flex_box_more{
     display: flex;
    flex-wrap: wrap;
    gap: 2%;
  }
  .show-more-item{
      width:48%;
  }

/* Blog detail page review section css */




/*uidevelopment container*/
.step {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 20px;
    /*width: calc(50% - 10px);*/
}

.circle {
    /*position: relative;*/
    /*width: 100px;*/
    /*height: 100px;*/
    /*border-radius: 50%;*/
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
    /*margin-right: 20px;*/
    /*flex-shrink: 0;*/
}

.circle span {
    display: block;
    text-align: center;
    color: white;
}

.circle .number {
    font-size: 2em;
    font-weight: bold;
}

.circle .option {
    font-size: 0.8em;
    margin-top: 5px;
}

.circle-orange {
    background-color: #f44336;
}

.circle-pink {
    background-color: #e91e63;
}

.circle-purple {
    background-color: #9c27b0;
}

.circle-teal {
    background-color: #00bcd4;
}

/*.content1 {*/
/*    flex-grow: 1;*/
/*    background-color: #f3f3f3;*/
/*    padding: 20px;*/
/*    border-radius: 10px;*/
/*    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
/*}*/

/*.content1 p {*/
/*    margin: 0;*/
/*    color: #666;*/
/*    font-size: 1em;*/
/*}*/



/*service page css*/
.main-lft-box{
      box-shadow: 0 6px 25px rgba(0, 0, 0, 0.07);
      margin: 31px 0px;
      padding:30px;
    }
    .main-lft-box h2{
      font-size: 27px;
    }
    .main-lft-box h3{
      font-size: 23px;
      margin-top: 21px;
    }
    .main-lft-box p{
      margin-top: 21px;
    }
    .left-img-box1{
      width:100%;
      text-align: center;
    }
    .left-img-box1 img{
      width:90%;
      transition: .5s;
    }
    .left-img-box1 img:hover{
      transform:skew(10deg);
      transform-origin:top left;
      -webkit-transform:skew(10deg);
      -webkit-transform-origin:left;
      -moz-transform:skew(10deg);
      -moz-transform-origin:top left;
      -ms-transform:skew(10deg);
      -ms-transform-origin:top left;
      -o-transform:skew(10deg);
      -o-transform-origin:top left;
    }
    .left-img-box2{
      width:173px;
      height: 173px;
      float: left;
      margin-right: 21px;
      transition: .5s;
    }
    .left-img-box2:hover{
      transform: scale(1.1);
    }
    .left-img-box3{
      width: 100%;
    }
    .left-img-box3 img{
      margin-top:21px;
      width: 100%;
      height: 351px;
      transition: .5s;
    }
   
    .left-img-box4{
      width: 231px;
      height: 231px;
      float: right;
      margin: 21px 0px 0px 21px;
      transition: .5s;
    }
    .left-img-box4:hover{
      transform: scale(1.1);
    }
    /*/service page css*/



.nav_hdr_box .expand-btn:after{
    display:none;
}

.nav_hdr_box .menu-item.first-item{
    padding: 20px 11px!important;
}
.pre-title{
    display:none;
}


.image-container img {
        border-radius: 10px;
        max-width: 100%;
        height: auto;
        /*animation: bounce 2s infinite;*/
      }

      /* @keyframes bounce {*/
      /*  0%,*/
      /*  20%,*/
      /*  50%,*/
      /*  80%,*/
      /*  100% {*/
      /*    transform: translateY(0);*/
      /*  }*/
      /*  40% {*/
      /*    transform: translateY(-30px);*/
      /*  }*/
      /*  60% {*/
      /*    transform: translateY(-15px);*/
      /*  }*/
      /*} */

      .text-container h2 {
        color: #f9a836;
        margin: 0;
        font-size: 1.5rem;
      }

      .text-container h1 {
        color: #333;
        margin: 10px 0;
        font-size: 2rem;
      }

      .text-container p {
        color: #666;
        line-height: 1.6;
      }

      .absolute {
        position: absolute;
        top: 13rem;
        right: 15rem;
      }

      .absolutes {
        position: absolute;
        top: -25rem;
        right: 65rem;
      }

       span {
        color: #9f6c00;
      }

      .icon {
        background-color: #f9a836;
        color: #fff;
        border-radius: 50%;
        width: 65px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.5rem;
        margin-right: 20px;
      }
      .transition-transform {
        transition-property: transform;
        transition-duration: 300ms;
      }

      .hover-scale-110:hover {
        transform: scale(1.1);
      }



/*.about page neww css design code*/




.sec-box-con {
  padding: 31px 0px 31px 0px;
}


.m1 {
  position: absolute;
    width: 285px;
    height: 352px;
    margin-left: 257px;
}
.m2 {
  position: relative;
    width: 269px;
    height: 310px;
    margin-top: 165px;
    margin-left: 44px;
    border: 10px solid #fff;
}

/*.boxes {*/
  /*padding: 90px;*/
/*  text-align: center;*/
/*  background-color: #eff3f6;*/
/*}*/

.about1 {
position: absolute;
    height: 425px;
    width: 333px;
    margin-top: 21px;
}
.about2 {
 position: relative;
    width: 303px;
    height: 374px;
    margin-left: 220px;
    margin-top: 236px;
    border: 10px solid white;
}

.ab1 {
position: absolute;
    height: 349px;
    width: 291px;
    margin-top: 21px;
}
.ab2 {
 position: relative;
    width: 280px;
    height: 317px;
    margin-left: 220px;
    margin-top: 171px;
    border: 10px solid white;
}

.icon-container {
  margin-bottom: 15px;
}
.icon-container i {
  font-size: 50px;
  color: #e29e38;
}

/* counter box css */

.skill_bg {
  width: 100%;
  /* height: 100vh; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.progress-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 40px;
  position: relative;
}

.circle-wrap {
  width: 200px;
  height: 200px;
  /* background: #f5f5f7; */
  background: #fff;
  border-radius: 50%;
  /* border: 1px solid #cdcbd0; */
}

.circle-wrap .circle .mask,
.circle-wrap .circle .fill {
  width: 200px;
  height: 200px;
  position: absolute;
  border-radius: 50%;
}

.circle-wrap .circle .mask {
  clip: rect(0px, 200px, 200px, 75px);
}

.circle-wrap .inside-circle {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: #fff;
  line-height: 120px;
  text-align: center;
  margin-top: 10px;
  margin-left: 10px;
  color: black;
  position: absolute;
  z-index: 100;
  font-weight: 800;
  font-size: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* color animation */

/* 3rd progress bar  */
.mask .fill {
  clip: rect(0px, 75px, 200px, 0px);
  background-color: #e29e38;
}

.mask.full,
.circle .fill {
  animation: fill ease-in-out 3s;
  transform: rotate(135deg);
}

@keyframes fill {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(135deg);
  }
}

.heading-circle {
  margin-top: 220px;
  font-size: 18px;
  font-weight: 800;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
}

/*.counter-box::after {*/
/*  content: "";*/
/*  position: absolute;*/
  /*right: -41px;*/
  /* Adjust the position as needed 
  top: 50%;
  width: 2px; /* Adjust the length as needed 
  height: 100px; /* Adjust the thickness as needed 
  background-color: #c4c0c0; /* Adjust the color as needed 
  transform: translateY(-50%);
}

/* mission vision section css */

.service-tab-section {
  padding: 50px 0px 50px 0px;
  /*background-color: #f9f9f9;*/
}



/* Service Tab Area */

.service-tab-btn ul li a.active {
        color: #9f6c00;
        background-color: transparent;
    }
    .service-tab-btn ul li a {
        border: none;
        font-weight: 700;
        border-radius: 0;
        font-weight: 700;
        position: relative;
        padding: 15px 31px;
        text-transform: uppercase;
        color:#000;
        font-family: "Oswald", sans-serif;
    }
    .service-tab-btn ul li a.active:after {
        width: 65%;
    }
    .service-tab-btn ul li a:after {
        left: 33px;
        bottom: -1px;
        height: 3px;
        content: "";
        width: 0;
        position: absolute;
        background-color: #9f6c00;
        -webkit-transition: 0.3s all ease-in-out;
        -o-transition: 0.3s all ease-in-out;
        transition: 0.3s all ease-in-out;
    }

.tab-content {
  /* text-align: justify; */
  font-family: "Crimson Text", serif;
  -moz-osx-font-smoothing: antialiased;
  line-height: 31px;
}

.tab-content .tab-pane {
  display: none;
}

.tab-content .tab-pane.active {
  display: block;
}
.service-tab-area .tab-content{
    margin-top:17px;
}
.tab-content .tab-pane {
        transition: opacity 0.5s ease, visibility 0.5s ease;
    }
    .tab-content .tab-pane.fade {
        opacity: 0;
        visibility: hidden;
    }
    .tab-content .tab-pane.active {
        opacity: 1;
        visibility: visible;
    }

/* Service Details Image */
.service-details-img {
  text-align: end;
}

.service-details-img img {
  max-width: 95%;
  /*height: 670px;*/
  border-radius: 4px;
}

/* bouncing shapes csss design */

/*############service page design cssss###############*/






.choose-box h1 {
        font-size: 117px;
    font-weight: 800;
    line-height: 110px;
      }
      .choose-line {
        font-size: 184px;
        color: #9f6c00;
        text-align: center;
        font-weight: 800;
      }
      .choose-para p {
        line-height: 2rem;
        font-size: 17px;
       
        /* text-align: justify; */
      
      }
      .choo-color-box {
        background-color: #edebeb;
        padding: 31px 0px 31px 0px;
      }
      .choo-color-boxbtm{
          padding-bottom:0;
      }
      .padding-para{
        padding: 10px 200px 10px 200px;
      }
      /* @media (min-width: 600px) {
        .padding-para {
    padding: 10px 0px 10px 0px;
  }
} */
@media (max-width: 600px) {
  .padding-para {
    padding: 10px 0px 10px 0px;
  }
}

      

      /* WHY WE STAND OUT css design */

      .service-item {
        display: flex;
        /* align-items: center; */
        padding: 10px;
        text-align: justify;
        margin-bottom: 1rem;
        gap: 5px;
        transition: 0.8s ease-in-out;
        border-radius: 15px;
       
      }
      .service-item:hover img{
        transform: rotate(25deg);
        
       
      }
      .service-item img {
        width: 60px;
        margin-right: 1rem;
        transition: 0.8s ease-in-out;
      }
      .service-item .content {
        flex: 1;
      }
      .m1 {
        position: absolute;
        width: 265px;
        height: 358px;
        margin-left: 252px;
      }
      .m2 {
     position: relative;
    width: 261px;
    height: 295px;
    margin-top: 135px;
    margin-left: 25px;
    border: 10px solid #fff;
      }



      /* services box desifgn code */

     
      /* .position-relative {
    position: relative !important;
} */

      .service-page-service-img img{

        max-width: 100%;
        height: auto;

      }
      .service-page-service-inner .service-page-service-icon {
        right: 20px;
    bottom: -22px;
    width: 60px;
    height: 56px;
    line-height: 70px;
    position: absolute;
    text-align: center;
    background-color: #e29e38;
}
.service-page-service-inner .service-page-service-text {
    padding-top: 35px;
}
.service-page-service-inner .service-page-service-icon i {
    color: #fff;
    font-size: 27px;
}
.what-head h1{
  padding: 10px 0px 30px 10px;

}

/* #######################client section */
.client-story .clientspan{
  font-size: 78px;
   
    color: #e29e38;
    
}
/*.success-client-story .m1{*/
/*  position: absolute;*/
/*    width: 280px;*/
/*    height: 342px;*/
/*    margin-left: 0px;*/
/*}*/
/*.success-client-story .m2{*/
/*  position: relative;*/
/*    width: 228px;*/
/*    height: 287px;*/
/*    margin-left: 198px;*/
/*    margin-top: 165px;*/
/*    border: none;*/
  
/*}*/
.kick-off-jour .kickcpan{
  font-size: 78px;
  line-height: normal;
   
    color: #e29e38;

}
.kick-journey{
  background-color: #edebeb;
  padding: 50px 0px 50px 0px;
 

}


.bg-about-inner h2{
    font-size: 46px;
    font-weight: 700;
    line-height: 1.208;
    text-transform: uppercase;
}


/*service css */
.position-relative {
        position: relative !important;
    }
    .about-page-about-img .about-page-img2 {
        right: 0;
        top: 163px;
        position: absolute;
        border: 8px solid white;
    }
    .about-page-text-wrapper {
        padding-top: 35px;
        padding-left: 30px;
    }
    .section-title span {
        display: block;
        font-size: 18px;
        font-weight: 700;
        padding-bottom: 10px;
    }
    .section-title h2 {
        font-size: 48px;
        font-weight: 600;
        line-height: 1.208;
        text-transform: uppercase;
        margin-bottom:17px;
    }

    .position-relative {
        position: relative !important;
    }
    .bg-service-about-content{
        background: #f2f2f2;
    }
    .abtc_bx{
        padding-bottom:0;
    }
    .abtc_bx p{margin-bottom:0;}
    .service-about-content{
        padding-top: 51px;
        padding-bottom: 31px;
    }
    .float_right img{
        float: right !important;
    }
    .service-about-img .service-about-bottom-img {
        left: 0px;
        margin-top: 51%;
        border: 10px solid #fff;
        -webkit-box-shadow: 0px 8px 16px 0px rgba(102, 102, 102, 0.06);
        box-shadow: 0px 8px 16px 0px rgba(102, 102, 102, 0.06);
    }
    .service_uix1 img{
        width:40px;
    }
    .skill-content-wrapper{
        padding:31px 0px;
        padding-bottom: 0;
    }
    .skill-side-img img{
        width: 100%;
    }
    .bg-skill-content-wrapper{
        background: #f2f2f2;
    }
    .progress_text{
        padding-left: 30px;
    }
    .pdd-right{
        padding-right: 30px;
    }
    .padd-left{
        padding-left: 30px;
    }
    .section_title1 span{
        font-size:57px;
        /*color: #f9a836;*/
    }

    .service-process-icon-text .service-process-icon {
        margin-bottom: 35px;
    }
    .service-process-icon-text .service-process-icon .sp-icon {
        width: 90px;
        height: 90px;
        line-height: 90px;
        background-color: #fff6f4;
    }
    .service-process-icon-text .service-process-icon .sp-serial-no {
        top: -12px;
        width: 24px;
        color: #fff;
        right: -12px;
        height: 24px;
        font-size: 12px;
        font-weight: 700;
        line-height: 24px;
        font-family: "Oswald", sans-serif;
        background-color: #f9a836;
    }
    .service-process-icon-text .service-process-icon:before {
        top: 50px;
        right: 10px;
        content: "";
        width: 70%;
        position: absolute;
        border: 1px dashed #f9a836;
    }
    .service-process-icon-text .service-process-icon:after {
        top: 42.6px;
        right: 3px;
        font-size: 12px;
        content: ">";
        font-weight: 900;
        position: absolute;
        color: #f9a836;
    }
    .service-process-icon-text .service-process-text h3 {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 10px;
        text-transform: uppercase;
    }
    .service-process-icon-text .service-process-text h3 a{
        color:#000;
        text-decoration: none;
    }
    .sec_title{
        width: 70%;
        margin:auto;
        text-align: center;
        margin-bottom: 25px;
    }
    .about-page-about-content{
        min-height: 621px;
    }
    .service-about-content{
        min-height: 761px;
    }
    .pera-content {
        padding-right: 30px;
    }
    .bg-tab-box .nav-tabs .nav-link.active{
        background: #f9a836;
        border: 0;
        border-radius: 0;
        color: #000 !important;
    }
    .bg-tab-box .nav-tabs .nav-link:hover{
        border-radius: 0;
    }
    .bg-tab-box .nav-tabs{
        border-bottom: 0;
    }
    .bg-tab-box .nav-tabs .nav-link{
        color: #000;
        background: #f2f2f2;
        margin-right: 21px;
        border-radius: 0;
    }
    
    .bg-tab-box{
        background-color: #f2f2f2;
        padding:31px 0px;
        padding-bottom:51px;
    }
    .bg-tab-box .tab-content{
        background: #fff;
        padding:31px 21px;
    }
    .bg-tab-box .nav-tabs .nav-link.active{
        background: #f9a836;
        border: 0;
        border-radius: 0;
    }
    .bg-tab-box .nav-tabs .nav-link:hover{
        border-radius: 0;
    }
    .bg-tab-box .nav-tabs{
        border-bottom: 0;
        justify-content: center;
    }
    .bg-tab-box .nav-tabs .nav-link{
        color: #000;
        background: 0;
        margin-right: 21px;
        border-radius: 0;
    }

    .bg-tab-box .tab-pane {
        transition: opacity 0.5s ease, visibility 0.5s ease;
    }
    .bg-tab-box .tab-pane.fade {
        opacity: 0;
        visibility: hidden;
    }
    .bg-tab-box .tab-pane.active {
        opacity: 1;
        visibility: visible;
    }

    .bg-tab-box .nav-tabs .nav-link.active {
        color: #f9a836;
        background-color: transparent;
    }
    .bg-tab-box .nav-tabs .nav-link {
        border: none;
        font-weight: 700;
        border-radius: 0;
        font-weight: 700;
        position: relative;
        padding: 15px 31px;
        text-transform: uppercase;
        font-family: "Oswald", sans-serif;
    }
    .bg-tab-box  .nav-tabs .nav-link.active:after {
        width: 65%;
    }
    .bg-tab-box .nav-tabs .nav-link:after {
        left: 33px;
        bottom: -1px;
        height: 3px;
        content: "";
        width: 0;
        position: absolute;
        background-color: #9f6c00;
        -webkit-transition: 0.3s all ease-in-out;
        -o-transition: 0.3s all ease-in-out;
        transition: 0.3s all ease-in-out;
    }
    
    
    /* Home page update css */
        /*Slider area*/

/*----------------------------------------------------*/

.slider-wrapper {
    margin: 0 auto;
    max-width: 1920px;
}
.slider-section{
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    min-height:820px;
    max-height:100%;
}
.slider-main-wrap .slider-text-wrap {
    max-width: 850px;
}

.slider-main-wrap .slider-text-wrap .slider-tag-item {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
}

.slider-main-wrap .slider-text-wrap .slider-tag-item span {
    color: #fff;
    font-size: 18px;
    position: relative;
    padding-right: 40px;
}

.slider-main-wrap .slider-text-wrap .slider-tag-item span:after {
    top: 5px;
    width: 2px;
    right: 15px;
    content: "";
    height: 15px;
    position: absolute;
    background-color: #fff;
}

.slider-main-wrap .slider-text-wrap .slider-tag-item span:last-child:after {
    display: none;
}

.slider-main-wrap .slider-text-wrap h1 {
    opacity: 0;
    color: #fff;
    font-size: 100px;
    font-weight: 700;
    line-height: 1.1;
    padding: 15px 0px 30px;
    text-transform: uppercase;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}

.slider-main-wrap .slider-text-wrap p {
    opacity: 0;
    font-size: 18px;
    max-width: 630px;
    padding-bottom: 35px;
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
}

.slider-main-wrap .slider-text-wrap .slider-btn {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
}

.slider-main-wrap .slider-text-wrap .slider-btn .taeled-btn {
    margin-right: 18px;
    display: inline-block;
}

.slider-bg-text {
    left: 0;
    color: #fff;
    bottom: 0px;
    line-height: 1;
    font-size: 440px;
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

.slider-deco1 {
    top: 250px;
    left: 105px;
}

.slider-deco2 {
    z-index: 1;
    top: 180px;
    right: 45%;
}

.slider-deco3 {
    left: 45%;
    bottom: 80px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.slider-style-one {
    padding: 380px 0px 260px;
    background-color: #121e2d;
}

.slider-style-one .slider-img-wrap {
    top: -90px;
    right: 230px;
    position: absolute;
    -webkit-animation: fadeInRight 0.9s both 1s;
    animation: fadeInRight 0.9s both 1s;
}

.slider-style-one .slider-img-wrap span {
    top: 55px;
    z-index: -1;
    position: absolute;
}

.slider-style-one .slider-img-wrap span.img-circle-shape1 {
    right: -80px;
}

.slider-style-one .slider-img-wrap span.img-circle-shape2 {
    top: 30px;
    right: -50px;
}

.slider-style-one .slider-deco4 {
    top: 0;
    right: 0;
    -webkit-animation: slideInRight 1.8s both 1s;
    animation: slideInRight 1.8s both 1s;
}

.slider-style-one .slider-deco5 {
    left: -50px;
    bottom: -80px;
    -webkit-animation: zoomIn 1.7s both 0.3s;
    animation: zoomIn 1.7s both 0.3s;
}

.slider-style-two {
    padding: 380px 0px 260px;
    background-color: #eef2f5;
}

.slider-style-two .slider-main-wrap .slider-text-wrap .slider-tag-item span {
    color: #121e2d;
}

.slider-style-two .slider-main-wrap .slider-text-wrap .slider-tag-item span:after {
    background-color: #ffaea1;
}

.slider-style-two .slider-main-wrap .slider-text-wrap h1 {
    color: #121e2d;
    padding-bottom: 10px;
}

.slider-style-two .slider-main-wrap .slider-text-wrap .slider-btn .taeled-btn {
    background-color: #121e2d;
}

.slider-style-two .slider-main-wrap .slider-text-wrap .slider-btn .taeled-btn a {
    color: #fff;
}

.slider-style-two .slider-main-wrap .slider-text-wrap .slider-btn .taeled-btn i {
    background-color: #fff;
    color: #121e2d;
}

.slider-style-two .slider-main-img {
    top: 0;
    right: 70px;
    position: absolute;
    -webkit-animation: zoomIn 1.7s both 0.3s;
    animation: zoomIn 1.7s both 0.3s;
}

.slider-style-three {
    z-index: 1;
    background-color: #9f6c00;
}

.slider-style-three .slider-wrapper-three {
    margin: 0 auto;
    max-width: 1920px;
    padding: 370px 0px 240px;
}

.slider-style-three .slider-bg-text {
    left: -100px;
    color: #ef4211;
    z-index: -1;
    font-size: 300px;
}

.slider-style-three .slider-banner-img {
    right: 0;
    top: 40px;
    z-index: -1;
}

.slider-style-three .slider-banner-img:after {
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
}

.slider-style-three .slider-main-wrap .slider-text-wrap .slider-tag-item span:after {
    background-color: #fff;
}

.slider-style-three .slider-main-wrap .slider-text-wrap p {
    color: #fff;
}

.slider-style-three .slider-main-wrap .slider-text-wrap p span {
    display: inline-block;
    padding: 0px 10px 5px 0px;
    background-color: #9f6c00;
}

.slider-style-three .slider-main-wrap .slider-text-wrap h1 {
    display: inline-block;
    margin-bottom: 10px;
    padding: 15px 15px 20px 0px;
    background-color: #9f6c00;
}

.slider-style-four {
    padding: 263px 0px 163px;
    margin-top: -90px;
    width:100%;
}

.slider-style-four .slider-main-wrap .slider-text-wrap {
    margin: 0 auto;
}

.slider-style-four .slider-main-wrap .slider-text-wrap p {
    color: #fff;
    margin: 0 auto;
}

#slider-main .owl-item.active .slider-tag-item {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
    -webkit-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    transition-delay: 1200ms;
}

#slider-main .owl-item.active p {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
    -webkit-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
    transition-delay: 1500ms;
}

#slider-main .owl-item.active h1 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
    -webkit-transition-delay: 900ms;
    -o-transition-delay: 900ms;
    transition-delay: 900ms;
}

#slider-main .owl-item.active .slider-btn {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
    -webkit-transition-delay: 2100ms;
    -o-transition-delay: 2100ms;
    transition-delay: 2100ms;
}
.taeled-btn:hover {
    color: #fff;
}
#slider-main .taeled-btn {
    z-index: 1;
    height: 60px;
    width: 251px;
    font-weight: 600;
    line-height: 60px;
    padding-right: 35px;
    position: relative;
    font-family: "Oswald", sans-serif;
    background-color: #eef2f5;
}
#slider-main .taeled-btn a{
    color:#000;
}
#slider-main .taeled-btn:hover a{
    color:#fff;
}
#slider-main .taeled-btn i {
    top: 10px;
    right: 10px;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    background-color: #ffaea1;
}
#slider-main .taeled-btn:hover:after {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}
#slider-main .taeled-btn:after {
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    -ms-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
    background-color: #9f6c00;
}

/*about section*/
.about-section-3 {
    padding: 51 0px;
    padding-bottom: 13px;
}
.about-content-3 .about-img-wrap {
    z-index: 1;
}
.position-relative {
    position: relative !important;
}
.about-content-3 .about-img-wrap .img-shape:nth-child(1) {
    top: 50%;
    left: -60px;
}
.about-content-3 .about-img-wrap .img-shape:nth-child(2) {
    top: 60px;
    left: 357px;
}
.about-content-3 .about-img-wrap .img-shape {
    z-index: -1;
}
.position-absolute {
    position: absolute !important;
}
.about-content-3 .about-img-bottom {
    right: 0;
    bottom: -70px;
    position: absolute;
    border: 10px solid #fff;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(102, 102, 102, 0.06);
    box-shadow: 0px 8px 16px 0px rgba(102, 102, 102, 0.06);
}
.about-content-3 .about-text-wrapper {
    padding: 50px 0px 0px 40px;
}
.section-title h2 {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.208;
    text-transform: uppercase;
}
.about-content-3 .about-mission-vission {
    -webkit-box-shadow: 0px 8px 16px 0px rgba(102, 102, 102, 0.06);
    box-shadow: 0px 8px 16px 0px rgba(102, 102, 102, 0.06);
}
.about-mission-vission {
    margin-bottom: 40px;
}

.about-content-3 .about-mission-vission .ab-mission-vission-wrap .icon-bg {
    top: 15px;
    right: 15px;
    z-index: -1;
    line-height: 1;
}
.about-content-3 .about-mission-vission .ab-mission-vission-wrap .icon-bg i {
    color: #f0f0f0;
    font-size: 80px;
}
.about-content-3 .about-mission-vission .ab-mission-vission-wrap h3 {
    font-size: 20px;
    font-weight: 600;
}
.about-content-3 .about-mission-vission .ab-mission-vission-wrap p {
    max-width: 205px;
}
.about-content-3 .about-mission-vission .ab-mission-vission-wrap:after {
    z-index: 1;
    background-color: #121e2d;
}
.about-content-3 .about-mission-vission .ab-mission-vission-wrap:after, .about-content-3 .about-mission-vission .ab-mission-vission-wrap:before {
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
}

.about-content-3 .about-mission-vission .ab-mission-vission-wrap a{
    color:#000;
}
.about-content-3 .about-mission-vission .ab-mission-vission-wrap {
    width: 50%;
    float: left;
    padding: 30px 25px;
    height: 251px;
}
.about-content-3 .about-mission-vission .ab-mission-vission-wrap:before {
    right: 0;
    width: 0px;
    z-index: 2;
    left: auto;
    background-color: #9f6c00;
    -webkit-transition: 0.4s all ease-in-out;
    -o-transition: 0.4s all ease-in-out;
    transition: 0.4s all ease-in-out;
}
.about-content-3 .about-mission-vission .ab-mission-vission-wrap:hover:before {
    left: 0;
    right: auto;
    width: 100%;
}



/*service section css*/
.service-section-3 {
    padding: 31px 0px 31px;
    background-color: #eef2f5;
}

.service-section-3{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.service-section-3 .section-title{
    margin: 0 auto;
    max-width: 500px;
}
.section-title h2 {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.208;
    text-transform: uppercase;
}
.service-content-3 {
    padding-top: 27px;
}
.service-innerbox-wrap {
    z-index: 1;
    padding: 40px;
    margin-bottom: 30px;
    background-color: #fff;
}
.service-innerbox-wrap:before {
    top: 0;
    left: 0;
    content: "";
    width: 5px;
    height: 0%;
    position: absolute;
    background-color: #9f6c00;
    -webkit-transition: 0.4s all ease-in-out;
    -o-transition: 0.4s all ease-in-out;
    transition: 0.4s all ease-in-out;
}
.service-innerbox-wrap:hover:before {
    height: 100%;
}
.service-innerbox-wrap .service-serial {
    top: 0;
    right: 0;
    z-index: -1;
    line-height: 1;
    color: #f7fafd;
    font-size: 140px;
    font-weight: 600;
    font-family: "Oswald", sans-serif;
}
.service-innerbox-wrap .service-inner-icon {
    width: 120px;
    height: 120px;
    line-height: 120px;
    margin-right: 30px;
    background-color: #fff6f4;
}
.service-inner-icon img{padding-top:21px;}
.service-innerbox-wrap .service-inner-text {
    overflow: hidden;
}
.service-innerbox-wrap .service-inner-text a{
    color:#000;
}
.service-innerbox-wrap .service-inner-text h3 {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.float-left {
    float: left !important;
}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

/*skill section*/
.skill-section .skill-progress-text {
    margin-top: 35px;
}
.skill_rgt{
    padding-right:30px;
}
.skill_progress {
    max-width: 470px;
}
.skill-progress-bar {
    padding-top: 38px;
}
.skill-progress-bar .skill-set-percent {
    margin-bottom: 38px;
}
.skill-progress-bar .skill-set-percent h4 {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 15px;
    text-transform: uppercase;
}
.skill-progress-bar .skill-set-percent .progress {
    height: 8px;
    border-radius: 0;
    position: relative;
    overflow: visible;
    border-top: 3px solid #c0e2f7;
    background-color: transparent;
}
.progress {
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem;
}
.skill-progress-bar .skill-set-percent .progress-bar {
    width: 0;
    margin-top:6px;
    float: left;
    height: 100%;
    /*position: relative;*/
    -webkit-transition: 1s all ease-in-out;
    -o-transition: 1s all ease-in-out;
    transition: 1s all ease-in-out;
    background-color: #9f6c00;
}
.skill-progress-bar .skill-set-percent .progress-bar:before {
    top: -4px;
    content: "";
    height: 3px;
    width: 100%;
    position: absolute;
    background-color: #ffeee9;
}
.skill-progress-bar .skill-set-percent .progress-bar:after {
    top: -4px;
    right: 0;
    width: 2px;
    content: "";
    height: 10px;
    position: absolute;
    background-color: #9f6c00;
}
.skill-progress-bar .skill-set-percent .progress span {
    right: 0;
    top: -30px;
    font-weight: 700;
    position: absolute;
    font-family: "Oswald", sans-serif;
    color:#000;
}
.skill-progress-bar .skill-set-percent .progress_bar1:before{
    width:92%;
}
.skill-progress-bar .skill-set-percent .progress_bar1:after{
    right: 8%;
}
.skill-progress-bar .skill-set-percent .progress_bar2:before{
    width:85%;
}
.skill-progress-bar .skill-set-percent .progress_bar2:after{
    right: 15%;
}
.skill-progress-bar .skill-set-percent .progress_bar3:before{
    width:75%;
}
.skill-progress-bar .skill-set-percent .progress_bar3:after{
    right: 25%;
}

/*feature section*/
.feature-section-2 {
  padding: 30px;
}

.feature-innerbox-area {
  z-index: 1;
  padding: 50px 40px;
  background-color: #eef2f5;
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.feature-innerbox-area .icon-bg {
  top: 30px;
  right: 30px;
  z-index: -1;
  line-height: 1;
}
.feature-innerbox-area .icon-bg i {
  color: #e4eaee;
  font-size: 160px;
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.feature-innerbox-area .feature-box-icon {
  z-index: 1;
  margin-bottom: 5px;
}
.feature-innerbox-area .feature-box-icon i {
  line-height: 1;
  font-size: 70px;
  color: #ffaea1;
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.feature-innerbox-area .feature-box-icon:after {
  top: 0;
  content: "";
  z-index: -1;
  right: -35px;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  position: absolute;
  background-color: #fff;
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.feature-innerbox-area .feature-box-text {
  font-size: 18px;
  line-height: 1.556;
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.feature-innerbox-area .feature-box-text a {
  font-weight: 700;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  color:#000;
}
.feature-innerbox-area:hover {
  background-color: #05297e;
}
.feature-innerbox-area:hover .feature-box-text a{
    color:#fff;
}
.feature-innerbox-area:hover .feature-box-text {
  color: #fff;
}
.feature-innerbox-area:hover .feature-box-icon i {
  color: #fff;
}
.feature-innerbox-area:hover .feature-box-icon:after {
  background-color: #143686;
}
.feature-innerbox-area:hover .icon-bg i {
  color: #143686;
}

.feature-content-3 .feature-innerbox-area .feature-box-icon i {
  color: #9f6c00;
}
.feature-content-3 .feature-innerbox-area:hover {
  background-color: #9f6c00;
}
.feature-content-3 .feature-innerbox-area:hover .feature-box-icon i {
  color: #fff;
}
.feature-content-3 .feature-innerbox-area:hover .feature-box-icon:after {
  background-color: #ff6337;
}
.feature-content-3 .feature-innerbox-area:hover .icon-bg i {
  color: #9f6c00;
}

/*testimonial section*/
.testimonial-section-2 {
    padding: 31px 0px 43px;
    background-color: #eef2f5;
}
.testi_bx .section-title{
    margin: 0 auto;
    max-width: 410px;
}
.testimonial_bx{
    height: 330px;
    background:#fff;
    margin: 0px 81px;
    padding:51px 71px;
    margin-top: 31px;
}
.testi_img_bx img{
    width:100%;
    box-shadow:0px 8px 16px 0px rgba(102, 102, 102, 0.04);
}
.testimonial-text span {
    display: block;
    font-size: 30px;
    font-weight: 600;
    max-width: 100%;
    line-height: 1.333;
    margin-bottom: 30px;
    color:#000;
    font-family: "Oswald", sans-serif;
}
.testimonial-text .testimonial-author h3 {
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 5px;
}
.testimonial-text .testimonial-author h3 a{
    color:#000;
}
.testimonial-text .testimonial-author p {
    font-weight: 600;
    color: #9f6c00;
}
/*.testimonial-text:after {*/
/*    right: 40px;*/
/*    z-index: -1;*/
/*    bottom: 40px;*/
/*    line-height: 1;*/
/*    color: #f5f5f5;*/
/*    font-size: 190px;*/
/*    content: "";*/
/*    position: absolute;*/
/*    font-family: Flaticon;*/
/*}*/
.carouselPrev span{
    background: #fff;
    padding: 20px;
    position: absolute;
    left: -161px;
    color:#000;
}
.carouselNext span{
    background: #fff;
    padding: 20px;
    position: absolute;
    right: -161px;
    color:#000;
}
.testimonial-text .fa_custom {
    font-size: 200px;
    position: absolute;
    top: 60px;
    right: 0px;
    color: #00000008;
}
/*contact section*/

@keyframes floating {
  from {
    -webkit-transform: rotate(0deg) translate(-10px) rotate(0deg);
    -ms-transform: rotate(0deg) translate(-10px) rotate(0deg);
    transform: rotate(0deg) translate(-10px) rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg) translate(-10px) rotate(-360deg);
    -ms-transform: rotate(360deg) translate(-10px) rotate(-360deg);
    transform: rotate(360deg) translate(-10px) rotate(-360deg);
  }
}
@-webkit-keyframes floating {
  from {
    -webkit-transform: rotate(0deg) translate(-10px) rotate(0deg);
    -ms-transform: rotate(0deg) translate(-10px) rotate(0deg);
    transform: rotate(0deg) translate(-10px) rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg) translate(-10px) rotate(-360deg);
    -ms-transform: rotate(360deg) translate(-10px) rotate(-360deg);
    transform: rotate(360deg) translate(-10px) rotate(-360deg);
  }
}
.contact-section {
  z-index: 1;
  max-width: 1920px;
  margin: 0 auto;
  padding: 85px 0px 120px;
}
.contact-section .contact-bg-img {
  top: 90px;
  right: 30px;
  z-index: -1;
}

.contact-form-wrapper {
  max-width: 580px;
  margin-top: 38px;
}
.contact-form-wrapper .contact-info {
  margin-bottom: 15px;
}
.contact-form-wrapper .contact-info input,
.contact-form-wrapper .contact-info textarea {
  width: 100%;
  border: none;
  height: 50px;
  padding-left: 30px;
  border-bottom: 2px solid #edf2ff;
}
.services_name{
     width: 100%;
    border: 0;
    border-bottom: 2px solid #edf2ff;
    padding: 10px 0px 15px 0px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    color:#757575;
}
.contact-form-wrapper .contact-info input::-webkit-input-placeholder, .contact-form-wrapper .contact-info textarea::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: 700;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
}
.contact-form-wrapper .contact-info input::-moz-placeholder, .contact-form-wrapper .contact-info textarea::-moz-placeholder {
  font-size: 14px;
  font-weight: 700;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
}
.contact-form-wrapper .contact-info input:-ms-input-placeholder, .contact-form-wrapper .contact-info textarea:-ms-input-placeholder {
  font-size: 14px;
  font-weight: 700;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
}
.contact-form-wrapper .contact-info input::-ms-input-placeholder, .contact-form-wrapper .contact-info textarea::-ms-input-placeholder {
  font-size: 14px;
  font-weight: 700;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
}
.contact-form-wrapper .contact-info input::placeholder,
.contact-form-wrapper .contact-info textarea::placeholder {
  font-size: 14px;
  font-weight: 700;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
}
.contact-form-wrapper .contact-info textarea {
  height: 120px;
  padding-top: 10px;
}
.contact-form-wrapper .contact-info .icon-bg {
  top: 10px;
  left: 0;
}
.contact-form-wrapper .contact-info .icon-bg i {
  font-size: 14px;
  color: #ffaea1;
}
.contact-form-wrapper .taeled-btn {
  background-color: #ffaea1;
}
.contact-form-wrapper .taeled-btn button {
  padding: 0;
  border: none;
  background-color: #ffaea1;
}
.contact-form-wrapper .taeled-btn button i {
  color: #121e2d;
  background-color: #fff;
}

.contact-floating-img ul li {
  width: 70px;
  height: 70px;
  overflow: hidden;
  border-radius: 100%;
  position: absolute;
  -webkit-animation-name: floating;
          animation-name: floating;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-transform-origin: 50% 1px;
      -ms-transform-origin: 50% 1px;
          transform-origin: 50% 1px;
  -webkit-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease;
}
.contact-floating-img ul li:nth-child(1) {
  top: 190px;
  right: 180px;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-transition-delay: 0.7s;
       -o-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
.contact-floating-img ul li:nth-child(2) {
  top: 150px;
  right: 35%;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-transition-delay: 0.1s;
       -o-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.contact-floating-img ul li:nth-child(3) {
  top: 50%;
  right: 22%;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-transition-delay: 0.3s;
       -o-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.contact-floating-img ul li:nth-child(4) {
  top: 80%;
  right: 35%;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-transition-delay: 0.4s;
       -o-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.contact-section-2 {
  z-index: 1;
  padding-top: 43px;
  background-color: #e1e1e1;
  background: linear-gradient(to right, #9f6c00, #111d2d);
}
.contact-section-2 .contact-bg-img {
  top: 90px;
  right: 30px;
  z-index: -1;
}
.contact-section-2 .contact-content-innerbox {
  float: left;
  padding: 60px;
  max-width: 695px;
  background-color: #fff;
}
.contact-section-2 .contact-content-innerbox .contact-form-wrapper .taeled-btn button,
.contact-section-2 .contact-content-innerbox .contact-form-wrapper .taeled-btn {
  background-color: #9f6c00;
  color: #fff;
}
.contact-section-2 .contact-content-innerbox .contact-form-wrapper .contact-info .icon-bg i {
  color: #9f6c00;
  font-size: 20px;
}
.contact-section-2 .contact-content-innerbox .section-title span {
  color: #9f6c00;
}

/*Contact Page*/
/*---------------*/
@-webkit-keyframes borderpls {
  0% {
    -webkit-box-shadow: 0 0 0 0 currentColor;
    box-shadow: 0 0 0 0 currentColor;
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px currentColor;
    box-shadow: 0 0 0 10px currentColor;
    opacity: 0;
  }
  to {
    -webkit-box-shadow: 0 0 0 0 currentColor;
    box-shadow: 0 0 0 0 currentColor;
    opacity: 0;
  }
}
@keyframes borderpls {
  0% {
    -webkit-box-shadow: 0 0 0 0 #ffaea1;
    box-shadow: 0 0 0 0 #ffaea1;
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px #ffaea1;
    box-shadow: 0 0 0 10px #ffaea1;
    opacity: 0;
  }
  to {
    -webkit-box-shadow: 0 0 0 0 #ffaea1;
    box-shadow: 0 0 0 0 #ffaea1;
    opacity: 0;
  }
}
@-webkit-keyframes borderpls {
  0% {
    -webkit-box-shadow: 0 0 0 0 currentColor;
    box-shadow: 0 0 0 0 currentColor;
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px currentColor;
    box-shadow: 0 0 0 10px currentColor;
    opacity: 0;
  }
  to {
    -webkit-box-shadow: 0 0 0 0 currentColor;
    box-shadow: 0 0 0 0 currentColor;
    opacity: 0;
  }
}
@-webkit-keyframes borderpls2 {
  0% {
    -webkit-box-shadow: 0 0 0 0 #9f6c00;
    box-shadow: 0 0 0 0 #9f6c00;
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px #9f6c00;
    box-shadow: 0 0 0 10px #9f6c00;
    opacity: 0;
  }
  to {
    -webkit-box-shadow: 0 0 0 0 #9f6c00;
    box-shadow: 0 0 0 0 #9f6c00;
    opacity: 0;
  }
}
@keyframes borderpls2 {
  0% {
    -webkit-box-shadow: 0 0 0 0 #9f6c00;
    box-shadow: 0 0 0 0 #9f6c00;
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px #9f6c00;
    box-shadow: 0 0 0 10px #9f6c00;
    opacity: 0;
  }
  to {
    -webkit-box-shadow: 0 0 0 0 #9f6c00;
    box-shadow: 0 0 0 0 #9f6c00;
    opacity: 0;
  }
}
.contact-page-contact-section {
  padding: 120px 0px;
}

#taeled_map {
  height: 760px;
}

.contact-location {
  width: 35%;
  float: right;
  position: relative;
}
.contact-location .td-location-iiner {
  opacity: 0;
  top: -130px;
  left: -175px;
  width: 340px;
  position: absolute;
  visibility: hidden;
  display: inline-block;
  background-color: #fff;
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.contact-location .td-location-iiner:after {
  left: 50%;
  content: "";
  bottom: -10px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
}
.contact-location .td-location-text {
  padding: 20px 20px 15px;
}
.contact-location .td-location-img-text .td-location-text h3 {
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 10px;
  text-transform: uppercase;
}
.contact-location .td-location-img-text .td-location-text a {
  display: block;
  font-size: 13px;
  color:#000;
}
.contact-location .td-location-img-text .td-location-text a i {
  color: #9f6c00;
  margin-right: 5px;
}
.contact-location .td-location-indicatior {
  background-color: #fff;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(65, 154, 159, 0.4);
          box-shadow: 0px 3px 6px 0px rgba(65, 154, 159, 0.4);
}
.contact-location .td-indicator-border1,
.contact-location .td-indicator-border1 {
  -webkit-animation: borderpls2 1.5s infinite cubic-bezier(0.4, 0, 1, 1) both;
          animation: borderpls2 1.5s infinite cubic-bezier(0.4, 0, 1, 1) both;
}
.contact-location .td-location-indicatior {
  width: 10px;
  height: 10px;
  cursor: pointer;
  border-radius: 100%;
  background-color: #ffff;
}
.contact-location .td-location-indicatior .td-indicator-border1,
.contact-location .td-location-indicatior .td-indicator-border1 {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  border-radius: inherit;
  color: inherit;
  -webkit-box-shadow: 0 0 0 2px #ffaea1;
          box-shadow: 0 0 0 2px #ffaea1;
  -webkit-animation: borderpls 1.5s infinite cubic-bezier(0.4, 0, 1, 1) both;
          animation: borderpls 1.5s infinite cubic-bezier(0.4, 0, 1, 1) both;
}
.contact-location .td-maplocation {
  position: absolute;
}
.contact-location .td-maplocation:nth-child(1) {
  top: 40px;
  left: 250px;
}
.contact-location .td-maplocation:nth-child(2) {
  top: 250px;
  left: 180px;
}
.contact-location .td-maplocation:nth-child(3) {
  top: 420px;
  left: 415px;
}
.contact-location .td-maplocation:nth-child(4) {
  top: 150px;
  left: 500px;
}
.contact-location .td-maplocation:hover .td-location-iiner {
  opacity: 1;
  top: -140px;
  visibility: visible;
}
/*.contact-location  .td_loc_indi{*/
/*    margin-left: -107px;*/
/*}*/
.td_loc_inmer{
    margin-left:-107px;
}
.sbmt_btn{
    width: 161px;
    padding: 13px 0px;
    margin-top:17px;
}
.sbmt_btn button{
    font-size:18px;
    text-transform:uppercase;
    font-family: "Oswald", sans-serif;
}
.sbmt_btn button i{
    padding:7px;
}

/*blog section*/
.blog-section-1 {
  padding: 110px 0px 120px;
}
.blog-section-1 .section-title {
  margin-bottom: 60px;
}

.blog-feed-wrap .blog-img-text .blog-text-wrap {
  z-index: 1;
  margin: 30px 0px;
  position: relative;
  padding: 48px 35px 48px 40px;
}
.blog-feed-wrap .blog-img-text .blog-text-wrap:after {
  right: 20px;
  z-index: -1;
  bottom: 20px;
  line-height: 1;
  content: "";
  font-size: 100px;
  position: absolute;
  font-family: Flaticon;
}
.blog-feed-wrap .blog-img-text .blog-text-wrap .blog-post-meta {
  color: #fff;
}
.blog-feed-wrap .blog-img-text .blog-text-wrap h3 {
  color: #fff;
}

.blog-content-wrap .col-lg-4:nth-child(1) .blog-feed-wrap .blog-text-wrap {
  background-color: #05297e;
}
.blog-content-wrap .col-lg-4:nth-child(1) .blog-feed-wrap .blog-text-wrap:after {
  color: #1e3f8b;
}
.blog-content-wrap .col-lg-4:nth-child(2) .blog-feed-wrap .blog-text-wrap {
  background-color: #121e2d;
}
.blog-content-wrap .col-lg-4:nth-child(2) .blog-feed-wrap .blog-text-wrap:after {
  color: #2a3542;
}
.blog-content-wrap .col-lg-4:nth-child(3) .blog-feed-wrap .blog-text-wrap {
  background-color: #ffaea1;
}
.blog-content-wrap .col-lg-4:nth-child(3) .blog-feed-wrap .blog-text-wrap:after {
  color: #ffb6ab;
}

.blog-section-2 {
  padding: 31px 0px 51px;
}
.blog-section-2 .blog-content-area {
  padding-top: 27px;
}

.blog-img-text-innerbox .blog-feed-img {
  overflow: hidden;
  position: relative;
}
.blog-img-text-innerbox .blog-feed-img img {
  -webkit-transition: 0.5s all ease-in-out;
  -o-transition: 0.5s all ease-in-out;
  transition: 0.5s all ease-in-out;
  width: 100%;
  height: 270px;
}
.blog-img-text-innerbox .blog-feed-img:after {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  background-color: #9f6c00;
}
.blog-img-text-innerbox .blog-text-wrap {
  height:308px;
  padding: 40px;
  border: 2px solid #eef2f5;
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.blog-img-text-innerbox .blog-text-wrap .blog-post-meta a:before {
  color: #121e2d;
}
.blog-img-text-innerbox .blog-text-wrap .blog-post-meta a:nth-child(2) {
  color: #9f6c00;
}
.blog-img-text-innerbox .blog-text-wrap h3 {
  margin-bottom: 25px;
}
.blog-img-text-innerbox:hover .blog-feed-img:after {
  opacity: 0.8;
}
.blog-img-text-innerbox:hover .blog-feed-img img {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
.blog-img-text-innerbox:hover .blog-text-wrap {
  border: 2px solid #fff;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(102, 102, 102, 0.04);
          box-shadow: 0px 8px 16px 0px rgba(102, 102, 102, 0.04);
}

.blog-section-3 {
  padding: 115px 0px 120px;
}
.blog-section-3 .section-title span {
  color: #00c3ff;
}
.blog-section-3 .blog-content-area {
  padding-top: 75px;
}
.blog-section-3 .blog-img-text-innerbox .blog-text-wrap .blog-post-meta a:nth-child(2) {
  color: #00c3ff;
}
.blog-section-3 .blog-img-text-innerbox .taeled-btn {
  background-color: #eef2f5;
}
.blog-section-3 .blog-img-text-innerbox .taeled-btn i {
  color: #121e2d;
  background-color: #fff;
}

/*Blog Page*/
/*---------------*/
.blog_feed_section {
  padding: 120px 0px 120px;
  background-color: #f9f9f9;
}

.news_post_item {
  margin-bottom: 40px;
}
.news_post_item .post_cat {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  font-weight: 700;
  padding: 5px 30px;
  font-family: "Oswald", sans-serif;
  display: inline-block;
  text-transform: uppercase;
  background-color: #9f6c00;
}
.news_post_item .video_play_btn {
  margin: 0 auto;
}
.news_post_item .news_text_area {
  padding: 50px 40px;
  background-color: #fff;
}
.news_post_item .news_text_area h3 {
  font-size: 38px;
  font-weight: 700;
  line-height: 1.167;
  padding: 20px 0px 15px;
  text-transform: uppercase;
}
.news_post_item .news_text_area p {
  line-height: 1.625;
}
.news_post_item .news_text_area .blog_meta {
  font-weight: 700;
  margin-bottom: 15px;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
}
.news_post_item .news_text_area .blog_meta li {
  font-size: 14px;
  margin-right: 25px;
}
.news_post_item .news_text_area .blog_meta li i {
  margin-right: 6px;
}
.news_post_item .news_text_area .author_meta {
  width: 100%;
  margin-top: 25px;
  display: inline-block;
}
.news_post_item .news_text_area .author_img img {
  height: 40px;
  width: 40px;
  border-radius: 100%;
  margin-right: 10px;
}
.news_post_item .news_text_area .author_img span {
  font-weight: 700;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
}
.news_post_item .news_text_area .news_more {
  margin-top: 5px;
  font-weight: 700;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
}
.news_post_item .news_text_area .news_more a {
  font-size: 14px;
  font-weight: 700;
  position: relative;
}
.news_post_item .news_text_area .news_more a:before {
  content: "";
  font-weight: 900;
  position: absolute;
  font-family: "Font Awesome 5 Free";
  left: -20px;
  top: 1px;
}

.news_qoute {
  z-index: 0;
}
.news_qoute .news_text_area {
  background-color: transparent;
}
.news_qoute:before {
  background-color: #9f6c00;
}
.news_qoute .news_text_area {
  padding-left: 145px;
}
.news_qoute .news_text_area h3 {
  color: #fff;
}
.news_qoute .news_text_area:before {
  top: 55px;
  left: 35px;
  color: #fff;
  font-size: 85px;
  font-weight: 900;
  content: "";
  position: absolute;
  font-family: "Font Awesome 5 Free";
}
.news_qoute .blog_meta li {
  color: #fff;
}

.bg_img_post {
  z-index: 0;
}
.bg_img_post .news_text_area {
  background-color: transparent;
}
.bg_img_post:before {
  background-color: #fff;
  opacity: 0.9;
}
.bg_img_post .news_text_area {
  border: none;
}

.blog_pagination .pagination {
  margin-top: 60px;
  font-family: "Oswald", sans-serif;
}

.site_sidebar {
  margin-left: 20px;
}
.site_sidebar .single_widget {
  padding: 35px;
  margin-bottom: 40px;
  background-color: #fff;
}
.site_sidebar .single_widget .widget_title {
  color: #343434;
  font-size: 20px;
  font-weight: 700;
  position: relative;
  padding: 0 0 35px 40px;
  text-transform: uppercase;
}
.site_sidebar .single_widget .widget_title:before {
  left: 0;
  top: 3px;
  width: 2px;
  content: "";
  height: 20px;
  position: absolute;
  background-color: #9f6c00;
}

.about_widget .ab_widget_img {
  width: 140px;
  height: 140px;
  overflow: hidden;
  border-radius: 100%;
  margin: 0 auto 28px;
}
.about_widget .ab_widget_text h3 {
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 15px;
  text-transform: uppercase;
}
.about_widget .ab_widget_text p {
  font-size: 14px;
  line-height: 1.857;
}
.about_widget .ab_widget_social {
  margin-top: 20px;
}
.about_widget .ab_widget_social li {
  font-size: 14px;
  margin: 0px 7px;
  color: #b3bed3;
}
.about_widget .ab_widget_social li:hover {
  color: #9f6c00;
}

.search_widget input {
  width: 100%;
  height: 60px;
  border: none;
  padding-left: 30px;
  background-color: #f6f4ff;
}
.search_widget button {
  color: #fff;
  width: 60px;
  height: 60px;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #9f6c00;
}

.single_widget .latest-blog-widget .blog-img-content {
  width: 100%;
}
.single_widget .latest-blog-widget .blog-img {
  width: 80px;
  float: left;
  height: 80px;
  overflow: hidden;
  border-radius: 100%;
  margin-right: 20px;
}
.single_widget .latest-blog-widget .blog-text h3 {
  font-size: 16px;
  line-height: 1.375;
  padding-bottom: 5px;
  text-transform: uppercase;
}
.single_widget .latest-blog-widget .blog-text span {
  font-size: 14px;
  font-weight: 700;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
}

.wicat_item li {
  z-index: 1;
  height: 50px;
  font-weight: 500;
  font-size: 14px;
  line-height: 50px;
  font-weight: 700;
  padding-left: 30px;
  position: relative;
  margin-bottom: 10px;
  font-family: "Oswald", sans-serif;
  background-color: #f9f9f9;
  text-transform: uppercase;
}
.wicat_item li:last-child {
  margin-bottom: 0;
}
.wicat_item li .post_counter {
  right: 0;
  z-index: 1;
  width: 50px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  position: absolute;
  background-color: #9f6c00;
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.wicat_item li:after {
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  z-index: -1;
  content: "";
  position: absolute;
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  background-color: #9f6c00;
}
.wicat_item li:hover {
  color: #fff;
}
.wicat_item li:hover:after {
  width: 100%;
}
.wicat_item li:hover .post_counter {
  background-color: #9f6c00;
}
.wicat_item li a {
  width: 100%;
  display: block;
}

.social_widget {
  width: 100%;
  display: inline-block;
}
.social_widget li {
  width: 40px;
  color: #343434;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  margin-right: 10px;
  background-color: #f2f2f2;
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.social_widget li a {
  width: 100%;
  display: block;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.social_widget li:hover {
  background-color: #9f6c00;
  color: #fff;
}

.twitter_update .twitter_icon {
  float: left;
  margin-right: 20px;
}
.twitter_update .twitter_icon i {
  color: #9f6c00;
  font-size: 14px;
}
.twitter_update .tw_feed_text {
  overflow: hidden;
}
.twitter_update .tw_feed_text p, .twitter_update .tw_feed_text a, .twitter_update .tw_feed_text span {
  font-size: 12px;
  line-height: 2;
  display: block;
}
.twitter_update .tw_feed_text span {
  font-weight: 700;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
}
.twitter_update .tw_feed_text a {
  margin-bottom: 5px;
}

.instagram_feed {
  display: inline-block;
  margin: 0 -7px;
}
.instagram_feed li {
  position: relative;
  background-color: #9f6c00;
  margin: 7px 5px;
}
.instagram_feed li:before {
  left: 0;
  right: 0;
  top: 40%;
  content: "";
  opacity: 0;
  color: #fff;
  position: absolute;
  visibility: hidden;
  text-align: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-weight: 900;
  z-index: 1;
  font-family: "Font Awesome 5 Free";
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.instagram_feed li img {
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.instagram_feed li:hover img {
  opacity: 0.4;
}
.instagram_feed li:hover:before {
  top: 50%;
  opacity: 1;
  visibility: visible;
}

.popular_tag {
  margin: -5px;
  display: inline-block;
}
.popular_tag li a {
  margin: 5px 3px;
  font-size: 12px;
  font-weight: 700;
  font-family: "Oswald", sans-serif;
  display: inline-block;
  text-transform: uppercase;
  background-color: #f4f4f4;
  padding: 5px 20px;
}
.popular_tag li a:hover {
  color: #fff;
  background-color: #9f6c00;
}

#blod_slide .owl-nav {
  width: 90%;
  margin: 0 auto;
  position: absolute;
}
#blod_slide .owl-nav .owl-prev,
#blod_slide .owl-nav .owl-next {
  font-size: 30px;
  color: #d4d3d2;
  float: left;
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
#blod_slide .owl-nav .owl-prev:hover,
#blod_slide .owl-nav .owl-next:hover {
  color: #fff;
}
#blod_slide .owl-nav .owl-next {
  float: right;
}
.widget-recent-blog .widget-blog-img-text .widget-blog-text .blog-meta a, .blog-img-text-innerbox .blog-text-wrap .blog-post-meta a, .blog-feed-wrap .blog-img-text .blog-text-wrap .blog-post-meta a {
    font-size: 14px;
    font-weight: 600;
    position: relative;
    padding-right: 25px;
    font-family: "Oswald", sans-serif;
    color:#000;
}
.widget-recent-blog .widget-blog-img-text .widget-blog-text .blog-meta a:before, .blog-img-text-innerbox .blog-text-wrap .blog-post-meta a:before, .blog-feed-wrap .blog-img-text .blog-text-wrap .blog-post-meta a:before {
    top: 0;
    right: 7px;
    content: "/";
    color: #fff;
    position: absolute;
}
.blog-img-text-innerbox .blog-text-wrap h3 {
      display: block;
      display: -webkit-box;
      max-width: 100%;
      height: 107px;
      margin: 0 auto;
      font-size: 14px;
      line-height: 1;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-bottom: 21px;
}
.widget-recent-blog .widget-blog-img-text .widget-blog-text h4, .blog-img-text-innerbox .blog-text-wrap h3, .blog-feed-wrap .blog-img-text .blog-text-wrap h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.417;
    margin-top:13px;
}
.blog-img-text-innerbox .blog-text-wrap h3 a{
    color:#000;
}
.taeled-btn:hover {
    color: #fff;
}
.blog-section-2 .taeled-btn {
    z-index: 1;
    height: 60px;
    width: 190px;
    font-weight: 600;
    line-height: 60px;
    padding-right: 35px;
    position: relative;
    font-family: "Oswald", sans-serif;
    background-color: #eef2f5;
}
.text-uppercase {
    text-transform: uppercase !important;
}
.blog-section-2 .taeled-btn i {
    top: 10px;
    right: 10px;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    background-color: #ffaea1;
}
.blog-section-2 .taeled-btn a{
    color:#000;
}
.blog-section-2 .taeled-btn:after {
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    -ms-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
    background-color: #9f6c00;
}
.blog-section-2 .taeled-btn:hover:after {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}
.blog-section-2 .taeled-btn:hover a{
    color:#fff;
}


/*footer section*/
.bf-footer {
    background: #eef2f5;
    padding: 27px 0px;
}
.footer-box{
    background:0;
}
.ul_box li a{
    color:#111d2d;
}
.footer-heading {
    color: #111d2d;
    font-size: 24px;
    font-weight: 600;
    display: inline-block;
    padding-bottom: 7px;
    text-transform: uppercase;
}
.bg-fooer-bottom{
    background:0;
}
.footer-box-dtl p{
    color:#111d2d;
}
.ul_box li a:hover {
    color: #111d2d;
}
.footer-bottom-lft a{
     color: #111d2d;
}
.footer-bottom-rgt a{
    color: #111d2d;
}
.ul-social-icon li a i{
    background:#111d2d;
    color:#fff;
}
.ul-social-icon li:hover a i{
    background:#9f6c00;
}
.ul_box li a i{
    color:#9f6c00;
}
.span_left{
    width:13%;
    float:left;
    padding-top: 0px;
    color:#9f6c00;
    font-size:19px;
}
.span_rgt{
    width:85%;
    float:left;
}
.footer_logo img{
    width:171px;
        margin-top: 29px;
}

/* /Home page update css */

/*contact us page update css*/
.contact-address-section {
  text-align: center;
  margin: 49px 0 50px;
}
.contact-address-section .contact-info {
  position: relative;
  background: #f1f1f1;
/*  display: flex;*/
/*  text-align: left;*/
  align-items: center;
  padding: 0 8px;
  min-height: 331px;
  position: relative;
  transition: .7s;
}
.contact-info_bg1{
  background: #f37f02 !important;
}
.contact_info{
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.contact-address-section .contact-info .icon-part i {
  color: #414141;
  font-size: 33px;
  margin: 0;
  padding: 0;
  width: 63px;
  height: 63px;
  line-height: 57px;
  border-radius: 50%;
  text-align: center;
  background: 0 0;
  border: 2px solid #414141;
  transition: .5s;
}
.contact-info_bg1{
  background: #111d2d !important;
}
.contact-info_bg1 .icon-part i {
  color: #fff !important;
  border: 2px solid #fff !important;
}
.contact-info_bg1 .info-subtitle{
  color:#fff !important;
}
.contact-info_bg1 .info-title{
  color:#fff !important;
}

.contact-info_bg2{
  background: #9f6c00 !important;
}
.contact-info_bg2 .info-subtitle{
  color:#fff !important;
}
.contact-info_bg2 .info-title a{
  color:#fff !important;
}
.contact-info_bg2 .icon-part i {
  color: #fff !important;
  border: 2px solid #fff !important;
}
.contact-address-section .contact-info:hover{
  transform: translateY(-10px);
}
.contact-address-section .contact-info:hover i{
  color:#f37f02;
  border: 2px solid #f37f02;
}
.contact-address-section .contact-info .content-part .info-subtitle {
    font-size: 27px;
    font-weight: 600;
}
.contact-address-section .contact-info .content-part .info-title {
    font-size: 15px;
    font-weight: 600;
}
.content-part {
    margin-top: 19px;
}
.contact-address-section .contact-info .content-part .info-title a {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    text-decoration: none;
}

.rs-quick-contact {
  background-color: #CCD1D9;
  padding: 70px 50px;
  /*margin-bottom: 17px;*/
  /*background: linear-gradient(to right, rgb(253 67 2), rgb(245 170 0));*/
}
.inner-part .title {
  font-size: 55px;
  font-weight: 700;
  color: #000;
  font-family: "Oswald", sans-serif;
}
.inner-part p {
  font-size: 19px;
  font-weight: 400;
  color: #000;
}
#contact-form {
  padding: 21px 0;
}
#contact-form input {
    margin-bottom: 21px !important;
}
.rs-quick-contact .from-control {
  border: 1px solid #fff;
/*  box-shadow: 0 0 30px #eee;*/
  width: 100%;
  max-width: 100%;
  opacity: 1;
  border-radius: 3px;
  background: #fff;
  padding: 10px 18px;
  font-weight: 400;
  outline: none;
}
.rs-quick-contact .form-group .btn-send {
  border: 1px solid #f44702;
  color: #f44702;
  font-size: 17px;
  letter-spacing: 3px;
  background: #fff;
  padding: 9px 17px;
  float: right;
  margin-top: 17px;
  transition: .5s;
}
.rs-quick-contact .form-group .btn-send:hover {
    background: #f44702;
    color: #fff;
}
.booknow_cntnt{
  border-radius: 0;
  position: relative;
}
.modal-book-now-body{
  padding:0;
}
.book_now-img img{
  width: 100%;
  height: 737px;
}
.bg-book-now-rgt{
  padding-right: 23px;
}
.book_cncl{
  position: absolute;
  top: -17px;
  right: -17px;
  border: 0;
  background: #fff;
  color: red;
  font-size: 25px;
  font-weight: 600;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: 0px 0px 7px 0px red;
}
.book_cncl span{
  position: absolute;
  top: 44%;
  left: 51%;
  transform: translate(-50%, -50%);
}
.contact-floating-img{
    position: relative;
  }

.taeled_btn_submit button{
    background-color: #9f6c00;
    color: #fff;
    float: right;
    margin-top: 17px;
    border: 0;
    font-size: 18px;
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    padding: 13px;
}
.taeled_btn_submit button i {
    color: #121e2d;
    background-color: #fff;
    padding:7px;
}
/*---------------------------------------------------- */
/*Contact area*/
/*----------------------------------------------------*/
@keyframes floating {
  from {
    -webkit-transform: rotate(0deg) translate(-10px) rotate(0deg);
    -ms-transform: rotate(0deg) translate(-10px) rotate(0deg);
    transform: rotate(0deg) translate(-10px) rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg) translate(-10px) rotate(-360deg);
    -ms-transform: rotate(360deg) translate(-10px) rotate(-360deg);
    transform: rotate(360deg) translate(-10px) rotate(-360deg);
  }
}
@-webkit-keyframes floating {
  from {
    -webkit-transform: rotate(0deg) translate(-10px) rotate(0deg);
    -ms-transform: rotate(0deg) translate(-10px) rotate(0deg);
    transform: rotate(0deg) translate(-10px) rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg) translate(-10px) rotate(-360deg);
    -ms-transform: rotate(360deg) translate(-10px) rotate(-360deg);
    transform: rotate(360deg) translate(-10px) rotate(-360deg);
  }
}

.contact-floating-img ul li {
  width: 70px;
  height: 70px;
  overflow: hidden;
  border-radius: 100%;
  position: absolute;
  -webkit-animation-name: floating;
          animation-name: floating;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-transform-origin: 50% 1px;
      -ms-transform-origin: 50% 1px;
          transform-origin: 50% 1px;
  -webkit-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease;
}
.contact-floating-img ul li:nth-child(1) {
  top: 292px;
  right: 305px;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-transition-delay: 0.7s;
       -o-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
.contact-floating-img ul li:nth-child(2) {
  top: 150px;
  right: 35%;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-transition-delay: 0.1s;
       -o-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.contact-floating-img ul li:nth-child(3) {
  margin-top: 47px;
  top: 50%;
  right: 22%;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-transition-delay: 0.3s;
       -o-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.contact-floating-img ul li:nth-child(4) {
  top: 80%;
  right: 55%;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-transition-delay: 0.4s;
       -o-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.contact-section-2 .contact-bg-img {
  top: 90px;
  right: 30px;
  z-index: -1;
}
.contact-section-2 .contact-bg-img img{
    margin-top: 61px;
    padding-right: 9px;
    opacity: .5;
}
.contact-section-2 .contact-content-innerbox {
  float: left;
  padding: 60px;
  max-width: 695px;
  background-color: #fff;
}
.contact-section-2 .contact-content-innerbox .contact-form-wrapper .taeled-btn button,
.contact-section-2 .contact-content-innerbox .contact-form-wrapper .taeled-btn {
  background-color: #9f6c00;
  color: #fff;
}
.contact-section-2 .contact-content-innerbox .contact-form-wrapper .contact-info .icon-bg i {
  color: #9f6c00;
}
.contact-section-2 .contact-content-innerbox .section-title span {
  color: #9f6c00;
}
.ul-li-block ul li img{
  width: 100%;
}
.taeled_btn_submit{
    width:190px;
    float: right;
}
.taeled_btn_submit button{
    color:#fff !important;
}
.service_contact_bx{
    /*font-family: "Crimson Text", serif;*/
    font-size: 12px;
    font-weight: normal;
    padding-left:15px;
    outline:none;
}
/*---------------------------------------------------- */
/* /Contact area*/
/*----------------------------------------------------*/
/* /contact us page update css*/


/* portfolio detail page css*/
.portfolio-details-section {
    padding: 120px 0px;
}
.portfolio-details-section .portfolio-details-img, .portfolio-details-section .portfolio-details-video {
    padding: 15px 0px;
}
.portfolio-details-img img{
    width:100%;
}
.portfolio-details-section .portfolio-details-overview {
    margin-top: 50px;
    margin-bottom: 30px;
    padding: 50px 50px 45px;
    border: 2px solid #e8eef5;
}
.portfolio-details-section .portfolio-details-overview .portfolio-overview-filter {
    float: left;
}
.portfolio-details-section .portfolio-details-overview .portfolio-overview-filter h3 {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}
.portfolio-details-section .portfolio-details-overview .portfolio-overview-filter span {
    font-weight: 600;
    color:#000;
}
.portfolio-details-section .portfolio-details-overview .taeled-btn {
    float: right;
    border: 2px solid #e8eef5;
    background-color: transparent;
}
.portfolio-details-section .portfolio-details-overview .portfolio-overview-filter li {
    margin-right: 60px;
}
.ul-li ul li {
    list-style: none;
    display: inline-block;
}
.portfolio-details-section .portfolio-details-overview .taeled-btn {
    float: right;
    border: 2px solid #e8eef5;
    background-color: transparent;
}
.portfolio-details-section .taeled-btn:hover {
    color: #fff;
}
 .portfolio-details-section .taeled-btn {
    z-index: 1;
    height: 60px;
    width: 190px;
    font-weight: 600;
    line-height: 60px;
    padding-right: 35px;
    position: relative;
    font-family: "Oswald", sans-serif;
    background-color: #eef2f5;
}
.portfolio-details-section .taeled-btn:after {
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    -ms-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
    background: #ff5f63;
}
.portfolio-details-section .taeled-btn a, .taeled-btn button {
    width: 100%;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-transition: 0.4s all ease-in-out;
    -o-transition: 0.4s all ease-in-out;
    transition: 0.4s all ease-in-out;
    color:#000;
}
.portfolio-details-section .taeled-btn a:hover{
    color:#fff;
}
.portfolio-details-section .portfolio-details-overview .taeled-btn i {
    background-color: #9f6c00;
}
.portfolio-details-section .taeled-btn i {
    top: 10px;
    right: 10px;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    background-color: #ffaea1;
}
.portfolio-details-section .taeled-btn:hover:after {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}
.portfolio-details-section .portfolio-details-img, .portfolio-details-section .portfolio-details-video {
    padding: 15px 0px;
}
.portfolio-details-section .portfolio-details-video-play {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    line-height: 100px;
    background-color: #fff;
}
#blod_slide .owl-nav, .news_post_item .video_play_btn, .portfolio-details-section .portfolio-details-video-play {
    left: 0;
    right: 0;
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.portfolio-details-section .portfolio-details-video-play i {
    color: #9f6c00;
}
.flaticon-play:before {
    content: "\f116";
}
.portfolio-details-section .portfolio-details-post-area {
    padding-top: 40px;
    margin: 0px 15px;
}
.no-padding {
    padding: 0;
}
.portfolio-details-section .portfolio-next-prev-post {
    padding: 20px;
    background-color: #eef2f5;
}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
.portfolio-details-section .portfolio-next-prev-post .portfolio-np-img {
    height: 80px;
    width: 130px;
    margin-right: 20px;
}
.portfolio-details-section .portfolio-next-prev-post .portfolio-np-text {
    font-weight: 700;
    padding-top: 10px;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
}
.portfolio-details-section .portfolio-details-post-area .col-md-6:nth-child(2) .portfolio-next-prev-post {
    background-color: #9f6c00;
}
.portfolio-details-section .portfolio-details-post-area .col-md-6:nth-child(2) .portfolio-next-prev-post .portfolio-np-img {
    margin-right: 0;
    margin-left: 20px;
}
.portfolio-details-section .portfolio-next-prev-post .portfolio-np-text span {
    font-size: 14px;
    color: #9f6c00;
}
.portfolio-details-section .portfolio-details-post-area .col-md-6:nth-child(2) .portfolio-next-prev-post .portfolio-np-text span {
    color: #fff;
}
.portfolio-details-section .portfolio-next-prev-post .portfolio-np-img {
    height: 80px;
    width: 130px;
    margin-right: 20px;
}
.float-right{
    float:right;
}
.portfolio-np-textb h3{
    color:#000;
}
.portfolio-np-textw{
    text-align:right;
}
.portfolio-np-textw h3{
    color:#fff;
}
/* end portfolio detail page css*/


  /* service css */
    @media screen and (max-width:767px) and (min-width:200px){
        .about-page-text-wrapper{
            margin-top: 61%;
            padding-left: 0;
        }
        .float_right{
            height: 551px;
        }
        .about-page-img1 img{
            width:80%;
        }
        .about-page-about-img .about-page-img2{
            width:80%;
        }
        .about-page-img2 img{
            width:100%;
            float: right;
        }
        .float_right_img{
            width: 81%;
        }
        .service-about-img .service-about-bottom-img{
            width: 71%;
        }
        .float_right_img1{
            width: 100%;
        }
        .skill-side-img img{
            margin-bottom: 21px;
        }
         .pdd-right{
        padding-right: 0px;
        }
        .padd-left{
            padding-left: 0px;
        }
        .abtPdd_top{
            padding-top:183px;
        }
        .footer_logo img{
            margin-top: 50px;
        }
        .service-tab-btn ul li a{
            padding: 15px 10px;
        }
        .service-tab-btn ul li a:after{
            left:13px;
        }
    }
    .impression span{
        font-weight: 800;
    }
/*/service css*/


.orange-tick img{
    width: 30px;
    height: 33px;
    margin-right: 6px
}

.orange-tick-box p{
   /*padding-right: 30px;*/
}

.orange-tick{
display: flex;
    flex-direction: row;
}
.client_img{height:403px;}
.client_img1{height:453px;}
.kickoff_img{}
.service-process-icon-text img{
    width: 63px; 
}
.orange-tick img{width: 30px;}




/* responsive css */
 @media screen and (max-width:767px) and (min-width:200px){
    .show-more-item{
         width:100%;
     }
    .logo_box1b img {
        width: 137px !important;
        margin-top: 3px !important;
    }
    #slider{
        background-position: bottom;
    }
    .slider-style-four {
        padding: 250px 0px 170px;
    }
    .slider-main-wrap .slider-text-wrap h1{
        font-size:40px;
    }
    .pera-content{
        padding-right:0px;
    }
    #slider-main .taeled-btn{
        width:43%;
        font-size:11px;
    }
    #slider-main .taeled-btn a{
        padding-right:13px;
    }
    .about-img-wrap img{
        width:100%;
    }
    .section-title h2{
        font-size:28px;
    }
    .about-content-3 .about-text-wrapper{
        padding:0px;
        margin-top:91px;
    }
    .about-content-3 .about-mission-vission .ab-mission-vission-wrap{
        width:100%;
        height:auto;
    }
    .service-innerbox-wrap {
        padding: 30px 15px;
    }
    .service-innerbox-wrap .service-inner-icon{
        width:93px;
    }
    .feature-innerbox-area{
        margin-bottom:31px;
    }
    .testimonial_bx{
        height:auto;
        margin:0;
        padding:23px 15px;
    }
    .testimonial-text span{
        font-size:24px;
    }
    .testi_img_bx img{
        width:41%;
        margin-bottom:21px;
    }
    .contact-section-2 .contact-content-innerbox{
        width:100%;
        padding:31px 15px;
    }
    .blog-img-text-innerbox .blog-text-wrap h3{
        font-size:20px;
    }
    .blog-section-2{
        padding-bottom:0px;
    }
    .footer-heading{
        font-size:20px;
    }
    .footer-box{margin-bottom: 0px !important; padding:0;}
    .ul_box{margin-bottom:0px;}
 }
 
  @media screen and (max-width:1024px) and (min-width:768px){
      .logo_box1b img {
        width: 153px !important;
        margin-top: 3px !important;
    }
    .testimonial_bx{
        height:auto;
        margin:0;
        padding:30px 15px;
    }
    .blog-img-text-innerbox{
        margin-bottom:51px;
    }
    .blog-section-2{padding-bottom:0px;}
    .span_rgt{padding-left:13px;}
  }
/* /responsive css */



.service-item1 {
    display: flex;
    /* align-items: center; */
    padding: 10px;
    text-align: justify;
    margin-bottom: 1rem;
    gap: 5px;
    transition: 0.8s ease-in-out;
    border-radius: 15px;
}

.service-item1 img {
    width: 36px;
    margin-right: 1rem;
    transition: 0.8s ease-in-out;
}



/*----------------plane and price section css design*/



 .price_main {
         border: 1px solid #8080804d;
         padding: 15px;
         height: 685px;
         background: white;
         }
         .price_box_top{
         text-align: center;
         }
         .price_box_top h3{
         line-height: 1.75rem;
         font-size: 1.375rem;
         letter-spacing: 0;
         font-weight: 400;
         color: rgb(95, 99, 104);
         margin-bottom: 10px;
         text-align: center;
         }
         .price_one{
         line-height: 2.75rem;
         font-size: 2.25rem;
         letter-spacing: 0;
         font-weight: 400;
         color: rgb(26, 115, 232);
         }
         .price_one span{
         line-height: 1.25rem;
         font-size: .875rem;
         letter-spacing: .0178571429em;
         font-weight: 500;
         color: rgb(95, 99, 104);
         font-weight: 700;
         }
         .price_two{
         line-height: 1.5rem;
         font-size: 1rem;
         letter-spacing: .00625em;
         font-weight: 700;
         color: rgb(95, 99, 104);
         text-align: center;
         text-decoration: line-through;
         }
         .price_para{
         line-height: 1rem;
         font-size: .75rem;
         letter-spacing: .025em;
         font-weight: 400;
         color: rgb(95, 99, 104);
         }
         .price_button_box{
         border: 1px solid #80808061;
         border-radius: 6px;
         padding: 10px;
         font-weight: 600;
         font-size: 14px;
         width: 45%;
         margin: 30px auto;  
         cursor: pointer;
         }
         .price_box_top{
         border-bottom: 1px solid #8080802e;
         }
         .price_main ul li{
         line-height: 1.25rem;
         font-size: .875rem;
         margin: 15px 0;
         list-style: none;
         color: rgb(95, 99, 104);
         text-align: left;
         }
         .price_main ul li i{
         color: rgb(26, 115, 232);
         content: "done";
         font-size: 17px;
         margin-right: 8px;
         }
         .price_main ul{
         padding: 5px;
         }
         
         
         
        /*modal css*/
        .buy_email_modal{
            border-radius:0;
        }
        .buy_box{
            margin-bottom: 17px;
        }
        .buy_box p{
            margin-bottom: 0;
        }
        .multi_icn{
            text-align: center;
            margin-top: 38px;
        }
        .qnty_bx input{
            text-align: center;
        }
        .buy_box input{
            width: 100%;
            border: 1px solid #ccc;
            padding: 10px;
            border-radius: 5px;
        }
        .buy_box_btn{
            text-align:right;
        }
        .buy_box_btn button{
            background-color: #9f6c00;
            color: #fff;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 18px;
            font-family: "Oswald", sans-serif;
            padding: 9px 21px;
            border: 0;
        }
        
        .buy_box_btn button i{
            color: #121e2d;
            background-color: #fff;
            padding: 5px;
        }