.about_top_boxed_text i{color: #f78e32;
    font-size: 16px;
    padding: 6px;
    border: 1px dashed #f78e32;
    border-radius: 50%;
  }
.checklist li a{
    color: var(--body-color);}
.mb-30{margin-bottom:30px;}
.main-menu{margin-right: 191px;}
.fright{float:right}
.sty2{height:372px;}
.pdt-img::before {
    content: "";
   position: absolute;
    border: 3px solid #e5e5e5;
    left: -3px;
    right: -7px;
    top: 20px;
    bottom: -16px;
    border-radius: 10px;
    z-index: -1;}
    .pimg{border: 2px solid #ddd;}
    .parsley-errors-list{
    color: #f00;
    list-style: none;
    font-size: 13px;
    padding:0;}
    
    
    /*================== whats app ===============*/
    .container-fab {
  bottom: 42px;
    position: fixed;
    margin: 1em;
    right: 105px;
    z-index: 999;
	
}
.buttons:nth-last-child(1) {
    -webkit-transition-delay: 25ms;
    transition-delay: 25ms;
    background-image: url(../img/contact-us.png);
    background-size: contain;
}
[tooltip]:before {
    bottom: 25%;
    font-family: arial;
    font-weight: 600;
    border-radius: 2px;
    background: #585858;
    color: #fff;
    content: attr(tooltip);
    font-size: 12px;
    visibility: hidden;
    opacity: 0;
    padding: 5px 7px;
    margin-right: 12px;
    position: absolute;
    right: 100%;
    white-space: nowrap;
}
.container-fab .buttons {
    box-shadow: 0 5px 11px -2px rgba(0, 0, 0, .18), 0 4px 12px -7px rgba(0, 0, 0, .15);
    border-radius: 50%;
    display: block;
    width: 56px;
    height: 56px;
    margin: 20px auto 0;
    position: relative;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out
}.buttons:not(:last-child):nth-last-child(3) {
    -webkit-transition-delay: 75ms;
    transition-delay: 40ms;
    background-image: url(../img/whatsapp.png);
    background-size: contain;
}
[tooltip]:hover:after, [tooltip]:hover:before {
    visibility: visible;
    opacity: 1;
}
.container-fab .buttons:active,
.container-fab .buttons:focus,
.container-fab .buttons:hover {
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28)
}

.container-fab .buttons:not(:last-child) {
    width: 40px;
    height: 40px;
    margin: 20px auto 0;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px)
}

.container-fab:hover .buttons:not(:last-child) {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin: -41px auto 0
}
/*=========================== section title ================*/
/* Heading-Seprator  

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


/*=========================== preloader =============*/
.preloader img{left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%) matrix(1, 0, 0, 1, 0, 0);
}
.preloader {
    min-width: 100%;
    min-height: 100%;
    position: fixed!important;
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
   background: #f5811e;
}
.circle-border {
       background: #fff;
    width: 100%;
    max-width: 205px;
    height: 100%;
    max-height: 205px;
    border: 0 solid #f60;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: auto;
    border-radius: 50%;
    box-shadow: 2px 2px 30px rgb(0 0 0 / 10%);
}
.circle-border .moving-circle {
    width: 10px;
    height: 10px;
    background: #f60;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    margin: auto;
    animation: circle 2s linear infinite;
}
.circle-border .moving-circle:nth-child(2) {
    width: 10px;
    height: 10px;
    background: #f60;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    margin: auto;
    animation: circle 2.25s linear infinite;
}

.circle-border .moving-circle:nth-child(3) {
    width: 10px;
    height: 10px;
    background: #f60;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    margin: auto;
    animation: circle 2.5s linear infinite;
}
@keyframes circle{0%{transform:rotate(0deg) translate(-70px) rotate(0deg)}100%{transform:rotate(360deg) translate(-70px) rotate(-360deg)}}#outline{stroke-dasharray:2.427766571px,242.7766571045px;stroke-dashoffset:0;animation:anim 1.6s linear infinite}


/*========================== button =================*/

.eg-btn {
    text-align: center;
    display: inline-block;
    text-decoration: none;
    transition: all .45s ease-in-out;
    text-transform: capitalize;
    font-family: var(--font-exo);
    cursor: pointer;
    overflow: hidden
}
.eg-btn i {
    font-weight: 400;
    vertical-align: middle;
    margin-right: 5px
}
.btn--dark {
   background: none;
    color: #fff;
    border-radius: 0;
    position: relative;
    z-index: 1;
    border: none;
    border: 1px solid #000;
    border-radius: 30px;background: #f5811e;
}

.btn--dark::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #f60;
    width: 100%;
    height: 100%;
    transition: .5s;
    z-index: -1;
    transform: scaleX(0);
    border-radius: 0
}

.btn--dark:hover::after {
    transform: scaleX(1)
}
.btn--dark:hover{color:#fff;border-color:#f60;}

.btn--lg {
   font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    padding: 10px 36px;
}

@media(max-width:767px) {
    .btn--lg {
        padding: 12px 35px
    }
}
.btn--primary {
    background: #ff6600;
    color: #202020;
    border-radius: 0;
    position: relative;
    z-index: 1;    margin-left: 28px;
}
.btn--primary::after{content:"";position:absolute;left:0;top:0;bottom:0;right:0;background:#202020;width:100%;height:100%;transition:.5s;z-index:-1;transform:scaleX(0);border-radius:0}
.btn--primary:hover{color:#fff}
.btn--primary:hover::after{transform:scaleX(1)}
.phone-call{margin-top:10px;margin-left: 25px;}
.phone-call .icon {
    margin-right: 12px;
}
.phone-call .icon i {
   color:#fff;
    font-size:30px;
}
.phone-call .number {
    text-align: left;
}
.phone-call .number span {
    display: inline-block;
    color: #fff;
    margin-bottom: 0;
}
.phone-call .number h5 {
    color:#fff;
    font-size: 1.25rem;
    font-weight: normal;
    margin-bottom: 0;
    white-space: nowrap;color: #fff;
    font-size: 1.25rem;
    font-weight: normal;
    margin-bottom: 0;
    white-space: nowrap;
}
.phone-call .number h5 a {color:#fff}

/*=====================================*/
/*=============================================*/
.heading-seperator{
    position: relative;
}
.heading-seperator span:after {
    content: "";
    left: 53%; 
    position: absolute;
    bottom: 10px;
    width: 17px;
    margin-left: 0;
    border-bottom-width: 3px;
    border-bottom-color: #cacaca;
    border-bottom-style: solid;
}
.heading-seperator span:after {
    right: auto;
    left: 63px;
}

.heading-seperator:after {
    border-bottom-color: var(--theme-color);
}
.heading-seperator:after {
    content: "";
    left: 50%;
    position: absolute;
    bottom: 10px;
    width: 59px;
    margin-left: -37px;
    border-bottom-width: 3px;
    border-bottom-style: solid;
}
.heading-seperator:after {
    left: 0;
    margin-left: 0;
}
.heading-seperator.text-center span:after {
    left: auto;
    margin-left: 26px;
}
.heading-seperator.text-center:after{
    left: inherit;
    margin-left: -37px;
}
.separator .sep-line {
    height: 1px;
    border-top: 1px solid #dbdbdb;
    display: block;
    position: relative;
    top: 5px;
    width: 100%;
}
.ttm-bgcolor-darkgrey .separator .sep-line{
    border-color: rgba(255,255,255,0.14);
}
.ttm-bgcolor-white .separator .sep-line{
    border-color: #f1f1f1;
}
/*======================== about ====================*/
.img-sec{
    position: relative;
    display: block;
    
    z-index: 1;
}
.abt-img{
   position: relative;
    border-radius: 240px;
    margin-left: 40px;
    margin-bottom: 15px;
}
.abt-img::before {
   content: "";
    position: absolute;
    left: -30px;
    top: 15px;
    background: rgba(222,160,87,.2);
    border-radius: 240px;
    width: 100%;
    max-width: 490px;
    height: 100%;
   
}
.abt-img img {
    border-radius: 240px;
}
/*.img-sec:hover .abt-img::before{ -webkit-animation:shine 1.5s;animation:shine 1.5s;
}*/
.abt-img{width:100%}
@-webkit-keyframes shine{to{left:125%}}
@keyframes shine{to{left:125%}}
.about-sec .shape1 {
    position: absolute;
    left: -40px;
    z-index: -1;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.zoom-fade {
    animation-name: zoom-fade;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: zoom-fade;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: zoom-fade;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: zoom-fade;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: zoom-fade;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
@-webkit-keyframes zoom-fade{0%{transform:scale(.9)}50%{transform:scale(1)}to{transform:scale(.9)}}@keyframes zoom-fade{0%{transform:scale(.9)}50%{transform:scale(1)}to{transform:scale(.9)}}

.experience-tag{width:100%;
    max-width:170px;
    text-align:center;
    background:#292b31;
    border-radius:50%;
    height:100%;
    max-height:170px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    position:absolute;top:-25px;right:-25px}
@media(max-width:576px){.experience-tag{top:185px;right:10px}}
.experience-tag::before{content:"";position:absolute;left:-5px;top:-5px;background:#fff;border:2px solid #292b31;width:106%;max-width:190px;height:106%;max-height:190px;border-radius:50%;z-index:-1}
.experience-tag::after{content:"";background:#fff;box-shadow:5px 0 15px rgba(0,0,0,.05);width:60px;height:100%;max-height:60px;background-image:url(../img/icon/home-icon.svg);background-size:auto;background-repeat:no-repeat;border-radius:50%;background-position:center;position:absolute;top:-10px;right:-5px}
.experience-tag h2{font-size: 20px;color:#DEA057;font-style:italic}.experience-tag span{font-size:18px;color:#fff;font-weight:600;font-family:var(--font-exo);font-style:normal}.experience-tag p{font-size:13px;font-weight:400;color:#fff;
   width: 68%;
    margin-bottom: 0;
    text-align: center;}
/*====================== contact ====================*/
.contact-box:hover .contact-box_icon { -webkit-transform: rotateY(180deg);
    transform: rotatey(180deg);-webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;}


/*======================== inquiry ============================*/
.fh-icon-box.style-2 {
  margin-bottom: 35px;
}
.fh-icon-box.style-2 .fh-icon {
  font-size: 30px;
  color: #0c1239;
  width: 70px;
  height: 70px;
  line-height: 70px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  text-align: center;
  border: 1px solid #dbdbdb;
  position: relative;
  z-index: 99;
}
.fh-icon-box.style-2 .fh-icon i:before {
  font-size: 30px;
}
.fh-icon-box.style-2:hover .fh-icon {
  background-color: #ff0000;
  border-color: #ff0000;
  color: #fff;
}
.fh-icon-box.style-2 h4 {
  padding-top: 0;
    font-size: 19px;
    font-weight: 600;
}
.fh-icon-box.style-2.icon-left h4,
.fh-icon-box.style-2.icon-left .desc {
  padding-left: 100px;
}
.fh-icon-box.style-2.icon-left .fh-icon,
.fh-icon-box.style-2.icon-left .img-icon {
  float: left;
}
/*--------------------------------*/
/* 6. Services Area
/*--------------------------------*/
.service-area {
    position: relative;
}
.service-bg {
    background: url(../img/bg/about-bg.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    width: 100%;
    max-height:500px;
    height: 100%;
    position: relative;
    z-index: 1;
     padding: 68px 0px 150px;
}
.service-bg::after{
    position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	background:rgba(2,14,41,0.9);
	content:"";
    z-index: -1;
}
.services-item {
    margin-top: -159px;
   
}
.single-service {
    z-index: 1;
    background: #fff;
    padding: 40px 30px;
    overflow: hidden;
    border-radius: 2px;
    position: relative;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
}
.single-service::after{
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 0%;
    background:#020E29;
    opacity: 0;
	transition: 0.4s;
    content:"";
    z-index: -1;
}
.service-icon span {
    
}
.service-icon .chars {
   width: 65px;
    height: 65px;
    line-height: 50px;
    font-size: 20px;
    text-align: center;
    border: 1px solid #232951;
    font-weight: 600;
    font-size: 49px;
    line-height: 70px;
    margin-bottom: 20px;
    display: inline-block;
    color: #ff5e14;
    font-family: var(--title-font);
}
.service-content h4 {
    display: inline-block;
    font-size: 22px;
    margin-bottom: 0;
    padding: 0 0 15px;
    text-transform: capitalize;
}
.service-content h4 a{
    color:#151b2c;
}
.single-service:hover::after {
    transition: 0.4s;
    opacity: 1;
    height: 100%;
}
.service-content p {
    font-size: 16px;
    margin-bottom: 0px;
}
.single-service:hover .service-icon span,
.single-service:hover .service-content h4 a{
    color:#fff;
}
.single-service:hover .service-content p{
    color:#d9d9d9;
}
.top-icon {
    position: absolute;
    right: 0px;
    font-size: 100px;
    line-height: 100px;
    color: #666;
    top: 0px;
    z-index: -1;
    opacity: 0.2;
    transition: 0.5s;
}
.single-service:hover .top-icon {
    right: 10px;
    font-size: 160px;
    line-height: 160px;
    color: #ddd;
    top: 10px;
    opacity: 0.2;
    transition: 0.5s;
    z-index: 2;
}
    
    
    /*============================ contact us page====================*/
/* --About Top Area-- */
.about_top_boxed {
    position: relative;
    border-radius: 20px;
    padding: 40px 30px 20px 30px;
    transition: .4s all ease-in-out;
    background: #f1f1f1;
    margin-top: 50px;
    margin-left: 20px;
    margin-right: 20px;height: 261px;
}

.about_top_boxed:hover {
    transform: translateY(10px);
}



.about_top_boxed_icon {
    text-align: center;
    margin: 0px auto 0 auto;
    margin-top: -45px;
    transition: var(--transition);
}

.about_top_boxed:hover .about_top_boxed_icon {
    transform: translateY(20px);
}

.about_top_boxed_icon img {
   width: 106px;
    height: 106px;
    border-radius: 50%;
    box-shadow: 0px -4px 16px rgb(0 0 0 / 6%), 4px 8px 16px rgb(0 0 0 / 10%);
    margin-top: -45px;
}

.about_top_boxed_text {
    padding-top: 20px;height: 165px;
}

.about_top_boxed_text h3 {
    font-size: 25px;
    font-weight: 500;
    padding: 7px 0;
    text-align: center;
    margin-bottom: -3px;
}

.about_top_boxed_text a, .about_top_boxed_text p {
    font-size: 16px;
    font-weight: 500;text-align: center;
    color:#121212;margin-bottom: 0;
}

.about_top_boxed_vector {
    position: absolute;
    bottom: 15px;
    right: 20px;
}

.about_area_main_text {
    padding-top: 54px;
}

.about_area_heading {
    position: relative;
    display: flex;
    align-items: center;
    left: -119px;
}

.about_area_heading h3 {
    color: var(--paragraph-color);
    font-weight: 400;
}

.about_area_heading_two h2 {
    line-height: 50px;
    font-weight: 500;
}

.color_big_heading {
    position: relative;
    z-index: 99;
}

.color_big_heading::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 20px;
    background: #FDC221;
    bottom: 4px;
    left: 0;
    z-index: -1;
}

.about_area_heading_two h3 {
    font-weight: 500;
    color: var(--theme-color);
    padding-top: 15px;
}

.about_area_para {
    padding-top: 20px;
}

.about_area_para h5 {
    line-height: 26px;
}

.about_area_para p {
    font-size: 18px;
    padding-top: 20px;
    line-height: 26px;
}



    
     
    /*--------------------------------------------------------------
# About One
--------------------------------------------------------------*/
.about-one {
  position: relative;
  display: block;
  padding: 50px 0 50px;
  z-index: 1;
}

.about-one__shape-box-1 {
  position: absolute;
  top: 0;
  left: 0;
  height: 690px;
  width: 625px;
  background-color: var(--oxpins-extra);
  z-index: -1;
}

.about-one__shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  mix-blend-mode: luminosity;
  opacity: .15;
}

.about-one__left {
  position: relative;
  display: block;
  margin-left: 100px;
}

.about-one__img-box {
  position: relative;
  display: block;
}

.about-one__img {
  position: relative;
  display: block;
}

.about-one__img img {
  width: 100%;
  border-top-right-radius: 100px;
  border-bottom-left-radius: 335px;
  border-bottom-right-radius: 335px;
}

.about-one__img-border {
  position: absolute;
  top: -30px;
  left: -30px;
  height: 600px;
  width: 430px;
  border: 6px solid #ddd;
  border-bottom-left-radius: 300px;
  border-bottom-right-radius: 300px;
}
.certificate-box{display:flex;text-align: center;
    margin-left: 59px;}
.about-one__curved-circle-box {
 position: relative;
    bottom: -11px;
    right: 0;
    height: 150px;
    width: 142px;
    /* border-radius: 50%; */
    background-color: rgb(241, 241, 241);
    box-shadow: 0px 10px 40px 0px rgb(0 0 0 / 10%), inset 0px 0px 16px 0px rgb(0 0 0 / 13%);
    margin-right: 43px;
}
.container-fab{right:-6px;}
.about-one__curved-circle-box .curved-circle {
  position: absolute;
  top: 18px;
  right: 18px;
  bottom: 18px;
  left: 18px;
  font-size: 16px;
  font-weight: 500;
  color: var(--oxpins-black);
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: .005em;
}



.about-one__curved-circle-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-one__curved-circle-icon img {
  width: 109px;
}

.about-one__shape-2 {
  position: absolute;
  top: 280px;
  left: -120px;
}

.about-one__shape-2 img {
  width: auto;
}

.about-one__shape-3 {
  position: absolute;
  bottom: 125px;
  left: -55px;
}

.about-one__shape-3 img {
  width: auto;
}

.about-one__shape-4 {
  position: absolute;
  bottom: 265px;
  right: -70px;
}

.about-one__shape-4 img {
  width: auto;
}

.about-one__right {
  position: relative;
  display: block;
}

.about-one__right .section-title {
  margin-bottom: 28px;
}

.about-one__fund {
  position: relative;
  display: block;
  padding-left: 25px;
  margin-top: 34px;
  margin-bottom: 43px;
}

.about-one__fund:before {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 7px;
  left: 0;
  width: 6px;
  background-color: var(--oxpins-base);
}

.about-one__fund-text {
  font-size: 18px;
  font-weight: 500;
  color: var(--oxpins-black);
  line-height: 34px;
}

.about-one__fund-text span {
  color: var(--oxpins-primary);
  font-weight: 800;
}

.about-one__points {
  position: relative;
 
  align-items: center;
 
}

.about-one__points li {
  position: relative;
  display: flex;
}

.about-one__points li+li {
  margin-left: 0;
}

.about-one__points li .icon {
  position: relative;
  display: inline-block;
  z-index: 1;
}

.about-one__points li .icon:before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  height: 43px;
  width: 43px;
  background-color: #f9f4e8;
  border-radius: 50%;
  transition: all 500ms linear;
  transition-delay: 0.1s;
  transform: scale(1);
  z-index: -1;
}

.about-one__points li:hover .icon:before {
  transform: scale(1.2);
}

.about-one__points li .icon span {
  position: relative;
  display: inline-block;
  font-size: 40px;
  color:#f60;
  transition: all 500ms linear;
  transition-delay: 0.1s;
  transform: scale(1);
}

.about-one__points li:hover .icon span {
  transform: scale(0.9);
}

.about-one__points li .text {
  margin-left: 20px;
  margin-top: -5px;
}

.about-one__points li .text h5 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 900;
  margin-bottom: 7px;
}

.about-one__points li .text h5 a {
  color: var(--oxpins-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.about-one__points li:hover .text h5 a {
  color: var(--oxpins-base);
}

.about-one__points li .text p {
  font-size: 16px;
}.mb-30{margin-bottom:30px;}
.main-menu{margin-right: 109px;}
.menu-area{height:109px;}

/* work process 
---------------------------------------*/
.flat-work-process {
    
}
.flat-work-process .features-box {
    margin-bottom: 27px;
    margin-left: -1.4%;display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}
.section-heading-jost-size20.icon {
    background-color: #f60;
    padding: 15px 18px 15px 18px;
    border-radius: 50%;
}
.flat-work-process .section-desc {
    margin-top: 11px;
}
.flat-work-process .content-features {
    padding: 34px 35px 0 68px;
}
.flat-work-process .cf-2 {
    margin-left: 6px;
}
.flat-work-process .cf-3 {
    margin-top: 9px;
}
.flat-work-process .cf-4 {
    margin-left: 6px;
    margin-top: -5px;
}
.flat-work-process .center {
    text-align: center;
}
.flat-work-process .icon-wp-box {
    position: relative;
    border: 5px solid #c7c1c1;
    border-radius: 8px;
    padding: 54px 69px 53px 39px
}
.flat-work-process .size-icon2 {
    padding: 66px 71px 63px 36px;
}
.flat-work-process .size-icon {
    padding: 54px 71px 63px 36px;
}
.flat-work-process .tf-icon-wp {
    font-size: 80px;
}
.flat-work-process .tf-icon-wp2 {
    font-size: 73px;
}
.flat-work-process .tf-icon-wp4 {
    font-size: 56px;
}
.flat-work-process .icon-box {
    position: absolute;
    top: 43%;
    right: -44px;
}
.flat-work-process .icon-box2 {
    position: absolute;
    top: 42%;
    right: -48px;
}
.flat-work-process .icon-box3 {
    position: absolute;
    top: 43%;
    right: -48px;
}
.flat-work-process .icon {
    padding: 24px 26px 24px 26px;
    color:#fff;
}

.text-pri2-color{color: #e1e1e1;
    margin-bottom: 0; font-size:20px;}


/*home 1 afetr welcome */
.working_process1 {
  position: relative;
}

.working_process1--item {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 39px 25px 30px;
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  
}

@media only screen and (max-width: 319px) {
  .working_process1--item {
    padding: 39px 20px 30px;
  }
}

.working_process1--item:hover {
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.08);
  border-color: #fff;
  -webkit-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
      transform: translateY(-3px);
}
.working_process1--item p {text-align:center;}
.working_process1--item h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  color: #444444;
  margin-bottom: 17px;
}

.working_process1--item h3 a {
  display: inline-block;
}

.working_process1--item>a {
  position: absolute;
  bottom: -20px;
  font-size: 16px;
  color: #888888;
  background-color: #ffffff;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(112, 112, 112, 0.1);
  line-height: 40px;
  border-radius: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  padding-left: 3px;
}

.working_process1--item>a:hover {
  background-color: #fa5171;
  color: #ffffff;
  border-color: #fa5171;
}

.working_process1--imgbox {
  position: relative;
  margin-bottom: 70px;
}

.working_process1--imgbox:before {
  position: absolute;
  top: 120px;
  width: 80px;
  height: 2px;
  background-color: #ff6600;
  content: "";
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}

.working_process1--imgbox img.imgbox_bg1 {
  position: absolute;
  left: 36%;
  top: 0px;
}

.working_process1--imgbox i {
  margin-top: 40px;
    font-size: 57px;
    margin-left: -15px;
}

/*
 * index working-steps
 * -----------------------------------------------
*/
.tm-sc-working-steps.working-steps-horizontal {
  position: relative;
  margin-top: 0px; }
  .tm-sc-working-steps.working-steps-horizontal .working-steps-bg-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 120%;
    height: 100%;
    background-image: url("../img/icon/working-steps-bg.png");
    background-position: 50% 0;
    background-repeat: no-repeat;
    z-index: -1;
    opacity: 1;
    margin: 0 -100px; }
    .tm-sc-working-steps.working-steps-horizontal .working-steps-bg-holder:after {
      content: "";
      transform-origin: right;
      -webkit-transform: scale(1, 1);
      -moz-transform: scale(1, 1);
      transform: scale(1, 1);
      -webkit-transition: -webkit-transform 1s linear .2s;
      -moz-transition: -moz-transform 1s linear .2s;
      transition: transform 1s linear .2s;
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
    .tm-sc-working-steps.working-steps-horizontal .working-steps-bg-holder.working-steps-bg-appeared:after {
      -webkit-transform: scale(0, 1);
      -moz-transform: scale(0, 1);
      transform: scale(0, 1); }
  .tm-sc-working-steps.working-steps-horizontal .working-steps-inner:after, .tm-sc-working-steps.working-steps-horizontal .working-steps-inner:before {
    content: "";
    display: table; }
  .tm-sc-working-steps.working-steps-horizontal .working-steps-inner:after {
    clear: both; }
  .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item {
    text-align: center;
    float: left;
    width: 100%;
    }
    .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .working-steps-item-inner {
      width: 73%; }
    .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .image-holder-wrapper {
      position: relative; }
      .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .image-holder-wrapper .image-holder {
        background-color: #fff;
        display: inline-block;
        width: 90%;
        max-width: 200px;
        border: 5px solid #eee;
        padding: 5px;
        margin-bottom: 20px;
        border-radius: 50%;
        box-sizing: border-box;
        position: relative;
        transition: all 0.3s ease-in-out; }
        @media screen and (prefers-reduced-motion: reduce) {
          .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .image-holder-wrapper .image-holder {
            transition: none; } }
        .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .image-holder-wrapper .image-holder .image-holder-inner {
          overflow: hidden;
          border-radius: 50%;
          width: 100%; }
          .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .image-holder-wrapper .image-holder .image-holder-inner img {
            vertical-align: middle;
            width: 100%;
            border: 1px solid #e6e6e6;
            box-sizing: border-box;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            -webkit-transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s;
            transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s; height: 170px;}
        .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .image-holder-wrapper .image-holder .tag {
          background-color: #f3f3f3;
       
          height: 56px;
          width: 56px;
          font-size: 14px;
          line-height: 56px;
          text-align: center;
          border-radius: 50%;
          position: absolute;
          font-weight: 700;
          top: 5px;
          right: -5px;
          border: 2px solid #fff; }
    .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item.working-steps-item-highlighted .image-holder {
      width: 90%;
      height: 90%;
      max-width: 250px;
      margin-top: -40px; }
    .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item.working-steps-item-highlighted .working-steps-item-inner {
      width: 95%; }
    .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item.working-steps-push-right .working-steps-item-inner {
      float: right; }
    .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item:hover .image-holder-wrapper .image-holder .image-holder-inner img {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }
  .tm-sc-working-steps.working-steps-horizontal.working-steps-items-three .tm-sc-working-steps-item {
    width: 100%; }
  .tm-sc-working-steps.working-steps-horizontal.working-steps-items-four .tm-sc-working-steps-item {
    width: 100%; }
  .tm-sc-working-steps.working-steps-horizontal .title-holder {
    margin-bottom: 7px; }
  .tm-sc-working-steps.working-steps-horizontal .text-holder p {
    color: #888; }
  .tm-sc-working-steps.working-steps-horizontal .text-holder p, .tm-sc-working-steps.working-steps-horizontal .title {
    margin: 0; font-size: 19px;}

@media only screen and (max-width: 1440px) {
  .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .working-steps-item-inner {
    width: 100%; } }

@media only screen and (max-width: 1366px) {
  .tm-sc-working-steps.working-steps-horizontal .working-steps-bg-holder {
    background-size: contain;
    margin: 0 -100px; } }

@media (max-width: 1199.98px) {
  .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .working-steps-item-inner {
    width: 100%; }
  .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .image-holder {
    width: 100%; }
  .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item.working-steps-item-highlighted .image-holder {
    width: 90%;
    height: 90%;
    margin-top: -40px; } }

@media (max-width: 991.98px) {
  .tm-sc-working-steps.working-steps-horizontal {
    margin-top: 0; }
    .tm-sc-working-steps.working-steps-horizontal .working-steps-bg-holder {
      display: none; }
    .tm-sc-working-steps.working-steps-horizontal.working-steps-items-four .working-steps-inner .tm-sc-working-steps-item {
      width: 100%;
    margin-bottom: 0; }
      .tm-sc-working-steps.working-steps-horizontal.working-steps-items-four .working-steps-inner .tm-sc-working-steps-item .working-steps-item-inner {
        width: 100%; }
      .tm-sc-working-steps.working-steps-horizontal.working-steps-items-four .working-steps-inner .tm-sc-working-steps-item .image-holder {
        width: 100%;
        max-width: 200px; }
      .tm-sc-working-steps.working-steps-horizontal.working-steps-items-four .working-steps-inner .tm-sc-working-steps-item .content-holder {
        padding: 0 20px; }
      .tm-sc-working-steps.working-steps-horizontal.working-steps-items-four .working-steps-inner .tm-sc-working-steps-item.working-steps-item-highlighted .image-holder {
        width: 100%;
        height: 100%;
        margin-top: 0; } 
    .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .image-holder-wrapper .image-holder .tag{height: 46px;
    width: 47px;
    font-size: 14px;
    line-height: 46px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    font-weight: 700;
    top: -1px;
    right: -17px;}
}

@media (max-width: 767.98px) {
  .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item {
    width: 100% !important;
    margin-bottom: 30px; }
    .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .working-steps-item-inner {
      width: 100%; }
    .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .image-holder {
      width: 65%;
      max-width: 200px; }
    .tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item.working-steps-item-highlighted .image-holder {
      width: 70%;
      height: 70%;
      margin-top: 0; } }
      
      
      /*========================= funfacts =====================*/
      .tm-element-holder.dot-img {
  background-image: url("../img/icon/dot-pattern.png");
  background-position: 0% 0;
  background-repeat: no-repeat; }
  
  .tm-element-holder {
  display: table;
  position: relative;
  table-layout: fixed; }
  .tm-element-holder .tm-element-holder-wrapper {
    background-position: center;
    background-size: cover;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 45; }
    .tm-element-holder .tm-element-holder-wrapper h2,.tm-element-holder .tm-element-holder-wrapper h5{color:#fff;}
  .tm-element-holder .tm-element-holder-bg-text {
    display: block;
    position: absolute;
    line-height: 1;
    font-size: 100px;
    font-weight: bold;
    color: #f5f5f5; }
    
    .tm-sc-funfact {
  transition: all 0.5s ease; padding-top: 18px; color:#fff;}
  .tm-sc-funfact h5{    font-size: 20px; color:#fff;
  }
  @media screen and (prefers-reduced-motion: reduce) {
    .tm-sc-funfact {
      transition: none; } }
  .tm-sc-funfact i {
    font-size: 45px; }
  .tm-sc-funfact .counter {
    margin-top: 20px; color:#fff;}
    .tm-sc-funfact .counter .animate-number {
      line-height: 1; }
  .tm-sc-funfact.funfact-lefticon .details {
    margin-left: 60px; }
  .tm-sc-funfact :last-child {
    margin-bottom: 0; }
.tm-sc-line-with-text .horizontal-line {
    display: inline-block;
    vertical-align: middle;
    height: 2px;
    width: 50px;
    background-color: #f60;
}
/*========================== index 2=====================*/
.section-typo-light{margin-top: -104px;
    z-index: 9;
    position: relative;
    padding-left: 100px;
    padding-right: 100px;
}
.icon-box-wrapper {
    margin-left: 20px;
    margin-right: 20px;
}
.bg-theme-colored1 {
    background-color: #ff6600 !important;
}
.icon-box {
  position: relative;
  z-index: 0;
  transition: all 0.3s ease; color: #fff !important;}
  @media screen and (prefers-reduced-motion: reduce) {
    .icon-box {
      transition: none; } }
  .icon-box .icon-wrapper {
    margin-bottom: 20px; }
  .icon-box .icon {
    display: inline-block;
    height: 70px;
    margin-bottom: 15px;
    transition: all 0.3s ease;
    width: 70px;
    text-align: center;
    font-weight: normal; }
    @media screen and (prefers-reduced-motion: reduce) {
      .icon-box .icon {
        transition: none; } }
    .icon-box .icon i {
      display: inline-block;
      font-size: 40px;
      line-height: 70px; }
    .icon-box .icon i[class*="pe-7s-"] {
      vertical-align: text-bottom; }
    .icon-box .icon.icon-default {
      height: auto;
      width: auto;
      margin-bottom: 5px; }
      .icon-box .icon.icon-default i {
        line-height: 1; }
    .icon-box .icon.icon-gray {
      background-color: #eee;
      color: #333; }
     .icon-box.icon-left .icon.icon-lg {
    margin-right: 25px;
}
.icon-box.icon-left .icon {
    float: left;
    margin-right: 20px;
}
.icon-box .icon.icon-lg {
    height: 90px;
    width: 90px;
}
.icon-box .icon.icon-default {
    height: auto;
    width: auto;
    margin-bottom: 5px;
}
.icon-box-animated-icon a.icon {
    transition: all 0.3s ease;
}
.icon-box .content p a {
      color: #777;
      font-weight: 300; }
  .icon-box.icon-left .icon {
    float: left;
    margin-right: 20px; }
    @media (max-width: 1199.98px) {
      .icon-box.icon-left .icon {
        float: none !important;
        margin-right: 0;
        margin-bottom: 15px; } }
    .icon-box.icon-left .icon.no-bg {
      width: auto;
      height: auto; }
  .icon-box.icon-left .icon-text {
    overflow: hidden; }
    .icon-box .icon-box-title, .icon-box .icon-box-title a {
   transition: all 0.1s ease;
    text-align: left;
    color: #fff;
    font-size: 20px;
}
.icon-box .content p {
   margin-bottom: 0;
    color: #fff;
    font-size: 16px;
    text-align:left;
}
icon-box.icon-left .icon.icon-lg {
  margin-right: 10px; }

.icon-box.icon-left .btn-view-details {
  margin-top: 10px; }

.icon-box-animated-icon a.icon {
  transition: all 0.3s ease; }
  @media screen and (prefers-reduced-motion: reduce) {
    .icon-box-animated-icon a.icon {
      transition: none; } }

.icon-box-animated-icon:hover a.icon {
  -webkit-transform: translate(0, 10%);
  -moz-transform: translate(0, 10%);
  -ms-transform: translate(0, 10%);
  transform: translate(0, 10%); }
  
  .bg-theme-colored2 {
    background-color: #000000 !important;
}
    
    
    /*=============== product section bg ==============*/
    .pro-sec{
	position:relative;
	overflow:hidden;
	padding:82px 0px 60px;
	background-color:rgb(239,239,239);
}

.pro-sec .pattern-layer{
	position:absolute;
	left:12%;
	top:0%;
	width:404px;
	height:393px;
	background-repeat:no-repeat;
}

.pro-sec .pattern-layer-two{
	position:absolute;
	right:8%;
	top:8%;
	width:86px;
	height:142px;
	background-repeat:no-repeat;
}

.pro-sec .pattern-layer-three{
	position:absolute;
	left:1%;
	bottom:10%;
	width:212px;
	height:196px;
	background-repeat:no-repeat;
}

.pro-sec .pattern-layer-four{
	position:absolute;
	right:-10px;
	top:25%;
	width:320px;
	height:312px;
	background-repeat:no-repeat;
}

.pro-sec .pattern-layer-five{
	position:absolute;
	right:0px;
	bottom:30px;
	width:359px;
	height:505px;
	background-repeat:no-repeat;
}
.pro-sec .pattern-layer{
  animation-name: float_left_right;
  animation-duration: 30s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: float_left_right;
  -webkit-animation-duration: 30s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: float_left_right;
  -moz-animation-duration: 30s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float_left_right;
  -ms-animation-duration: 30s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float_left_right;
  -o-animation-duration: 30s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}

@keyframes float_left_right {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 1;
  }

  50% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }

  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 1;
  }
}
.funfact{
	position:relative;
	text-align:center;
	z-index:1;
	padding:52px 0px 52px;
}



.funfact .pattern-layer{
	position:absolute;
	left:0px;
	bottom:0px;
	width:113px;
	height:215px;
	z-index:1;
}

.funfact .pattern-layer-two{
	position:absolute;
	right:60px;
	top:80px;
	width:86px;
	height:142px;
}

.funfact:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.50;
	background-color:#000;
	
}


.funfact .pattern-layer, .funfact .pattern-layer-two, .pro-sec .pattern-layer-two, .products-section .pattern-layer-three, .products-section .pattern-layer-five, .products-section .pattern-layer-four, .pro-sec .pattern-layer-three, .team-section-two .pattern-layer, .main-slider .slide .pattern-layer-two, .footer-style-two .pattern-layer-two, .welcome-section .pattern-layer, .service-section-two .pattern-layer-three {
  animation-name: float_up_down;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: float_up_down;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: float_up_down;
  -moz-animation-duration: 5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float_up_down;
  -ms-animation-duration: 5s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float_left_right;
  -o-animation-duration: 5s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}

@-webkit-keyframes float_up_down {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }

  50% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
}
.marketarea .gear-pattern-layer {
  position: absolute;
  right: -24px;
  bottom: -100px;
  width: 345px;
  height: 344px;
  background-repeat: no-repeat;
}
@-webkit-keyframes rotateme {
    0% {
        -webkit-transform: rotate(0deg);
        opacity: 1;
      }

    50% {
        -webkit-transform: rotate(180deg);
      }
    100% {
        -webkit-transform: rotate(360deg);
        opacity: 1;
      }
}
.marketarea{position:relative;}
.marketarea .gear-pattern-layer {
  animation-name: rotateme;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: rotateme;
  -webkit-animation-duration: 15s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotateme;
  -moz-animation-duration: 15s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: rotateme;
  -ms-animation-duration: 15s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: rotateme;
  -o-animation-duration: 15s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}


/*============================= quality 2 ===================*/
.bg-img1 {
    background-image: url(../img/row-bgimage-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.ttm-bgcolor-darkgrey{    background-color: #020d26;}
.featured-box {
    padding: 20px 0 20px 0;
    position: relative;
}
.ttm-bgcolor-darkgrey .featured-box.style2:hover{ border-color: #f60; }
.ttm-bgcolor-darkgrey .featured-box.style2{ border-color: transparent; }

.featured-box.style2{ padding: 36px 15px 0; border: 1px solid transparent; margin-top: 0;}
.service-section.style2 .row .col-lg-4:nth-child(-n+3) .featured-box.style2{ margin-bottom: 40px; }
.featured-box.style2 .featured-content{ padding-top: 18px; }
.featured-box.style2:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: -10;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.featured-box.style2:hover:after{ border-color: #f60; width: 100%;}
.featured-box .featured-icon i{color:#f60;font-size: 45px;
    line-height: 45px;}
.featured-title h5{
    font-size: 21px;
    line-height: 28px;
    margin-bottom: 10px;
    font-weight: 600;
    color:#f5f5f5;}
    
    .ttm-bgcolor-darkgrey .featured-box.style2.text-center p, .ttm-bgcolor-skincolor .featured-box.style2.text-center p {
    color: rgba(255,255,255,.75);
}
.detail-box { border: 1px solid var(--border-color); 
padding:20px; margin-bottom:20px;}
.detail-box-2 {border: 1px solid var(--border-color);
    padding: 20px;
    height: 213px;}