html, body {
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Plus Jakarta Sans', sans-serif;
    letter-spacing: .0em!important;
}


/* For WebKit Browsers (Chrome, Safari) */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-thumb {
   -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 255, 0.3);
}



b, strong {
    color: #14212b;
}

p {
    font-size: 14px;
    color: #748494;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: #ff671b;
    font-weight: 700;
}

h1,
.h1 {
    font-size: 28px
}

h2,
.h2 {
    font-weight: 600 !important;
    color: #14212B;
    padding-top: 15px;
    padding-bottom: 15px
}

h3,
.h3 {
    font-size: 28px
}

h4,
.h4 {
    font-size: 24px;
    color: #616161
}

h5,
.h5 {
    font-size: 18px;
    color: #616161
}

h6,
.h6 {
    font-size: 16px
}

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

a {
    color: #ff671b;
    text-decoration: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: .05em !important;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    text-decoration: none
}

a:hover,
a:focus {
    color: #DADADA;
    text-decoration: none !important
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

ul {
    list-style-type: none;
    font-family: 'Open Sans', sans-serif
}

li {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 30px
}

pre {
    width: 100%;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap !important;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    letter-spacing: .05em
}

.container.max-width-1270 {
    max-width: 1200px
}

.headerBG {
    height: 100px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    padding-top: 10px;
    height: fit-content;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

a.navbar-brand.logo.whnmob img {
    width: 100%;
    min-width: 60px;
    max-width: 60px;
}

/*.navbar.biz-nav {*/
/*    align-items: center;*/
/*    display: inline*/
/*}*/

.navbar-collapse {
    margin-left: 90px
}

a.nav-link span {
    font-weight: 600
}

a.nav-link.extraNav span {
    color: #fff;
    display: block;
    padding: 5px 20px;
    background: transparent;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s
}



.new-label {
    display: flex;
    color: #FFEB3B;
    font-size: 10px;
    font-weight: bold;
    padding: 0 5px;
    border-radius: 3px;
    position: absolute;
    top: -13px;
    right: 5px;
    z-index: 1;
    margin: 0;
    height: 27px;
    text-transform: uppercase;
}

.menu-item .extraNav span:hover {
    background: #049c81;
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    -moz-transition: .3s ease-in;
    transition: .3s ease-in
}

.current-menu-item a span {
    font-weight: 300;
    display: block;
    padding: 5px 20px;
    border-bottom: 2px solid #049c81 !important;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s;
    border-top: none
}

.rightBox {
    align-items: center;
    display: grid;
    justify-content: flex-end;
    padding: .5rem 0;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    height: 100%;
    width: 100%
}


.loc_wrapper {
  cursor: pointer;
}

.location-nav {
  position: relative;
  color: white;
  font-size: 0.9rem;
  font-weight: bold;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 15px;
  background: #ff671b;
  border-radius: 2px;
 font-family: Arial,sans-serif;
}

.location-nav:hover {
  color: white;
}

.location-nav:after {
  content: '' !important;
  background: url(/wp-content/uploads/2020/12/caret-down.svg);
  background-repeat: no-repeat;
  padding: 5px;
  background-size: contain;
  vertical-align: baseline;
  float: right;
  position: relative;
  left: 5px;
}

.loc_ul {
  position: absolute;
  display: none;
  padding: 0;
 background: #14212b;
  color: #fefefe;
  width: 150px;
  margin: 0;
  padding: 0;
  left: 0px;
  margin-top: 10px;
z-index: 10;
}

.loc_ul li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
}

.biz__blog-page a:visited {
  color: #ff671b;
}

.biz__blog-page .single_cat a:visited {
color: white;
}

.loc_ul li a,
a:visited {
  text-decoration: none;
  padding-left: 0;
  color: #fefefe;
  font-size: 0.8rem;
  padding: 8px 0px;
  align-items: center;
  display: flex;

  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.loc_ul li:hover {
  background: #c6ccd1;
  color: #14212b;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.loc_ul li a:before {
  display: inline-block;
  content: '';
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  margin-right: 2px;
}

.phn3:before {
  background: url(/wp-content/uploads/2021/08/mexico_icon5678.svg);
}

.phn2:before {
  background: url(/wp-content/uploads/2020/12/united-states.svg);
}

.phn1:before {
  display: inline-block;
  content: '';
  background: url(/wp-content/uploads/2021/02/india_flagNumber-1.png);
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
}

.rightBox .rt_phn {
  color: #14212b;
  line-height: 25px;
  display: flex;
  align-items: center;
}

.rightBox a {
  font-size: calc(1px + 0.7vw);
  font-weight: 600;
}


.search-bar .search_result ul {
  background: white;
  padding: 0px;
  margin: 0px;
}

.search-bar .search_result ul li {
  border-bottom: 1px solid #b7b7b7;
  padding: 4px 10px;
}

.search-bar .search_result ul li a {
  color: #ff671b;
  font-weight: 600;
}

.input_search:focus-visible {
  outline: none;
}

.search-icon {
  position: relative;
}
button#search-button:focus {
  outline: none;
}
.icon__input {
  display: flex;
}
.icon__input img {
  width: 20px;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  margin-top: 7px;
}

div.search_result {
  display: none;
  position: relative;
  overflow-y: auto;
  height: 300px;
}


header.sticky.ftHeader {
    -webkit-box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1);
    background: #fff
}

header.sticky {
    height: fit-content;
    padding-bottom: 10px;
    background: #14212b;
    transition: all .4s ease;
    z-index: 99998;
    -webkit-box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1)
}

header.sticky.ftHeader .biz-nav #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    color: #14212b
}

header.sticky.ftHeader .rightBox .rt_phn {
    color: #14212b
}

.wpcf7-form .wpcf7-response-output {
	 font-weight: 600;
    margin-top: 10px;
}

.wpcf7-form.sent .wpcf7-response-output {
	color: #4CAF50;
}

 .wpcf7-form.failed .wpcf7-response-output {
	 color: #FF9800;
}

.wpcf7-form.invalid .wpcf7-response-output {
	color: red;
}

.wpcf7-form.invalid .wpcf7-not-valid-tip {
	color: red;
}

.wpcf7 .screen-reader-response {
	display: none;
}


.wpcf7-not-valid-tip {
    font-size: 0.9rem;
}

.biz_btn-full {
    font-size: calc(1.5px + 0.7vw);
    font-weight: 500;
    white-space: nowrap;
    border-color: #ff4105;
    border-radius: 5px;
    outline: none;
    box-shadow: #999 0 0 0 0;
    box-sizing: border-box;
    visibility: inherit;
    transition: none 0 ease 0;
    text-align: inherit;
    margin: 0;
    padding: 10px 15px !important;
    min-height: 0;
    min-width: 0;
    max-height: none;
    max-width: none;
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0;
    color: #fff;
    cursor: pointer;
}

.biz_btn-full:after {
    content: "\27A1";
    padding: 10px 0 0 10px;
    font-weight: 700
}

.biz_btn-outline:after {
    content: "\27A1";
    padding: 10px 0 0 10px;
    font-weight: 700
}

.biz_btn-outline {
    background-color: transparent;
    border: 1px solid #ff671b !important;
    border-radius: 5px;
    outline: none;
    box-shadow: #999 0 0 0 0;
    margin: 0;
    padding: 10px 15px !important;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0;
    color: #ff671b;
    font-size: calc(1.5px + 0.9vw);
    font-weight: 600;
    text-decoration: none !important;
    display: initial
}

.biz_btn-outline:hover {
    background: #ff671b;
    color: #fff;
    border: 1px solid #ff671b !important
}

.gradient-button:hover {
    background: transparent;
    color: #ff671b;
    border: 1px solid #ff671b !important;
    padding: 10px 15px !important
}

.main-heading_title h2 {
    font-size: 1.8rem;
    padding-top: 0 !important;
    margin: 0 !important
}

.main-heading_title h3 {
    font-size: 1.6rem!important;
}

.main-heading_title .cto_265467 {
    width: fit-content;
    background: #e27035;
    border-radius: 10px;
    padding: 10px 15px;
}

.main-heading_title .cto_265467 h2, .cto_265467 p {
    color: white;
}


#tidio-chat {
    position: relative;
    z-index: 9999999;
}

.hidden_chatbot-close {
    display: none;
  }

.chatbot-hide-button {
  position: relative;
  overflow: hidden;
  z-index: 999999;
}

.chatbot-hide-button .child {
  background: #0aa7f7;
	background: #0aa7f7;
    box-shadow: rgba(0, 77, 255, 0.5) 0px 2px 16px;
  border: none;
	font-weight: bolder;
    outline: none;
    color: white;
    color: white;
    line-height: 1;
    border-radius: 100%;
    position: fixed;
    justify-content: center;
    display: flex;
    right: 10px;
    bottom: 40px;
    padding: 5px 8px;
    z-index: 999999;
}

#minimizeButton {
  display: none;
  position: fixed;
    bottom: -12px;
    right: 20px;
    z-index: 999;
}

#minimizeButton button {
	background: linear-gradient(135deg, rgb(64, 29, 186), rgb(130, 91, 240));
    background: -webkit-linear-gradient(135deg, rgb(64, 29, 186), rgb(130, 91, 240));
    box-shadow: rgba(0, 77, 255, 0.5) 0px 2px 16px;
    border-radius: 5px;
    color: white;
    padding: 2px 30px;
    padding-bottom: 5px;
    border: transparent;
    outline: none;
    font-family: Arial,sans-serif;
}

#minimizeButton button svg {
    width: 22px;
    height: 22px;
    margin-bottom: 10px;
    margin-right: 5px;
    margin-top: 5px;
}

.gradient-button {
	background: linear-gradient(135deg,#f2672a,#fe4206);
    background: -webkit-linear-gradient(135deg,#f2672a,#fe4206);
    background-size: 300%, 1px;
    background-position: 0;
    border: 1px solid #adb5bd00 !important
}

.rev-btn1 {
    transition: 400ms !important
}

.carousel-cell.grd_remove.text-dark .inner .title {
    color: #1b2029;
}


.carousel-cell.grd_remove.text-dark .inner .subtitle {
    color: #14212ba8;
}

.gradient-button {
    border-width: 0
}

a.btn.btn-outline-primary {
    padding: 15px 30px !important
}

.slider-btn a {
    margin-right: 20px
}

.slider-btn .biz_btn-outline {
    border: 1px solid #677c92 !important;
    color: #fff
}

/* .marquee {
    opacity: 0;

} */

.js-marquee {
    margin-left: 130px;
}


.news-container {
	background: mediumslateblue;
    position: relative;
    font-size: 16px;
    background: -webkit-linear-gradient(45deg, #00af8d, #08abf9);
    background: -moz-linear-gradient(45deg, #00af8d, #08abf9);
    background: -o-linear-gradient(45deg, #00af8d, #08abf9);
    background: -ms-linear-gradient(45deg, #00af8d, #08abf9);
    background: linear-gradient(45deg, #00af8d, #08abf9);
    color: #73c2fb;
    padding: 10px 0px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.news-container .news-heading {
    font-weight: bold;
/*     padding-right: 30px;
    padding-left: 30px; */
	width: 150px;
    border-right: 1px solid #fff;
    font-size: 18px;
    color: white;
    align-items: center;
    display: flex;
}

.news-container .news-heading-mobile h3 {
	    color: white;
}

	.news-heading-mobile {
		display: none;
	}

.news-container .news-heading h3 {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 600;
    color: #ffffff;
/*     background: -webkit-linear-gradient(#fff,#FF9800);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    text-transform: capitalize;
    letter-spacing: normal;
}

.news-container .marquee {
    width: 100%;
    overflow: hidden;
}

.marquee ul {
    display: flex;
    list-style-type: disc;
    gap: 50px;
    margin: 0;


}

.marquee ul li {
    list-style-type: disc;
    margin-left: 40px;
    margin: 0;

}

.marquee ul li p {
    color: white;
    margin: 0;
    font-size: 0.8rem;
}

.marquee ul li p span {
    background: #ff671b;
    padding: 3px 10px;
    border-radius: 3px;
}

.marquee ul li p a {
    font-size: 1.2rem;
    color: #ffffff;
    white-space: nowrap;
    letter-spacing: -1.2px!important;
}

.marquee ul li p a:hover {
    color: #14212b;
}

.hero_content {
    grid-area: overflow-content;
    color: #fff;
    margin: 15% auto;
    font-size: 2rem;
    width: 82%
}

.hero_content b {
    color: #ff671b
}

.hero_content h1 {
    color: #fff;
    font-size: 2.8vw;
    font-weight: 600
}

.hero_content p {
    font-size: 18px;
    color: #fff
}

.btn-primary {
    color: #fff;
    background-color: #ff5722 !important;
    border-color: #ff5722 !important
}

.btn-outline-primary {
    color: #f8f9fa !important;
    border-color: #f8f9fa !important
}

.c-hero {
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.img_lay {
    position: relative;
    overflow: hidden
}


.solution__content p, .solution__content strong {
    font-size: 16px;
		line-height: 26px;

}

.solution__content h4 strong, .solution__content h5 strong {
    font-size: 22px;
}

.solution__content .why___us span {
    margin-bottom: -10px;
    display: block;
}


.solution__content .solution-list__items {

display: flex;

}

.why___us h4 strong {
    display: block;
    margin-top: 20px;
}

.org-banner:before {
    content: "";
    position: absolute;
    top: 4%;
    left: 65%;
    width: 650px;
    right: 0;
    height: 600px;
    border-radius: 50%;
    border: 130px solid #ff671b;
    z-index: 1;
    transition: transform 0s linear 0s;
    will-change: transform;
    overflow: hidden;
}

.c-hero--fade-in--img {
    -webkit-animation-name: heroFadeInImg;
    animation-name: heroFadeInImg;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-timing-function: cubic-bezier(0.88, -0.23, 0.29, 1);
    animation-timing-function: cubic-bezier(0.88, -0.23, 0.29, 1);
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes heroFadeInImg {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes heroFadeInImg {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.slider-btn {
    position: relative;
    display: contents;
    float: left
}

.home_case-titles {
    padding-bottom: 3rem;
    padding-top: 3rem
}

.home_case-titles ul {
    padding: 0;
    display: flex;
    gap: 70px
}

.slider-service_item {
    text-align: left;
    -webkit-box-shadow: inset -8px 0 5px -5px rgba(130, 130, 130, 0.1);
    -moz-box-shadow: inset -8px 0 5px -5px rgba(130, 130, 130, 0.1);
    box-shadow: inset -8px 0 5px -5px rgba(130, 130, 130, 0.1);
    justify-content: flex-start;
    display: flex;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.slider-service_item a {
    color: #fff;
    width: 180px;
    font-size: 25px;
    font-weight: 500;
    line-height: 40px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.slider-service_item:hover a {
    color: #ff671b
}

.breadcrumbs {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0
}

.item-current strong {
    color: #ff671b
}

.slider-btn.breadcm_btn {
    margin-bottom: 45px;
    position: relative;
    display: block;
    padding-top: 40px;
    float: none
}

.breadcrumbs.singleClass {
    justify-content: center;
    position: relative;
    display: flex;
    padding-bottom: 0;
    padding-top: 0
}

.breadcrumbs li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px
}

.breadcrumbs .separator {
    font-size: 18px;
    font-weight: 100;
    color: #ccc
}

ul.breadcrumbs li a {
    color: #fff
}

ul.breadcrumbs li a:hover {
    color: #00ae8d
}

.bread-current {
    color: #ff671b
}

.breadcrums {
    background: linear-gradient(45deg, black, #66666670), url(/wp-content/uploads/2020/10/26317.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: right;
    background-color: #081219;
    height: 500px;
}

.cstm-brdcum {
    position: relative;
    max-width: 83%;
    margin-right: auto;
    margin-left: auto;
    z-index: 5;
    align-items: center;
    display: flex;
    height: 100%
}

.cstm-brdcum.ebooks_cls {
    display: grid;
    height: 70%
}

.breadcrums h1 {
    font-size: 2.3rem;
    font-weight: 700;
    margin-bottom: 2%
}

p.page_short_desc {
    color: #fff;
    font-size: 18px
}

p.page_short_desc.st_padding {
    width: 75%
}

.f_name {
    height: 35px !important
}

.e_name {
    height: 35px !important
}

.m_name {
    height: 80px !important
}

.b_name {
    align-items: center;
    display: flex
}

.blog-page .blog-section .blog-col .blog-div {
    height: 485px
}

#wpadminbar {
    z-index: 99999999!important;
}

.modal {
    z-index: 99999999;
    background: #14212ba6
}

.modal-title {
    color: #14212b;
    font-weight: 600
}

.drl_btbox h2.pbjc {
    font-size: 1.7rem;
    font-weight: 400;
    margin: 0 0 10px;
    text-transform: capitalize;
    line-height: 22px
}

.blog-page .banner-section {
    padding: 100px 0 25px
}

.asd .text-div span {
    overflow: hidden;
    width: 308px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 10px
}

.asd .text-div a.sTitle h2 {
    font-size: 18px;
    font-weight: 600
}

#asData {
    display: contents
}

.blog-page .blog-section .blog-col .asd .blog-div>.text-div {
    padding: 10px
}

.blog-page>.bn_services {
    padding: 50px 0 25px;
    padding-bottom: 20px
}

#loadingSdr {
    display: none;
    font-size: 25px;
    position: relative
}

.search-form {
    justify-content: center;
    display: flex;
    margin-top: 20px
}

.search-form_form .live__search-bar {
    display: block;
    width: 100%;
}


.faHld {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    color: #ff671b;
    background-color: #ff671b;
    text-align: center;
    white-space: nowrap
}

.faHld svg {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    margin-top: 5px
}

.faHld svg path {
    stroke: #fff !important
}

.faHld svg line.st0 {
    stroke: #fff !important
}

.faHld:hover svg path.st_transform {
    -webkit-transform: rotate(-185deg);
    -moz-transform: rotate(-185deg);
    -ms-transform: rotate(-185deg);
    -o-transform: rotate(-185deg);
    transform: rotate(-185deg)
}

.faHld svg .st_transform {
    stroke: #fff !important;
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    transform-box: fill-box;
    -webkit-transition: .45s;
    -o-transition: .45s;
    -moz-transition: .45s;
    transition: .45s
}

.btn.form-control.faHld.form-control:focus {
    color: #495057;
    background-color: #ff671b;
    border-color: #ff671b;
    outline: 0
}

.blog-page>.bn_services h1 {
    font-weight: 700;
    font-size: 36px;
    line-height: 46px;
    color: #fff !important
}

.blog-section #asData .asd .blog-div .image-div a .srchImg {
    height: 250px
}

.srch_rd {
    position: relative;
    justify-content: center;
    display: flex
}

.search__col {
    border-radius: 5px;
    padding-bottom: 10px
}

.blog-page .banner-section .text-col .container {
    padding: 0
}

.blog-page .banner-section .text-col .container h3 {
    color: #fff
}

.form-row .form-group {
    padding: 0;
    margin: 0
}

.form-row .form-group select.form-control {
    display: block;
    width: 100%;
    height: 50px;
    padding: 5px 12px;
    font-size: 14px;
    color: #fff;
    background-image: none;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    font-weight: 500;
    background: #14212b
}

.form-row .form-group input.form-control {
    width: 100%;
    height: 50px;
    padding: 6px 12px;
    font-size: 14px;
    border-radius: 0;
    border-right: none
}

.form-row .form-group button.form-control {
    background: #ff671b;
    width: 100%;
    height: 50px;
    padding: 6px 12px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border: 2px solid #ff671b;
    border-left: none
}

.form-row .form-group .form-control.btnSh:focus {
    background: #ff671b !important
}

.btnTrns {
    display: inline !important;
    position: relative;
    left: -50px;
    -webkit-animation: slide 1s forwards;
    animation: slide 1s forwards;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all: 1s ease;
    transitions: all 1s ease
}

@-webkit-keyframes slide {
    100% {
        left: 0
    }
}

@keyframes slide {
    100% {
        left: 0
    }
}

.form-control:focus {
    border-color: transparent
}

#breadcrumbs li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px
}

#breadcrumbs .separator {
    font-size: 18px;
    font-weight: 100;
    color: #ccc
}

.photoshoot-menu ul {
    padding-left: 0;
    margin: 0
}

.photoshoot-menu>ul li {
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    margin: 3px 2px;
    position: relative
}

.photoshoot-menu>ul>li>a {
    color: #212121;
    display: inline-block;
    padding: 8px 20px;
    border: 1px solid #4f4f4f;
    border-radius: 4px
}

#bs-example-navbar-collapse-1 ul ul {
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 0;
    float: left;
    min-width: 200px;
    padding: 5px 0;
    margin: 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    display: none
}

#bs-example-navbar-collapse-1 ul:first-child>li.menu-item-has-children:hover>ul {
    opacity: 1;
    visibility: visible;
    display: block;
    z-index: 1000
}

#bs-example-navbar-collapse-1 ul ul li {
    width: 100%
}

#bs-example-navbar-collapse-1 ul ul li a {
    display: inline-block;
    line-height: 16px;
    padding: 5px;
    color: #FFF;
    width: 100%
}

#bs-example-navbar-collapse-1 ul ul ul {
    left: 99%;
    top: 0
}

#myBtn {
    right: 0;
    z-index: 99999;
    margin-top: -55px;
    font-size: 18px;
    margin-right: 25px;
    position: absolute;
    border: none;
    outline: none;
    background-color: #f2682b;
    color: #fff;
    cursor: pointer;
    padding: 10px 19px;
    border-radius: 4px
}

#myBtn:hover {
    background-color: #555
}

.footer .blog-post_media {
   margin-bottom: 10px;
}

footer .footer-col.logo-col a img {
    padding-bottom: 15px
}

footer .footer-col.logo-col a {
    margin-right: 3px
}

footer .footer-col.logo-col img.logo-image {
    margin-left: 15px
}

.service-page .banner-section {
    height: auto
}

.service-page .banner-section .banner-col {
    height: calc(50vh - 35px)
}

.banner-section .banner-col .btn.primary-btn {
    margin-right: 0 !important
}

.service-page .service-card-section .service-card-col .service-card-div .text-div h4 {
    border-bottom: 1px solid rgba(112, 112, 112, .2);
    padding-bottom: 10px
}

.services_desc-p p.list:before {
    font-family: FontAwesome;
    content: "\f111";
    position: relative;
    z-index: 100000;
    top: -1px;
    font-size: 9px;
    padding-right: 10px;
    left: 0
}

.service-page .service-card-section .service-card-col .service-card-div .text-div h3 {
    text-transform: uppercase !important
}

.home-page .vision-section .image-col .image-div {
    height: 342px
}

.blog-case-section .industries-col .industry-served-col .industry-served-div {
    height: 340px
}

.blog-case-section .industries-col .industry-served-col .industry-served-div .text-div p {
    color: #8e8e8e !important
}

.flaticon-factory:before {
    content: url(/wp-content/uploads/2021/02/factory_ico.png)
}

.flaticon-trolley:before {
    content: url(/wp-content/uploads/2021/02/delivery_ico.png)
}

.flaticon-solar-energy:before {
    content: url(/wp-content/uploads/2021/02/sun-energy.png)
}

.flaticon-forensic-science:before {
    content: url(/wp-content/uploads/2021/02/forensic-science.png)
}

.flaticon-mobile-banking:before {
    content: url(/wp-content/uploads/2021/02/mobile-banking.png)
}

.flaticon-storefront:before {
    content: url(/wp-content/uploads/2021/02/storefront.png)
}

.btn-case_study {
    background-color: #f2682b !important;
    border: 1px solid #f2682b !important;
    color: #fff !important;
    font-weight: 700;
    font-size: 13px;
    padding: 10px;
    width: fit-content;
    border-radius: 4px;
}

.blog-image-div img {
    width: 150px;
    height: 100px;
}

.image-div>label {
    display: none !important;
}

.checkbox-div {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.checkbox-div label span {
font-size: 12px;
}

input[type="checkbox"]:checked {
    accent-color: #FF5722;
}

.checkbox-div .wpcf7-form-control-wrap .form-control {
    display: block;
    width: 210px;
    border: none;
}

.checkbox-div .wpcf7-form-control-wrap .form-control label {
margin: 0;
}
.checkbox-div .wpcf7-form-control-wrap .form-control label .wpcf7-list-item-label {
    font-size: 14px;
}


.checkbox-div .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    position: relative;
    top: 90px;
}

.biz_contactus-form textarea.form-control {
    height: 120px;
}

.contact-page .address-section .address-tab-content-col .tab-content .tab-pane .address-col .address-div {
    max-width: 335px;
    display: inline-block
}

.contact-page .address-section .address-tab-content-col .tab-content .tab-pane .address-col .address-div .info-div {
    width: 300px
}

.home-page .services-section .services-col .image-col .case-study-text-div .case-study-div {
    width: 100%;
    padding: 0
}

.home-page .services-section .services-col .image-col .case-study-text-div .case-study-div p img {
    width: 60px;
    height: 50px;
    margin-right: 10px;
    border-radius: 10px;
    background: #e7e7e7;
    padding: 5px
}

.home-page .services-section .services-col .image-col .case-study-text-div .case-study-div p {
    display: flex
}

.home-page .services-section .services-col .image-col .case-study-text-div .case-study-div.view-all-link-div {
    padding-top: 10px;
    text-align: center
}

.cloud-computing-service-page .cta-section .cta-col .cta-div .white-btn,
.cloud-computing-service-page .cta-section .cta-col .cta-div .transparent-white-btn {
    font-weight: 800
}

.page-template-layout .breadcrumbs {
    display: none
}

.banner-col a {
    font-weight: 700
}

.blog-case-section .industries-col .industry-served-col .industry-served-div .image-div img {
    height: 190px
}

.home-page .videos-section .cta-col .cta-div .white-btn,
.home-page .videos-section .cta-col .cta-div .transparent-white-btn {
    font-weight: 700
}

.cloud-computing-service-page .cloud-acceptance-section .cloud-acceptance-col {
    justify-content: center
}

.page-template-custom-thanks .breadcrumbs {
    display: none
}

.home-page .services-section .services-col .image-col .case-study-text-div .case-study-div p i {
    line-height: 25px;
    margin-right: 10px
}

.wp-block-table td,
.wp-block-table th {
    padding: .5em;
    border: 1px solid;
    word-break: normal
}

.blog-page .blog-section .post-category-col .blogsMain p:nth-child(3) {
    margin-left: 20px
}

.blog-page .blog-section .post-category-col .blogsMain p:nth-child(4) {
    margin-left: 20px
}

.cat-item-93>a {
    display: none
}

.allCate56 {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.cat-item a {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 15px;
    color: #6a6a6a !important
}

.cat-item a:after {
    content: "";
    display: block;
    border-bottom: 1px solid #e1e1e1 !important;
    margin-top: 15px;
    margin-bottom: 15px
}

.webinar_socialShare {
    list-style-type: none;
    display: flex;
    text-align: center;
    justify-content: center;
    padding: 0
}

.webinar_socialShare li a i {
    font-size: 30px
}

.webinar_socialShare li a i.fa-facebook-square {
    color: #3b5998
}

.webinar_socialShare li a i.fa-twitter-square {
    color: #00acee
}

.webinar_socialShare li a i.fa-linkedin-square {
    color: #0e76a8
}

.service-page .analytics-section .analytics-heading-col {
    padding-bottom: 2rem
}

.blog-detail-page .banner-section::before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.48)
}

.service-page .banner-section::before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.48)
}

.blog-detail-page .banner-section {
    background-position: center
}

.banner-section a.transparent-white-btn {
    display: none
}

.o-block-grid.v--four {
    -ms-grid-columns: 1fr 2.43902439% 1fr 2.43902439% 1fr 2.43902439% 1fr;
    grid-template-columns: repeat(4, 1fr);
    display: -ms-grid;
    display: grid;
    grid-gap: 1rem 2.43902439%;
    padding: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
}

/* .o-block-grid.v--four {
    grid-template-columns: repeat(4, 1fr);
    display: grid;
    grid-gap: 1rem 2.43902439%;
    padding: 10px;
    align-items: center;
    width: 100%;
} */

.partner-cards > h4 {

font-size: 1.3rem;

}


.bizmetric_partners {
    position: relative;
    display: flex;
    gap: 30px;
    align-items: center;
}

.bizmetric_partners img {
    object-fit: contain;
    max-width: 80%;

}

.new_part-col {
    width: 95%;
    position: relative;
    top: 100px
}

.new_part-col .partner-col {
    text-align: right
}

.cloud-computing-service-page .work-culture-section .text-col .text-div p {
    display: flex
}

.about-page .banner-section:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.74)
}

.about-page .banner-section .text-col h1 {
    text-transform: uppercase
}

.contact-page .banner-section .text-col h1 {
    text-transform: uppercase
}

form#search-filter-form-2401 {
    margin-bottom: 2%;
    width: 100%
}

#search-filter-form-2401 ul {
    display: flex;
    justify-content: center
}

#search-filter-form-2401 ul li .sf-input-select {
    padding: 10px;
    margin-right: 10px;
    border: 2px solid #f2682b
}

#search-filter-form-2401 ul li .sf-input-text {
    padding: 9px;
    border: 2px solid #f2682b
}

#search-filter-form-2401 ul li.sf-field-submit input[type=submit] {
    padding: 9px;
    border-radius: 5px;
    background: #ddd;
    border: 2px solid #eee;
    margin-left: 10px
}

.search-results .breadcrumbs {
    display: none
}

.blurslider-gradient {
    background: -webkit-linear-gradient(left, #f3763e 0%, #2196F3 50%, #00a88a 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important
}

.WD_btx:before {
    background: red
}

.Ntservices .Ntbox {
    background-color: #e5e5e5;
    overflow: hidden;
    transition: .3s ease;
    padding: 3rem;
    border-radius: 5px
}

.extdht98 .col-lg-4:nth-child(4n) {
    margin-left: 390px;
    margin-top: 20px
}

.Ntservices .Ntbox i {
    color: #f87a42;
    transition: inherit;
    transition-delay: 0;
    font-size: 30px
}

.Ntservices h2 {
    color: #333;
    transition: inherit;
    transition-delay: .05s;
    font-size: 30px
}

.Ntservices p {
    color: #555;
    transition: inherit;
    transition-delay: .1s
}

.Ntreadmore {
    color: #fff;
    overflow: hidden;
    display: inline-block;
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    position: relative;
    padding-right: 2rem
}

.Ntreadmore:before {
    animation: ts-link-arrow-effect-animation-out;
    animation-fill-mode: forwards;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(.6, .01, 0, 1);
    background-color: #333;
    bottom: 0;
    height: .125rem;
    margin: auto;
    left: 0;
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    transform: scaleX(.2);
    transform-origin: left center;
    z-index: 0
}

.Ntreadmore span {
    position: relative;
    transform: translateX(-200%);
    display: inline-block;
    transition: .6s cubic-bezier(.6, .01, 0, 1)
}

.Ntbox:hover .Ntreadmore span {
    transform: translateX(0%);
    color: #333
}

.Ntbox:hover .Ntreadmore:before {
    animation: ts-link-arrow-effect-animation-in;
    animation-fill-mode: forwards;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(.6, .01, 0, 1);
    color: #333
}

.Ntbox:hover i,
.Ntbox:hover h2,
.Ntbox:hover p {
    transform: translateY(-0.625rem)
}

@keyframes ts-link-arrow-effect-animation-out {
    0% {
        transform-origin: right center;
        transform: scaleX(.2)
    }
    70% {
        transform-origin: right center
    }
    71% {
        transform-origin: left center;
        transform: scaleX(1)
    }
    100% {
        transform-origin: left center;
        transform: scaleX(.2)
    }
}

@keyframes ts-link-arrow-effect-animation-in {
    0% {
        transform-origin: left center;
        transform: scaleX(.2)
    }
    70% {
        transform-origin: left center;
        transform: scaleX(1)
    }
    71% {
        transform-origin: right center
    }
    100% {
        transform-origin: right center;
        transform: scaleX(.2)
    }
}

@media only screen and (min-width:300px) and (max-width:700px) {
    .WD_btx {
        width: 95% !important;
        margin-bottom: 25px;
        margin-left: 10px
    }

    ul.loc_ul a {
    font-size: 0.6rem;
}
}

.slide_servs1 {
    color: #fff !important;
    margin-right: 20px;
    padding: 5px !important;
    background: linear-gradient(45deg, #FF5722, #f2682b);
    border-radius: 5px;
    padding-right: 15px !important;
    padding-left: 15px !important
}

a.slide_servs1:hover {
    color: #fff !important;
    background: #f2682b
}

.slide_servs2 {
    color: #fff !important;
    background: #f2682b;
    color: #fff !important;
    margin-right: 20px;
    height: 45px;
    padding: 5px !important;
    border-radius: 5px;
    padding-right: 15px !important;
    padding-left: 15px !important
}

a.slide_servs2:hover {
    color: #fff !important;
    background: linear-gradient(45deg, #ffffff0f, #5050506e)
}

rs-dotted.threexthree {
    background: linear-gradient(95deg, #303f46, #303f4670, transparent) !important
}

.col_d1 {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.col_d4 {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.home-page .services-section .services-col .text-col ul li {
    padding-left: 0
}

.item {
    position: relative;
    display: inline-block;
    overflow: hidden
}

.item .overlay {
    color: #fff;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #2e414a, transparent) !important;
    transition: all .5s ease;
    position: absolute;
    top: 0;
    bottom: 0;
    opacity: 0
}

.explode .overlay span:nth-child(1) {
    position: absolute;
    left: 10%;
    top: 45%;
    font-size: 50px;
    font-weight: 700;
    transform: translateX(-50%);
    opacity: 0
}

.explode .overlay span:nth-child(2) {
    position: absolute;
    top: 60%;
    left: 10%;
    font-size: 40px;
    font-weight: 500;
    opacity: 0;
    color: #fff
}

.explode .overlay span:nth-child(3) {
    position: absolute;
    top: 90%;
    left: 0;
    height: 60px;
    background-color: #f2682b
}

.explode .overlay:hover {
    opacity: .9
}

.explode .overlay:hover span:nth-child(1) {
    animation: focus .4s forwards;
    animation-delay: .2s
}

.explode .overlay:hover span:nth-child(2) {
    animation: focus .4s forwards;
    animation-delay: .4s
}

.explode .overlay:hover span:nth-child(3) {
    animation: block .3s forwards;
    animation-delay: .15s
}

@keyframes focus {
    0% {
        transform: scale(1.4) translateX(-30%);
        filter: blur(10px);
        opacity: 0
    }
    100% {
        transform: scale(1) translateX(0%);
        filter: blur(0px);
        opacity: 1
    }
}

@keyframes block {
    0% {
        width: 0;
        filter: blur(5px);
        opacity: 0
    }
    100% {
        width: 100%;
        filter: blur(0px);
        opacity: 1
    }
}

.home-page .services-section .services-col .image-col .image-div img {
    border-radius: 10px
}

.year {
    background: #fff;
    cursor: pointer;
    box-shadow: 0 0 0 #f20000;
    animation: pulse 2s infinite
}

.year:hover {
    animation: none
}

@-webkit-keyframes year {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4)
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0)
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0)
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
        box-shadow: 0 0 0 0 #3aa560
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0)
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0)
    }
}

.cloud-computing-service-page .cloud-acceptance-section .heading-col {
    padding-bottom: 0
}

.intro_prj {
    background: linear-gradient(263deg, #F87A42 0%, #F27843 100%);
    box-shadow: 0 3px 26px rgba(0, 0, 0, .16);
    border-radius: 15px;
    padding: 20px 30px
}

.middr1 .col-lg-3.col-md-3 {
    text-align: center;
    color: #fff
}

.setBG {
    background: url(/wp-content/uploads/2020/07/photo-735911-min.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 90px;
    position: relative
}

.cloud-computing-service-page .cloud-acceptance-section.setBG {
    padding: 5rem 0 0;
    padding-bottom: 0
}

.cloud-computing-service-page .cloud-acceptance-section .cloud-acceptance-col {
    padding-bottom: 5rem !important
}

.setBG:after {
    content: "";
    display: block;
    background-color: #343434 !important;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}

.middr1 h2i {
    font-size: 4rem;
    font-weight: 700
}

.middr1 i {
    font-size: 4rem
}

.middr1 h2 {
    font-weight: 700
}

.sld01 {
    justify-content: center;
    display: contents
}

.drl_btbox {
    background: #fff;
    padding: 0;
    width: auto;
    border-radius: 5px;
    padding: 25px
}

.heading-col h2 {
    margin: 0 0 30px
}

.drl_btbox h3 {
    line-height: 60px;
    border-radius: 50%;
    text-align: left;
    color: #f2682b;
    width: 55px;
    font-size: 2.5rem;
    height: 50px
}

.hid-box {
    position: absolute;
    background: #FF7043;
    height: 100%;
    width: 90%;
    top: 15%;
    border-radius: 5px;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all: .8s ease;
    transitions: all .8s ease;
    opacity: 0
}

.col-lg-3:hover>.hid-box {
    top: 0;
    opacity: 1
}

.col-lg-3:hover>.drl_btbox h3 {
    background: #fff;
    color: #f2682b;
    z-index: 9999;
    text-align: center;
    width: 55px;
    font-size: 2.5rem;
    height: 50px;
    line-height: 50px;
    position: relative;
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all: .9s ease;
    transitions: all .9s ease
}

.col-lg-3:hover>.drl_btbox h2 {
    color: #fff;
    z-index: 9999;
    position: relative;
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all: .9s ease;
    transitions: all .9s ease
}

.col-lg-3:hover>.drl_btbox p {
    color: #fff;
    z-index: 9999;
    position: relative;
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all: .9s ease;
    transitions: all .9s ease
}

.drl_btbox h2 {
    font-size: 2.5rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 10px
}

.drl_btbox p {
    font-size: 1.7rem
}

.sld01 .tcont {
    background: #fff;
    width: 55%;
    text-align: center;
    border-radius: 5px;
    padding: 10px;
    border: 5px solid #7f838873
}

.sld01 .tcont.ht01:before {
    content: "";
    width: 5%;
    height: 100px;
    background: #f0f8ff85;
    position: absolute;
    top: 107%;
    left: 48%;
    z-index: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sld01 .tcont.ht02:before {
    content: "";
    width: 5%;
    height: 100px;
    background: #f0f8ff85;
    position: absolute;
    top: 107%;
    left: 10%;
    z-index: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sld01 .tcont.ht03:before {
    content: "";
    width: 5%;
    height: 75px;
    background: #f0f8ff85;
    position: absolute;
    top: -17%;
    left: 79%;
    z-index: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sld01 .tcont.ht04:before {
    content: "";
    width: 5%;
    height: 75px;
    background: #f0f8ff85;
    position: absolute;
    top: -17%;
    left: 42%;
    z-index: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.row.sld01 .col-lg-6 {
    text-align: -webkit-center
}

.cloud-computing-service-page .cloud-acceptance-section.setBG .cloud-acceptance-col {
    justify-content: inherit
}

.ofst_contnr {
    margin-top: 5%
}

.ofst_contnr .fst_ofts .col-lg-5 {
    padding: 10px
}

.fst_ofr {
    justify-content: center;
    display: flex
}

.fst_ofts {
    justify-content: center;
    display: flex
}

.fst_ofr .glo_img {
    background: url(/wp-content/uploads/2020/07/architectural-design-architecture-buildings-city-373893.jpg)no-repeat;
    background-position: center;
    background-size: cover;
    height: 300px
}

.fst_ofr .glo_img2 {
    background: #fff;
    height: 300px;
    padding: 35px
}

.fst_ofr .glo_img2 h2 {
    margin-top: 50px;
    font-weight: 600;
    color: #6a6a6a !important;
    font-size: 2.5rem;
    text-transform: uppercase
}

.fst_ofr .glo_img2 p {
    font-size: 18px
}

.glo_img03 {
    height: 300px
}

.glo_atr23 {
    width: 460px;
    background: #fff;
    padding: 25px;
    height: 200px
}

.glo_atr23 h2 {
    font-weight: 600;
    color: #6a6a6a !important;
    font-size: 2.5rem;
    margin: 0;
    padding-bottom: 10px;
    text-transform: uppercase
}

.glo_atr23 p {
    font-size: 18px
}

.middle {
    background: linear-gradient(45deg, black, #607d8b8a), url(/wp-content/uploads/2020/07/stefan-stefancik-pzA7QWNCIYg-unsplash-scaled.jpg);
    border-radius: 5px;
    background-size: cover;
    background-repeat: no-repeat
}

.middle .middr1 {
    justify-content: center;
    display: inline-block;
    padding: 0;
    padding-top: 30px
}

.middle .middr1 .col-lg-3 {
    text-align: center
}

.middle .middr1 h2 {
    color: #fff;
    font-weight: 700
}

.middle .middr1 p {
    color: #ddd
}

.middle .middr1 i {
    font-size: 35px;
    color: #fff
}

.counting-sec {
    padding: 40px 0;
    width: 100%
}

.inner-width {
    max-width: 1200px;
    margin: auto;
    display: flex
}

.col {
    flex: 1;
    text-align: center;
    padding: 20px;
    text-transform: uppercase
}

@media only screen and (max-width:1199px) {
    .main-timeline5 .timeline {
        margin-top: -103px
    }
    .main-timeline5 .timeline-content:before {
        left: -18%
    }
    .main-timeline5 .timeline:nth-child(2n) .timeline-content:before {
        right: -18%
    }
}

@media only screen and (max-width:990px) {
    .main-timeline5 .timeline {
        margin-top: -127px
    }
    .main-timeline5 .timeline-content:before {
        left: -2%
    }
    .main-timeline5 .timeline:nth-child(2n) .timeline-content:before {
        right: -2%
    }
}

@media only screen and (max-width:767px) {
    .extdht98 .col-lg-4:nth-child(4n) {
        margin-left: 0;
        margin-top: 20px
    }
    .extdht98 .col-lg-4:nth-child(2n) {
        margin-top: 20px
    }
    .extdht98 .col-lg-4:nth-child(3n) {
        margin-top: 20px
    }
    .fst_ofr .glo_img {
        height: 315px
    }
    .fst_ofr .glo_img2 {
        height: 315px
    }
    .ofst_contnr {
        margin-top: 20%
    }
    .ofst_contnr .fst_ofts .col-lg-5 {
        padding: 15px
    }
    .fst_ofts {
        display: block
    }
    .glo_img03 {
        width: 385px
    }
    .glo_atr23 {
        width: 400px
    }
    .main-timeline5 .timeline:nth-child(2n) {
        margin-top: 50px
    }
    .main-timeline5 .timeline:nth-child(3n) {
        margin-top: 50px
    }
    .main-timeline5 {
        padding-top: 0
    }
    .main-timeline5 .timeline {
        margin-top: 0;
        overflow: hidden
    }
    .main-timeline5 .timeline:before,
    .main-timeline5 .timeline:nth-child(2n):before {
        box-shadow: none
    }
    .main-timeline5 .timeline-icon,
    .main-timeline5 .timeline:nth-child(2n) .timeline-icon {
        margin-top: -30px;
        margin-bottom: 20px;
        position: relative;
        transform: rotate(135deg)
    }
    .main-timeline5 .timeline:nth-child(2n) .year,
    .main-timeline5 .year {
        transform: rotate(-135deg)
    }
    .main-timeline5 .timeline-content,
    .main-timeline5 .timeline:nth-child(2n) .timeline-content {
        width: 100%;
        float: none;
        border-radius: 0 0 20px 20px;
        text-align: center;
        padding: 25px 20px;
        margin: 0 auto
    }
    .main-timeline5 .timeline-content:before,
    .main-timeline5 .timeline:nth-child(2n) .timeline-content:before {
        width: 15px;
        height: 25px;
        position: absolute;
        top: -22px;
        left: 50%;
        z-index: -1;
        transform: translate(-50%, 0)
    }
}

.foot_socsl {
    padding-top: 20px;
    padding-bottom: 50px
}

.social-div img {
    width: 40px
}

.social-div {
    text-align: center
}

.logged-in.admin-bar .headerBG {
    margin-top: 32px
}

ul.social_share li a {
    display: flex;
    color: #fff
}

ul.social_share li.facebook,
ul.social_share li.linkedin,
ul.social_share li.twitter {
    background: #1976d2;
    padding: 6px 12px 2px;
    display: flex;
    border-radius: 5px;
    margin-right: 15px
}

ul.social_share li {
    margin-right: 15px
}

ul.social_share li p {
    margin: 0
}

ul.social_share li.twitter {
    background: #50abf1;
}

ul.social_share li.linkedin {
    background: #0077b7;
}

ul.social_share li a .flaticon:before {
    color: #fff;
    padding-right: 5px;
    font-size: 25px
}

.all_share h4 {
    font-size: 22px;
    margin-bottom: 20px
}

.list-unstyled {
    list-style-type: none;
    display: flex;
    font-size: 100%;
    margin: 0;
    padding: .5em
}

span.page-numbers.current {
    display: inline-block;
    font-size: 100%;
    width: auto;
    border-radius: 3px;
    background: #f2682b;
    color: white;
    padding: 5px 15px
}

a.page-numbers {
    padding: 5px 15px;
    display: block;
    color: #14212b
}

.color_orng {
    color: #ff671b !important
}

#breadcrumbs .separator .flaticon:before {
    font-size: 16px;
    font-weight: 800
}

i.flaticon.flaticon-chevron:before {
    content: "\27A1";
}

body .vegas-container {
    overflow: hidden !important;
    position: inherit
}

.vegas-slide,
.vegas-slide-inner {
    background-position: top !important
}

.main-slider.vegas-container {
    display: block;
    position: relative;
    height: 700px
}

.vegas-slide-inner:before {
    content: "";
    width: 100%;
    height: 700px;
    position: absolute
}

.vegas-content {
    align-items: center;
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    height: 100%
}

.slider_content-div {
    display: block;
    position: relative;
    margin-top: 5%
}

.slider_content-div h1 {
    color: #fff;
    font-weight: 500;
    padding-bottom: 25px
}

.slider_content-div h1 b {
    color: #ff671b;
    font-weight: 600
}

.slider_content-div p {
    color: #dee2e6;
    font-weight: 400;
    font-size: 20px
}

.slider_content-div h1 {
    color: #fff;
    font-weight: 600
}

.vegas-overlay {
    opacity: 1 !important;
    background: linear-gradient(95deg, #303f46, #303f46c4, transparent, transparent) center center !important
}

.vegas-timer-progress {
    background: #fff
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.about_space {
    margin: 10%;
    margin-top: 0;
    margin-right: 0
}

.about_space h2 {
    padding-bottom: 30px
}

.loading {
    display: block;
    position: fixed;
    z-index: 100;
    background-color: #23282d;
    opacity: .9;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0
}

.loading span {
    position: fixed;
    z-index: 99999;
    color: #fff;
    display: block;
    left: 48%;
    top: 49%;
    font-weight: 600
}

.loading:before {
    content: '';
    background: #61bdb6;
    width: 128px;
    height: 36px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    animation: 2s loadingBefore infinite ease-in-out
}

@keyframes loadingBefore {
    0% {
        transform: translateX(-14px)
    }
    50% {
        transform: translateX(14px)
    }
    100% {
        transform: translateX(-14px)
    }
}

.loading:after {
    content: '';
    background: #ff3600;
    width: 14px;
    height: 60px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: .5;
    animation: 2s loadingAfter infinite ease-in-out
}

@keyframes loadingAfter {
    0% {
        transform: translateX(-50px)
    }
    50% {
        transform: translateX(50px)
    }
    100% {
        transform: translateX(-50px)
    }
}

#particles-js {
    position: absolute;
    width: 100%;
    height: 90vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    z-index: 2
}

#particles-js2 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    z-index: 2
}

.hide {
    display: none !important
}

.reasons_div.card-effect {
    text-decoration: none;
    z-index: 0;
    overflow: hidden
}

.reasons_div.card-effect:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: -16px;
    right: -16px;
    background: linear-gradient(#ff671b 50%, #2d2d2d 100%);
    height: 32px;
    width: 32px;
    border-radius: 32px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform .5s ease-out;
    transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out
}

.reasons_div.card-effect:hover::before {
    -webkit-transform: scale(21);
    transform: scale(21)
}

.small__title {
    color: #ff671b;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px
}

.txt_circle:before {
    content: "";
    position: absolute;
    width: 200px;
    height: 200px;
    bottom: -5%;
    left: -7%;
    border-radius: 50%;
    border: 20px solid #00ae8d42;
    z-index: -1
}

.abt__img img {
    z-index: 2;
    position: relative;
    box-shadow: -2px 3px 5px 0 #8080804f;
    border-radius: 5px;
    width: 514px;
    height: 100%;
    object-fit: cover
}

.abt__img {
    overflow: hidden;
    position: relative;
    width: 514px;
    height: auto;
    object-fit: cover;
    justify-content: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}

.abt__img iframe {
    position: relative;
    z-index: 1;
    height: 300px;
    border: 8px solid #6c757d66;
    border-radius: 5px;
    width: 80%;
}

.abt__img iframe:nth-child(1) {
	margin-right: 100px;
}

.abt__img iframe:nth-child(2) {
    margin-left: 150px;
    margin-top: -80px;

}


.abt__img:before {
display: none;
    content: "Customer Testimonial";
    position: absolute;
    bottom: 0;
    right: 0px;
    background-color: #3ecb94;
    padding: 4px 8px;
    font-size: 14px;
    border-radius: 4px;
    pointer-events: none;
    z-index: 2;
    text-align: center;
    left: 160px;
    width: fit-content;
    font-weight: 700;
    color: white;
}


.counter-value:after {
    content: "\002B";
    font-size: 40px;
    position: relative;
    top: -25px;
    left: 5px;
    color: #475763
}

.biz__counter {
    position: relative;
    overflow: hidden;
    display: flex;
    background: #14212b;
    margin-top: -100px;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0;
    padding-top: 55px;
    padding-bottom: 50px;
    justify-content: center;
    white-space: nowrap;
    border-color: #ff4105;
    border-radius: 5px;
    outline: 0;
    box-shadow: #999 0 0 0 0;
    box-sizing: border-box
}

.biz__counter:before {
    content: '';
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 2;
    width: 100px;
    height: 100px;
    background-image: radial-gradient(circle at 5px 5px, #dee2e6 1.5px, transparent 0);
    background-size: 20px 21px
}

.biz__counter:after {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2;
    width: 100px;
    height: 100px;
    background-image: radial-gradient(circle at 5px 5px, #dee2e6 1.5px, transparent 0);
    background-size: 20px 21px
}

.count {
    position: relative;
    overflow: hidden;
    display: block;
    text-align: center;
    border-right: 1px solid rgba(255, 255, 255, .25);
    padding-right: 40px;
    padding-left: 40px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.count span,
p {
    position: relative;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.count:hover p,
.count:hover span {
    transform: scale(1.1)
}

.count:nth-child(4) {
    border: none
}

.count span {
    color: #ff671b;
    font-size: 45px;
    font-weight: 800;
}

.count p {
    font-size: 18px;
    color: #fff
}

input.wpcf7-form-control.wpcf7-submit.biz_btn-full.gradient-button:hover {
    padding: 4px 15px !important
}

.flickity-prev-next-button:focus {
    outline: 0;
    box-shadow: 0 0 0 5px #ff671b !important
}

.flickity-prev-next-button .arrow {
    fill: #ff671b !important
}

.gallery-cell {
    width: 100%;
    height: auto;
    padding: 0 15px;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width:548px) {
    .gallery-cell {
        width: 33.3%
    }
}

.gallery-cell.is-selected img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0)
}

.gallery-cell img {
    -webkit-transition: all .5s cubic-bezier(.68, -.55, .265, 1.55);
    transition: all .5s cubic-bezier(.68, -.55, .265, 1.55);
    max-width: 190px;
    display: inline-block;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    -webkit-filter: grayscale(100%) blur(2px);
    filter: grayscale(90%) blur(1px)
}

.flickity-viewport {
    padding-bottom: 100px;
    padding-top: 10px
}

.flickity-prev-next-button svg {
    left: 0 !important;
    top: 35% !important
}

.flickity-prev-next-button.previous {
    left: -40px
}

.flickity-prev-next-button.next {
    right: -40px
}

.brand-carousel {
    margin: 0 20px
}

.flickity-prev-next-button .arrow {
    fill: #fff;
    box-shadow: 0 0 5px #000
}

.flickity-prev-next-button.no-svg {
    color: #fff
}

.flickity-prev-next-button {
    background: 0 0
}

.flickity-prev-next-button:hover {
    background: 0 0
}

.case_study_tab .entry-header p {
    line-height: 25px
}

.case_study_tab .entry-header a h1:hover {
    color: #000
}

.case_study_tab .industry_care-readmore {
    position: relative;
    overflow: hidden;
    font-weight: 600;
    color: #ff671b;
    -webkit-transition: all .2s linear 0;
    -khtml-transition: all .2s linear 0;
    -moz-transition: all .2s linear 0;
    -ms-transition: all .2s linear 0;
    -o-transition: all .2s linear 0;
    transition: all .2s linear 0;
    position: relative;
    height: -webkit-fill-available;
    line-height: 35px;
    display: table-cell;
    border-radius: 5px
}

.case_study_tab article:hover .industry_care-readmore {
    padding: 0 10px;
    background: -webkit-linear-gradient(left, #ff4105 0, #f2682b 30%, #ff4105 100%);
    color: #fff;
    width: 100%
}

.case_study_tab .industry_care-readmore:after {
    content: "\27A1";
    padding: 10px 5px 0;
    font-weight: 700;
    font-size: 16px
}

.case_study_tab .entry-header a h1 {
    font-size: 18px;
    font-weight: 600;
    color: #14212b;
    display: flex;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.case_study_tab h5 {
    padding-bottom: 10px
}

.case_study_tab article:nth-child(1) {
    margin-bottom: 35px
}

.banner .banner__img {
    height: 170px;
    width: 170px
}

.text {
    margin: 32px 0 0
}

.text h1 {
    color: #eb5544;
    font-size: 26px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin: 0;
    position: relative
}

.text h1:after {
    content: '';
    background: #eb5544;
    border-radius: 50%;
    height: 8px;
    width: 8px;
    margin: 4px 0 0 4px;
    position: absolute
}

.slider .slick-slide.home_brand_logos img {
    height: 100%;
    width: 100%;
    max-width: 190px
}

button.tabs__link.active .tabs__link__text i {
    color: #ff671b;
    font-weight: 600
}

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

.taby_img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: fit-content;
    border-radius: 5px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    background-position: center !important
}

.taby_contdiv {
    position: absolute;
    bottom: 0;
    padding: 20px;
    padding-bottom: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    z-index: 2;
    width: 100%
}

.taby_hovr:hover .taby_contdiv:before {
    background-image: linear-gradient(-315deg, #ff671b 0, #ff671b63 100%);
    opacity: 1;
    height: 100%;
    bottom: 0;
    left: 0
}

.taby_hovr .taby_contdiv:before {
    position: absolute;
    content: "";
    -webkit-transform: .5s;
    -o-transform: .5s;
    -moz-transform: .5s;
    transition: .5s;
    opacity: 1;
    top: auto;
    left: 0;
    width: 100%;
    height: 0;
    z-index: -1
}

.otherTaby.taby_contdiv {
    position: relative;
    padding-top: 0
}



.otherTaby.taby_contdiv ul {
	padding: 0;
}


.otherTaby.taby_contdiv ul li {
    display: flex;
    align-items: center;
    margin: 5px 0;
    line-height: 30px;
    list-style: none;
}

.otherTaby.taby_contdiv ul li:before {
    display: block;
    flex-shrink: 0;
    width: 15px;
    height: 30px;
    margin-right: 10px;
    vertical-align: middle;
    background: url('/wp-content/uploads/2024/06/green-arrow-right-8897.png') no-repeat left center;
    background-size: contain;
    content: '';
}


.otherTaby.taby_contdiv h2 {
    color: #14212b;
   font-size: 1.6rem;
}

.otherTaby.taby_contdiv p {
    color: #748494
}

.otherTaby.taby_contdiv a {
    font-weight: 600;
    color: #ff671b
}

.otherTaby.taby_contdiv a:before {
    content: "\27A1";
    padding: 10px 10px 0 0;
    font-weight: 700;
    font-size: 16px
}

.taby_contdiv h2 {
    margin-top: 0;
    color: #fff;
    padding-bottom: 0
}

.taby_contdiv p {
    color: #dee2e6
}

.img_div {
    position: absolute;
    background: #730000;
    width: 80px;
    height: 60px;
    border-radius: 5px
}

.tabs {
    --tab-links-height: 80px;
    width: 100%
}

.tabs .tabs__links {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    height: var(--tab-links-height);
    list-style-type: none
}

.tabs .tabs__links.services__tabs {
    justify-content: normal;
    gap: 30px;
}


.tabs .tabs__links.services__tabs li {
    -webkit-box-flex: none;
    flex: none;
}

.tabs .tabs__links li {
    -webkit-box-flex: 1;
    flex: 1
}

.tabs .tabs__links li .tabs__link {
    all: unset;
    position: relative;
    height: 150px;
    width: 150px;
    background: var(--tab-link-bg);
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: .3s;
    transition: .3s;
    margin: 15px;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.home_pad-5 {
    padding-top: 3rem
}

.tabs .tabs__contents {
    position: relative;
    margin-top: 90px;
    padding: 20px;
    background: #fff;
    list-style-type: none;
    -webkit-transition: 1s;
    transition: 1s;
    width: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 7px 6px 30px rgba(0, 0, 0, .12);
    -moz-box-shadow: 7px 6px 30px rgba(0, 0, 0, .12);
    box-shadow: 7px 6px 30px rgba(0, 0, 0, .12)
}

.tabs__link__text i {
    font-size: 35px;
    color: #ff671b;
    font-weight: 400
}

.tabs__link__text p {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    color: #2d2d2d;
    line-height: 18px;

}

.tabs__link__text p:nth-child(2) {
    margin-bottom: 0
}

.tabs .tabs__links li .tabs__link .tabs__link__text {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: block;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    opacity: .6;
    -webkit-transition: .5s;
    transition: .5s
}

.tabs .tabs__links li .tabs__link:hover {
    background: #fff;
    border-color: transparent;
    -webkit-box-shadow: 7px 6px 30px rgba(0, 0, 0, .12);
    -moz-box-shadow: 7px 6px 30px rgba(0, 0, 0, .12);
    box-shadow: 7px 6px 30px rgba(0, 0, 0, .12)
}

.tabs .tabs__links li .tabs__link:hover .tabs__link__text {
    color: #fff;
    opacity: 1
}

.tabs .tabs__links li .tabs__link:hover .tabs__link__text::before {
    -webkit-transform: translateY(-300%);
    transform: translateY(-300%)
}

.tabs .tabs__links li .tabs__link.active {
    background: #fff;
    border-color: transparent;
    -webkit-box-shadow: 7px 6px 30px rgba(0, 0, 0, .12);
    -moz-box-shadow: 7px 6px 30px rgba(0, 0, 0, .12);
    box-shadow: 7px 6px 30px rgba(0, 0, 0, .12)
}

.tabs .tabs__links li .tabs__link.active .tabs__link__text,
.tabs .tabs__links li .tabs__link.active:hover .tabs__link__text {
    background: var(--tab-links-overlay);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    opacity: 1
}

.tabs .tabs__contents::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    background: var(--tab-links-overlay)
}

.tabs .tabs__contents .tabs__content {
    display: none;
    min-height: 200px;
    font-weight: 300;
    line-height: 1.8;
    opacity: 0;
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
    -webkit-animation: fadeIn .6s forwards;
    animation: fadeIn .6s forwards
}

.case_study_tab article {
    position: relative;
    overflow: hidden
}

.case_study_tab article .overlay {
    position: relative;
    overflow: hidden;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.case_study_tab article .overlay img {
    height: 160px;
    width: 100%;
    border-radius: 5px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.case_study_tab article:hover .overlay img {
    -webkit-transform: .5s;
    -o-transform: .5s;
    -moz-transform: .5s;
    transform: scale(1.1) rotate(4deg)
}

.case_study_tab article .overlay:before {
    content: "";
    position: absolute;
    background: linear-gradient(45deg, #14212b, #14212ba6, transparent);
    background-size: cover;
    width: 100%;
    height: 160px;
    border-radius: 5px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.case_study_tab article:hover .overlay:before {
    background: 0 0 !important
}

.tabs .tabs__contents .tabs__content .container .row .col-lg-6 img {
    border-radius: 5px
}

.case_study_tab article .biz_btn-full {
    padding: 10px 15px !important
}

.tabs .tabs__contents .tabs__content.active {
    display: contents
}

@-webkit-keyframes fadeIn {
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeIn {
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.services__section {
    background: #14212b;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important
}

.sap_offering {
    padding: 90px 0;
    position: relative;
    background: #f7fbff
}

.sap_offering_item h2 {
    font-size: 20px
}

.sap_offering_item h2:after {
    height: 1px;
    display: block;
    width: 100%;
    background: #14212b;
    border-right: 1px #fff;
    content: '';
    margin-top: 10px
}

.sap_services ul {
    padding: 0
}

.sap_services ul li {
    display: flex
}

.sap_services ul li:before {
    content: "\2022";
    font-size: 30px;
    color: #ff671b;
    padding-right: 10px
}

.service-item {
    padding: 0;
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    min-height: 350px !important;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    margin-bottom: 20px
}

.service-item.home__service-kards p a {

color: #ff671b;

}

.service-item .content {
    position: absolute;
    top: 70%;
    padding: 25px 15px;
    z-index: 1;
    -webkit-transition: all .8s cubic-bezier(.645, .045, .355, 1);
    transition: all .8s cubic-bezier(.645, .045, .355, 1)
}

.service-item .read__more-btn {
    background: 0 0;
    font-weight: 700;
    margin-bottom: 30px;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden
}

.service-item .read__more-btn:before {
    content: "\27A1";
    padding: 0 5px 0 1px;
    font-weight: 700;
    font-size: 16px
}

.field_btn {
    font-weight: 600;
    color: #ff671b;
    -webkit-transition: all .2s linear 0;
    -khtml-transition: all .2s linear 0;
    -moz-transition: all .2s linear 0;
    -ms-transition: all .2s linear 0;
    -o-transition: all .2s linear 0;
    transition: all .2s linear 0;
    position: relative;
    height: -webkit-fill-available;
    line-height: 35px;
    display: block;
    border-radius: 5px
}

.field_btn:after {
    content: "\27A1";
    padding: 10px 5px 0;
    font-weight: 700;
    font-size: 16px
}

.service-item:hover .content {
    top: 0
}

.service-item:hover .thumbnail a img {
    transform: scale(1.1)
}

.service-item .thumbnail {
    height: 404px
}

.service-item .thumbnail a img {
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    height: 100%;
    object-fit: cover;
    max-width: 100%;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.service-item .thumbnail a:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #14212b00 0, #14212b00, #000000ed 100%);
    background-repeat: no-repeat;
    background-position: 75% 40%;
    bottom: 0;
    left: 0
}

.service-item:hover .thumbnail a:after {
    opacity: .85;
    height: 100%
}

.service-item .thumbnail a:after {
    background: linear-gradient(to bottom, #f2682b 0, #000 100%);
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 0;
    content: "";
    z-index: 1;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.service-item h3 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 15px;
    width: 65%
}

.service-item p {
    opacity: 0;
    visibility: hidden;
    margin-bottom: 5px
}

.service-item:hover p {
    opacity: 1;
    visibility: visible;
    color: #fff
}

.deeper-content-box {
    position: relative;
    margin-bottom: 20px
}

.deeper-content-box,
.deeper-content-box .inner {
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    height: 100%
}

.deeper-content-box:hover .inner {
    border-color: rgba(0, 0, 0, .01) !important;
    border-width: 0 !important;
    border-style: solid !important
}

.deeper-content-box .inner {
    border-radius: 5px !important;
    border: 1px solid #e7e7e7 !important
}

.deeper-content-box.hover-effect-1.active .inner,
.deeper-content-box.hover-effect-1:hover .inner {
    transform: translateY(-10px);
    box-shadow: 0 30px 70px 0 rgba(204, 204, 204, .3)
}

.deeper-content-box.hover-effect-1 .inner {
    overflow: hidden
}

.deeper-content-box .inner {
    width: 100%;
    transition: .3s;
    position: relative;
    border-radius: 5px !important;
    border: 1px solid #e7e7e7 !important;
    overflow: hidden;
    padding: 25px
}

.deeper-icon-box {
    position: relative;
    text-align: center
}

.deeper-icon {
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    position: relative
}

.deeper-icon:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    transition: .3s;
    z-index: -1
}

.deeper-icon.icon-top .icon-wrap {
    margin: 0 0 25px !important;
    color: #ff671b !important;
    font-size: 55px !important
}

.deeper-icon .icon-wrap {
    line-height: 1;
    font-size: 35px;
    text-align: center;
    display: inline-block;
    color: #212529;
    position: relative
}

.deeper-icon .icon-wrap i {
    line-height: inherit !important;
    transition: .3s;
    display: inline-block;
    color: #ff671b;
    font-weight: 600
}

.deeper-icon-box .heading {
    font-size: 1.3rem;
}

.deeper-icon-box .desc,
.deeper-icon-box .heading {
    transition: .3s
}

.deeper-icon-box .desc>p:last-child,
.deeper-icon-box .heading {
    margin: 0
}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both
}

.deeper-content-box.hover-effect-1.active .inner:after,
.deeper-content-box.hover-effect-1:hover .inner:after {
    transform: scale(0)
}

.deeper-content-box.hover-effect-1 .inner:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    height: 4px;
    width: 100%;
    background-color: #ff671b;
    transform: scale(1);
    transform-origin: 50% 100%;
    transition: .3s
}

.deeper-icon-box .heading span {
    color: #14212b;
    font-weight: 600
}

.main_sub-section {
    padding: 90px 0;
    position: relative;
    background: #f7fbff;
    margin-top: 5%
}

.main_sub-section .img_cont img {
    width: 100%;
max-width: 350px;
    border-radius: 5px
}

.main_sub-section ul {
    padding: 0;
    position: relative
}

.main_sub-section ul li {
    display: inline-flex
}

.main_sub-section ul li:before {
    content: "\2022";
    font-size: 30px;
    color: #ff671b;
    padding-right: 10px
}

.overview_section {
    padding: 90px;
    background-size: cover !important;
    background-repeat: no-repeat!important;
    background-attachment: scroll!important;
    background-position: center center!important;
    background-color: #081219!important;
}

.overview_itm {
    position: relative
}

.overview_itm ul {
padding: 0;
}

.overview_itm ul li:before {
    content: "\2022";
    font-size: 30px;
    color: #ff671b;
    padding-right: 10px;
    line-height: 25px;
}

.overview_itm ul li {
    font-size: 14px;
    line-height: 24px;
color: #fff;
align-items: flex-start;
    display: flex;
}

.overview_itm:hover h2 {
    position: relative;
    color: #ff671b;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all
}

.overview_itm h2 {
    padding: 0;
    font-size: 1.1rem;
    color: #fff;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all
}

.overview_section .col-lg-4 {
    padding: 0px 25px 0px 25px;
}


.overview_itm h2:before {
    content: url(/wp-content/uploads/2024/10/checked_28x28ico.png)!important;
}

.overview_itm p {
    color: #adb5bd
}

.serv__vid {
    display: flex;
    justify-content: center;
    width: 100%;
}


.serv__vid iframe {
    background: #4b78ab33;
    padding: 10px;
    border-radius: 10px;
}

.security_item {
    padding: 45px 40px 40px;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    height: 250px
}

.security_item:hover {
    -webkit-box-shadow: 0 8px 30px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 8px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 8px 30px rgba(0, 0, 0, .1);
    border-color: transparent
}

.security_item ul {
    padding: 0;
    line-height: 40px;
    position: relative
}

.security_item ul li {
    display: inline-flex
}

.security_item ul li:before {
    content: "\2022";
    font-size: 30px;
    color: #ff671b;
    padding-right: 10px
}

.security_item h4 {
    color: #14212b;
    font-size: 1.3rem;
    margin-bottom: 20px;
    font-weight: 600
}

.security_item:hover::after {
    opacity: .2;
    color: #ff671b
}

.security_item:after {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    top: 5px;
    right: 45px;
    border-radius: 50%;
    border: 15px solid #ff671b;
    z-index: 1;
    opacity: .1;
    transform: translate(10px, 10px);
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.our_approch {
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    padding: 90px 0;
    position: relative;
    background: linear-gradient(45deg, #14212b, #14212bd4), url(/wp-content/uploads/2020/11/pexels-scott-webb-2343236594.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-attachment: unset;
    background-size: cover
}

.approch_div h5 {
    color: #fff;
    transform: rotate(130deg);
    position: absolute;
    bottom: -30px;
    right: 0;
    font-size: 15px;
    font-weight: 700;
    width: 152px;
    text-align: left;
    transition: .5s
}

.our_approch .col-lg-12 {
    justify-content: center;
    display: flex
}

.approch_item {
    width: 16%;
    justify-content: center;
    text-align: -webkit-center;
    display: inline-block;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 20px
}

.approch_div:before {
    content: '';
    width: 10px;
    height: 10px;
    background: #2b3a4a;
    padding: 7px;
    position: absolute;
    border-radius: 50%;
    right: -10px;
    top: -10px;
    border: 2px solid #dee2e6
}

.approch_div:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #2b3a4a;
    padding: 7px;
    position: absolute;
    border-radius: 50%;
    left: -10px;
    top: 110px;
    border: 2px solid #dee2e6
}

.approch_item .flaticon:before {
    transform: rotate(130deg);
    position: absolute;
    bottom: 45px;
    right: 50px;
    color: #f2682b;
    font-weight: 500;
    font-size: 40px
}

.approch_item p {
    font-weight: 600;
    margin-top: 40px;
    text-align: center
}

.our_approch .approch_div {
    position: relative;
    border-image: linear-gradient(to right, #ff4206, #f2682b);
    border-image-slice: 1;
    text-decoration: none;
    border-radius: 50%;
    border-top: 3px solid #f2682b;
    border-right: 3px solid #ff4206;
    border-left: 3px solid #f2682b;
    width: 130px;
    height: 130px;
    transform: rotate(-130deg);
    transition: .5s;
    top: 0;
    left: 0
}

.approch_item:hover .approch_div h5 {
    color: #ff671b
}

.approch_item:hover .approch_div {
    background: #fff;
    box-shadow: 0 7px 8px 0 #f2682b40, 0 5px 20px 0 #000;
    border-radius: 0;
    border-image: linear-gradient(to right, #fff, #fff);
    border-top: 3px solid #fbfbfb;
    border-right: 3px solid #fff;
    border-left: 3px solid #fff;
    top: -10px;
    left: -10px
}

.list_accordions {
    background: #f0f8ff
}

.accs-kontainer1,
.accs-kontainer2,
.accs-kontainer3 {
    background-color: transparent;
    box-sizing: border-box
}

.accs-kontainer1 .accs-body1,
.accs-kontainer2 .accs-body2,
.accs-kontainer3 .accs-body3 {
    width: 98%;
    width: calc(100% - 20px);
    margin: 0 auto;
    height: 0;
    color: transparent;
    background-color: transparent;
    line-height: 28px;
    padding: 0 20px;
    box-sizing: border-box;
    transition: .5s;
    display: none
}

.accs-kontainer1 label,
.accs-kontainer2 label,
.accs-kontainer3 label {
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    display: block;
    padding: 15px;
    width: 100%;
    color: #14212b;
    font-weight: 600;
    box-sizing: border-box;
    z-index: 100;
    border-radius: 5px
}

.accs-kontainer1 .input1,
.accs-kontainer2 .input2,
.accs-kontainer3 .input3 {
    display: none
}

.accs-kontainer1 label:before,
.accs-kontainer2 label:before,
.accs-kontainer3 label:before {
    content: "\002B";
    font-weight: 800;
    float: right;
    background: #fe671b;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    color: #fff
}

.accs-kontainer1 .input1:checked+label,
.accs-kontainer2 .input2:checked+label,
.accs-kontainer3 .input3:checked+label {
    background-color: #14212b;
    color: #fff
}

.accs-kontainer1 .input1:checked+label:before,
.accs-kontainer2 .input2:checked+label:before,
.accs-kontainer3 .input3:checked+label:before {
    content: "\2212";
    font-weight: 800;
    -webkit-transition: all .35s;
    transition: all .35s;
}

.accs-kontainer1 .input1:checked~.accs-body1,
.accs-kontainer2 .input2:checked~.accs-body2,
.accs-kontainer3 .input3:checked~.accs-body3 {
    height: auto;
    color: #14212b;
    font-size: 16px;
    padding: 20px;
    transition: .5s;
    display: block
}

.accs-body1 ul,
.accs-body2 ul,
.accs-body3 ul {
    padding: 0
}

.accs-body1 ul li,
.accs-body2 ul li,
.accs-body3 ul li {
    display: flex
}

.accs-kontainer1 .accs-body1 ul li:before,
.accs-kontainer2 .accs-body2 ul li:before,
.accs-kontainer3 .accs-body3 ul li:before {
    content: "\2022";
    font-size: 30px;
    color: #ff671b;
    padding-right: 10px
}

.plitems {
    border-bottom: 1px solid #14212b
}

.PLlist_section h4 {
    color: #14212b;
    font-weight: 600;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.PLlist_section h4:before {
    content: '';
    height: 35px;
    width: 0;
    background-color: #14212b;
    position: absolute;
    top: 0;
    left: -10px;
    z-index: -1;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.onListhov:hover h4 {
    color: #fff;
    transform: translateX(24px)
}

.onListhov:hover h4:before {
    width: 25%
}

.plitems ul {
    padding: 0;
    display: flex
}

.plitems ul li {
    height: auto;
    color: #14212b;
    font-size: 15px;
    padding: 10px;
    transition: .5s;
    display: flex;
    line-height: 20px;
    font-weight: 600
}

.plitems ul li:before {
    content: "\2713";
    font-weight: 500;
    position: relative;
    top: 0;
    left: -10px;
    color: #ff671b;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all
}

.box_Items3 {
    background: #fff;
    border-radius: 5px;
    position: relative;
    padding: 30px;
    padding-top: 50px;
    padding-right: 0;
    border: 1px solid #8080804d;
    height: 350px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.box_Items3:hover {
    box-shadow: 5px 8px 5px 0 #8080801a;
    background: #14212b
}

.box_Items3:hover::before {
    background-image: radial-gradient(circle at 5px 5px, red 1.5px, transparent 0) !important
}

.box_Items3:hover ul li {
    color: #fff
}

.box_Items3 ul {
    padding: 0;
    margin: 0
}

.PLlist_box_section h4 {
    text-align: center;
    color: #14212b;
    font-weight: 600
}

.col-lg-4:nth-child(1) .box_Items3:before,
.col-lg-4:nth-child(4) .box_Items3:before {
    content: '';
    position: absolute;
    top: 185px;
    left: -35px;
    width: 200px;
    height: 200px;
    background-image: radial-gradient(circle at 5px 5px, #2d2d2d 1.5px, transparent 0);
    background-size: 20px 21px;
    z-index: -1
}

.col-lg-4:nth-child(2) .box_Items3:before,
.col-lg-4:nth-child(5) .box_Items3:before {
    content: '';
    position: absolute;
    top: 185px;
    left: 20%;
    margin: 0 auto;
    width: 200px;
    height: 200px;
    background-image: radial-gradient(circle at 5px 5px, #2d2d2d 1.5px, transparent 0);
    background-size: 20px 21px;
    z-index: -1
}

.col-lg-4:nth-child(3) .box_Items3:before,
.col-lg-4:nth-child(6) .box_Items3:before {
    content: '';
    position: absolute;
    top: 185px;
    right: -45px;
    width: 200px;
    height: 200px;
    background-image: radial-gradient(circle at 5px 5px, #2d2d2d 1.5px, transparent 0);
    background-size: 20px 21px;
    z-index: -1
}

.box_Items3 ul li:before {
    content: "\2713";
    font-weight: 500;
    position: relative;
    top: 0;
    left: -10px;
    color: #ff671b;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all
}

.box_Items3 ul li {
    color: #14212b;
    display: flex
}

.box_Items3.box_Items4 {
    height: 250px;
    padding: 30px;
    box-shadow: none;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.box_Items3.box_Items4:hover {
    box-shadow: 5px 8px 5px 0 #8080801a;
    background: #14212b
}

.box_Items3.box_Items4:hover::before {
    background-image: radial-gradient(circle at 5px 5px, red 1.5px, transparent 0)
}

.box_Items3.box_Items4:hover p {
    color: #fff
}

.col-lg-4:nth-child(1) .box_Items3.box_Items4:before,
.col-lg-4:nth-child(2) .box_Items3.box_Items4:before,
.col-lg-4:nth-child(3) .box_Items3.box_Items4:before,
.col-lg-4:nth-child(4) .box_Items3.box_Items4:before,
.col-lg-4:nth-child(5) .box_Items3.box_Items4:before,
.col-lg-4:nth-child(6) .box_Items3.box_Items4:before {
    top: 85px
}

.blog_section .footer-left {
    background-image: linear-gradient(145deg, #ff4206 0, #f2682b 100%);
    background: linear-gradient(145deg, #ff4206 0, #f2682b 100%);
    padding: 60px;
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
    z-index: 2;
    margin-right: -15px;
    border-top-right-radius: 6px
}

.blog_section .footer-left:before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    z-index: 1;
    opacity: .5;
    border-top-right-radius: 6px
}

.blog_section .footer-left .inner {
    z-index: 5;
    position: relative
}

.blog_section .footer-left .inner>span {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 4px;
    display: block;
    margin-bottom: 9px
}

.blog_section .footer-left .inner h2 {
    color: #fff;
    font-size: 3rem;
    line-height: 70px
}

.blog_section .footer-left .inner a.rn-button-style--2 {
    margin-top: 30px;
    border-color: #fff;
    color: #fff
}

a.rn-button-style--2,
button.rn-button-style--2 {
    color: #c6c9d8;
    font-size: 16px;
    letter-spacing: 2px;
    border: 2px solid #b1b4c1;
    padding: 15px 40px;
    border-radius: 6px;
    display: inline-block;
    font-weight: 500;
    transition: .3s
}

.blog_section .footer-left .inner img {
    position: absolute;
    right: 0;
    top: 50%;
    z-index: -1;
    transform: translateY(-50%);
    max-width: 295px;
    height: auto
}

.blog_section .biz_btn-outline {
    border: 1px solid #ff671b !important;
    color: #ff671b;
    align-items: center;
    display: inline-block;
    margin-top: 20px
}

.blog_section .biz_btn-outline:hover {
    color: #fff
}

.blog_section .blog_content h2 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    padding-top: 0;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

.blog_section .blog_content h2 a {
    color: #14212b
}

.blog_content {
    padding: 26px 30px 0
}

.blog_section .blog_item {
    image-rendering: -webkit-optimize-contrast;
    background: #fff;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 50px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    transform: scale(1);
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    height: 440px
}

.blog_item:hover {
    position: relative;
    box-shadow: 0 0 20px rgba(0, 0, 0, .12);
    background-color: #fff;
    transform: scale(1.03);
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all
}

.blog_img img {
    height: 235px
}


/* Blog Comment Css */

.comments_section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #8080806e;
}




.comments_section h4 {
	background: #ff671b;
    color: white;
    font-weight: 500;
    font-size: var(--font-size-b2);
    display: inline-block;
    border: 2px solid #ff671b;
    padding: 0 20px;
    height: 50px;
    line-height: 46px;
	border-radius: 5px;
}

h3#comments {
    font-size: 1.3rem;
    color: #18212a;
    margin-top: 40px;
}

ol.commentlist {
    margin: 30px auto 30px;
    padding: 0 20px;
    width: 100%;
    max-width: 840px;
	list-style-type: none;
}

li.comment.byuser .comment-body {
    position: relative;
    margin-top: 20px;
    padding: 40px;
    overflow-wrap: break-word;
    border: 1px solid #efeff2;
    border-bottom-width: 2px;
    border-radius: 6px;
}


.comment-author.vcard img.avatar {
    float: left;
    display: block;
    margin: 0 15px 0 0;
    padding: 0;
    width: 46px !important;
    height: 46px !important;
    border-radius: 23px;
}

.comment-author.vcard cite.fn {
    display: inline-block;
    padding-top: 5px;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.3;
    color: #34343b;
}

.comment-meta.commentmetadata {
    margin-top: 2px;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.3;
    color: #9897a9;
}

.comment-meta.commentmetadata a {
    color: #9897a9;
    text-decoration: none;
}

.comment-author.vcard span.says {
    display: none;
}

.comment-body p {
    margin: 20px;
	font-style: normal;
    font-weight: 400;
    letter-spacing: 0.2px;
    line-height: 1.7;
    color: #4e4d58;
}

.comment-body .reply {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    margin: 0;
    padding: 0;
}

.comment-body .reply a.comment-reply-link, .comment-body .reply a.comment-reply-login {
    display: inline-block;
    padding: 7px 14px;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
    color: #4e4d58;
    background-color: #f8f8fa;
    border-radius: 0 6px 0 6px;
    -webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out;
    transition: color 0.2s ease-out, background-color 0.2s ease-out;
}

.comment-body .reply a.comment-reply-link:hover {
  color: white;
    background-color: #ff671b;
}

.comment-body .reply a.comment-reply-login:hover {
  color: white;
    background-color: #ff671b;
}

.comment-respond {
    margin: 0 auto 30px;
    padding: 0 20px;
    width: 100%;
    max-width: 840px;
}

.comment-reply-title {
    position: relative;
}

.comment-reply-title {
    margin: 0 auto 15px;
    width: 100%;
    max-width: 650px;
    text-align: center;
    font-size: 23px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.35;
    overflow-wrap: break-word;
    color: #34343b;
}

.comment-reply-title small {
    position: absolute;
    z-index: 2;
}
.small, small {
    font-size: .875em;
}

.comment-reply-title #cancel-comment-reply-link {
    display: inline-block;
    margin-top: 10px;
    margin-left: 10px;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
    color: #4e4d58;
    white-space: nowrap;
}

.comment-form {
    margin: 0;
    padding: 0;
    width: 100%;
}

.comment-notes {
    margin: 0;
    text-align: center;
}

.comment-form-comment {
    margin: 14px 0 7px;
}

.comment-form-author, .comment-form-email, .comment-form-url {
    margin: 0 0 15px;
}

.comment-form-cookies-consent {
    margin: 0 0 12px;
    padding: 12px 0 0;
    text-align: center;
}

.comment-form .form-submit {
    margin: 0;
    padding: 16px 0 6px;
    text-align: center;
}

.comment-form label {
    margin: 0;
    padding: 0 0 5px;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
}

.comment-form #comment {
    height: 140px;
	padding: 10px 15px;
    resize: vertical;
    line-height: 1.7;
}

form.comment-form p {
    display: grid;
}

.comment-form-cookies-consent {
    margin: 0 0 12px;
    padding: 12px 0 0;
    text-align: center;
    display: flex !important;
    align-items: center;

}


/* Blog Comment Css */

.comments_section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #8080806e;
}




.comments_section h4 {
	background: #ff671b;
    color: white;
    font-weight: 500;
    font-size: var(--font-size-b2);
    display: inline-block;
    border: 2px solid #ff671b;
    padding: 0 20px;
    height: 50px;
    line-height: 46px;
	border-radius: 5px;
}

h3#comments {
    font-size: 1.3rem;
    color: #18212a;
    margin-top: 40px;
}

ol.commentlist {
    margin: 30px auto 30px;
    padding: 0 20px;
    width: 100%;
    max-width: 840px;
	list-style-type: none;
}

li.comment.byuser .comment-body {
    position: relative;
    margin-top: 20px;
    padding: 40px;
    overflow-wrap: break-word;
    border: 1px solid #efeff2;
    border-bottom-width: 2px;
    border-radius: 6px;
}


.comment-author.vcard img.avatar {
    float: left;
    display: block;
    margin: 0 15px 0 0;
    padding: 0;
    width: 46px !important;
    height: 46px !important;
    border-radius: 23px;
}

.comment-author.vcard cite.fn {
    display: inline-block;
    padding-top: 5px;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.3;
    color: #34343b;
}

.comment-meta.commentmetadata {
    margin-top: 2px;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.3;
    color: #9897a9;
}

.comment-meta.commentmetadata a {
    color: #9897a9;
    text-decoration: none;
}

.comment-author.vcard span.says {
    display: none;
}

.comment-body p {
    margin: 20px;
	font-style: normal;
    font-weight: 400;
    letter-spacing: 0.2px;
    line-height: 1.7;
    color: #4e4d58;
}

.comment-body .reply {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    margin: 0;
    padding: 0;
}

.comment-body .reply a.comment-reply-link, .comment-body .reply a.comment-reply-login {
    display: inline-block;
    padding: 7px 14px;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
    color: #4e4d58;
    background-color: #f8f8fa;
    border-radius: 0 6px 0 6px;
    -webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out;
    transition: color 0.2s ease-out, background-color 0.2s ease-out;
}

.comment-body .reply a.comment-reply-link:hover {
  color: white;
    background-color: #ff671b;
}

.comment-body .reply a.comment-reply-login:hover {
  color: white;
    background-color: #ff671b;
}

.comment-respond {
    margin: 0 auto 30px;
    padding: 0 20px;
    width: 100%;
    max-width: 840px;
}

.comment-reply-title {
    position: relative;
}

.comment-reply-title {
    margin: 0 auto 15px;
    width: 100%;
    max-width: 650px;
    text-align: center;
    font-size: 23px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.35;
    overflow-wrap: break-word;
    color: #34343b;
}

.comment-reply-title small {
    position: absolute;
    z-index: 2;
}
.small, small {
    font-size: .875em;
}

.comment-reply-title #cancel-comment-reply-link {
    display: inline-block;
    margin-top: 10px;
    margin-left: 10px;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
    color: #4e4d58;
    white-space: nowrap;
}

.comment-form {
    margin: 0;
    padding: 0;
    width: 100%;
}

.comment-notes {
    margin: 0;
    text-align: center;
}

.comment-form-comment {
    margin: 14px 0 7px;
}

.comment-form-author, .comment-form-email, .comment-form-url {
    margin: 0 0 15px;
}

.comment-form-cookies-consent {
    margin: 0 0 12px;
    padding: 12px 0 0;
    text-align: center;
}

.comment-form .form-submit {
    margin: 0;
    padding: 16px 0 6px;
    text-align: center;
}

.comment-form label {
    margin: 0;
    padding: 0 0 5px;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
}

.comment-form #comment {
    height: 140px;
	padding: 10px 15px;
    resize: vertical;
    line-height: 1.7;
}

form.comment-form p {
    display: grid;
}

.comment-form-cookies-consent {
    margin: 0 0 12px;
    padding: 12px 0 0;
    text-align: center;
    display: flex !important;
    align-items: center;
    gap: 5px;
}

p.comment-form-cookies-consent label {
    margin: 0;
    padding: 0;
}


p.comment-form-cookies-consent #wp-comment-cookies-consent {
	width: fit-content;
}


.comment-form #comment {
	margin: 0;
    padding: 0 15px;
    max-width: 100%;
    width: 100%;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.2px;
    color: #4e4d58;
    background: #f8f8fa;
    border: 1px solid #f8f8fa;
    border-bottom-color: #e6e6e9;
    border-radius: 6px;
    outline: none !important;
    -webkit-transition: border-color 0.2s ease-out;
    transition: border-color 0.2s ease-out;
}


.comment-form input {
	margin: 0;
    padding: 0 15px;
    max-width: 100%;
    width: 100%;
	height: 40px;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.2px;
    color: #4e4d58;
    background: #f8f8fa;
    border: 1px solid #f8f8fa;
    border-bottom-color: #e6e6e9;
    border-radius: 6px;
    outline: none !important;
    -webkit-transition: border-color 0.2s ease-out;
    transition: border-color 0.2s ease-out;
}

.comment-form .form-submit {
    margin: 0;
    padding: 16px 0 6px;
    text-align: center;
	width: fit-content;
}

.comment-form #submit {
    padding: 0 30px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.4px;
}


.comment-form #submit {
	    border: none;
    outline: none;
    display: inline-block;
    margin: 0;
    padding: 0 14px;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #ffffff;
    background: #ff671b;
    border-radius: 6px;
    box-shadow: none;
    -webkit-transition: color 0.2s ease-out, background 0.2s ease-out;
    transition: color 0.2s ease-out, background 0.2s ease-out;
}

/* Blog Comment Css */

.comments_post a {
    color: #989898
}

.blog-post_meta-wrap .spacer {
    margin-bottom: 15px
}

.blog-post_meta-wrap .spacer hr {
    width: 100%
}

.meta-wrapper {
    margin-bottom: 0;
    color: #989898;
    font-weight: 600;
    padding-top: 10px;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 0
}

.blog-post_info-wrap {
    position: relative;
    top: -15px;
    float: right;
    line-height: 0
}

.blog-post_meta-wrap:after {
    content: '';
    display: table;
    clear: both
}

.blog-post_info-wrap .share_social-wpapper .share_facebook .flaticon-facebook-logo:before {
    color: #4267b2;
    font-size: 16px
}

.share_post-container {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    color: #fff;
    line-height: 0;
    font-size: 0;
    vertical-align: middle;
    float: right
}

.share_post-container>a {
    line-height: 34px;
    display: block;
    text-align: center;
    pointer-events: none !important;
    color: #292929
}




.slider.testimonials_slider .slick-track {
	    padding-top: 70px;
	
}

.slider.testimonials_slider .slick-track .testimonials_item .testimoni_img_overly {
    position: absolute;
    top: -30px;
    border-radius: 50%;
    border: 1px solid #58a58b;
    right: 10px;
    z-index: 10;
    background: white;
    width: 90px;
    height: 90px;
    display: flex
;
    align-items: center;
    justify-content: center;
}


.slider.testimonials_slider .slick-track .testimonials_item .testimoni_img_overly img {
    width: 70px;
    height: auto;
}


.slick-slider a,
.slick-slider a:focus,
.slick-slider a:hover {
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

.share_facebook:before {
    content: "";
    display: block;
    background: url(/wp-content/uploads/2021/02/facebook_ico.png);
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 10px
}

.share_youtube:before {
    content: "";
    display: block;
    background: url(/wp-content/uploads/2021/02/you_ico.png);
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 10px
}

.share_linkedin:before {
    content: "";
    display: block;
    background: url(/wp-content/uploads/2021/02/linkedin_ico.png);
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 10px
}

.share_twitter:before {
    content: "";
    display: block;
    background: url(/wp-content/uploads/2021/02/twitter_ico.png);
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 10px
}

.share_post-container>a:before {
    content: "";
    display: inherit;
    background: url(/wp-content/uploads/2021/02/share_icon.png);
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 10px
}

.share_post-container .share_social-wpapper {
    padding: 0;
    display: block;
    position: absolute;
    right: 0;
    top: -100%;
    margin-top: 10px;
    margin-right: -20px;
    z-index: 2;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: 0 6px 13px 0 rgba(145, 145, 145, .3);
    -moz-box-shadow: 0 6px 13px 0 rgba(145, 145, 145, .3);
    box-shadow: 0 6px 13px 0 rgba(145, 145, 145, .3);
    background: #fff;
    padding: 0;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.share_post-container .share_social-wpapper:before {
    content: '';
    position: absolute;
    top: 100%;
    right: 0;
    height: 15px;
    width: 100%
}

.share_post-container .share_social-wpapper ul {
    padding: 0;
    line-height: inherit;
    white-space: nowrap;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0
}

.share_post-container .share_social-wpapper:after {
    content: '';
    position: absolute;
    pointer-events: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8.5px 0;
    border-color: #fff transparent transparent;
    right: 17px;
    bottom: -8px
}

.share_post-container .share_social-wpapper ul li {
    text-align: center;
    width: 30px;
    height: 30px;
    padding: 0;
    line-height: 30px;
    display: inline-block;
    vertical-align: top;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    opacity: 1;
    visibility: visible;
    margin-bottom: 0
}

.share_post-container:hover .share_social-wpapper {
    visibility: visible;
    opacity: 1;
    margin-top: -2px
}

.share_post-container .share_post {
    display: block;
    color: inherit;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.share_post-container .share_post:hover {
    position: relative;
    top: -5px
}

.share_post-container .share_post .flaticon-facebook:before {
    color: #4661c5;
    font-size: 16px
}

.share_post-container .share_post .flaticon-twitter:before {
    color: #44b1e4;
    font-size: 16px
}

.share_post-container .share_post .flaticon-linkedin:before {
    color: #0e76a8;
    font-size: 16px
}

.other_services {
    background: linear-gradient(180deg, #ffffff9e, transparent, transparent, #ffffff00) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 90px;
    padding-bottom: 40px
}

.content_services-div {
    text-align: left;
    padding-bottom: 10px;
    float: left;
    width: 50%
}

.other_services .other_items {
    overflow: hidden;
    position: relative;
    border-radius: 5px;
    height: 360px
}

.other_services .other_items ._services-div {
    padding: 50px;
    width: 100%;
    display: block;
    border-radius: 5px;
    padding-bottom: 60px;
    transform: scale(1);
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    position: relative;
    z-index: 2
}

.other_items:before {
    content: "";
    width: 35px;
    height: 35px;
    background: #fdfdff0a;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    border-radius: 100%;
    transition: .6s all;
    transform: translate(-40px, -50px) scale(7);
    opacity: 1
}

.other_items:after {
    content: "";
    position: absolute;
    background: #ffffff12;
    transition: .6s all;
    transform: translate(-41px, -47px) scale(11);
    opacity: 1;
    display: block;
    bottom: 0;
    left: 0;
    z-index: 1;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all
}

.other_items:hover::after {
    transform: translate(-41px, -47px) scale(13)
}

._services-div h2 {
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
    transform: translateX(0)
}

.other_items:hover ._services-div h2 {
    transform: translateX(10px)
}

.other_items:hover ._services-div p {
    transform: translateX(10px)
}

._services-div p {
    color: #dee2e6;
    padding-bottom: 25px;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all
}

.other_services .other_items .content_services-div h2 {
    font-size: 22px;
    font-weight: 700 !important;
    text-align: center
}

.other_services .other_items .content_services-div p {
    text-align: center;
    margin-bottom: 40px
}

.why__us .reasons_div {
    padding: 40px 20px 42px;
    background-color: #14212b;
    position: relative;
    overflow: hidden;
    height: auto;
    margin-bottom: 20px
}

.why__us .reasons_div .reasons_content h4 {
    color: #FFFF;
    font-size: 20px;
    font-weight: 600
}

.why__us .reasons_div .reasons_content p {
     color: rgba(255, 255, 255, .8);
    font-weight: normal;
/*     text-transform: uppercase; */
    font-size: 0.8rem;
}

.slick-slide {
    margin: 0 5px
}

.slick-list {
    margin: 0 -5px
}

.slick-next:before,
.slick-prev:before {
    font-size: 70px;
    color: #ea8496;
    line-height: inherit;
    font-weight: 700
}

.slider img {
    height: 324px
}

.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block;
    outline: 0
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: ''
}

[dir=rtl] .slick-prev:before {
    content: '';
    font-weight: 700;
    font-size: 20px
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: ''
}

[dir=rtl] .slick-next:before {
    content: ''
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 2px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 2px;
    padding: 2px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 3px;
    content: '•';
    text-align: center;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    background: #ff671b
}

button.btn.close img.emoji {
    height: 1.3em !important;
    width: 1.3em !important;
    margin: 0 0.07em !important;
    background: white !important;
    border-radius: 50%;
}

/* Life at bizmetric css */

  /* gallery Tabs */
  .gallery ul#tabs-nav1 {
    list-style: none;
    margin: 0;
    overflow: auto;
    padding-left: 0;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}

  .gallery ul#tabs-nav1 li {
    float: left;
    font-weight: bold;
    margin-right: 2px;
    padding: 3px 10px;
    border-radius: 20px;
    cursor: pointer;
  }

  .gallery ul#tabs-nav1 li.active {
    background-color: #ff661b;
  }


  .gallery ul#tabs-nav1 li:hover {
    background-color: #ff671b;
  }

  .gallery ul#tabs-nav1 li.active a {
    color: white;
 }

 .gallery #tabs-nav1 li a {
    text-decoration: none;
    color: white;
    font-weight: 400;
  }

.divDiv1 {
    position: relative;
    overflow: hidden;
    background: white;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: auto 0;
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}


.divDiv1 a {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: white;
    height: 100%;
    border-radius: 10px;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: auto 0;
}




.divDiv2 {
    background: white;
    width: 100%;
    height: 270px;
    border-radius: 10px;
}

.divDiv3 {
    background: white;
    width: 100%;
    height: 270px;
    border-radius: 10px;
}

.divDiv3 a, .divDiv2 a {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: white;
    height: 100%;
    border-radius: 10px;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: auto 0;
}

.divDiv1 a img, .divDiv2 a img, .divDiv3 a img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.second_gdiv {
    gap: 10px;
    display: grid;
}

div#gallery {
    display: flex;
    gap: 40px;
}



.lifeAt_section video {
    width: 550px;
    height: 350px;
}

.slick-slider .slick-arrow {
    height: 36px!important;
    width: 35px!important;
    background: #00a88a!important;
}

.slick-slider .slick-arrow.slick-next:before {
    content: '❯'!important;
}

.slick-prev:before {
    content: '❮'!important;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 20px;
    font-weight: 600;
    background: #00a88a;
    border-radius: 50%;
    padding: 5px 15px;
    color: white;
    width: 35px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slick-lightbox-slick-caption {
    margin: 12px 0 0;
    display: block;
}

/* newsletter css */

.newsletter-float-container {
    position: fixed;
    z-index: 999999999;
    top: 50%;
    left: -90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.newsletter-float-container button {
    z-index: 99;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    transform: rotate(90deg);
    display: flex;
    width: fit-content;
    height: 30px;
    margin-right: -190px;
    margin-bottom: 10px;
    padding: 10px 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    color: white;
    border-color: #46b8da;
    border-radius: 5px;
    background-color: #eb690b;
    -webkit-box-shadow: 0 2px 4px #7d7d7d;
    box-shadow: 0 2px 4px #7d7d7d;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-family: sans-serif;
}

.bebas-neue-regular {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
   text-transform: uppercase;
}

.single_newsletter-sdbar {
    padding: 30px;
}

.single_newsletter-sdbar .side__item2 ul {
   list-style-type: disc;
}


.single_newsletter-sdbar .side__item2 .widget-title a {
    color: #14212b;
}

.our__blogss h3 {
    color: #14212b;
}

.single_newsletter-sdbar .side__item2 a:visited {
        color: #f2682a;
    }



.single_newsletter-sdbar .side__item3 {
    background: #F5F5F5;
    padding: 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.newsletter_background {
    height: 250px;
    background: linear-gradient(179deg, #292858, #2787bf);
}

/* .newsletter_nws {
    position: relative;
    overflow: hidden;
    z-index: 10;
    margin-top: -100px;
} */

.newsletter_nws .text-body {
    font-size: 1.2rem;
}

.newsletter_nws .background_clr {
    background: aliceblue;
    padding: 30px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}



.newsletter_section {
    position: relative;
    overflow: hidden;
    z-index: 10;
    background: transparent;
    box-shadow: 0px 0px 5px 0px #8080806b
}

.newsletter_section .newsletter_social a:before {
	margin: 0;
}

.newsletter_section .newsletter_social ul {
	gap: 20px;
}

.newsletter_section .main_title .design1 {
    width: 100%;
    display: grid;
    align-items: center;
    padding: 10px;
    position: relative;
    z-index: 999999;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

.newsletter_section .design1 {
    background-image: url('https://www.bizmetric.ai/wp-content/uploads/2024/03/newsletter-full-background-img-55488476.jpg');
	padding-right: 60px;
    padding-left: 60px;
}

.main_title.design1 h4 {
   font-size: 2.5rem;
}

.main_title.design1 h5 {
	   font-size: 1.7rem;
}

.main_title.design1 .title_content_sec {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.main_title.design1 .logoHeader{
    background: #ff671b;
    display: flex;
    align-items: center;
	height: 200px
}


.main_title.design1 h1 {
    font-size: 7.5rem;
    text-transform: uppercase;
    color: white;
    font-weight: 700;
    letter-spacing: 2px;
	display: inline;
}


.main_title.design1 .h_headText {
    display: flex;
    justify-content: end;
    width: 100%;
    border-bottom: 2px solid white;
    padding-top: 10px;
}

.main_title.design1 .h_headText span {
    padding-bottom: 5px;
    color: #ff671b;
    font-weight: 600;
}

.main_title.design1 .date_hText {
	display: flex;
    gap: 20px;
	justify-content: space-between;
}


.main_title.design1 .date_hText span {
    background: #00a88a;
    text-align: center;
    color: white;
    padding: 1px 20px;
}

.main_title.design1 .date_hText p {
    color: #d9713c;
}

.newsletter_section .main_title hr {
    margin: 0;
    border-top: 3px solid rgb(255 234 223);
}

.section2 .img_box p {
    margin-top: 10px;
}

.newsletter_section .title h3 {
    color: white;
    text-transform: uppercase;
  }

.newsletter_nws p {
	line-height: 20px;
	font-weight: 300;
	color: white;
}

  .newsletter_section .title h3 span {
    color: white;
    font-size: 3.2rem;
    font-weight: bold;
  }

  .newsletter_section .title h1 {
    color: #ff8751;
    text-transform: uppercase;
    font-size: 4.2rem;
    letter-spacing: 5px;
  }

  .newsletter_content .section1 .desc_box {
    background: #e47135;
    height: 100%;
	padding-left: 10px;
    padding-top: 10px;
  }

  .page__seprator{display: block; margin: 25px; width: 710px; margin-top: 10px;}
  .page__seprator p{font-size:15px; text-align:center; border-bottom: 1px solid #f2682a; position:relative; }
  .page__seprator p span { background-color: white; position: relative; top: 10px; padding: 0 10px;font-weight: 700;}

  .newsletter_content .section1 .desc_box h4 {
    color: white;
	  font-size: 2.5rem;
  }

  .newsletter_content .section1 .desc_box li {
    color: white;
  }

  .newsletter_content .section1 .desc_box2 {
    padding: 10px;
  }

  .newsletter_content .section1 .desc_box2 h4 {
    color: #14212b;
  }

.newsletter_content p {
    font-size: 14px;
    line-height: 22px;
}

  .newsletter_content ul {
    padding: 18px;
    padding-top: 0;
    list-style-type: disc;
	  padding-bottom: 0;
  }


  .newsletter_content li {
    font-size: 14px;
    line-height: 22px;
	  margin-bottom: 8px;
  }

  .newsletter_content .section3 {
    background: #00a88a;
  }


  .newsletter_content .section3 > .col-lg-9.col-md-12.col-12  {
	align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

  .newsletter_content .section3 p {
/*     display: flex;
    align-items: center;
    height: 100%; */
    color: white;
  }

/*   .newsletter_content .desc_box3 {
    background: #00a88a;
  } */

.newsletter__cto-btn {
    display: flex;
    margin-top: 20px;
	gap: 10px;
}

  .newsletter_content .desc_box3 .newsletter__cto-btn a.cto__01 {
  padding: 5px 12px;
    background: #ff922e;
    border-radius: 18px;
	border: 1px solid #ff922e;
    font-size: 15px;
    color: white;
    font-weight: 600;
  }

  .newsletter_content .desc_box3 .newsletter__cto-btn a.cto__01:hover {
	    padding: 5px 12px;
	  background: transparent;
    color: #18212a;
	 border: 1px solid #ff922e;
	 font-weight: 600;
	 font-size: 15px;
	 border-radius: 18px;

}


  .newsletter_content .desc_box3 .newsletter__cto-btn a.cto__02 {
padding: 5px 12px;
    background: transparent;
    border-radius: 18px;
    font-size: 15px;
    color: #18212a;
    font-weight: 600;
    border: 1px solid #ff922e;
  }

  .newsletter_content .desc_box3 .newsletter__cto-btn a.cto__02:hover {
    background: #ff922e;
    color: white;
	font-weight: 600;
	font-size: 15px;
	 border: 1px solid #ff922e;
	 border-radius: 18px;
   
}

/* 
  .newsletter_content .desc_box3 h4 {
    color: white;
  }


  .newsletter_content .desc_box3 p {
    color: white;
  } */

  .newsletter_content .section1 .img_draft {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: start;
  }

  .newsletter_content .section1 .img_draft img {
    width: 100%;
  }

  .head_line hr {
    border-top: 1px solid rgb(255 234 223)!important
  }

  .section2 .hr1 {
    border-top: 15px solid rgb(242 104 42);
}

.section2 .col-lg-4 {
    padding-left: 0;
}

.section2 .col-lg-8 {
    padding-right: 0;
}

.section2 .hr2 {
    border-top: 15px solid rgb(255 234 223);
}

.newsletter_footer {
    background: linear-gradient(2deg, #2d8dd9, #15212b);
    padding: 10px;
    color: white;
}

.newsletter_footer .contact__item {
	display: flex;
	justify-content: center;
}

.newsletter_footer span {
    font-size: 12px;
    display: flex;
    gap: 5px;
    align-items: center;

}

@media only screen and (max-width: 750px) {
    .newsletter_section .title h1 {
        font-size: 3rem;
    }
}



/* newsletter popup css */

.input_info .error{
    position: absolute;
    top: 50px;
    display: flex;
    justify-content: center;
    width: 100%;
    color: #FF9800;
    font-weight: 600;
}

.newsltr_pop .last__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.newsltr_pop .last__text p {
    font-size: 12px;
  }

  .newsltr_pop .last__text p.success_form {
    font-size: 16px;
    color: #00af8d;
    text-align: left;
  }

  .success-animation {
    margin: 30px auto;
    display: none;
  }

  .checkmark {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #4bb71b;
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px #4bb71b;
    animation: fill 0.4s ease-in-out 0.4s forwards,
      scale 0.3s ease-in-out 0.9s both;
    position: relative;
    top: 5px;
    right: 5px;
    margin: 0 auto;
  }
  .checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #00af8d;
    fill: #fff;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
  }

  .checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
  }

  @keyframes stroke {
    100% {
      stroke-dashoffset: 0;
    }
  }

  @keyframes scale {
    0%,
    100% {
      transform: none;
    }

    50% {
      transform: scale3d(1.1, 1.1, 1);
    }
  }

  @keyframes fill {
    100% {
      box-shadow: inset 0px 0px 0px 30px #4bb71b;
    }
  }


.form_spinner {
    width: fit-content;
    display: none;
    position: relative;
    animation: form_spinner 600ms linear infinite;
}

.form_spinner-icon {
    display: block;
    width: 20px;
    height: 20px;
    border: solid 4px transparent;
    border-top-color: #ffffff !important;
    border-left-color: #ffffff !important;
    border-radius: 50%;
  }

  @keyframes form_spinner {
    0% {
      transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }


  .nws_loader {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
  }

.newsltr_pop {
    position: fixed;
    display: none;
    justify-content: center;
    width: 100%;
    z-index: 9999999;
    background: #f0f8ff9e;
    top: 0;
    left: 0;
    bottom: 0;
    align-items: center;
    height: 100%;
}

.newsletter_popup {
    position: relative;
    background: linear-gradient(179deg, #292858, #2787bf);
    width: 300px;
    padding: 40px;
    text-align: center;
    box-shadow: 0 0 20px #00000060;
    box-sizing: border-box;
  }

  .newsletter_popup .close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background-color: #607D8B;
    color: white;
    border-radius: 50%;
    opacity: 1.0;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 12;
    cursor: pointer;
    border: none;
    outline: none;
}

  @media screen and (min-width: 600px) {
    .newsletter_popup {
        width: 450px;
        padding: 40px 40px 20px 40px;
        height: auto;
    }
  }
  .newsletter_popup h1 {
    text-transform: uppercase;
    color: #fff;
    font-size: 38px;
    line-height: 40px;
  }
  @media screen and (min-width: 600px) {
    .newsletter_popup h1 {
      font-size: 35px;
    }
  }
  .newsletter_popup h1 span {
    display: block;
    font-size: 28px;
  }
  @media screen and (min-width: 600px) {
    .newsletter_popup h1 span {
      font-size: 38px;
    }
  }
  .newsletter_popup p {
    color: #fff;
    font-size: 14px;
    margin: 10px 0;
  }

  .newsletter_popup_text {
    width: 100%;
    height: 40px;
    background-color: white;
    border-radius: 40px;
    position: relative;
    margin-top: 40px;
    display: flex;
    align-items: center;
  }
  .newsletter_popup_text input {
    width: 300px;
    border-radius: 40px;
    border: 0;
    background: none;
    padding-left: 15px;
    outline: none;
    font-size: 14px;
  }

  .newsletter_popup_text button {
    background-color: #ff671b;
    border: 5px solid #FF5722;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    right: 0px;
    top: 0;
    outline: none;
    cursor: pointer;
    color: #fff;
    transition: 0.3s linear;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .newsletter_popup_text button:hover {
    opacity: 0.5;
  }

  .nwsltr_download_btn {
    border: none;
    outline: none;
    font-weight: 600;
    font-size: calc(1px + 0.7vw);
    padding: 2px 10px 2px 10px !important;
    color: #14212b;
    background: transparent;
  }

  .nwsltr_download_btn:hover {
    color: #f2682a;
  }

  button.nwsltr_download_btn:focus {
    outline: none;
}

  .nwsltr_download_btn.biz_btn-full::after, .nwsltr_download_btn.biz_btn-outline::after {
    content: '';
  }

/* newsletter css end */

.lifeAt_section {
    height: 600px;
    /* background: linear-gradient(179deg, #14212b, #ffc0a0); */
    background: linear-gradient(179deg, #292858, #2787bf);
    display: flex;
    align-items: center;
}

.title__line:after {
    content: "";
    display: block;
    background: url(https://www.bizmetric.ai/wp-content/uploads/2023/12/clean_line.svg);
    max-width: 300px;
    height: 1px;
    margin: 2px auto;
    width: 100%;
}

.lifeAt_section .container-fluid {
    padding: 0 120px;
}


.sec_01 {
    height: 500px;
    display: flex;
    align-items: center;
    width: 100%;
}

.sec_01 span text {
    color: white;
    background: #00b08b;
    padding: 5px 8px 5px 8px;
    text-transform: capitalize;
    border-radius: 14px;
}

.sec_01 span text b {
    position: relative;
    top: -2px;
}

.sec_01 .link {
    color: #fcb02c;
}
.sec_01 .link a {
    text-decoration: underline;
    color: white;
}

.sec_01 .link a:hover {
    color: #00b08b;
}

.sec_02 {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    width: auto;
    justify-content: center;
    z-index: 1;
}

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


.sec_02_spnImg img {
 width: 700px;
 opacity: 0.6;
 -webkit-animation: rotate 40s linear infinite;
 animation: rotate 40s linear infinite;
}



@keyframes rotate{
    to {
        transform: rotate(360deg);

    }

  }

.sec_01 span h3 {
    color: white;
    font-size: 2.7rem;
    font-weight: 500;
    margin-bottom: 30px;
}

.sec_01 span h3 b {
    color: #ff671b;
}


.sec_02 button {
position: relative;
z-index: 1;
border: none;
border-radius: 50%;
padding: 3px;
}

.sec_02 svg {
fill: white;
}

.sec_02 button.active {
    background-color: #ffffff;
}


.butn_container {
    border: none;
    color: #fff;
    display: block;
    left: 0;
    margin: 0 auto;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 50%;
    width: max-content;
    border-radius: 50%;
    height: auto;
    z-index: 1;
}



.grid__details-section .container .row {
    display: flex;
    justify-content: center;
}

.item_content h4 {
    font-size: 1rem;
    font-weight: 700;
    margin-top: 15px;
}

.item_content p {
    font-size: 0.8rem;
    color: #607d8b;
    font-weight: 400;
}


/* Feedback Css */

.feedback_employee-biz {
    overflow: hidden;
    height: fit-content;
    padding-top: 90px;
    padding-bottom: 150px;
}

.feedback_employee-biz .feedback__text {
    text-align: center;
}

.feedback_employee-biz ul li blockquote {
    display: contents;
    margin: 0;
    position: relative;
    z-index: 1;
    font-size: 0.8rem!important;
    line-height: 20px;
    font-weight: 600;
    font-size: 24px;
    color: #14212b;
    font-weight: 600;
    overflow: hidden;
    padding: 10px;
    padding-top: 0px;
}

.feedback_employee-biz .swiper-container .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 320px;
    background-color: #fff;
    overflow: hidden;
    border-radius: 8px;
    height: 350px;
  }


  .feedback_employee-biz .swiper-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    right: 0;
    margin: 0 auto;

}


.feedback_employee-biz blockquote {
    font-size: 0.9rem;
    text-align: center;
    line-height: 30px;
    padding-bottom: 0;
}

.feedback_employee-biz .detail {
    padding: 0px 20px;
    font-weight: 600;
    text-align: center;
    display: block;
}
.feedback_employee-biz .detail h3 {
    margin: 0;
    font-size: 1rem;
  }
  .feedback_employee-biz .detail span {
    display: contents;
    font-size: 0.8rem;
    color: #f44336;
  }

/* Feedback Css End */


.lifeAt-gallery  {
    background: linear-gradient(179deg,#071425,#2878af);
    position: relative;
    overflow: hidden;
}




.lifeAt-gallery:before {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    top: -40px;
    left: -60px;
    border-radius: 50%;
    border: 20px solid #ffffff17;
    z-index: 2;
    transform: translateY(0px);
    transition: transform 1s ease-out;
}

.lifeAt-gallery:hover:before {
    transform: translateY(300px);
    transition: transform 1s ease-out;
}

.lifeAt-gallery:after {
    content: "";
    position: absolute;
    width: 200px;
    height: 200px;
    top: 315px;
    right: -50px;
    border-radius: 50%;
    border: 20px solid #ffffff17;
    z-index: 1;
    transform: translateY(0px);
    transition: transform 1s ease-out;
}

.lifeAt-gallery:hover:after {
    transform: translateY(-300px);
    transition: transform 1s ease-out;
}


.lifeAt-gallery .text__head {
    height: auto;
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 30px;

}

.lifeAt-gallery .text__head h2 {
    font-size: 3.5rem;
    letter-spacing: 5px;
    background: -webkit-linear-gradient(#eee, #ff3d00);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.lifeAt-gallery .carousel_lifeat .slick-slider .card.slick-slide i.flaticon.flaticon-full-screen:before {
    content: url(/wp-content/uploads/2021/02/fullscr_ico.webp);
    display: block;
    line-height: 14px;
}


.lifeAt-gallery .carousel_lifeat2 .slick-slider .card.slick-slide i.flaticon.flaticon-full-screen:before {
    content: url(/wp-content/uploads/2021/02/fullscr_ico.webp);
    display: block;
    line-height: 14px;
}

.lifeAt-gallery .carousel_lifeat .slick-slider .card.slick-slide {
    height: 350px;
    border: 0;
    position: relative;
    overflow: hidden;
}

.lifeAt-gallery .carousel_lifeat2 .slick-slider .card.slick-slide {
    height: 350px;
    border: 0;
    position: relative;
    overflow: hidden;
}

.lifeAt-gallery .slick-slider .card.slick-slide:hover .lifeAt-gallery_overlay {
    background: transparent;
}

.lifeAt-gallery .lifeAt-gallery-card:hover .lifeAt-gallery_overlay {
    background: transparent;
}


.lifeAt-gallery .lifeAt-gallery-card i.flaticon.flaticon-full-screen:before {
    content: url(/wp-content/uploads/2021/02/fullscr_ico.webp);
    display: block;
    line-height: 14px;
}



.lifeAt-gallery .lifeAt-gallery-card i.flaticon.flaticon-full-screen {
    position: absolute;
    z-index: 10;
}

.glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev {
    background-color: #00a88a;
}

.glightbox-clean .gclose {
    width: 30px;
    height: 30px;
    top: 70px;
    right: 200px;
}

.lifeAt-gallery_overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(1deg,#000000c7,transparent,transparent);
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: end;
    z-index: 2;
}

.lifeAt-gallery_overlay text {
    color: #fff;
    padding-bottom: 35px;
    font-family: 'Lobster',sans-serif;
    letter-spacing: 2px;
    font-weight: 100!important;
    font-size: 1rem;
}

.lifeAt-gallery_overlay:hover {
    opacity: 0;
    background-color: rgba(0,0,0,1);

  }



.lifeAt-gallery .carousel_lifeat .slick-slider .card.slick-slide img {
    height: 100%;
}

.lifeAt-gallery .carousel_lifeat2 .slick-slider .card.slick-slide img {
    height: 100%;
}


.lifeAt-gallery h2 {
    font-family: 'Lobster',sans-serif;
    color: white;
    padding: 0;
    letter-spacing: 2px;
    font-weight: 300!important;
}

.carousel_lifeat, .carousel_lifeat2 {
    position: relative;
    z-index: 3;
}


/* .bizmetric_lighbox {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
} */



.bizmetric_lighbox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 20;
}

.bizmetric_lighbox:hover .lifeAt-gallery_overlay {
    background: transparent;
}

.last_text-head {
    display: flex;
    justify-content: center;
}



.last_text-head div p {
    font-size: 1.4rem;
    color: #4CAF50;
    font-weight: 500;
    margin: 0;
}




.swiper-awards-slider {
    position: relative;
  }


  .swiper-awards-slider .content {
      height: 100%;
      display: flex;
      align-items: center;
      padding-left: 120px;
  }

  .swiper-awards-slider h4 {
    font-size: 2rem;
    color: #1d2327;
    font-weight: 600;
    margin-bottom: 30px;
  }

  .swiper-awards-slider .counter {
    font-weight: 400;
    display: flex;
    align-items: flex-start;
    gap: 2em;
    padding: 0;
    text-align: left;
  }
  .swiper-awards-slider .counter i {
    margin-right: 10px;
  }
  .swiper-awards-slider .counter span {
    display: block;
    text-transform: capitalize;
    font-size: 0.8rem;
    color: #c1c1c1;
    margin-top: 3px;
  }

  .swiper-awards-slider .swiper-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    right: 0px;
    margin: 0 auto;
  }


  .swiper {
    position: relative;
    width: 100%;
    z-index: 2;
  }

   .swiper-slide {
    background-color: white;
    width: 10rem;
    height: 24rem;
    margin: 2px;
    display: flex;
    flex-direction: column;
    align-items: self-start;
    position: relative;
    border-radius: 12px;
    box-shadow: -1px 5px 15px #0000001f;
    text-align: center;
    opacity: 0.4;
    transition: opacity 0.4s ease-in;
  }

  .slide-content .overlay {
    position: relative;
    overflow: hidden;
 }

 .swiper-slide span {
    display: flex;
    border-radius: 0 50px 50px 0;
    text-transform: capitalize;
    padding: 12px 20px;
    letter-spacing: 0.5px;
    font-weight: 500;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    color: #fff;
    align-items: center;
    height: 100%;
    width: 100%;
    justify-content: center;

  }
 .swiper-slide h3 {
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.4;
    margin-bottom: 0.625rem;
    letter-spacing: 0.8px;
    position: relative;
    word-wrap: break-word;
  }

   .swiper-slide p {
    color: #fff;
    line-height: 1.6;
    font-size: 0.8rem;
  }
 .swiper-slide .slide-content {
    position: relative;
    margin: auto;
  }

   .swiper-slide h3 {
    color: #14212b;
    font-weight: 600;
    font-size: 1.2rem;
  }

   .swiper-slide p {
    color: #607D8B;
    font-weight: 300;

  }

  .swiper-slide-active {
    display: grid;
    opacity: 1;
  }

  .swiper-pagination {
    position: relative;
    bottom: -0.313rem;
    text-align: center;
    margin-top: 35px;
    width: auto;
  }
  .swiper-pagination-bullet {
    border-radius: 0;
    width: 1.5rem;
    height: 0.25rem;
    background: #1d2327;
  }
  .swiper-pagination-bullet-active {
    background: #ff671b;
  }


  /* Slider Tabs */
  .swiper-awards-slider ul#tabs-nav {
    list-style: none;
    margin: 0;
    overflow: auto;
    padding-left: 120px;
  }

  .swiper-awards-slider ul#tabs-nav li {
    float: left;
    font-weight: bold;
    margin-right: 2px;
    padding: 3px 10px;
    border-radius: 20px;
    cursor: pointer;
  }

  .swiper-awards-slider ul#tabs-nav li.active {
    background-color: #ff661b;
  }


  .swiper-awards-slider ul#tabs-nav li:hover {
    background-color: #ff671b;
  }

  .swiper-awards-slider ul#tabs-nav li.active a {
    color: white;
 }

 .swiper-awards-slider #tabs-nav li a {
    text-decoration: none;
    color: #1d2327;
  }





  /* Life at page responsiveness css */


@media screen and (min-width: 990px) and (max-width: 1400px) {

    .lifeAt_section video {
        width: 100%;
        height: max-content;
    }

}

@media screen and (max-width: 1380px) {
    .sec_01 span h3 {
        font-size: 2.3rem;
    }

    .lifeAt-gallery .carousel_lifeat .slick-slider .card.slick-slide,  .lifeAt-gallery .carousel_lifeat2 .slick-slider .card.slick-slide {
        height: 260px;
    }

}

@media screen and (max-width: 1024px) {

    .butn_container {
        display: none;
    }

    .glightbox-clean .gclose {
        top: 120px;
        right: 20;
    }

.feedback_employee-biz .swiper-container {
    padding-right: 0px;
}

}






  /* @media screen and (min-width: 768px) {
    .lifeAt_section {
        height: auto;
        padding-top: 120px;
        padding-bottom: 50px
    }

    .sec_01 {
        height: auto;
        display: grid;
        align-items: center;
        width: 100%;
        text-align: center;
    }

} */

  @media screen and (max-width: 990px) {

    .sec_01 {
    height: auto;
    display: grid;
    align-items: center;
    width: 100%;
    text-align: center;
    }

    .lifeAt_section .container-fluid {
        padding: 0 35px;
    }
    .lifeAt-gallery .text__head h2 {
        font-size: 3.5rem;
    }

    .lifeAt_section video {
        width: 350px;
        height: 250px;
    }

}


@media screen and (orientation:landscape)
and (min-device-width: 768px)
and (max-device-width: 1024px) {
   /* Your CSS Here*/
}

@media screen and (max-width: 768px) {

  .solution__content .solution-list__items {
    display: block;
  }

    .glightbox-clean .gclose {
        top: 120px;
        right: 20;
    }

    .lifeAt_section {
        height: auto;
        padding-top: 120px;
        padding-bottom: 50px
    }

    .sec_01 {
        height: auto;
        display: grid;
        align-items: center;
        width: 100%;
        text-align: center;
    }

    .feedback_employee-biz .feedback__text {
        text-align: center;
        padding-left: 0;
    }
    .feedback_employee-biz .swiper-container {
        padding-right: 0px;
    }

    .div2 {
        margin-top: 10px;
    }

    .div3:nth-child(2) {
        margin-top: 10px;
    }

    .swiper-awards-slider .content {
        align-items: center;
        padding-left: 0;
        text-align: center;
        justify-content: center;
        margin-top: 20px;
    }

    .swiper-awards-slider .counter {
        align-items: center;
        text-align: center;
        justify-content: center;
    }

    .swiper-awards-slider .swiper-container .swiper-slide {
        margin: 0px;
        box-shadow: none;
        border: 1px solid #80808073;
    }

}

@media screen and (max-width:480px)  {
    .sec_01 span h3 {
    font-size: 1.8rem;
}
.lifeAt_section video {
    width: 100%;
    height: 200px;
}

.gallery #tabs-nav1 li a {
    font-size: 0.8rem;
  }

}

@media screen and (max-width:320px)  {
    .sec_01 span h3 {
        font-size: 1.5rem;
    }
   }





  /* Life at Bizmetric css end */

.testimonials_item {
    position: relative;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: inherit;
    -o-transition: inherit;
    -moz-transition: inherit;
    transition: inherit;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 0 18px rgba(0, 0, 0, .06);
    -moz-box-shadow: 1px 0 18px rgba(0, 0, 0, .06);
    box-shadow: 1px 0 18px rgba(0, 0, 0, .06)
}

.testimonials_item .head_content h5 {
    color: #000;
    font-weight: 600
}

.testimonials_item .head_content h6 {
    color: #ff671b;
    font-size: 14px
}

.testimonials_item .head_content {
    padding: 32px 35px 30px;
    border-bottom: 1px solid #eee;
    outline: 0
}

.testimonials_item p {
    padding: 30px 10px 30px
}

.testimonials .main-heading_title a.biz_btn-outline:hover {
    color: #fff;
    background: #00ae8d;
    border: 1px solid #00ae8d !important;
    transition: .05s;
    box-shadow: none
}

.testimonials .main-heading_title a.biz_btn-outline {
    color: #00ae8d
}

.testimonials_item:after {
    position: absolute;
    z-index: 1;
    content: "\201D";
    font-family: Flaticon;
    font-size: 50px;
    text-align: center;
    color: #fff;
    right: 35px;
    top: -8px;
    height: 50px;
    width: 50px;
    line-height: 70px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: -webkit-linear-gradient(left, #ff4408 0, #f65d21 50%, #f2672a 100%);
    background-size: 300%, 1px;
    background-position: 0
}

.single_case_study {
    position: relative;
    overflow: hidden
}

section.single_case_study:before {
    content: "";
    position: absolute;
    height: 40em;
    width: 40em;
    right: 0;
    background: #fffaf8;
    border-radius: 50% 0 50% 50%/60% 60% 40% 40%
}

.gr-1 {
    background: linear-gradient(45deg, #0000003b, #66666670), url(/wp-content/uploads/2020/10/26317.jpg);
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat
}

.column {
    margin-top: 3rem;
    padding-left: 3rem
}

.hid_cont {
    justify-content: center;
    display: flex;
    font-weight: 700;
    font-size: 16px;
    border-radius: 3px;
    box-shadow: 0 5px 8px 0 #666666bf;
    padding: 15px 30px;
    background: #fff;
    color: #ff6d34;
    border: 1px solid transparent
}

.hid_cont:after {
    content: "\27A1";
    padding: 0 0 0 10px;
    font-weight: 700;
    font-size: 16px
}

.hid_cont:hover {
    background: 0 0;
    color: #ff671b;
    border: 1px solid #adb5bd;
    padding: 15px 30px;
    font-weight: 700
}

.card_s {
    position: relative;
    min-height: 0;
    margin: 0;
    padding: 3rem;
    padding-bottom: 2rem;
    border: none;
    border-radius: 5px;
    letter-spacing: .05rem;
    box-shadow: 0 0 21px rgba(0, 0, 0, .27);
    z-index: 3
}

.single_case-card.column:after {
    content: '';
    position: absolute;
    top: 115px;
    right: -55px;
    z-index: 1;
    width: 200px;
    height: 200px;
    background-image: radial-gradient(circle at 5px 5px, red 1.5px, transparent 0);
    background-size: 12px 21px
}

.content_div p,
.content_div ul {
    text-align: left
}

.content_div5676 ul li {
    color: #fff;
    margin-bottom: 12px;
    display: flex
}

.content_div5676 ul li strong {
    display: contents
}

.content_div5676 ul {
    margin-top: 30px;
    padding: 0
}

.card_s .txt {
    z-index: 1;
    padding-bottom: 10px
}

.card_s .txt h1 {
    font-size: 1.5rem;
    font-weight: 700
}

.card_s .txt p {
    font-size: .7rem;
    /* font-family: 'Open Sans', sans-serif; */
    letter-spacing: 0;
    margin-top: 33px;
    opacity: 0;
    color: #fff
}

.card_s .ico-card {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.card_s i {
    position: relative;
    right: -50%;
    top: 60%;
    font-size: 12rem;
    line-height: 0;
    opacity: .2;
    color: #ff671b;
    z-index: 0
}

.single__cta {
    position: relative;
    z-index: 9999;
    top: -50px
}

.single_case-sec2,
.single_case-sec3 {
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    padding: 90px 0;
    position: relative
}

.single_case_study h1,
.single_case_study h2,
.single_case_study h3,
.single_case_study h4,
.single_case_study h5 {
    color: #ff671b;
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 15px;
    padding-bottom: .05rem
}

.single_case_study p {
    color: #212529;
    font-family: 'Open Sans', sans-serif
}

.ul_div li i {
    font-size: 35px;
    color: #ff671b;
    padding-right: 10px
}

.ul_div {
    padding: 0
}

ul.ul_div li {
    display: flex;
    padding-bottom: 15px
}

.single_case-sec3 .pic_div img {
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 28px 40px 0 rgba(154, 161, 171, .67)
}

.section_counter {
    background: #f7fbff;
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    padding: 90px 0;
    position: relative
}

.section_counter .container .main-heading_title h2 {
    color: #ff671b
}

.section_counter .biz__counter.single_counter {
    margin-top: 0
}

section.single_case-sec3 .container .row .col-lg-6 .content_div ul {
    padding: 0
}

section.single_case-sec3 .container .row .col-lg-6 .content_div .main-heading_title h2 {
    padding-top: 0;
    color: #ff671b
}

section.single_case-sec3 .container .row .col-lg-6 .content_div ul li {
    display: flex;
    padding-bottom: 15px
}

section.single_case-sec2 .content_div p {
    color: #fff;
    display: flex
}

section.single_case-sec2 .content_div p i {
    color: #ff671b;
    padding: 10px;
    font-size: 12px;
    padding-left: 0;
    line-height: 5px
}

section.single_case-sec3 .container .row .jsty {
    display: flex;
    justify-content: flex-end
}

section.single_case-sec3 .container .row .col-lg-6 .content_div ul li i {
    font-size: 12px;
    color: #ff671b;
    padding-right: 10px;
    line-height: 25px
}

.section_counter .container ul {
    padding: 0
}

.section_counter .container ul li {
    display: flex;
    padding-bottom: 15px
}

.section_counter .container ul li p {
    margin: 0
}

.section_counter .container p {
    margin-top: 2%;
    margin-bottom: 3%
}

.section_counter .container ul li i {
    font-size: 12px;
    color: #ff671b;
    padding-right: 10px;
    line-height: 25px
}

section.single_case_study p strong {
    color: #14212b;
    font-size: 18px
}

.testim {
    width: 100%;
    position: relative;
    background: #f7fbff
}

.flaticon-quotation-marks-in-speech-bubble:before {
    color: #ff671b;
    font-size: 40px
}

.testim .wrap {
    position: relative;
    width: 100%;
    max-width: 1020px;
    margin: auto
}

.testim .arrow {
    display: block;
    position: absolute;
    color: #eee;
    cursor: pointer;
    font-size: 2em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 5px;
    z-index: 22222222;
    display: none
}

.testim .arrow:before {
    cursor: pointer
}

.testim .arrow:hover {
    color: #ea830e
}

.testim .arrow.left {
    left: 10px
}

.testim .arrow.right {
    right: 10px
}

.testim .dots {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 60px;
    left: 0;
    display: block;
    z-index: 3333;
    height: 12px;
    display: none
}

.testim .dots .dot {
    list-style-type: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #eee;
    margin: 0 10px;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: relative
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
    background: #ea830e;
    border-color: #ea830e
}

.testim .dots .dot.active {
    -webkit-animation: testim-scale .5s ease-in-out forwards;
    -moz-animation: testim-scale .5s ease-in-out forwards;
    -ms-animation: testim-scale .5s ease-in-out forwards;
    -o-animation: testim-scale .5s ease-in-out forwards;
    animation: testim-scale .5s ease-in-out forwards
}

.testim .cont {
    position: relative;
    overflow: hidden
}

.testim .cont>div {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    opacity: 0
}

.testim .cont>div.inactive {
    opacity: 1
}

.testim .cont>div.active {
    position: relative;
    opacity: 1
}

.testim .cont div .img img {
    display: block;
    width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 50%
}

.testim .cont div h2 {
    color: #ff671b;
    font-size: 1em;
    margin: 0;
    padding-bottom: 0;
    margin-top: 10px
}

.testim .cont div p {
    font-size: 1.15em;
    color: #656970;
    width: 80%;
    font-weight: 500;
    margin: auto;
    margin-top: 30px
}

.testim .cont div h5 {
    font-size: 16px;
    margin-top: 10px
}

.testim .img i {
    color: #ff671b;
    font-weight: 700;
    font-style: normal;
    font-size: 28px
}

.testim .cont div.active .img img {
    -webkit-animation: testim-show .5s ease-in-out forwards;
    -moz-animation: testim-show .5s ease-in-out forwards;
    -ms-animation: testim-show .5s ease-in-out forwards;
    -o-animation: testim-show .5s ease-in-out forwards;
    animation: testim-show .5s ease-in-out forwards
}

.testim .cont div.active h2 {
    -webkit-animation: testim-content-in .4s ease-in-out forwards;
    -moz-animation: testim-content-in .4s ease-in-out forwards;
    -ms-animation: testim-content-in .4s ease-in-out forwards;
    -o-animation: testim-content-in .4s ease-in-out forwards;
    animation: testim-content-in .4s ease-in-out forwards
}

.testim .cont div.active h5 {
    -webkit-animation: testim-content-in .4s ease-in-out forwards;
    -moz-animation: testim-content-in .4s ease-in-out forwards;
    -ms-animation: testim-content-in .4s ease-in-out forwards;
    -o-animation: testim-content-in .4s ease-in-out forwards;
    animation: testim-content-in .4s ease-in-out forwards
}

.testim .cont div.active p {
    -webkit-animation: testim-content-in .5s ease-in-out forwards;
    -moz-animation: testim-content-in .5s ease-in-out forwards;
    -ms-animation: testim-content-in .5s ease-in-out forwards;
    -o-animation: testim-content-in .5s ease-in-out forwards;
    animation: testim-content-in .5s ease-in-out forwards
}

.testim .cont div.inactive .img img {
    -webkit-animation: testim-hide .5s ease-in-out forwards;
    -moz-animation: testim-hide .5s ease-in-out forwards;
    -ms-animation: testim-hide .5s ease-in-out forwards;
    -o-animation: testim-hide .5s ease-in-out forwards;
    animation: testim-hide .5s ease-in-out forwards
}

.testim .cont div.inactive h2 {
    -webkit-animation: testim-content-out .4s ease-in-out forwards;
    -moz-animation: testim-content-out .4s ease-in-out forwards;
    -ms-animation: testim-content-out .4s ease-in-out forwards;
    -o-animation: testim-content-out .4s ease-in-out forwards;
    animation: testim-content-out .4s ease-in-out forwards
}

.testim .cont div.inactive h5 {
    -webkit-animation: testim-content-out .4s ease-in-out forwards;
    -moz-animation: testim-content-out .4s ease-in-out forwards;
    -ms-animation: testim-content-out .4s ease-in-out forwards;
    -o-animation: testim-content-out .4s ease-in-out forwards;
    animation: testim-content-out .4s ease-in-out forwards
}

.testim .cont div.inactive p {
    -webkit-animation: testim-content-out .5s ease-in-out forwards;
    -moz-animation: testim-content-out .5s ease-in-out forwards;
    -ms-animation: testim-content-out .5s ease-in-out forwards;
    -o-animation: testim-content-out .5s ease-in-out forwards;
    animation: testim-content-out .5s ease-in-out forwards
}

@-webkit-keyframes testim-scale {
    0% {
        -webkit-box-shadow: 0 0 0 0 #eee;
        box-shadow: 0 0 0 0 #eee
    }
    35% {
        -webkit-box-shadow: 0 0 10px 5px #eee;
        box-shadow: 0 0 10px 5px #eee
    }
    70% {
        -webkit-box-shadow: 0 0 10px 5px #ea830e;
        box-shadow: 0 0 10px 5px #ea830e
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 #ea830e;
        box-shadow: 0 0 0 0 #ea830e
    }
}

@-moz-keyframes testim-scale {
    0% {
        -moz-box-shadow: 0 0 0 0 #eee;
        box-shadow: 0 0 0 0 #eee
    }
    35% {
        -moz-box-shadow: 0 0 10px 5px #eee;
        box-shadow: 0 0 10px 5px #eee
    }
    70% {
        -moz-box-shadow: 0 0 10px 5px #ea830e;
        box-shadow: 0 0 10px 5px #ea830e
    }
    100% {
        -moz-box-shadow: 0 0 0 0 #ea830e;
        box-shadow: 0 0 0 0 #ea830e
    }
}

@-ms-keyframes testim-scale {
    0% {
        -ms-box-shadow: 0 0 0 0 #eee;
        box-shadow: 0 0 0 0 #eee
    }
    35% {
        -ms-box-shadow: 0 0 10px 5px #eee;
        box-shadow: 0 0 10px 5px #eee
    }
    70% {
        -ms-box-shadow: 0 0 10px 5px #ea830e;
        box-shadow: 0 0 10px 5px #ea830e
    }
    100% {
        -ms-box-shadow: 0 0 0 0 #ea830e;
        box-shadow: 0 0 0 0 #ea830e
    }
}

@-o-keyframes testim-scale {
    0% {
        -o-box-shadow: 0 0 0 0 #eee;
        box-shadow: 0 0 0 0 #eee
    }
    35% {
        -o-box-shadow: 0 0 10px 5px #eee;
        box-shadow: 0 0 10px 5px #eee
    }
    70% {
        -o-box-shadow: 0 0 10px 5px #ea830e;
        box-shadow: 0 0 10px 5px #ea830e
    }
    100% {
        -o-box-shadow: 0 0 0 0 #ea830e;
        box-shadow: 0 0 0 0 #ea830e
    }
}

@keyframes testim-scale {
    0% {
        box-shadow: 0 0 0 0 #eee
    }
    35% {
        box-shadow: 0 0 10px 5px #eee
    }
    70% {
        box-shadow: 0 0 10px 5px #ea830e
    }
    100% {
        box-shadow: 0 0 0 0 #ea830e
    }
}

@-webkit-keyframes testim-content-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes testim-content-in {
    from {
        opacity: 0;
        -moz-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-ms-keyframes testim-content-in {
    from {
        opacity: 0;
        -ms-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes testim-content-in {
    from {
        opacity: 0;
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes testim-content-in {
    from {
        opacity: 0;
        transform: translateY(100%)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes testim-content-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-moz-keyframes testim-content-out {
    from {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -moz-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-ms-keyframes testim-content-out {
    from {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-o-keyframes testim-content-out {
    from {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes testim-content-out {
    from {
        opacity: 1;
        transform: translateY(0)
    }
    to {
        opacity: 0;
        transform: translateY(-100%)
    }
}

@-webkit-keyframes testim-show {
    from {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes testim-show {
    from {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-ms-keyframes testim-show {
    from {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 1;
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes testim-show {
    from {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes testim-show {
    from {
        opacity: 0;
        transform: scale(0)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes testim-hide {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-moz-keyframes testim-hide {
    from {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0)
    }
}

@-ms-keyframes testim-hide {
    from {
        opacity: 1;
        -ms-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0)
    }
}

@-o-keyframes testim-hide {
    from {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes testim-hide {
    from {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(0)
    }
}

@media all and (max-width:300px) {
    body {
        font-size: 14px
    }
}

@media all and (max-width:500px) {
    .testim .arrow {
        font-size: 1.5em
    }
    .testim .cont div p {
        line-height: 25px
    }
}

.page-load-status {
    display: none;
    padding-top: 20px;
    border-top: 1px solid #ddd;
    text-align: center;
    color: #777
}

.hidden {
    visibility: hidden;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important
}

.grid {
    width: 100%;
    margin: 50px auto
}

.grid:after {
    content: '';
    display: block;
    clear: both
}

.grid-sizer {
    width: 100%
}

.gutter-sizer {
    width: 3%
}

#filterGroup {
    width: 100%;
    margin: 40px auto;
    text-align: center
}

.grid-item {
    float: left !important;
    width: 31%;
    margin-bottom: 0;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden
}

.grid-filter .mel-filter-nav .mel-filter.selected:before {
    content: "\f108";
    font-family: Flaticon !important;
    padding-right: 5px
}

.grid-item img {
    width: 100%;
    height: auto
}

.gi-inner-img img {
    width: 100%;
    height: 300px;
    -o-object-fit: cover;
    -o-object-position: center;
    object-fit: cover;
    object-position: center
}

.grid-filter ul {
    padding: 0;
    list-style-type: none;
    text-align: left
}

.mel-nav li {
    padding-right: 15px;
    cursor: pointer;
    color: #616161;
    font-size: 18px;
    /* font-family: 'Open Sans', sans-serif; */
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    position: relative;
    margin-right: 30px
}

.grid-filter ul li {
    display: inline-block
}

.grid-filter ul li a {
    color: #14212b !important;
    font-size: 16px;
    font-weight: 400;
    padding: 10px
}

.grid-filter ul li a.selected,
.grid-filter ul li a:hover {
    color: #ff671b !important;
    font-size: 16px;
    font-weight: 700;
    padding: 10px;
    text-decoration: underline
}

.grid-item-inner {
    display: flex;
    flex-direction: column
}

.gi-inner-img:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #14212b, #14212ba1, #14212b5c, #14212b00);
    background-repeat: no-repeat;
    background-position: 75% 40%;
    bottom: 0;
    left: 0
}

.gi-inner-content {
    padding: 15px;
    background: #ff671bd6;
    padding-top: 10px;
    padding-bottom: 5px;
    opacity: 0;
    position: absolute;
    z-index: 3;
    visibility: hidden;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    width: -webkit-calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    width: calc(100% - 50px);
    height: auto;
    left: 25px;
    bottom: 25px;
    top: initial;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 20px 15px 5px 15px;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px)
}

.grid-item:hover .gi-inner-content {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.gi-inner-content h3 {
    font-size: 16px;
    color: #fff
}

.gi-inner-content p {
    font-size: 18px;
    font-weight: 300;
    font-family: Raleway, sans-serif
}

.item-date {
    font-weight: 300;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    font-size: 14px;
    display: none
}

.inner-author img {
    height: 50px !important;
    min-height: unset !important;
    width: 50px !important;
    -o-object-fit: unset !important;
    -o-object-position: unset !important;
    object-fit: unset !important;
    object-position: unset !important;
    vertical-align: bottom;
    margin-right: 10px
}

@media only screen and (max-width:991px) {
    .grid-item {
        width: 48% !important
    }
}

@media only screen and (max-width:767px) {
    .mobileswap {
        webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }
    .grid-item {
        float: left;
        width: 100% !important
    }
    .grid .grid-item-inner {
        flex-direction: column !important
    }
    .gi-inner-img img {
        width: 100%;
        width: 100%;
        height: auto;
        min-height: 200px !important;
        -o-object-fit: cover;
        -o-object-position: center;
        object-fit: cover;
        object-position: center
    }
    .grid {
        width: 99%;
        min-height: 200px !important
    }
}

.case-single {
    text-align: -webkit-center;
    padding-right: 0;
    padding-left: 0
}

.case-single h1 {
    margin-bottom: 2%;
    font-size: 45px;
    font-weight: 700
}

.single_case_study .aside div h3 {
    font-size: 20px;
    color: #8b95a3
}

.single_case_study .aside div {
    margin-bottom: 15px
}

.single_case_study .aside ul {
    padding: 0
}

section.case__study-sn ul li:before {
    content: "\2022";
    font-size: 25px;
    color: #ff671b;
    padding-right: 10px;
    line-height: 25px
}

.single_case_study .aside ul li {
    color: #353f58;
    font-size: 14px;
    font-weight: 700;
    line-height: 25px
}

.single_case_study .aside {
    justify-content: flex-end;
    display: grid;
    margin-top: 8em
}

.sin-cta {
    background: #ff671b;
    position: relative;
    z-index: 99999;
    padding: 30px 10px 50px;
    border-radius: 5px;
    text-align: center
}

.sin-cta p {
    font-weight: 600;
    text-align: center;
    padding-bottom: 15px;
    color: #fff;
    font-size: 28px
}

.sin-cta a {
    text-align: center;
    background: linear-gradient(45deg, #000, #66666670), url(/wp-content/uploads/2020/10/26317.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center;
    background-color: #081219;
    font-weight: 600;
    font-size: 16px;
    border-radius: 3px;
    box-shadow: 0 5px 8px 0 #66666645;
    padding: 15px;
    color: #fff;
    text-transform: uppercase
}

.sin-cta:hover a {
    background: #fff;
    color: #ff671b
}

ul.social_share li a i:before {
    font-size: 28px;
    font-style: normal
}

ul.social_share li:before {
    content: " " !important
}

.social_share li a .fab.fa-linkedin {
    color: #0e76a8
}

.social_share li a .fab.fa-facebook-square {
    color: #3b5998
}

.social_share li a .fab.fa-twitter-square {
    color: #00acee
}

ul.social_share li {
    background: #fff;
    padding: 3px;
    margin-right: 5px;
    line-height: 25px;
    border-radius: 5px
}

.all_share {
    text-align: -webkit-center;
    justify-content: center;
    margin-top: 20px
}

.all_share h3 {
    font-weight: 600
}

ul.social_share {
    display: flex;
    justify-content: center;
    padding: 0
}

select {
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: #14212b;
    background-image: none
}

select::-ms-expand {
    display: none
}

.select {
    position: relative;
    display: flex;
    width: 20em;
    height: 3em;
    line-height: 3;
    background: #2c3e50;
    overflow: hidden;
    border-radius: .25em
}

select {
    flex: 1;
    padding: 0 .5em;
    color: #fff;
    cursor: pointer
}

.select::after {
    content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 1em;
    background: #34495e;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease
}

.select:hover::after {
    color: #f39c12
}

.background-cta {
    position: relative;
    background-color: #090a1c;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .17);
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
    border-radius: 5px;
    margin-bottom: 0;
    padding: 70px 60px
}

.background-overlay {
    opacity: .15;
    transition: background .3s, border-radius .3s, opacity .3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.background-cta h2 {
    color: #fff
}

.brand_logo .row img {
    width: 100%;
    max-width: 180px
}

input.wpcf7-form-control.wpcf7-submit.submit_btn {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    background: #fff;
    border: none;
    border-radius: 5px
}

input.wpcf7-form-control.form-control.input_control {
    padding-top: 8px;
    padding-bottom: 8px;
    height: auto;
    margin-bottom: 10px
}

.footerForm {
    position: relative;
    overflow: hidden;
    background: -webkit-linear-gradient(left, #f2682b 0, #f2682b 80%, #f2682b 100%);
    padding: 15px 50px;
    border-radius: 5px;
    z-index: 9999;
    top: 55px;
    border-bottom: 3px solid #00a88a;

}

.footerForm .submit_btn {
    width: 20%;
    padding-top: 8px;
    padding-bottom: 8px;
    background: #fff;
    border: none;
    border-radius: 5px;
    background: white;
    color: #1a2731;
    font-weight: 700;
    display: block;
}


.footerForm .wpcf7-not-valid-tip {
    color: #fff;
    margin-top: 5px
}

.footer-form .wpcf7 form .wpcf7-response-output {
    position: absolute;
    z-index: 999;
    text-align: center;
    color: #fff;
    margin-top: 59px
}

.footerForm .form-control::-webkit-input-placeholder {
    color: #fff !important;
    opacity: 1
}

.footerForm .form-control::-moz-placeholder {
    color: #fff !important;
    opacity: 1
}

.footerForm .form-control::-ms-input-placeholder {
    color: #fff !important;
    opacity: 1
}

.wpcf7:-moz-placeholder {
    color: #fff !important;
    opacity: 1
}

.wpcf7::-moz-placeholder {
    color: #fff !important;
    opacity: 1
}

.wpcf7:-ms-input-placeholder {
    color: #fff !important;
    opacity: 1
}

.footerForm .form-control {
    background: rgba(255, 255, 255, .1) !important;
    border: 1px solid #f6f6f6 !important
}

.footer .widgettitle {
    color: #fff;
    font-weight: 600 !important;
    padding-bottom: 15px;
    font-size: 1.25rem
}

.d-flex.blog-post_media img {
    width: 80px;
    margin-right: 20px;
    margin-bottom: 0;
    float: left;
    height: 60px;
    border-radius: 5px
}

.d-flex.blog-post_media p {
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    padding-right: 60px
}

.theiaStickySidebar .widget-area aside .blog-post_media {
    margin-bottom: 20px
}

.theiaStickySidebar .widget-area aside .blog-post_media p {
    padding-right: 0
}

.theiaStickySidebar .widget-area aside .blog-post_media p a {
    color: #14212b
}

.d-flex.blog-post_media:hover p a {
    color: #ff671b !important;
}

.d-flex.blog-post_media p a {
    color: #fff
}

.d-flex.blog-post_media p span {
    color: #adb5bd;
    font-size: 12px
}

.col-lg-3.widget1 img {
    margin-bottom: 15px
}

.col-lg-3.widget1 p {
    color: #ccc
}

.spacer.footerSpace hr {
    width: 50%;
    margin-top: 0;
    margin-bottom: 20px;
    border-top: 1px solid #666
}

.menu-footer-menu-container ul li a {
    color: #fff;
    padding: 0;
    line-height: 35px
}

.menu-footer-menu-container ul li a:hover {
    color: #ff671b
}

.menu-footer-menu-container ul li a:before {
    content: "\27A1";
    padding: 10px 5px 0 10px;
    font-weight: 700;
    font-size: 16px
}

.scrolltop .icon {
    text-align: center;
    transform: rotate(-90deg);
}


.scrolltop {
    position: fixed;
    z-index: 3;
    bottom: 210px;
    right: 40px;
    width: 35px;
    height: 40px;
    border-radius: 5%;
    background: #ff671b;
    display: none;
    cursor: pointer;
	 align-items: center;
    justify-content: center;

}

.scroll.icon:after {
    content: "\2B9A";
    font-weight: 700;
    font-size: 16px;
    color: #fff
}


.scrollbottom .icon {
    text-align: center;
    transform: rotate(90deg);
}


.scrollbottom {
    position: fixed;
    z-index: 3;
    top: 500px;
    right: 40px;
    width: 35px;
    height: 40px;
    border-radius: 5%;
    background: #58a58b;
    display: none;
    cursor: pointer;
	 align-items: center;
    justify-content: center;

}

.scroll2.icon:after {
    content: "\2B9A";
    font-weight: 700;
    font-size: 16px;
    color: #fff
}

.copyright_div p {
    margin: 0;
    font-size: 14px
}
.copyright_div b {
    color: #fe671b;
}

.footer_menu .menu-footer-menu-container ul {
    padding: 0
}

.footer {
    background: linear-gradient(45deg, #14212b, #14212bf0, #14212b), url(/wp-content/uploads/2020/11/175-1755808_molecule-dna.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    position: relative
}

.footer .widget1 #footer_widget-1 li {
    list-style-type: none
}

.footer .widget1 #footer_widget-1 li a img {
    width: 90px
}

.footer-form {
    z-index: 9999;
    position: relative;
    display: contents
}

.footer-social ul {
    display: flex;
    padding: 0
}

.footer li,
.footer ul {
    list-style-type: none;
    padding: 0
}

.footer-social ul li a.youtube-icon {
    background: #fff;
    padding-left: 0
}

.youtube-icon i.flaticon.flaticon-youtube:before {
    content: "";
    background: url(/wp-content/uploads/2021/02/youtube.png);
    width: 100%;
    height: 100%;
    background-size: contain;
    position: absolute
}

.footer-social ul li a .flaticon:before {
    font-size: 18px
}

.footer-social ul li a:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px)
}

a.facebook-icon {
    background: #4661c5
}

a.twitter-icon {
    background: #44b1e4
}

a.linkedin-icon {
    background: #0e76a8
}

.footer-address strong {
    color: #fff
}

.footer-address span {
    color: #ccc
}

.footer-address p {
    margin-bottom: 0
}

.single_post {
    font-size: 30px
}

.case_cat {
    color: #ff671b;
    font-size: calc(1px + 1em);
    line-height: 28px
}

.case_item .text-div {
    padding: 10px
}

.case_item:hover .text-div {
    -webkit-box-shadow: 0 5px 83px rgba(40, 40, 40, .08);
    -khtml-box-shadow: 0 5px 83px rgba(40, 40, 40, .08);
    -moz-box-shadow: 0 5px 83px rgba(40, 40, 40, .08);
    -ms-box-shadow: 0 5px 83px rgba(40, 40, 40, .08);
    -o-box-shadow: 0 5px 83px rgba(40, 40, 40, .08);
    box-shadow: 0 5px 83px rgba(40, 40, 40, .08)
}

.case_item .text-div {
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all .2s linear 0;
    -khtml-transition: all .2s linear 0;
    -moz-transition: all .2s linear 0;
    -ms-transition: all .2s linear 0;
    -o-transition: all .2s linear 0;
    transition: all .2s linear 0
}

.case_item .text-div2 {
justify-content: space-between;
}

.case_item .text-div h2 {
    margin: 0;
}

.case_item .text-div h2 a {
    font-size: 18px;
    color: #14212b;
    font-weight: 700 !important
}

.case_item:hover .text-div h2 a {
    color: #ff671b
}

.case_item_container {
    position: relative;
    overflow: hidden
}

.grid-item.mel-grid-item .case_item {
    margin: 10px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    margin-left: 0;
    position: relative;
    overflow: hidden;
    border-radius: 5px
}

.grid-item.mel-grid-item .image-div:hover {
    -webkit-transform: scale(1.1) rotate(4deg);
    transform: scale(1.1) rotate(4deg)
}

.grid-item.mel-grid-item:hover .image-div:before {
    background: 0 0
}

.case_item .image-div {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 400px;
    max-height: 245px;
    background-size: cover !important;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.case_item .image-div:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #14212b, #14212ba1, #14212b5c, #14212b00);
    background-repeat: no-repeat;
    background-position: 75% 40%;
    bottom: 0;
    left: 0
}

.case_item .image-div img {
    height: 340px;
    border-radius: 5px
}

.case_item .image-div a {
    position: relative;
    z-index: 3
}

.case_item:hover .image-div img {
    transform: scale(1.1) rotate(4deg)
}

.case_item .image-div img {
    -webkit-transition: all .2s linear 0;
    -khtml-transition: all .2s linear 0;
    -moz-transition: all .2s linear 0;
    -ms-transition: all .2s linear 0;
    -o-transition: all .2s linear 0;
    transition: all .2s linear 0
}

.link-readmore a {
    color: #14212b;
    font-weight: 700 !important;
    flex-wrap: wrap;
    text-transform: capitalize
}



.case_item .link-readmore a i:after {
    content: "\27A1";
    padding: 10px 0 0 10px;
    font-weight: 700;
    font-size: 16px;
    font-style: initial
}

.case_item:hover .link-readmore a {
    padding: 0 20px;
    background-color: #ff671b;
    color: #fff
}

.case_item:hover .link-readmore a:after {
    border: none
}

.case_item .link-readmore a {
font-size: 14px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    position: relative;
    height: 42px;
    line-height: 42px;
    display: inline-block;
    color: #0e2b3d;
    -webkit-transition: all .2s linear 0;
    -khtml-transition: all .2s linear 0;
    -moz-transition: all .2s linear 0;
    -ms-transition: all .2s linear 0;
    -o-transition: all .2s linear 0;
    transition: all .2s linear 0
}

section.other_services .spacer {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%
}

.spacer hr {
    width: 50%;
    margin-top: 0;
    margin-bottom: 0
}

.related_post {
    padding: 60px 0 90px
}

.blog_btn-extra {
    text-align: right
}

.archive-section .spacer hr {
    width: 100%
}

.archive-section .grid-item {
    display: flex;
    border-radius: 5px;
    width: 90%;
    border-bottom: 1px solid #dee2e6
}

.archive-section .grid-item:nth-child(4) {
    border-bottom: none
}

.archive-section .grid-item .image-div {
    height: 300px;
    width: 100%;
    border-radius: 5px
}

.archive-section .grid-item .image-div img {
    border-radius: 5px
}

.archive-section .grid-item .text-div h2 {
    font-size: 25px;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0
}

.archive-section .grid-item .text-div h2 a {
    color: #14212b
}

aside .widget-title:after {
    -webkit-transition: all .14s linear 0;
    -khtml-transition: all .14s linear 0;
    -moz-transition: all .14s linear 0;
    -ms-transition: all .14s linear 0;
    -o-transition: all .14s linear 0;
    transition: all .14s linear 0;
    width: 100%;
    height: 15px;
    content: "";
    position: relative;
    left: 0;
    right: 0;
    display: block;
    border-bottom: 2px solid #ff671b4a;
}

aside .widget-title {
    padding-bottom: 5px;
    font-weight: 500;
    font-size: 1.1rem;
}

aside#recent-posts-3 ul {
    padding: 0
}

aside#recent-posts-3 ul li {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dee2e6
}

aside#recent-posts-3 ul li a {
    color: #000;
    display: block;
    font-weight: 700;
    font-size: 16px;
    line-height: 25px;
    margin: 0 0 5px;
    color: #6a6a6a !important
}

aside#recent-posts-3 ul li .post-date {
    color: #6c757d
}

aside#categories-4 ul {
    padding: 0
}

aside#categories-3 ul li:hover a {
    color: #ff671b !important;
}

section.onSingle_blog {
    overflow: inherit
}
.cat__lnks {
    display: flex;
    gap: 10px;
}

.singl_blog .single__title {
    justify-content: flex-end;
    display: flex;
}

.single_cat {
    background: -webkit-linear-gradient(left, #ff4105 0, #f2682b 30%, #ff4105 100%);
    color: #fff;
    padding: 7px 10px;
    border-radius: 5px;
    display: inline
}

.single_cat a {
    color: #fff
}

.single_cat:hover a {
    color: #14212b
}

.dateAu span {
    margin-bottom: 0;
    color: #989898;
    font-weight: 600;
    padding-top: 0;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 0
}

.single__title.col-lg-12 {
    padding-left: 0
}

.blog-post_media img {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    max-width: 100%;
    height: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 5px
}

.single_blog-sdbar {
    justify-content: flex-end;
    display: flex
}

.single_blog-sdbar .widget-area {
    width: 85%
}

.dropcap {
    float: left;
    margin-top: .4em;
    margin-right: 1em;
    text-align: center;
    width: 2em;
    height: 2em;
    line-height: 2em;
    font-size: 1.25em;
    font-weight: 900;
    color: inherit;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 5px 4px 13px rgba(131, 131, 131, .3);
    -moz-box-shadow: 5px 4px 13px rgba(131, 131, 131, .3);
    box-shadow: 5px 4px 13px rgba(131, 131, 131, .3);
    color: #ff671b
}

.blog-post_content p {
    line-height: 28px;
    letter-spacing: .13px;
	font-size: 16px;
}

.blog-post_content ul {
    padding: 0
}

.blog-post_content ul li {
    display: flex
}

.blog-post_content ul.bloUl li {
    display: block;
}

.blog-post_content ul li:before {
    content: "\2022";
    font-size: 30px;
    color: #ff671b;
    padding-right: 10px;
    line-height: 25px
}

.blog-post_content p>b,
.blog-post_content p>strong {
    letter-spacing: 0;
    font-weight: 700;
    font-size: 16px;
    color: #14212b
}

.blog-post_content strong {
    letter-spacing: 0;
    font-weight: 700;
    font-size: 16px;
    color: #14212b
}

.blog_quote {
    background: #f0f8ff;
    padding: 25px;
    position: relative;
    overflow: hidden;
    border-radius: 5px
}

blockquote {
    margin: 0px;
    position: relative;
    z-index: 1;
    font-size: 24px;
    line-height: 42px;
    font-weight: 600;
    font-size: 24px;
    color: #14212b;
    font-weight: 600;
    overflow: hidden;
    padding: 30px;
}

cite {
    font-size: 18px;
    color: #adb5bd
}

blockquote:before {
    display: block;
    position: relative;
    z-index: 0;
    content: url(/wp-content/uploads/2021/02/quote__ico.webp);
    font-family: Flaticon;
    font-size: 100px;
    top: 0%;
    left: 0;
    background: #f0f8ff;
    width: fit-content;
    margin: 0 auto;
    line-height: 0px;
    padding: 8px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-style: normal;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
}

.custom_box3 img {
    border-radius: 5px
}

.tagcloud a {
    position: relative;
    z-index: 1;
    display: inline-block;
    font-size: 13px !important;
    line-height: 28px;
    font-weight: 400;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0 12px;
    background: #f7f7f7;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    text-transform: lowercase;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #616161;
    background-size: 300%, 1px;
    background-position: 0;
    border: 1px solid #adb5bd00 !important
}

.tagcloud a:hover {
    background: -webkit-linear-gradient(left, #ff4105 0, #f2682b 30%, #ff4105 100%);
    background-size: 300%, 1px;
    background-position: 0;
    border: 1px solid #adb5bd00 !important;
    color: #fff
}

.spacer.singlespr hr {
    width: 100%
}

.side_img_wrapr {
    background: url(/wp-content/uploads/2020/11/integrio_widgets_banner_bg.jpg);
    display: block;
    max-width: 370px;
    margin-top: 50px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 40px 10px 54px;
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center
}

.side_img_wrapr .logo {
    justify-content: center
}

.side_img_wrapr .logo img {
    width: 100px
}

.side_img_wrapr h2 {
    font-size: 18px;
    line-height: 36px;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 10px
}

.conclusion_box {
    background: #f0f8ff;
    padding: 40px 25px;
    position: relative;
    overflow: hidden;
    border-radius: 5px
}

.conclusion_box a:hover {
    color: #d9713c!important;
}

.conclusion_box a:visited {
    color: #007bff;
}

.conclusion_box p:nth-child(1) {
    font-weight: 800;
}

.author_box {
    background: #f8f8f8;
    padding: 40px 25px;
    border-radius: 5px
}

.author_content h4 {
    color: #14212b;
    font-weight: 600;
    font-size: 22px
}

.author_logo {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background: #fff;
    width: auto;
    height: auto;
    padding: 15px;
    text-align: center;
    position: relative;
    overflow: hidden
}

.author_logo img {
    width: 80px;
    margin: 5px
}

.author_content span a {
    color: #ff671b
}

.sticky-sidebar {
    transition: .5s all
}

.nxprv .prv {
    float: left;
    margin-bottom: 30px;
    text-align: right
}

.nxprv .next {
    float: right;
    margin-bottom: 30px;
    text-align: left
}

.nxprv .next a,
.nxprv .prv a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.nxprv .prv>a {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left
}

.nxprv .next>a {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: right
}

.nxprv .next>a:before,
.nxprv .prv>a:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .45s ease;
    -o-transition: all .45s ease;
    -moz-transition: all .45s ease;
    transition: all .45s ease
}

.nxprv .next>a:hover:before,
.nxprv .prv>a:hover:before {
    opacity: 1;
    visibility: visible
}

.nxprv>a:hover .prv_img:before {
    -webkit-transform: translateX(-60px);
    -moz-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    -o-transform: translateX(-60px);
    transform: translateX(-60px)
}

.nxprv a:hover .prv_img:before {
    margin-left: -145px;
    opacity: 1
}

.nxprv a:hover .next_img:before {
    margin-right: -45px;
    opacity: 1
}

.nxprv .prv .prv_img {
    display: inline-block;
    width: 100px;
    vertical-align: middle;
    margin-right: 15px;
    position: relative;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

.nxprv .next .next_img {
    display: inline-block;
    width: 100px;
    vertical-align: middle;
    margin-left: 15px;
    position: relative;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

.nxprv .prv a:hover .prv_img {
    margin-left: 40px
}

.nxprv .next a:hover .next_img {
    margin-right: 40px
}

.nxprv .prv .prv_img:before {
    content: "\2B05";
    font-size: 21px;
    position: absolute;
    line-height: 70px;
    left: 0;
    margin-left: 20px;
    right: 0;
    opacity: 0;
    display: block;
    text-align: center;
    z-index: 1;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    color: #ff671b
}

.nxprv .next .next_img:before {
    content: "\27A1";
    font-size: 21px;
    position: absolute;
    line-height: 70px;
    right: 0;
    margin-right: 20px;
    right: 0;
    opacity: 0;
    display: block;
    text-align: center;
    z-index: 1;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    color: #ff671b
}

.nxprv .next .next_img img,
.nxprv .prv .prv_img img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    vertical-align: top;
    max-width: 100%;
    height: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.prv_content {
    display: grid
}

.next_content {
    display: grid
}

.prv_content h4 {
    max-width: 260px;
    font-weight: 700;
    line-height: 22px;
    display: inline-block;
    position: relative;
    -webkit-transition: all .45s ease;
    -o-transition: all .45s ease;
    -moz-transition: all .45s ease;
    transition: all .45s ease;
    word-wrap: break-word;
    font-size: 13px;
    padding: 0;
    margin: 0
}

.prv_content span {
    background: 0;
    padding-left: 0;
    padding-right: 0;
    font-weight: 600;
    font-size: 13px;
    color: #989898;
    margin-top: 4px
}

.next_content h4 {
    max-width: 228px;
    font-weight: 700;
    line-height: 22px;
    display: inline-block;
    position: relative;
    -webkit-transition: all .45s ease;
    -o-transition: all .45s ease;
    -moz-transition: all .45s ease;
    transition: all .45s ease;
    word-wrap: break-word;
    font-size: 13px;
    padding: 0;
    margin: 0
}

.next_content span {
    background: 0;
    padding-left: 0;
    padding-right: 0;
    font-weight: 600;
    font-size: 13px;
    color: #989898;
    margin-top: 4px
}

.about_side-img {
    position: relative;
    line-height: 0;
    max-width: 100%
}

.about_side-img h4 {
    color: #14212b
}

.img_layer_image_wrapper.slide_left {
    position: absolute;
    z-index: 3;
    left: -30px;
    top: -92px
}

.img_layer_image_wrapper.slide_left>img {
    width: 300px;
    border-radius: 5px;
    box-shadow: 0 30px 70px 0 rgba(204, 204, 204, .3)
}

.img_layer_image_wrapper.slide_right img {
    width: 325px;
    border-radius: 5px;
    box-shadow: 0 30px 70px 0 rgba(204, 204, 204, .3)
}

.img_layer_image_wrapper.slide_left {
    position: relative;
    line-height: 0;
    display: block;
    width: inherit;
    max-width: 100%;
    height: inherit;
    max-height: 100%
}

.about_side-img .img_layer_image_wrapper:not(:first-child) {
    position: absolute;
    right: 0;
    top: 0
}

.about_section2 {
    background: #14212b
}

.about_timeline {
    background: linear-gradient(45deg, #14212bba, #14212bb8), url(/wp-content/uploads/2020/11/pexels-scott-webb-3052683.jpg);
    padding: 90px;
    background-position: 0 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.about_timeline h2 {
    text-align: left;
    color: #fff;
    font-size: 35px
}

.time-line .small__title {
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    color: #fe671b
}

.controls {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.controls:hover:after {
    transform: translateX(-10px) rotate(45deg)
}

.controls:hover:active:after {
    transform: translateX(-20px) rotate(45deg);
    transition: .3s all
}

.controls:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    transform: rotate(45deg);
    border-left: 4px solid #fff;
    border-bottom: 4px solid #fff;
    transition: .5s all
}

.controls.next {
    left: auto;
    right: 0;
    transform: rotate(180deg)
}

.time-line {
    width: 100%;
    height: 480px;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    bottom: 0
}

.time-line * {
    transition: .8s all cubic-bezier(.23, 1, .32, 1)
}

.time-line .dates-overflow {
    left: 0;
    width: 500vw;
    position: absolute;
    bottom: 50px;
    height: 50px
}

.time-line .dates-wrap {
    display: inline-block;
    position: absolute;
    height: 100%;
    left: calc(50vw - 80px)
}

.time-line .dates-wrap:after,
.time-line .dates-wrap:before {
    content: '';
    position: absolute;
    width: 160px;
    height: 100%;
    left: -1px;
    transform: translate(-50%, -50%);
    background: linear-gradient(to right, #ff671b 0, rgba(125, 185, 232, 0) 100%);
    z-index: 2;
    border-radius: 5px
}

.time-line .dates-wrap:after {
    left: auto;
    right: -1px;
    background: linear-gradient(to left, #ff671b 0, rgba(125, 185, 232, 0) 100%);
    transform: translate(50%, -50%)
}

.time-line .dates-wrap .date {
    width: 160px;
    position: relative;
    float: left;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .8s all cubic-bezier(.23, 1, .32, 1)
}

.time-line .dates-wrap .date .date-content {
    visibility: hidden;
    position: absolute;
    width: 300px;
    height: 300px;
    bottom: 100%;
    margin-bottom: 80px;
    border-radius: 3px;
    transform-origin: 50% 100%;
    transform: scale(.7);
    box-shadow: 0 10px 30px transparent
}

.time-line .dates-wrap .date .date-content:after {
    content: "";
    position: absolute;
    left: 50%;
    width: 1px;
    top: 100%;
    margin-top: 8px;
    height: 60px;
    opacity: 0;
    background-color: #ff671b;
    transform: scaleY(0);
    transform-origin: 100% 100%;
    transition: .8s all cubic-bezier(.23, 1, .32, 1)
}

.time-line .dates-wrap .date .date-content .date-image {
    width: 100%;
    height: calc(100% - 60px);
    background-image: url(/wp-content/uploads/2020/11/pexels-photo-4270292.jpeg);
    background-size: cover;
    background-position: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.time-line .dates-wrap .date .date-content>div {
    opacity: 0;
    transform: translateY(40px)
}

.time-line .dates-wrap .date .date-content .date-text {
    width: 100%;
    height: 120px;
    background: linear-gradient(45deg, #fff, #ffffffe8, #ffffffd9);
    display: block;
    justify-content: center;
    align-items: center;
    padding: 20px;
    padding-top: 10px;
    margin-top: -60px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.date-text h4 {
    color: #ff671b;
    font-size: 20px;
    font-weight: 600
}

.date-text p {
    font-weight: 400;
    color: #14212b
}

.time-line .dates-wrap .date .date-year {
    opacity: .4;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.time-line .dates-wrap .date .date-year:hover {
    opacity: 1 !important
}

.time-line .dates-wrap .date .date-year:hover:after {
    transform: scale(1) !important
}

.time-line .dates-wrap .date .date-year p {
    position: absolute;
    top: 20px;
    line-height: 1;
    color: #fff;
    font-size: 25px;
    font-weight: 900;
    transform: scale(.4);
    z-index: 2
}

.time-line .dates-wrap .date .date-year:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    background-color: #fff;
    bottom: 100%;
    margin-bottom: -7px;
    border-radius: 50%;
    transform: scale(.4);
    transition: .5s all
}

.time-line .dates-wrap .date .date-year:before {
    content: "-";
    position: absolute;
    top: 0;
    width: 200%;
    height: 1px;
    background-color: #ff671b
}

.time-line .dates-wrap .date.sibling .date-year {
    opacity: .6
}

.time-line .dates-wrap .date.sibling .date-year:after {
    transform: scale(.8)
}

.time-line .dates-wrap .date.sibling .date-year p {
    transform: scale(.6)
}

.time-line .dates-wrap .date.active+.date .date-year {
    opacity: .6
}

.time-line .dates-wrap .date.active+.date .date-year:after {
    transform: scale(.8)
}

.time-line .dates-wrap .date.active+.date .date-year p {
    transform: scale(.6)
}

.time-line .dates-wrap .date.active .date-year {
    opacity: 1
}

.time-line .dates-wrap .date.active .date-year:before {
    width: calc(200% - 11px)
}

.time-line .dates-wrap .date.active .date-year:after {
    transform: scale(1)
}

.time-line .dates-wrap .date.active .date-year p {
    transform: scale(1.2);
    font-size: 22px
}

.time-line .dates-wrap .date.active .date-content {
    transform: scale(1);
    visibility: visible
}

.time-line .dates-wrap .date.active .date-content:after {
    transition-delay: .2s;
    opacity: 1;
    transform: scaleY(1)
}

.time-line .dates-wrap .date.active .date-content div {
    transition-delay: .2s;
    opacity: 1;
    transform: translateY(0) scale(1)
}

.our_approch.st .approch_item .approch_div h5 {
    color: #14212b
}

.our_approch.st .approch_item .approch_div:before {
    border: 2px solid #ff671b
}

.our_approch.st .approch_item .approch_div:after {
    border: 2px solid #ff671b
}

.our_approch.class_transprnt {
    background: 0 0;
    color: #14212b !important
}

.our_approch.class_transprnt .approch_item .approch_div h5 {
    color: #14212b
}

.value_div {
    padding: 40px 40px 34px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    overflow: hidden;
    min-height: 216px;
    background: #fff
}

.value_item:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    top: -25px;
    border-radius: 50%;
    border: 15px solid #14212b;
    z-index: 1;
    opacity: .2;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    transform: translate(10px, 10px)
}

.value_div:hover .value_item:after {
    transform: translate(10px, 50px);
    border: 15px solid #ff671b
}

.value_div:hover:not(.add_shadow) {
    -webkit-box-shadow: 0 8px 30px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 8px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 8px 30px rgba(0, 0, 0, .1)
}

.value_div:hover {
    border-color: transparent
}

.value_item h2 {
    font-size: 80px;
    font-weight: 700 !important;
    color: #ff671b;
    position: relative;
    z-index: 2;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    transform: translate(10px, 10px)
}

.value_div:hover .value_item h2 {
    transform: translate(0, -30px);
    color: #14212b
}

.value_div:hover .value_item p {
    color: #14212b
}

.services_wrapper:after {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    top: 26px;
    right: 30px;
    border-radius: 50%;
    border: 15px solid #ff671b;
    z-index: 1;
    opacity: .2;
    transform: translate(10px, 10px);
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.bizmtc_module_services_4:hover .services_wrapper:after {
    transform: translate(-10px, 45px)
}

.bizmtc_module_services_4.services_left {
    text-align: left
}

.bizmtc_module_services_4 {
    padding: 40px 40px 34px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    overflow: hidden;
    min-height: 216px;
    background: #fff;
    margin-bottom: 20px
}

.bizmtc_module_services_4:hover:not(.add_shadow) {
    -webkit-box-shadow: 0 8px 30px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 8px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 8px 30px rgba(0, 0, 0, .1)
}

.bizmtc_module_services_4:hover {
    border-color: transparent
}

.bizmtc_module_services_4:hover .services_icon-wrap {
    opacity: 0
}

.bizmtc_module_services_4 .services_wrapper {
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.bizmtc_module_services_4 .services_icon-wrap {
    margin-bottom: 16px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.bizmtc_module_services_4 .services_title {
    line-height: 36px;
    font-size: 22px;
    font-weight: 600;
    color: #14212b
}

.bizmtc_module_services_4 .services_content-wrap {
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    margin-bottom: -28%
}

.bizmtc_module_services_4 .services_content {
    margin-top: 10px
}

.bizmtc_module_services_4:hover .services_wrapper {
    margin-top: -30px
}

.bizmtc_module_services_4:hover .services_content-wrap {
    opacity: 1
}

.bizmtc_module_services_4:hover .services_content-wrap .services_content p {
    color: #14212b
}

.abt-teams_div {
    background: #f7fbff;
    padding: 90px;
    background-position: 0 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.team {
    padding-bottom: 70px;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.team .section-title {
    text-align: left;
    margin-bottom: 50px
}

.leadership__team .team__item {
    position: relative;
    overflow: hidden;
    height: 330px;
    width: 270px;
    background-size: 100% 100%;
    border: 1px solid #14212b1f;
}

.team__item svg {
    background: #0072b1;
    fill: white;
    padding: 3px;
}


.team__title {
    display: flex;
    justify-content: space-between;
}


.leadership__team .team__item:before {
    content: "";
    width: 35px;
    height: 35px;
    background: #fefefe8c;
    opacity: 0;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    border-radius: 100%;
    transform: translate(-31px, -37px) scale(1);
    transition: .3s all
}

.leadership__team .team__item:hover::before {
    transition: .6s all;
    transform: translate(-41px, -47px) scale(7);
    opacity: 1
}

.leadership__team .team__item:hover::after {
    transition: .6s all;
    transform: translate(-41px, -47px) scale(11);
    opacity: 1
}

.leadership__team .team__item:after {
    content: "";
    width: 35px;
    height: 35px;
    background: #f8f8f86b;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    border-radius: 100%;
    transform: translate(-31px, -37px) scale(1);
    transition: .3s all;
    position: absolute;
    background: #ffffff12;
    opacity: 0;
    transition: .3s all
}


.leadership__team .team__item .team__text .team__title h4 {
    font-size: 16px;
}

.leadership__team .team__item .team__text {
    top: 250px;
    z-index: 10;
}


.leadership__team .team__item:hover .team__text {
    top: 240px;
}

.leadership__team .team__item:hover:after {
    opacity: 0!important;
}


.team__item {
    border-radius: 5px;
    height: 480px;
    width: 350px;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    overflow: hidden;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}

.team__item:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #300;
    content: "";
    z-index: -1;
    opacity: 0;
    -webkit-transition: all, .5s, ease-out, .5s;
    -o-transition: all, .5s, ease-out, .5s;
    transition: all, .5s, ease-out, .5s
}

.team__item:hover:after {
    opacity: 1
}

.team__item:hover .team__text {
    top: 0
}

.team__item:hover .team__text .team__title {
    border-bottom: 1px solid rgba(183, 183, 183, .2);
    padding: 0 0 26px;
    margin-bottom: 26px;
    opacity: 0;
    visibility: hidden;
    position: relative;
    bottom: initial;
    opacity: 1;
    visibility: visible
}

.team__item:hover .team__text p {
    top: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .5s ease .3s;
    -o-transition: all .5s ease .3s;
    transition: all .5s ease .3s
}

.team__item:hover .team__text .team__social {
    opacity: 1;
    visibility: visible;
    bottom: 34px;
    -webkit-transition: all .5s ease .5s;
    -o-transition: all .5s ease .5s;
    transition: all .5s ease .5s
}

.team__text {
    height: 100%;
    top: 380px;
    position: relative;
    padding: 15px 15px 15px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    background: linear-gradient(45deg, #14212b, #14212b, #30433f82);
}



.team__text2 {
    text-align: left;
    line-height: 20px;
}

.team__text .team__title {
    /* border-bottom: 1px solid rgba(183, 183, 183, .2); */
    padding: 0 0 26px;
    margin-bottom: 26px;
    position: relative
}

.team__text .team__title h4 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 0px
}

.team__text .team__title span {
    font-size: 13px;
    color: #ff671b
}

.team__text p {
    font-size: calc(1px + 1em);
    color: #e4e4e4;
    line-height: 26px;
    opacity: 0;
    visibility: hidden;
    position: relative;
    top: 50px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.team__title a {
    color: #fff;
    float: right;
}

@media(max-width:768px) {

 .solution__content .solution-list__items {
    display: block !important;
  }


    .mobileswap {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }


    .leadership__team .team__item .team__text {
        padding: 10px 20px 20px;
    }

    .team__text {
        padding: 25px 20px 20px
    }
}

.custom_model.modal-dialog {
    max-width: 905px;
    margin: 6rem auto
}

.careers_main {
    background: linear-gradient(0deg, #ffffffc7, transparent, transparent), url(/wp-content/uploads/2020/11/red_dots.png);
    background-size: cover;
    background-position: bottom
}

.benifits-items:nth-child(1) {
    background: #6495ed;
    border-top-left-radius: 5px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.benifits-items {
    position: relative;
    overflow: hidden;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.benifits-items .benifits-items_content {
    transform: scale(1);
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.benifits-items:hover .benifits-items_content {
    -webkit-box-shadow: 0 8px 30px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 8px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 8px 30px rgba(0, 0, 0, .1);
    border-color: transparent;
    transform: scale(1.1);
    z-index: 10
}

.benifits-items:nth-child(1):hover::before,
.benifits-items:nth-child(2):hover::before,
.benifits-items:nth-child(3):hover::before,
.benifits-items:nth-child(4):hover::before,
.benifits-items:nth-child(5):hover::before,
.benifits-items:nth-child(6):hover::before {
    left: 250px;
    border: 15px solid #ff671b4a;
    opacity: 1;
    z-index: 0
}

.benifits-items:nth-child(1):before,
.benifits-items:nth-child(2):before,
.benifits-items:nth-child(3):before,
.benifits-items:nth-child(4):before,
.benifits-items:nth-child(5):before,
.benifits-items:nth-child(6):before {
    content: "";
    position: absolute;
    width: 130px;
    height: 130px;
    top: 20px;
    left: 20px;
    border-radius: 50%;
    border: 15px solid #fff;
    z-index: 1;
    opacity: .2;
    transform: translate(10px, 10px);
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.benifits-items:nth-child(2) {
    background: #00ae8d
}

.benifits-items:nth-child(3) {
    background: #6c757d;
    border-top-right-radius: 5px
}

.benifits-items:nth-child(4) {
    background: #6c757d;
    border-bottom-left-radius: 5px
}

.benifits-items:nth-child(5) {
    background: #ff671b
}

.benifits-items:nth-child(6) {
    background: #6495ed;
    border-bottom-right-radius: 5px
}

.benifits-items:hover {
    background: #14212b
}

.benifits-items_content {
    padding: 50px
}

.benifits-items_content h4 {
    color: #fff;
    font-weight: 600;
    font-size: 30px
}

.benifits-items_content p {
    color: #eee
}

.culture_section_items h4 {
    color: #14212b
}

.culture_lft_img {
    justify-content: flex-end;
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
}

.culture_lft_img span {
    position: absolute;
    top: -40px;
    left: -52px;
    z-index: 1;
    background: #fff;
    padding: 10px;
    -webkit-box-shadow: 0 8px 30px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 8px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 8px 30px rgba(0, 0, 0, .1)
}

.culture_lft_img>span img {
    width: 310px;
    border-radius: 5px
}

.culture_section_items h4 b {
    color: #ff671b
}

.careers_jobs {
    background: #f7fbff
}

.job_itms {
    background: #e9ecefba;
    padding: 20px;
    padding-top: 30px;
    border-radius: 5px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    border: 1px solid #e6e6e6
}

.job_itms:hover {
    background: #fff;
    border-color: transparent;
    -webkit-box-shadow: 7px 6px 30px rgba(0, 0, 0, .12);
    -moz-box-shadow: 7px 6px 30px rgba(0, 0, 0, .12);
    box-shadow: 7px 6px 30px rgba(0, 0, 0, .12);
    border: 1px solid #e6e6e6
}

.job_department p {
    text-transform: capitalize
}

.job_title h5 {
    color: #14212b;
    font-weight: 600
}

.slick-lightbox {
    z-index: 9999999;
    background: #000000e3
}

.slick-slider .slick-arrow {
    position: absolute;
    top: 50%;
    border: 0;
    border-radius: 100%;
    padding: 0;
    height: 40px;
    width: 40px;
    display: block;
    background: #ff671b;
    color: transparent;
    font-size: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    outline: 0;
    z-index: 1;
    cursor: pointer
}

.slick-slider .slick-arrow:before {
    content: "";
    font-size: 25px;
    line-height: 1.6;
    color: #fff;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900
}

.slick-slider .slick-arrow.slick-prev {
    left: 20px
}

.slick-slider .slick-arrow.slick-prev:before {
    content: "\2190"
}

.slick-slider .slick-arrow.slick-next {
    right: 20px
}

.slick-slider .slick-arrow.slick-next:before {
    content: "\2192"
}

.slick-lightbox .close {
    position: absolute;
    top: 50px;
    right: 15px;
    width: auto;
    color: #fff;
    opacity: 1
}

.slick-lightbox .close:not(.disabled):hover {
    opacity: 1
}

.carousel2-1 .slick-track {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.carousel2-1 .slick-slide {
    line-height: 0;
    -webkit-transition: .5s;
    transition: .5s
}

.carousel2-1 img {
    width: 100%;
    height: 100%
}

.carousel2-1 .card {
    border: 0;
    line-height: 2;
    overflow: hidden;
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, .3);
    -webkit-transition: .5s;
    transition: .5s
}

.carousel2-1 .card:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    background: 0 0;
    opacity: 1;
    -webkit-transition: .5s;
    transition: .5s
}

.carousel2-1 .card:hover::before {
    background: 0 0
}

.carousel2-1 .card .open-lightbox {
    position: absolute;
    bottom: 15px;
    right: 15px;
    display: block;
    color: #14212b;
    line-height: 1;
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 1;
    outline: 0;
    z-index: 2;
    text-decoration: none
}

.flaticon.flaticon-full-screen:before {
    content: "\f11d";
    font-size: 18px;
    background: #f7fbffb5;
    padding: 5px;
    border-radius: 5px
}

.flaticon.flaticon-cashier:before,
.flaticon.flaticon-date:before,
.flaticon.flaticon-hourglass:before,
.flaticon.flaticon-placeholder:before {
    font-size: 20px
}

.carousel2-1 .slick-slide.slick-center {
    margin: 15px
}

.carousel2-1 .slick-slide.slick-center .card {
    height: 450px
}

.carousel2-1 .slick-slide.slick-center .card:before {
    opacity: 0
}

.carousel2-1 .slick-slide.slick-center .card a,
.carousel2-1 .slick-slide.slick-center .card a:after {
    pointer-events: auto
}

.carousel2-1 .slick-slide.slick-center .card .open-lightbox {
    opacity: 1
}

.slick-slider {
    margin: -10px 0
}

.slick-slide {
    margin: 0
}

.card.slick-slide {
    border-radius: 0
}

.careers_meta span {
    color: #8e8f9a;
    font-size: 16px;
    font-weight: 400;
    margin-right: 30px
}

.careers_title h2 {
    margin: 0;
    padding: 0;

}

.careers_desc h3 {
    color: #14212b;
    font-weight: 500
}

.careers_desc ul {
    padding: 0;
    line-height: 40px;
    position: relative;
    display: grid
}

.careers_desc ul li {
    display: inline-flex;
}

.careers_desc ul li:before {
    content: "\2022";
    font-size: 25px;
    color: #ff671b;
    padding-right: 10px;
    line-height: 25px
}

.apply__now {
    display: block;
    width: 100%;
    padding: 20px
}

.all_share.job_share {
    text-align: -webkit-right;
    justify-content: flex-end;
    margin-top: 20px;
    display: flex
}

.all_share.job_share h4 {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 5px;
    margin-right: 10px;
    font-weight: 600;
}

.open-lightbox {
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.carousel2-1 .card:hover .open-lightbox {
    bottom: 20px;
    right: 15px
}

.contact_item {
    padding: 30px 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    overflow: hidden;
    min-height: 216px;
    background: #fff;
    border: 1px solid #14212b29
}

.contact_item:hover {
    -webkit-box-shadow: 0 8px 30px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 8px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 8px 30px rgba(0, 0, 0, .1);
    border-color: transparent
}

.contact_item:after {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    top: 5px;
    right: 45px;
    border-radius: 50%;
    border: 15px solid #ff671b;
    z-index: 1;
    opacity: .1;
    transform: translate(10px, 10px);
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.contact_item:hover::after {
    opacity: .2;
    color: #ff671b
}

.contact_item .titl {
    color: #14212b;
    font-weight: 700;
    margin-bottom: 30px
}

.contact_item .subtitl {
    margin-bottom: 0
}

.contact_item .eml a {
    color: #ff671b;
    font-size: 16px;
    font-weight: 600;
    transform: translate(10px, 10px);
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.contact-form-col .input-div input {
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    color: rgba(33, 37, 41, .5);
    background-color: #f5f8fd;
    padding: 10px 30px;
    border-radius: 24px;
    border-style: solid;
    border-width: 1px;
    border-color: #e7e7e7;
    margin-bottom: 15px;
    text-shadow: none;
    box-shadow: none;
    box-sizing: border-box;
    transition: all ease .3s;
    color: #212529
}

.contact-form-col .input-div {
    margin-bottom: 20px
}

.contact-form-col .textarea-div textarea {
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    color: rgba(33, 37, 41, .5);
    background-color: #f5f8fd;
    padding: 10px 30px;
    border-radius: 24px;
    border-style: solid;
    border-width: 1px;
    border-color: #e7e7e7;
    margin-bottom: 15px;
    text-shadow: none;
    box-shadow: none;
    box-sizing: border-box;
    transition: all ease .3s;
    color: #212529
}

.contact_side-img img {
    border-radius: 5px
}

.contact_side-img {
    margin-top: 20%;
    position: relative
}

.contact_side-img:before {
    content: '';
    position: absolute;
    top: -60px;
    left: -100px;
    z-index: 2;
    width: 200px;
    height: 200px;
    background-image: radial-gradient(circle at 5px 5px, #ff671b 1.5px, transparent 0);
    background-size: 20px 21px
}

.button-div input.wpcf7-form-control.wpcf7-submit.biz_btn-full.gradient-button:hover {
    padding: 10px 15px !important
}

.main__location-cls a {
    color: #dee2e6!important;
}

.more__locations-items h4 {
    font-size: 1.2rem;
    font-weight: 600!important;
}





.address_item {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 30px 30px 30px 30px;
    border-radius: 5px;
    height: 240px;
}

.address_flash:before {
    content: "";
    width: 35px;
    height: 35px;
    background: #fdfdff0a;
    opacity: 0;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    border-radius: 100%;
    transform: translate(-31px, -37px) scale(1);
    transition: .3s all
}

.address_flash:hover::before {
    transition: .6s all;
    transform: translate(-41px, -47px) scale(7);
    opacity: 1
}

.address_flash:hover::after {
    transition: .6s all;
    transform: translate(-41px, -47px) scale(11);
    opacity: 1
}

.address_flash:after {
    content: "";
    width: 35px;
    height: 35px;
    background: #f8f8f86b;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    border-radius: 100%;
    transform: translate(-31px, -37px) scale(1);
    transition: .3s all;
    position: absolute;
    background: #ffffff12;
    opacity: 0;
    transition: .3s all
}

/* .address_item h4,
.address_item p,
.address_item span {
    opacity: 0;
    visibility: hidden
} */

.address_item h4,
.address_item2 h4,
.address_item3 h4 {
    color: #fff;
    font-weight: 700
}

.address_item span a,
.address_item2 span a {
    color: #ff671b;
    font-weight: 600
}

.address_item span,
.address_item2 span a {
    display: block
}

.address_item span a i:before,
.address_item2 span a i:before {
    font-size: 20px;
    padding-right: 10px
}

.address_item2 {
    background: #14212b;
    padding: 30px 30px 30px 30px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.address_item3 {
    padding: 30px 30px 30px 30px;
    border-radius: 5px;
    width: auto;
    height: 230px;
    display: flex;
    margin-bottom: 20px;
    align-items: center;
}


.address_item3 p {
    font-size: 0.8rem;
}

.address_item3 h4 {
    color: #fff
}

.address_item p,
.address_item2 p,
.address_item3 p {
    font-weight: normal;
    color: #dee2e6;
    margin-bottom: 25px;
}

.address_item3 span a {
    color: #ff671b;
    font-weight: 600
}

.address_item3 span {
    display: block
}

.address_item3 span a i:before {
    font-size: 20px;
    padding-right: 10px
}


.main_form {
    background: #fff;
    border: 1px solid #14212b;
    position: relative;
    z-index: 9999;
    margin-top: -60%;
    border-radius: 5px;
}

.main_form .side2 {
    background: #14212b
}

.side1 .download_form,
.side2 .right_content-area {
    padding: 30px;
    padding-bottom: 10px
}

.download_form h3 {
    color: #14212b;
    font-weight: 600;
    font-size: 1.5em;
    margin: 50px auto;
    width: 100%;
    text-transform: inherit;
}

.download_form h3 span {
     font-size: 1em;
    color: #686868;
    display: block;

}

.main_form .side1 {
    align-items: center;
    display: flex
}

.right_content-area .content_here h4 {
    font-size: 1rem;
    padding-bottom: 15px;
    color: #fff;
    font-weight: 300;
    line-height: 30px;
    display: flex
}

.right_content-area .content_here {
    border-bottom: 1px solid grey
}

.col-lg-12:nth-child(5) .content_here {
    border-bottom: none
}

input.wpcf7-form-control.wpcf7-submit.biz_btn-full.gradient-button.download_btn {
    padding: 4px 15px !important
}

.download_form select {
    width: 100%;
    background: 0 0;
    background-image: none;
    color: #14212b;
    border: 1px solid #ced4da!important;
    padding: 0;
    margin: 0;
    padding-bottom: 10px;
    padding-top: 10px
}

.download_form .form-control {
    height: calc(2em + .75rem + 1px)
}

.prv_cy:visited {
    color: #f85618;
}

.download_form label {
    width: 100%;
    color: #14212b;
    font-weight: 600
}

.side1 .download_form p {
    font-size: .6rem;
    font-weight: 400;
    text-align: center;
    padding: 30px;
    padding-bottom: 0;
    padding-top: 10px
}

.empty_section {
    background: #f0f8ff;
    padding-top: 10%;
    padding-bottom: 10%;
}

.ebooks_clients {
    background: #f0f8ff;
    padding-top: 2%;
    padding-bottom: 3%
}

.about_box_cls {
    position: relative;
    margin-top: 2%
}

.content_here h4 img {
    width: 100%;
    max-width: 50px;
    height: 100%;
    margin-top: 10px;
    margin-right: 10px
}

.spnr__main {
    background: #fff;
    z-index: 9999999;
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    display: none;
}

.spnr__main.active {
    visibility: visible;
    opacity: 1;
	display: block;

}

.spnr {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    width: 5em;
    height: 5em
}

.spnr:after,
.spnr:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: .75;
    position: absolute;
    top: 0;
    left: 0;
    animation: spnr-bounce 2s infinite ease-in-out
}

.spnr:before {
    background-color: #ff671b
}

.spnr:after {
    animation-delay: -1s;
    background-color: #ff671b
}

@keyframes spnr-bounce {
    0%,
    100% {
        transform: scale(0)
    }
    50% {
        transform: scale(1)
    }
}

.buttonDownload {
    display: inline-block;
    position: relative;
    padding: 10px 25px;
    background-color: #ff671b;
    color: #fff;
    font-family: sans-serif;
    text-decoration: none;
    font-size: .9em;
    text-align: center;
    text-indent: 15px
}

.buttonDownload:hover {
    background-color: #14212b;
    color: #fff
}

.buttonDownload:after,
.buttonDownload:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 15px;
    top: 52%
}

.buttonDownload:before {
    width: 10px;
    height: 2px;
    border-style: solid;
    border-width: 0 2px 2px
}

.buttonDownload:after {
    width: 0;
    height: 0;
    margin-left: 1px;
    margin-top: -7px;
    border-style: solid;
    border-width: 4px 4px 0;
    border-color: transparent;
    border-top-color: inherit;
    animation: downloadArrow 2s linear infinite;
    animation-play-state: paused
}

.buttonDownload:hover:before {
    border-color: #4cc713
}

.buttonDownload:hover:after {
    border-top-color: #4cc713;
    animation-play-state: running
}

@keyframes downloadArrow {
    0% {
        margin-top: -7px;
        opacity: 1
    }
    0.001% {
        margin-top: -15px;
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        margin-top: 0;
        opacity: 0
    }
}

.ebooks__archive-sidebar #categories-3,
.ebooks__archive-sidebar #tag_cloud-2 {
    display: none
}

#cf .error {
    color: red;
    margin-top: 12px;
    display: block;
    font-weight: 600
}

.loadingAt-email {
    height: 0;
    width: 0;
    padding: 15px;
    border: 6px solid #ccc;
    border-right-color: #888;
    border-radius: 22px;
    -webkit-animation: rotate 1s infinite linear;
    position: absolute;
    left: 50%;
    top: 50%;
    display: none
}

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

.loadingAt-email.active {
    display: block
}

@media only screen and (min-width:300px) and (max-width:590px) {


.solution__content .solution-list__items {
    display: block;
}


    .address_item2 {
        padding: 20px;
        padding-top: 45px;
        height: 100%
    }
    .address_item {
        background-position: center !important
    }
    .contact_item {
        padding: 0 20px 30px;
        min-height: 100%;
        height: 100%
    }
}

@media only screen and (max-width:990px) {
    .contact_side-img {
        display: none
    }
    .contactus__section .form-col {
        position: relative;
        margin-top: 30px
    }
    .contact_item .eml a {
        font-size: calc(12px + 1vw)
    }
}



@media (min-width: 1200px) {
.list-content-job {
    padding-right: 65px;
}

}