@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:300,400,500');
html{height:100%}
body{font-size:1rem;background:#fff;color:#525252;overflow-x:hidden;font-family: 'Roboto', sans-serif;position:relative;}
img{max-width:100%}
p{margin-bottom:.5rem;}
a{text-decoration:none;color:#000;}
a:hover,a:focus,.btn:hover,.btn:focus,button:focus{text-decoration:none;outline:none;color:#e6590c;box-shadow:none}
ul,li{padding:0;margin:0}
li{list-style:none}
.white-col,.white-col:hover {color: #fff}
.ad-btn-primary{background: #e6590c;color: #fff;padding: 0.5rem 1rem;-webkit-transition-duration: 0.3s; transition-duration: 0.3s;text-align: center;cursor: pointer;max-width: 250px;
  margin: 0 auto;}
button{border: 0}
.rounded-border:hover{border-radius: 20px;-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);  -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);  box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);}
.btn-left{margin-top: 20px; display: inline-block;  margin-left: -100px;}
.btn-expand:hover{padding-left: 6rem;}
.err-msg{color: #ff0d0d; font-size: 12px;display: none}
.footer-form input{height: 100%}
.footer-form button{width: 100%}
.footer-form button:hover{    border-radius: 0px 30px 30px 0px;}
.footer-form input{background: transparent;color: #fff;border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #fff;  border-right: 0;}
.footer-form input:focus{background: transparent}
.primary-col{color: #e6590c !important}
.text-underline{text-decoration:underline}
.scrollToTop{font-size:34px;padding:10px;text-align:center;color:#ef7104;text-decoration:none;position:fixed;bottom:50px;right:15px;display:none;z-index: 10;}
.form-control{color: #9f9898;border-radius: 0}
.form-control:focus, .custom-file-input:focus~.custom-file-label{outline:none;box-shadow:none;border-color: #eb7823;}
.custom-file-label::after{background: #979797;color: #fff;cursor: pointer;border-radius: 0}
.hyperlink{color: #e6590c}
.hyperlink:hover{text-decoration: underline}
.flaoting-icon{position: fixed; top: 250px; z-index: 50; right: 0;text-align: center;}
.flaoting-icon a{display: block;padding: 10px;}
.fi-contact{background: #e6590c;  color: #fff !important;}
.fi-contact:hover, .fi-work-with-us:hover{opacity: .8;}
.fi-work-with-us{background: #0c1e45;color: #fff !important}
.fi-linkedin{background: #0077af;color: #fff !important}
.section-title h2{position: relative;color: #e6590c;font-size: 	2.625rem;font-weight: 300;font-family: 'Roboto';padding-bottom: 5px;}
.section-title h2:after{position: absolute;bottom: 0;background: #d1d1d1;width: 20px;height: 3px;content:'';left: 0;width: 50px;  height: 5px;}
.secondary-btn{color: #e6590c;background: #fff;padding: 5px 20px;display: inline-block;margin-top: 10px;-webkit-transition-duration: 0.3s;  transition-duration: 0.3s;}
.secondary-btn:hover{color: #e6590c;border-radius: 20px;-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);  -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);  box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);}
.section{padding:  3rem 0}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #e6590c}
.owl-theme .owl-dots .owl-dot span{background: #e6afa9;width: 15px;  height: 15px;}
.owl-theme .owl-dots .owl-dot span:hover{background:#e6afa9}
.owl-theme .owl-dots, .owl-theme .owl-nav{z-index: 11;}
#loader-wrapper {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;overflow: hidden;}
#loader {display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: #e6590c;-webkit-animation: spin 1.8s linear infinite; animation: spin 1.8s linear infinite;z-index: 11;}
#loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #e6590c; -webkit-animation: spin 3s linear infinite; animation: spin 3s linear infinite;}
#loader:after { content: "";position: absolute;top: 15px;left: 15px;right: 15px;bottom: 15px;border-radius: 50%;border: 3px solid transparent;border-top-color: #e6590c; -webkit-animation: spin 2.5s linear infinite;animation: spin 2.5s linear infinite;}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
#loader-wrapper .loader-section { position: fixed;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.9); z-index: 10;}
/* Loaded styles */
.loaded #loader-wrapper .loader-section.section-left { transform: translateX(-100%);transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);}
.loaded #loader-wrapper .loader-section.section-right {transform: translateX(100%);transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);}
.loaded #loader {opacity: 0;transition: all 0.3s ease-out;display: none;}
.loaded #loader-wrapper {  visibility: hidden; transform: translateY(-100%); transition: all 0.3s 1s ease-out;}
/*---end-preloader---*/






/* navigation */
/* .adapty-nav{background-color: transparent !important;padding: 3rem;-webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;} */


.adapty-nav .navbar-collapse{position: absolute; top: 150px; width: 100%;left: 0; background: url(../images/nav-bg.png)no-repeat ;    background-size: 100% 100%;}
.adapty-nav .navbar-collapse .innernav{padding: 3rem}
.adapty-nav .navbar-toggler{border: 0}

.nav-up .adapty-nav{padding: 1rem;    background-color: #fff !important;box-shadow: 0 3px 2px rgba(0,0,0,.3);-webkit-transition-duration: 0.3s;  transition-duration: 0.3s;}
.innernav{flex-direction: row}
.nav-inner .row{padding: 1rem}
.link-col{position: relative;height: 100%;}
.link-col::after{position: absolute;height: 100%;width: 1px; background: #cfcfcf;content: '';right: -15px;top: 0}
.link-col h4 a{color: #525252;}
.link-col h4{font-family: 'Roboto';font-weight: 800;font-size: 1rem;position: relative;padding-left: 20px;color: #525252;margin-bottom: 15px;padding-bottom: 15px}
.link-col h4::before{position: absolute;left: 0;top: 0;content: '\f054';color: #e6590c;font-family: "Font Awesome 5 Free";}
.link-col h4::after{position: absolute;content: '';width: 100%;height: 1px; background: #cfcfcf;bottom: 0;left: 0}
.link-col li{padding: 0 20px }
.link-col li a{color: #757575;font-family: 'Roboto';font-weight: 400}
.link-col li a:hover{color: #e6590c}
.nav-inner .col-sm-3{margin-bottom: 30px}
/* home */
.home-banner-text{position: absolute;  top: 30%;  left: 10%;z-index: 10;}
.home-banner{position: relative;}
.home-banner::before{content: ''; position: absolute;background: url(../images/page-left-vector.png) no-repeat;background-size: contain; height: 345px;  width: 100px;  z-index: 10;  bottom: -130px;}
.unique-div{max-width: 438px;padding: 30px;}
.unique-div h2{text-transform: uppercase; color: #565656; font-size: 	2.8125rem; line-height: 1; margin-left: -115px; padding: 30px 0; z-index: 1;}
.unique-div p{margin-top: 50px; text-transform: uppercase;  color: #565656;}
.unique-div::before, .unique-div::after {  box-sizing: inherit;  content: '';  position: absolute;  width: 0;  height: 0;  z-index: 0;} 
.box-element{width: 35px !important;position: absolute;bottom: 50px; left: -17px;}
.draw {    transition: color 2s;}
.draw::before, .draw::after {    border: 1px solid transparent;    width: 100%;    height: 100%;  z-index: 0;}
.draw::before {   top: 0;   left: 0;   border-top-color: #e6590c;   border-right-color: #e6590c;   transition: width 1s ease-out,   height 1s ease-out 1s;}
.draw.unique-div h2::before {   position: absolute; content: ''; width: 1px; height: 45px; background: #e6590c; top: 0; left: 0;  transition: border-color 0s ease-out 0.5s,    width 0.25s ease-out 0.5s,    height 0.25s ease-out 0.75s;  z-index: 0;  content: '';} 
.draw.unique-div h2::after {   position: absolute; content: ''; width: 1px; height: 145px; background: #e6590c; bottom: 0; left: 0;  transition: border-color 0s ease-out 0.5s,    width 0.25s ease-out 0.5s,    height 0.25s ease-out 0.75s;  z-index: 0;  content: '';} 
.draw::after {   bottom: 0;   right: 0;   border-bottom-color: #e6590c; transition: border-color 0s ease-out 2s,    width 2s ease-out 2s,    height 2s ease-out 2s;  z-index: 0;}
.section-about{background: #f0f0f0;margin-top: 20px}
.about-img img{width: 100%}
.about-rhs{padding: 2rem 7rem}
.about-para{padding: 2rem 4rem; border: 1px solid #e6590c;}
.about-para p{font-family: 'Roboto';  font-weight: 300;}
.about-inner{background: #f0f0f0;  margin-left: -121px;}
.about-inner .primary-btn{margin-top: 20px;display: inline-block;margin-left: -100px;}
.service-box, .service-head{margin-bottom: 30px;overflow: hidden; position: relative;}
.card-image{width: 100%}
.card-ovelay{position: absolute; bottom: -100%;background: url(../images/service-bg.png) no-repeat;background-size:contain ;color: #fff;height: 100%; width: 100%;-webkit-transition-duration: 0.8s;  transition-duration: 0.8s;padding: 15px}
.service-box:hover .card-ovelay{bottom: 0}
.card-ovelay h2{color: #e6590c;font-family: 'Roboto';font-weight: 500;font-size: 	1.5625rem;position: relative;padding-bottom: 20px}
.card-ovelay h2:after{position: absolute;content: '';width: 50px;height: 5px;left: 0;bottom: 0;background: #d1d1d1}
.card-link{font-weight: 500;margin-top: 2rem; display: flex;  flex-wrap: wrap;}
.card-link a{display: inline-block;padding: 1.5rem 1.5rem;border-left: 1px solid #636363;line-height: 1;position: relative;color: #fff;margin-bottom: 10px;}
.card-link a::after{position: absolute;content: '';width: 30px;height: 3px;background: #565656;bottom: 15px;left: 1.5rem;}
.card-link a span{display: block}
.card-link a:hover{background: #000;border-left: 1px solid #e6590c}
.card-link a:hover:before{content: "";border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #e6590c; position: absolute; bottom: 0; left: 0; right: 0; width: 5px; margin: 0 auto; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.service-box h3{position: absolute;bottom: 0;    background: rgba(0, 0, 0, .8);color: #d1d1d1;padding: 10px 30px;left: 30px;font-family: 'Roboto';font-weight: 500}
.service-box:hover h3{display: none}
.counter-Txt span{font-size: 60px; font-family: 'Roboto'; font-weight: 500; color: #8b8b8b;display: inline-block; vertical-align: middle;}
#counter{display: flex}
.counter-Txt{background: #f0f0f0;flex: 1;text-align: center;padding: 1rem;border-right: 1px solid #bababa;position: relative;}
.counter-Txt:after{position: absolute;content: '';width: 5px;height: 50px; background: #d1d1d1;right: 0;bottom: 0}
.counter-Txt:last-child{border-right:none }
.section-counter{padding: 35px 0}
.counter-Txt:nth-child(even){background: #f0f0f0}
.counter-Txt:nth-child(odd){background: #eaeaea}
.counter-Txt p{font-family: 'Roboto';font-weight: 400;color: #484848;position: relative;padding-top: 15px}
.counter-Txt p::before{position: absolute;content: '';background: url(../images/before-border.png)no-repeat;top: 0;height: 1px;left: 0px;right: 0;background-size: cover;}
.clients li{display: inline-block;padding: 1rem .5rem;}
.clients li img {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.clients li:hover img{-webkit-filter: grayscale(0); filter: grayscale(0);}
@keyframes marquee {
  0% { left: 0; }
  100% { left: -100%; }
}

.mobile-clients{display: none}
.marquee--inner .clients li{background: #eaeaea;border: 1px solid #c1c1c1}
.marquee--inner li:hover {transform: scale(1.2);opacity: 1;cursor: pointer;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-webkit-transition-duration: 0.3s;  transition-duration: 0.3s;}
.marquee {height: 150px;width: 100%; overflow: hidden; box-sizing: border-box; position: relative;}
.marquee--inner {display: block; width: 2000px; margin: 25px 0;position: absolute; animation: marquee 20s linear infinite;}
.marquee--inner:hover { animation-play-state: paused;}
.section-get-in-touch{background: #e6590c;color: #fff;padding: 1.5rem 0}
.section-get-in-touch p{font-size: 1.5rem}
.above-footer{background: #000;padding: 5rem 0;color: #fff;}
.above-footer h2{font-family: 'Roboto';font-weight: 400;font-size: 15px}
.above-footer h2 p{font-family: 'Roboto';font-weight: 400;font-size: 12px}
.social-icons li{display: inline-block;background: #ffff;  color: #000;  border-radius: 50%;width: 35px; height: 30px;text-align: center;margin: 0 5px;}
.social-icons li i{vertical-align: sub;}
.social-icons .linkdin:hover{background: #0077af;}
.social-icons .facebook:hover{background: #38529a;}
.social-icons .twitter:hover{background: #29a5d9;}
.social-icons .youtube:hover{background: #cb2121;}
.social-icons li:hover a{color: #fff}
.down-footer{padding: 15px}
.down-footer span{font-size:15px;color: #8b8b8b;margin-bottom: 0;}
.about-section {background: url(../images/about-bg.jpeg)no-repeat;background-size: 100% 100%}
.about-wrapper{background: linear-gradient(270deg, #d30955, #df3b3a, #f8b13f);
  background-size: 600% 600%;
  
  -webkit-animation: aboutbg 30s ease infinite;
  -moz-animation: aboutbg 30s ease infinite;
  animation: aboutbg 30s ease infinite;opacity: .9;}
.about-wrapper p{color: #fff}
.about-wrapper h2{color: #fff;margin-bottom: 40px}
.about-wrapper h2:after{background: #fff;left: 0;right: 0;margin: 0 auto;}
@-webkit-keyframes aboutbg {
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
@-moz-keyframes aboutbg {
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
@keyframes aboutbg { 
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
.sec-insights{background: #f6f5f5;position: relative;}
.sec-insights:before{right: 0;content: "";border-style: solid;border-width: 75px 100px 75px 0;border-color: transparent #e6e6e6 transparent transparent; position: absolute;height: 150px;top: -74px;}
.sec-insights .nav-pills .nav-link.active, .sec-insights .nav-pills .show>.nav-link{background-color: #e6590c;border-radius: 0}


/* About */
.page-banner{background: #e7e7e7;position: relative;}
.inner-banner-text{position: absolute; top: 170px;max-width: 360px}
.tab-page .nav-tabs .nav-item.show .nav-link, .tab-page .nav-tabs .nav-link.active{color: #eb7823;background-color:transparent;position: relative; }
.tab-page .nav-tabs .nav-item.show .nav-link:before, .tab-page .nav-tabs .nav-link.active:before{position: absolute;content: '';width: 85px;height: 5px;bottom: 0;background: #eb7823;left: 0; right: 0;
  margin: 0 auto;}
.tab-page .nav-tabs .nav-link{border: none;color: #adadad;font-family: 'Roboto';font-weight: 500;padding: 1rem .75rem;}
.tab-page .nav-tabs .nav-link:hover{color: #e6590c}
.tab-page .nav-tabs {padding: 1rem 0 0 0}
.et-header {position: fixed; top: 0; padding: 3rem; z-index: 20; transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); background-color: transparent !important;}
.et-header--scrolled {background: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);padding: .5rem;background-color:#fff !important; box-shadow: 0 3px 2px rgba(0,0,0,.3);}
.et-header--move-up {-webkit-transform: translateY(-85px);transform: translateY(-85px);transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);}
.et-hero-tabs .et-header--scrolled{    box-shadow: 0 2px 10px rgba(0,0,0,.1);z-index: 10;}
.et-hero-tabs,.et-slide { position: relative; background: #fff;z-index: 10;}
.et-hero-tabs-container { position: relative; width: 100%; transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);}
.et-hero-tabs-container--top-first { position: fixed;top: 75px;transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);}
.et-hero-tabs-container--top-second { position: fixed;  top: 75px;}
.et-hero-tab {  display: flex;justify-content: center;align-items: center;flex: 1;color: #000;letter-spacing: 0.1rem; transition: all 0.5s ease;font-size: 0.8rem;}
.et-hero-tab:hover {color: #eb7823; transition: all 0.5s ease;}
.et-hero-tab-slider { position: absolute; bottom: 0; width: 0; height: 6px; background: #eb7823; transition: left 0.3s ease;}

.tab-page .tab-content p, .exp-table{color: #525252}
.tab-page .section-title h2{font-family: 'Roboto';font-weight: 500;color: #525252;margin-bottom: 2rem;font-size: 30px;}
.experience-wrap{padding: 2rem 0;background: #f3f3f3}
.inner-banner-text h2{font-family: 'Roboto';font-weight: 500;font-size: 45px;text-transform: uppercase;color: #525252;position: relative;padding-bottom: 20px}
.inner-banner-text h2:after{position: absolute;content:'';width: 80px;height: 10px;background: #e6590c;bottom: 0;left: 0}
.exp-table{background: #fff;}
.table-bordered td:first-child{width: 20%}
.platform-wrap li{display: inline-block;padding: 5px}
.la-icon{display: flex;  flex-wrap: wrap; justify-content: space-around; align-items: center; margin: 2rem 0;}
.la-icon li{padding: 15px;  margin-bottom: 15px;}
.la-icon li span{display: block;margin-top: 15px;font-family: 'Roboto';font-weight: 500;color: #525252}
.sec-culture .section-title h2{color: #fff}
.tab-page .section-title h2::after{display: none}
.tab-page .about-inner .section-title h2::after{display: block}
.sec-culture{background: linear-gradient(89deg, #db0b5b, #f08139);background-size: 400% 400%;-webkit-animation: AnimationName 31s ease infinite;-moz-animation: AnimationName 31s ease infinite;animation: AnimationName 31s ease infinite;}
.culture-wrap{color: #fff}
.culture-wrap p{color: #fff !important;margin-top: 1rem;  font-size: 16px;}
.culture-wrap span{font-size: 14px}
.culture-wrap .col-lg-3{margin-bottom: 30px}
#emp-car .item{text-align: center;}
#emp-car .item p{color: #fff !important}
#emp-car .item h4{font-weight: 500;font-size: 22px;color: #fff;margin-top: 25px}
.emp-testimonial{background: url(../images/emp-testimonial-bg.jpeg) no-repeat;background-size: cover;}
#abt-gallery {padding: 0 3rem; position: relative;}
#abt-gallery .owl-nav button{    position: absolute; top: 40%; width: 38px;color: #e6590c;padding: 10px !important;border-radius: 0}
#abt-gallery .owl-nav button.owl-prev{left: 0}
#abt-gallery .owl-nav button.owl-next{right: 0}
#abt-gallery .owl-nav button.owl-prev span, #abt-gallery .owl-nav button.owl-next span{font-size: 40px}
#abt-gallery.owl-theme .owl-nav [class*=owl-]:hover{background: rgba(230, 89, 12, 0.52)}
.team-tabs .nav-item{max-width: 75px}
.our-team .team-tabs .nav-tabs{max-width: 530px;margin:0 auto;border: none}
.team-tabs .nav-tabs .nav-item.show .nav-link, .team-tabs .nav-tabs .nav-link.active img{border:2px solid #e6590c;}
.team-tabs .nav-tabs .nav-link img{border-radius: 50%;border: 1px solid #f2f2f2}
.team-tabs .nav-tabs .nav-item.show .nav-link:before, .team-tabs .nav-tabs .nav-link.active:before{width: 5px;height: 5px;border-radius: 50%}
.team-tabs .tab-content{max-width: 700px;background: #eeeeee;padding: 50px;margin: 30px auto 0;}
.team-tab-inner img{border-radius: 50%}
.ad-list{margin-bottom: 20px}
.ad-list li{position: relative;padding-left:10px;color: #525252}
.ad-list li::before{position: absolute;content: '';background: #525252;width: 5px;height: 5px;left: 0;border-radius: 50%;top:8px}
.work-form{background: #efefef; padding: 40px;}
.workfile .custom-file-label{top: 30px}
.contact-form .form-control{background: #f6f6f6;margin-bottom: 35px;color: #525252}
.contact-branch{background: #efefef}
.contact-branch h4{font-weight: 500;font-family: 'Roboto'}
.platform-section{background: #e6e6e6}
@-webkit-keyframes AnimationName {
  0%{background-position:0% 50%}
  50%{background-position:100% 51%}
  100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
  0%{background-position:0% 50%}
  50%{background-position:100% 51%}
  100%{background-position:0% 50%}
}
@keyframes AnimationName { 
  0%{background-position:0% 50%}
  50%{background-position:100% 51%}
  100%{background-position:0% 50%}
}

.floating {  
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes floating {
  from { transform: translate(0,  0px); }
  65%  { transform: translate(0, 15px); }
  to   { transform: translate(0, -0px); }    
}
/* services */
.caption-box{max-width: 500px;  border: 1px solid #eb7823;  padding: 30px;margin: 0 auto;}
.innercaption{position: relative;left: -159px;background: #fff; padding: 30px;width: 627px;}
.dc-wrap .about-inner{background: #fff;}
.cs-box{border: 1px solid #cfcfcf; padding: 135px 50px 50px 50px;position: relative;margin-top: 150px;min-height: 460px;}
.cs-box span{font-weight: 500}
.cs-box p{color: #525252}
.cs-box img{position: absolute; top: -100px; right: 0; left: 0; margin: 0 auto;border-radius: 50%;}
.cs-box .ad-btn-primary{position: absolute;bottom: 25px;left: 0;right: 0;margin: 0 auto;width: 100%}
.service-form {background: #f2f2f2;padding: 30px;border: 1px solid #e6590c}
.adapty-list li{position: relative;padding-left: 15px}
.adapty-list li:before{position: absolute;content: '';width: 5px;height: 5px;background: #e6590c;left: 0;top: 7px;border-radius: 50%}





/* Extra small devices (portrait phones, less than 576px)  */
@media (max-width: 575.98px) {
  .adapty-nav{padding: 1rem}
  .table-bordered td:first-child{width: 100%}
  .exp-table tr{display: flex;flex-direction: column}
  .unique-div{margin-left: 60px; max-width: 260px;}
  .unique-div h2{font-size: 1.5rem;margin-left: -40px !important;}
  .home-banner::before{width: 50px}
  .unique-div p{margin-top: 25px}
  .home-banner-text{bottom: 30px;top: auto !important;position: relative;left: 0}
  .inner-banner-text{position: relative;top: 0}
  .flaoting-icon{bottom: 0;top: auto;display: flex;width: 100%;}
  .flaoting-icon a{flex: 1;}
  body{margin-bottom: 45px}
  .sec-insights .nav-pills .nav-link{font-size: 14px}
  .sec-insights .cs-box{margin-top: 110px;}
  .collapsing{display: none}
} 
 /* Small devices (landscape phones, less than 768px)  */
@media (max-width: 767.98px) {
  .unique-div h2{margin-left: 0 }
  .about-rhs {padding: 2rem 2rem 4rem 5rem !important;}
  .about-inner .primary-btn{    margin-left: 0;}
  #counter { display: block;}
  .counter-Txt{text-align: left;display: flex; align-items: center;}
  .counter-box{display: inline-block;    min-width: 150px;}
  .counter-Txt p{display: inline-block;padding-top: 0}
  .counter-Txt p::before{background: url(../images/before-border2.png)no-repeat;position: absolute;content: '';left: -25px;top: 0;height: 100%;width: 1px;}
  .et-hero-tabs-container{white-space: nowrap;overflow-y: hidden;overflow-x: auto;display: block} 
  .et-hero-tabs-container li{display: inline-block} 
  .adapty-nav .navbar-collapse{height: 250px;    overflow: hidden;    overflow-y: scroll;top: 95px;}
  .above-footer .col-lg-3{margin-bottom: 30px}
  .sec-insights:before{border-width: 75px 40px 75px 0;}
} 
/* Medium devices (tablets, less than 992px)  */
@media (max-width: 991.98px) {
  .home-banner-text { top: 140px;right: 0;}
  .unique-div h2{margin-left: -80px;}
  .about-rhs {padding: 2rem 2rem 4rem 11rem;}
  .card-link{    margin-top: 1rem;}
  .card-link a{padding: 10px;}
  .card-link a::after{bottom: 2px; left: 10px;}
  .counter-Txt span {font-size: 1.5rem !important;}
  #counter { display: block;}
  .counter-Txt{text-align: left;display: flex; align-items: center;}
  .counter-box{display: inline-block;    min-width: 150px;}
  .counter-Txt p{display: inline-block;padding-top: 0}
  .counter-Txt p::before{background: url(../images/before-border2.png)no-repeat;position: absolute;content: '';left: -25px;top: 0;height: 100%;width: 1px;}
  .mobile-clients{display: block}
  .desktop-clients{display: none}
  .above-footer .col-md-3{margin-bottom: 30px}
  .cs-box{padding: 135px 15px 15px}
  .dc-form form{display: block !important;}
  .dc-form form .ad-btn-primary{margin: 0 auto !important;}
}
/* Large devices (desktops, less than 1200px)  */
@media (max-width: 1199.98px) {
  .counter-Txt span{font-size: 2.75rem;}
  .counter-Txt p::before{left: 15px}
} 
/*  Extra large devices (large desktops) 
No media query since the extra-large breakpoint has no upper bound on its width */