:root {
  --ds-bg: #242d3c;
  --ds-bg-dark: #191f2a;
  --ds-primary: #f48226;
  --ds-secondary: #1b769c;
  --ds-text: #212832;
  --ds-text-white: #fff;
  --ds-subtitle: #131327;
  --ds-icon: #ffd23c;
  --ds-btn-text: #fff;
  --ds-border-form: #000;
  --ds-form-bg: #fff;
  --ds-form-text: #000;
  --ds-bg-navy-blue: #0c2442;
  --ds-bg-gray: #f4f7f6;
  --ds-bg-black-light: #151921;
}
html{font-size: 100%;}

@font-face {
    font-family: 'FontAwesome';
    src: url('../fontawesome-2.html') format('woff2'),
        url('../woff/fontawesome-2.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../poppins-extrabold.html') format('woff2'),
        url('../woff/poppins-extrabold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../poppins-light-3.html') format('woff2'),
        url('../woff/poppins-light-3.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../poppins-medium-3.html') format('woff2'),
        url('../woff/poppins-medium-3.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Poppins';
    src: url('../poppins-semibold.html') format('woff2'),
        url('../woff/poppins-semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}



html,
body{padding: 0; margin: 0; overflow-x:hidden ;}
body{font-family: 'Poppins' !important; font-weight: normal;}
*, *:after, *:before{box-sizing: border-box;}
img{max-width: 100%; height: auto; vertical-align: middle;}

a{text-decoration: none;}


h1, h2, h3, h4, h5, h6, button, span, table, tr, td, th, div, span, ul, input {
    font-family: 'Poppins' !important;
}
p{font-family: 'Poppins' !important;font-weight: normal;}

.text-end{text-align: right;}
.text-center{text-align: center;}



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

.margin-tb2 { margin-top: 80px; margin-bottom: 80px; }
.padding-tb2{ padding-top: 80px; padding-bottom: 80px;}

.margin-top{ margin-top: 50px; }
.margin-bottom{ margin-bottom: 50px; }

.margin-b{ margin-bottom: 80px; }
.margin-t{ margin-top: 80px; }

.margin-tb{margin-top: 50px; margin-bottom: 50px;}
.padding-tb{padding-top: 50px; padding-bottom: 50px;}

.container-two{ max-width: 1500px; margin: auto; padding: 0 15px;}
.container-three{max-width: 1320px; margin: auto; padding: 0 15px;}

.btn{background: var(--ds-secondary); border: none; border-radius: 40px; padding: 15px 60px; font-size: 18px; color: var(--ds-btn-text); font-weight: 600 !important; line-height: 28px; transition: all 0.2s ease-in-out;}
.divflex{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;
-ms-flex-align: center;align-items: center;}

.form-control{border: none; border-bottom: 1px solid var(--ds-border-form); background: none; padding: 15px ; width: 100%; color: var(--ds-form-text);}

.bg-dark-blue{    background: #00749a;}
.bg-dark-blue-navy{background: var(--ds-bg-navy-blue); color: var(--ds-text-white);}


.banner-sec .coll-lg-8 {width: 65.66666667%; display: inline-block;}
.banner-sec .coll-lg-4 {width: 34%; display: inline-block; float: right;}

.site-header{position: absolute; top: 0; left: 0; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 20px 0;
z-index: 9; }
.site-header .header-inner {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;
-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.site-header .header-inner:before, .site-header .header-inner:after{ display: none; }
.sub-heading1{        text-transform: capitalize !important;
    background: none;
    padding: 15px 0 0;
    border-radius: 30px;
    max-width: initial;
    color: #22769c;
    text-align: left;
    font-size: 22px;}
.sub-heading2 {
    background: #d1e4eb;
    max-width: 217px;
    color: #1b769c;
}
.top-section{
  padding-top: 153px;
  color: #fff;
  background: rgb(44,56,74);
  background: -moz-linear-gradient(150deg, rgba(44,56,74,1) 0%, rgba(36,45,60,1) 100%);
  background: -webkit-linear-gradient(150deg, rgba(44,56,74,1) 0%, rgba(36,45,60,1) 100%);
  background: linear-gradient(150deg, rgba(44,56,74,1) 0%, rgba(36,45,60,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2c384a",endColorstr="#242d3c",GradientType=1);  
  padding-bottom: 140px;
      background: #02161d;
}
.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #02161d;
        z-index: +1111;
}
#request-form-wordpress .btn{    background: #1b769c;    font-weight: 500 !important;
    font-size: 18px;}
.site-header .scroll-consultation {
    font-weight: 600 !important;
}
.top-section h5{font-size: 1.188rem; line-height: 3.625rem; font-weight: normal !important; margin: 0;}
span.start-amt {color: #4b71fb; font-weight: bold !important;}
.top-section h2{    font-size: 52px; line-height:50px; font-weight: 500 !important; margin: 0;    margin-bottom: 40px;}

/*bigcommerce css*/
.container-bigcom {
    max-width: 1500px;
        width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0 15px;
}
.bnr-count-text{padding-top:40px;}

.flex-1{  display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;        flex-wrap: wrap;}
.flex-30{    width: 33.33%;}
.flex-20{    width: 20%;}
.flex-40{    width: 40%;}
.flex-50{    width: 50%;}
.flex-60{    width: 60%;}
.padding-50, .padding-50 {padding-top: 50px;    padding-bottom: 50px;}
 img {    max-width: 100%;    height: auto;    vertical-align: middle;}
.btn:hover {
    color: #fff;
    background: #10516e;
    transition: all 0.2s ease-in-out;
}
/*banner css*/
.banner-content {padding: 0 40px 0 0px;}
.top-section p {}
.banner-content ul.banner-points {margin: 0;padding: 0;}
.banner-content ul.banner-points li {list-style: none;position: relative;font-size: 16px;padding: 0 0 0 25px;}
.banner-content ul.banner-points li:before {content: '';font-family: fontawesome;color: #f48226;
font-weight: normal;position: absolute;left: 0;top: 0px;}
.banner-content h3 {font-weight: 500 !important;font-size: 23px; margin: 0 0 24px;}

.banner-content ul.banner-points li {list-style: none;position: relative;font-size: 16px;padding: 0 0 0 25px;
padding-bottom: 20px;}
.banner-content ul.banner-points span.banner-points-one {display: inline-block;margin: 20px 50px 0 0px;}
.banner-content ul.banner-points span.banner-points-two {display: inline-block;vertical-align: top;}

.banner-content ul.ds-points {display: -webkit-box;display: -ms-flexbox;display: flex;padding: 0;
-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; padding-right:40px;}
.banner-content ul.ds-points li {list-style: none;    vertical-align: top;}
.banner-content ul.ds-points li span {font-size:2.25rem;display: block;color: #f48226;font-weight: 500;}

.wordpress-points p { }
.wordpress-points li{       padding-bottom: 0px !important;    font-size: 18px !important;font-weight: 500;    font-family: 'Poppins' !important;}
.partner{background: #e3e4e7;
    width: 100%;
    display: inline-block;
    padding: 18px 0;}
.partner .brand-logo .owl-item img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
  } 
.partner .brand-logo .owl-item img {
  width: auto;
  margin: auto;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.partner .brand-logo .owl-dots {
    display: none;
}
.about-section .arrow-about{   position: relative;         margin-left: -250px;       margin-top: 2px;}
/*banner css end*/


/*ecommerce dev css*/
section.about-section .coll-lg-6 {width: 50%;}
section.about-section .coll-lg-6 img {padding: 0 30px 0 0px;}
.about-section .about-sectio-inner {display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-align: center;-ms-flex-align: center;}
.about-section .about-sectio-inner .about-sectio-content h2.heading {    padding: 15px 0;}
.about-section .about-sectio-content{      padding-top: 79px;}
.about-section .about-sectio-content p{font-size: 16px;}
.about-section .about-sectio-content h2{    font-size: 37px;}
/*ecommerce dev css end*/

.request-form{    background: #00749a;}
.request-form .form-fields{background: var(--ds-form-bg); color: var(--ds-form-text);}
.request-form .form-fields p {margin: 0 0 20px;}
.request-form .form-fields button {width: 100%;}
.request-form h3{margin: 0; font-size:1.625rem; line-height: 1.75rem; font-weight:500 !important;}
.request-form .form-heading{padding: 30px 20px;}
.request-form .form-heading p{margin: 0;
    font-size: 13px;
    padding: 18px 58px 0;
    line-height: 1.5;}
.request-form .form-fields .form-group {position: relative;      margin-bottom: 44px;
}
.request-form .form-fields .form-group span.icon {position: absolute; top: 7px;}
.request-form .form-fields input.btn {cursor: pointer;width: 100%;box-shadow: 0px 0px 16px 8px #e1e1e1;margin: 0 0 0;}

.form-fields{padding: 50px; font-size: 0.8125rem;}
.form-fields .form-control{border: none; border-bottom: 1px solid #000; padding: 15px 15px 15px 34px; 
    font-family: 'Poppins'; font-size: 0.875rem; color: var(--ds-text); box-shadow: none; border-radius: 0px;}
.request-form .form-fields .form-block {position: relative;margin-bottom: 44px;}
.request-form .form-fields span.icon {position: absolute;top: 7px;}
.form-fields textarea.form-control{height: 100px; resize: none; padding: 5px 15px 15px 34px; font-weight: normal;}
.form-fields .form-control:focus{outline: none;}

.checkbox-list{display: flex; flex-wrap: wrap;}
.checkbox-list .checkbox{display: inline-block;width:170px;vertical-align: top; margin: 0 0 15px;}
.checkbox-list .checkbox input{top: 0; left: 0; }
.checkbox-list .checkbox input + label{position: relative;}

.checkbox-list .checkbox input[type=checkbox]{margin: 0;visibility: hidden;left: 1px;top: 1px;display: none;}
.checkbox-list .checkbox label{background:none;cursor: pointer;display: block;
position: relative;transition: 0.4s ease all; padding-left: 25px; color: #000; padding-left: 25px !important;}
.checkbox-list .checkbox input + label span {margin: 0 0 0 30px;}
.checkbox-list .checkbox label:after{content: '';background: none;position: absolute;
display: inline-block;border: 1px solid #000;width: 15px; height: 15px;left: 0;font-family: 'FontAwesome'; top: 2px;}

.checkbox input[type=checkbox]:checked+label{ /*background: #689937; */}
.checkbox input[type=checkbox]:checked+label:before{ opacity: 1; }
.checkbox input[type=checkbox]:checked+label:after{ content: '';background: #cccc;}
.checkbox input[type=checkbox]{ visibility: hidden; }
@keyframes shadow{
    0%{
        height: 20px;
        width: 20px;
        opacity: 0.5;
    }
    100%{
        height: 40px;
        width: 40px;
        opacity: 0;
    }
}




.logo-sec .row {min-height: 110px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;
-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
-ms-flex-wrap: wrap;flex-wrap: wrap;}
.logo-sec .row:before, .logo-sec .row:after{ display: none; }

.sub-heading{font-weight: 600 !important;margin: 0;text-transform: uppercase;}
.heading{font-size: 3rem; line-height: 1.21; font-weight: 600 !important; margin: 0; color: #212832;}
.heading2{font-size: 2.313rem; line-height: 1.21; font-weight: 600 !important; margin: 0;}


.col-opt-5 > .col{width: 20%; flex: 1 1 auto;}


.col.magento2-sec-inner h3.heading3 {border-bottom: dashed 1px;margin: 0;padding: 15px 0px;margin: 0 0 22px;
font-size: 29px;font-weight: 500 !important;}
.col.magento2-sec-inner {position: relative;padding: 0px 20px;}
.col.magento2-sec-inner:after {position: absolute;border: dashed 1px #fff;height: 99px;display: inline-block;
content: '';right: -2px;top: 60px;}
.col.magento2-sec-inner:last-child:after{ display: none; }
.col.magento2-sec-inner p {font-size: 12px;margin: 0 0 7px;}





/*strip line css*/
.strip-line {background: rgb(217,39,68);
background: linear-gradient(90deg, rgba(217,39,68,1) 17%, rgba(118,92,221,1) 100%);
padding: 20px 15px;text-align: center;color: #fff;}
.strip-line p {font-size: 28px;margin: 0;font-weight: 300;line-height: 45px;}

/*strip line css end*/



/*industries css*/
section.industries-section{background: var(--ds-bg-navy-blue); padding: 50px 0;border: none;}
section.industries-section .industries-section-inner {display:block;justify-content: space-between;
    width: 100%;flex-wrap: wrap;margin: 50px 0 0;}
.industries-section .col h3 {font-size: 17px;font-weight: 200 !important; color: var(--ds-form-bg);}
.industries-section .col {margin: 0 0 30px; width: 17%; display: inline-block; padding: 0 11px;}
.technology-section p {padding: 0;margin: 35px 0;font-size:1.312rem;line-height: 40px;}

/*industries css end*/

/*technology css*/
section.technology-section {display: inline-block;width: 100%;}
.technology-section .coll-lg-5 {width: 37%; display: inline-block;}
.technology-section .coll-lg-7 {width: 58%; display: inline-block; float: right;}
.technology-section .technology-content {width: 90%;}
.technology-section .technologies-sec-box {display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-align: center;-ms-flex-align: center;align-items: center;    padding: 20px 25px;
border-top: 1px solid #e6e7e8;}
.technology-section .technologies-sec-box:last-child {border-bottom: 1px solid #e6e7e8;}
.technology-section .technologies-sec-box .technologies-col1 img.section-img {width:71px;}
.technology-section .technologies-sec-box .technologies-col1.technologies-col2 {width: 50%;}
.technologies-sec .technologies-col1 p {font-size:1.0625rem;line-height: 30px;padding: 0 50px 0 0px;}
.technology-section .technologies-sec-box h3 {padding: 0 33px;font-size: 1.6rem;font-weight: 600 !important;}



.technology-section .technologies-sec-box .technologies-col1.technologies-col2 {width: 50%;}
.technologies-sec .technologies-col1 p {font-size:1.0625rem;line-height: 30px;padding: 0 50px 0 0px;    margin: 0;}
.technology-section .technologies-sec-box h3 {padding: 0 33px;font-size: 1.6rem;font-weight: 600 !important;    margin: 0;}

.technology-section .technologies-sec-box:hover .technologies-col1 a.black-arrow {
    display: none;
}

.technology-section .technologies-sec-box .technologies-col1 a.arrow-orange {
    display:none;}
.technology-section .technologies-sec-box:hover .technologies-col1 a.arrow-orange {
    display: block;
}
.technology-section .container-two {
    max-width: 1500px;
    margin: auto;
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
/*technology css end*/


/*our work spotlight css*/
.ourlightspot_sec {
padding: 0;display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-pack: justify;-ms-flex-pack: justify;
justify-content: space-between; width: 100%;}
.ourlightspot_sec .ourlightspot_sec-inner {width: 50%; display: -webkit-box;
display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; margin: 0 auto 0;}
.ourlightspot_sec-innerbox {margin: 0 0 30px;}
.ourlightspot_sec .ourlightspot_sec-inner .ourlightspot_sec-innerbox {max-width: 50%;}
.ourlightspot_sec .ourlightspot_sec-inner h2 {color: #fff;font-size:2.3125rem;font-weight: 600;line-height: 52px; margin: 0 0 25px;}
.ourlightspot_sec .ourlightspot_sec-inner p {color: #fff;margin: 0;font-size: 1.312rem;line-height: 34px;}


#project-portfolio {display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;max-width:100%;-webkit-box-pack:center;
-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
#project-portfolio .portfolio-catelog{position:relative;text-align:center}
#project-portfolio .portfolio-catelog img {width: 100%;}
#project-portfolio .portfolio-catelog:after{content:"";height:100%;z-index:9;opacity:1;background:rgba(0,0,0,.2);filter:alpha(opacity=100);-moz-transition:all .35s;-ms-transition:all .35s}
#project-portfolio .content-inner, #project-portfolio .portfolio-catelog:after{width:100%;position:absolute;top:0;left:0;-webkit-transition:all .35s;transition:all .35s}
#project-portfolio .content-inner{max-width:none;padding:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;
-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;
align-items:center;text-align:center;height:auto;color:#fff;z-index:11}
#project-portfolio .content-inner .portfolio-information {z-index: 9;}
#project-portfolio .content-inner:after {content: '';background: rgba(0, 0, 0, 0.3);position: absolute;
left: 0;right: 0;height: 100%;}

#project-portfolio .portfolio-sec{position:relative;-webkit-transition:-webkit-box-shadow .3s ease;transition:-webkit-box-shadow .3s ease;
    transition:box-shadow .3s ease;transition:box-shadow .3s ease,-webkit-box-shadow .3s ease;}
#project-portfolio .portfolio-hover .desc p {padding: 0 15px;}
.portfolio-information .web-logo img {margin: auto;width: auto;}
#project-portfolio .portfolio-sec:hover .portfolio-hover{ max-height: 230px;  }
#project-portfolio .portfolio-sec:hover .portfolio-catelog:after{background:rgba(0,0,0,.85)}
#project-portfolio .portfolio-sec:active .portfolio-hover, #project-portfolio .portfolio-sec:focus .portfolio-hover{}
#project-portfolio .portfolio-hover{max-width:276px;margin:0 auto;overflow:hidden;max-height:0;-webkit-transition:all .35s;transition:all .35s}
#project-portfolio .portfolio-hover .desc{margin:10px 0;font-size:15px;line-height:25px;color:#fff;overflow:hidden}


#project-portfolio .projectslide .owl-dots {position: absolute;bottom:12px;right: 0;left: 0;}
#project-portfolio .projectslide .owl-dots button.owl-dot {background: none; padding: 0;}
#project-portfolio .projectslide .owl-dots button.owl-dot.active span {background: #fff;}
#project-portfolio .projectslide .owl-dots button.owl-dot span {background: #ed1c24;width: 15px;}
#project-portfolio .projectslide .owl-dots button.owl-dot.active span {background: #fff;}
#project-portfolio .projectslide .owl-dots button.owl-dot span {background:#1b769c;width: 15px;
height: 15px;}
#project-portfolio .projectslide .owl-nav {display: none;}
/*our work spotlight css end*/

.hire-section-top-content p {
    padding: 15px 100px 0;
    width: 85%;
    margin: auto;
}
.hire-section .main-timeline .timeline h4.Mobile {
    display: none;
}
.clientsbox {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;
justify-content: space-between;}
.clientsbox .clients-preferred-inner {width: 50%;}
.clientsbox .clients-preferred-inner .coll-lg-6 {display: inline-block;width: 48%;margin:0 0 80px; vertical-align: top;}
.clientsbox .clients-preferred-inner .coll-lg-6 .col {display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.clientsbox .clients-preferred-inner .coll-lg-6 .col .icon {display: inline-block;float: left;}
.clientsbox .clients-preferred-inner h3 {font-size: 22px;font-weight: 500 !important;margin: 0;
    line-height: 31px; margin: 0 0 0 4px;}
.clientsbox .coll-lg-6 {width: 50%;}

.clients-preferred-box .col {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;
-ms-flex-align: center;align-items: center;margin: 0 0 88px;}
.clients-preferred-box .col .icon {display: inline-block;float: left;}
.clients-preferred-box .col h3 {font-size: 1.2rem;font-weight: 500;color: #212832;}
.client-preferredimg .col-md-4 {margin: 10px 0;padding-right: 0;}
.client-preferredimg .col-md-6, .client-preferredimg .col-md-12  {padding-right: 0;}


.client-img-secone img {width: 100%;}
.client-preferredimg .client-img-sectwo {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;
-ms-flex-pack: justify;justify-content: space-between;margin: 15px 0;}
.client-preferredimg .client-img-secthree {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;
-ms-flex-pack: justify;justify-content: space-between;}
.client-preferredimg .client-img-sectwo .coll-md-4, .client-preferredimg .client-img-secthree .coll-md-6, 
.client-preferredimg .client-img-secthree .coll-md-6, .client-preferredimg .client-img-sectwo .coll-md-4 img, 
.client-preferredimg .client-img-secthree .coll-md-6 img
 {width: 100%;}
.client-preferredimg .client-img-sectwo .coll-md-4.client-workto{margin: 0 15px;}
.client-preferredimg .client-img-secthree .coll-md-6.client-workthr {margin-left: 15px;}



/*techpartners css*/
.techpartners{background:var(--ds-secondary);}
.techpartners-col-wrap{width:40%;}
.adove-row.techpartners-row-wrap .adove-col.techpartners-col-wrap {width: 60%;}
.techpartners-col-wrap .grid-wrap img{width: 100%; filter: grayscale(100%); transition: all 0.2s ease-in-out;}
.techpartners-col-wrap .grid-wrap img:hover {filter: inherit; transition: all 0.2s ease-in-out;}
.techpartners .box-wrap-02 .content-wrap {max-width:864px;}
.techpartners .box-wrap-01{background:var(--ds-secondary);color: #ffff; display: -webkit-box;
display: -ms-flexbox; display: flex;-webkit-box-align: center; -ms-flex-align: center; align-items: center; 
height: 100%; padding: 0 0 0 70px;}
.techpartners .box-wrap-01 .content-wrap {max-width:662px;margin: 0 0 0 auto; padding-right: 50px;}
.techpartners .box-wrap p{font-size: 1.312rem; font-weight: 300; line-height: 1.6;}
.techpartners .bottom-part-wrap{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;
-ms-flex-align: center; align-items: center; padding-top: 20px; }
.techpartners .bottom-part-wrap .name-wrap small {display: block;font-size: 1rem;font-weight: 500;}
.techpartners .bottom-part-wrap .name-wrap span {font-size: 1.3125rem;font-weight: 600;}
.adove-row.techpartners-row-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;
width: 100%;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.techpartners .bottom-part-wrap .divider {margin: 0 30px;}
.divider{background: #fff; width: 1px; height: 50px;}  
.techpartners .box-wrap-02{padding:60px 75px;background:var(--ds-bg-gray); height:100%;}
.techpartners .box-wrap-02 h2{font-size: 2.312rem;}
.grid-wrap{display: grid; grid-template-columns: auto auto auto auto; gap: 10px; padding-top: 30px;} 
.techpartners-col-wrap .grid-wrap {grid-template-columns: 24% 24% 24% 24%;}
.techpartners-col-wrap .grid-wrap .item {background: #e3e3e3;vertical-align: top;height: 116px;display: inline-flex;align-items: center;justify-content: center;padding: 10px;}
.techpartners-col-wrap .grid-wrap img {filter: grayscale(100%);transition: all 0.2s ease-in-out;width: auto;margin: 0 autopadding: 0 5px;max-width: 90%;display: block;}
.ourlightspot_sec .ourlightspot_sec-img { float: right;width: 100%;position: relative;}
.ourlightspot_sec .ourlightspot_sec-img:before { position: absolute; content: ''; background: #fff url(../jpg/connect.jpg) no-repeat;    display: inline-block;    left: 0;
right: 0;z-index: 11;width: 96px;height: 96px;bottom: -44px;text-align: center;
background-position: center;box-shadow: 0px 25px 49px -11px #e2e2e2;display: none;}
.techpartners .box-wrap-02 h2{font-size: 2.312rem;}
.worksportlightsec {background: #1b769c;display: block;width: 100%;padding: 50px 0 2px;position: relative;}
.ourlightspot_sec-innerbox h2.heading2 {color: #fff;}
.ourlightspot_sec-innerbox p{ color: #fff; }
.grid-wrap{display: grid; grid-template-columns: auto auto auto auto; gap: 10px; padding-top: 30px;} 
/*techpartners css end*/ 


section.hire-section {display: inline-block;width: 100%;}
section.hire-section .main-timeline {display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-top: 118px;
margin-bottom: 60px;}
.hire-section .main-timeline .timeline{padding: 0 2px;position: relative;width: 24%;}
.hire-section .main-timeline .timeline-icon{display: block;text-align: center;padding: 20px 0 55px 0;
z-index: 1;position: relative;}
.hire-section .main-timeline .timeline:nth-child(2n) .timeline-icon{padding: 55px 0 20px 0;}
.hire-section .main-timeline .timeline-icon:before{content: "";width: 1px;height: 75%;
background: #283343;margin: 0 auto;position: absolute;bottom: 0;left: 0;
right: 0;z-index: -1;transition: all 0.3s ease 0s;}
.hire-section .main-timeline .timeline:nth-child(2n) .timeline-icon:before{bottom: auto;top: 0;}
.hire-section .main-timeline .timeline:hover .timeline-icon:before{background: #555;}
.hire-section .main-timeline .timeline-icon i{width: 96px;line-height: 40px;font-style: normal;border-radius: 5px;
background: #22769c;font-size: 14px;color: #fff;transition: all 0.3s ease 0s;display: inline-block;
text-transform: uppercase;}
.hire-section .main-timeline .timeline:hover .timeline-icon i{background:#02161d;
animation: icon-load 9s ease 0s infinite;}
.hire-section .main-timeline .border{height: 15px;background:#22769c;margin-bottom: 20px;
transition: all 0.3s ease 0s;}
.hire-section .main-timeline .timeline:hover .border{background:#02161d;}
.hire-section .main-timeline .timeline:first-child .border{border-radius: 4px 0 0 4px;}
.hire-section .main-timeline .timeline:last-child .border{border-radius: 0 4px 4px 0;}
.hire-section .main-timeline .timeline:nth-child(2n) .border{margin: 18px 0 0 0;}
.hire-section .main-timeline .timeline-content{padding: 18px 15px;border: 1px solid #ebebeb;background: #ffffff;
transition: all 0.3s ease 0s;height: 168px;box-shadow: 1px 0px 15px #eee;border-radius: 8px;}
.coll-md-2.coll-md-22.timeline {margin: -71px 0 0;}
.hire-section .main-timeline .timeline:hover .timeline-content{background:#02161d;}
.hire-section .main-timeline .title{font-size: 18px;font-weight: 600 !important;color:#283343;
text-transform: uppercase;margin: 0 0 10px 0;transition: all 0.3s ease 0s;}
.hire-section .main-timeline .timeline:hover .title{color: #fff;}
.hire-section .timeline-content .description{font-size: 14px;color: #888;margin: 0;
transition: all 0.3s ease 0s;line-height: 23px;}
.hire-section .main-timeline .timeline:hover .description{color: #fff;}
.certified-btn {
    text-align: center;
    margin: 0 0 50px;
}
.scroll-consultation{font-weight: 500 !important;    font-size: 18px;}
@keyframes icon-load{
0%{ transform: rotate(-12deg); }
8%{ transform: rotate(12deg); }
10%{ transform: rotate(24deg); }
18%,20%{ transform: rotate(-24deg); }
28%,30%{ transform: rotate(24deg); }
38%,40%{ transform: rotate(-24deg); }
48%,50%{ transform: rotate(24deg); }
58%,60%{ transform: rotate(-24deg); }
68%{ transform: rotate(24deg); }
100%,75%{ transform: rotate(0deg); }
}

.slider-clientsec {
    background: var(--ds-bg-gray);
}
.clientnews-slide {text-align: center;}
.clientnews-slide .owl-carousel .owl-item .itme p {color: #fff;font-size: 1.125rem;font-weight: normal;}
.client-review.owl-carousel .item .client-slide-img {margin: auto;margin-top: 80px;}
.client-review.owl-carousel .item .client-slide-img img {margin: auto;border-radius: 100%;border: 5px solid var(--ds-primary);
width: auto;}
.client-review.owl-carousel .item .client-slide-img h3 {text-align: center;font-size: 24px;font-weight: 600 !important;
color: #000;display: block; margin: 15px 0;}
.client-review.owl-carousel .item .client-slide-img h3 span {display: block;font-size: 16px;
    color: #9f9f9f;font-weight: 500; margin: 11px 0 0;}
.client-review.owl-carousel .item .client-slide-img p {color: #000;text-align: center;    padding: 0 60px;}
.client-review.owl-carousel .item .client-slide-img img.starrating 
{border: none;border-radius: 0;margin-top: 30px;margin-bottom: 20px;}
.client-review.owl-carousel .owl-dots{ display: none; }
.news-getform {display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;-webkit-box-pack: justify;
-ms-flex-pack: justify; justify-content: space-between;}

.newsletter{background:var(--ds-bg-navy-blue);}
.newsletter-col-wrap {max-width:50%; width:50%;}
.newsletter-col-wrap .img-wrap img{width:100%;}
.newsletter-col-wrap .form-wrap {padding-left: 30px;padding-right: 30px; background: #0c2442;
background-position: center center;padding:60px;}
.newsletter-col-wrap .form-wrap .form-wrap-inner {max-width: 704px;}
.newsletter-col-wrap .form-topest {color: #fff; padding-bottom: 30px;}
.newsletter-col-wrap .form-topest span{font-size:40px; font-weight: 600; line-height: 1.5; 
    padding-bottom: 20px; display: block; text-transform: capitalize;}
.newsletter-col-wrap .form-topest p{font-size: 17px; font-weight: 300; line-height: 1.5; margin: 0;}


.newsletter-col-wrap .form-block input:-webkit-autofill {-webkit-text-fill-color: #ffffff !important;}
.newsletter-col-wrap  .form-block input:focus-visible, .form-block textarea:focus-visible{outline: none;}
.newsletter-col-wrap  .form-block-wrap{display: flex; flex: 0 0 100%; max-width: 100%; gap: 25px;}
.form-block-wrap .form-block{display: flex; flex: 0 0 48%; max-width: 48%;}
.newsletter-col-wrap .form-block{padding-bottom: 45px; position: relative;}
.newsletter-col-wrap .form-block .emailmsgg {position: absolute;bottom: 25px;width: 100%;float: left;left: 0;}
.newsletter-col-wrap .form-block-wrap .namemsgg {width: 100%;float: left;position: absolute;bottom: 25px;}
.newsletter-col-wrap .contact-deatil small{font-size: 16px; font-weight: 500; color: #fff; /*opacity: 0.5;*/
    position: relative; top: 2px;}
.newsletter-col-wrap .contact-deatil span{font-size: 18px; font-weight: 400; color: #fff; display: block; padding-top: 10px;}
.newsletter-col-wrap .contact-deatil span a{ color: #fff; }
.newsletter-col-wrap .contact-deatil{display: flex;padding-bottom: 60px;}
.newsletter-col-wrap .contact-deatil .mail {margin: 0 60px 0 0px;}
.newsletter-col-wrap .contact-deatil .mail a:focus {color: #fff !important;}
 
.newsletter-col-wrap .call-action:hover{background:#10516e;} 
.newsletter-col-wrap .call-action::after{content: ''; width: 10px; height: 10px; border-style: solid; 
border-width: 0 2px 2px 0; position: absolute; border-color: #fff; right: 30px; top: 23px; transform: rotate(-45deg);}
.input.text, .input.tel, .input.email {width: 100%;}
.newsletter-col-wrap .form-block-wrap {display: -webkit-box;display: -ms-flexbox;display: flex; 
    flex: 0 0 100%;max-width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; 
    justify-content: space-between;}
.newsletter-col-wrap .form-block input, .newsletter-col-wrap .form-block textarea {width: 100%;border: none;
color: #fff !important;    box-shadow: none;border-bottom: 1px solid #fff;padding: 0;
padding-bottom: 10px;outline: none;background: transparent;font-size:  0.875rem; border-radius: 0;
    -webkit-box-shadow: 0 0 0px 1000px #0c2442 inset !important
    box-shadow: 0 0 0px 1000px #0c2442 inset !important; font-weight: normal;}

.newsletter-col-wrap .form-block input::-webkit-input-placeholder,
.newsletter-col-wrap .form-block textarea { color:#fff;}

.newsletter-col-wrap .form-block input:-ms-input-placeholder, 
.newsletter-col-wrap .form-block textarea {color:#fff;}

.newsletter-col-wrap .form-block input::placeholder, .newsletter-col-wrap .form-block textarea::placeholder, 
.newsletter-col-wrap .form-block textarea {color:#fff;}
.newsletter-col-wrap .call-action {margin: 0;    width: 270px;text-align: left;position: relative;opacity: 1 !important;padding: 14px 20px;
font-size: 1rem;font-weight: 500 !important;}
.client-review .owl-nav {
display: block !important;
position: absolute;
top: 50%;
width: 100%;
}
.client-review .owl-nav button.owl-prev {
    float: left;
    left: 46px;
    position: relative;
    background: none;
        color: #f4f7f6;
}
.client-review .owl-nav button.owl-next {
    float: right;
    left: -40px;
    position: relative;
    background: none;
        color: #f4f7f6;
}
.client-review .owl-nav button.owl-prev:hover,.client-review .owl-nav button.owl-next:hover{    background: none;color: #f4f7f6;}
.client-review .owl-nav button.owl-next:after {content: '';background: url(../png/slidearrow-left.png);
width: 22px;height: 43px;display: inline-block;position: absolute;left: -22px;
background-size: 23px;
}
.client-review .owl-nav button.owl-prev:before {content: '';background: url(../png/slidearrow-right.png);
width: 22px;height: 43px;display: inline-block;position: absolute;background-size: 23px;}
/*BigCommerce e-Store*/

.big-store{       background: url(../jpg/bg-bigcommerce.jpg);    background-position: center;    background-size: cover;background-repeat: no-repeat;}
.big-store h2 {    font-size: 37px;    font-weight: 600 !important;    max-width: 645px;    margin: auto; }
.big-store img{   padding: 24px;}
.big-store .flex-30:hover{     
    color: #fff;    
    background-image: linear-gradient(to right, #22769c, #125a7b);
    border-radius: 10px;    
    box-shadow: rgb(170 213 231 / 42%) 0px 6px 63px;
}
.big-store .big-storecontent p{    font-size: 16px;}
.big-store .flex-30:hover h3{color:#ffff; }
.big-store .flex-30:hover p{color:#ffff; }
.big-store .flex-30{ padding: 30px;}
.big-store .icon-blue{  background: url(../png/big-icon1.png);}
.big-store .icon-green{ background: url(../png/big-icon2.png);    padding: 26px;}
.big-store .icon-red{ background: url(../png/big-icon3.png);}
.big-store .icon-sky{ background: url(../png/big-icon4.png);    padding: 26px;}
.big-store .icon-yellow{  background: url(../png/big-icon5.png);}
.big-store h3 {    font-weight: 600 !important;font-size: 21px;margin-top: 17px;text-align: left;
margin-bottom: 20px;margin: 0;padding: 15px 0;}
.pera-store{    font-size: 19px;    margin-bottom: 44px;}
/*BigCommerce e-Store*/


/*company status css*/
section.company-status-section{ background: var(--ds-bg-navy-blue);
background-size: cover; box-shadow: 0px 20px 27px 5px #e4f7eb;}
.company-status-section .company-status-inner {display: -webkit-box;display: -ms-flexbox;display: flex;
-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; 
-ms-flex-wrap: wrap;flex-wrap: wrap;}
section.company-status-section p.total {font-size: 31px;font-weight: 400; margin: 20px 0 0;}
section.company-status-section p {font-size: 14px;margin: 0; color: var(--ds-form-bg);}
/*company status css end*/


/*BigCommerce process*/

.big-process h2{    font-size: 37px;    font-weight: 600 !important;    margin: auto;   text-align: center;}
.big-process p{font-size: 21px;    padding: 0;    margin: 0;}
.big-process .flex-30{    padding: 30px;}
.process-block {    background: #fff;    border-radius: 3px;       box-shadow: rgb(170 213 231 / 42%) 0px 6px 63px;    padding: 40px 30px 47px 30px;  margin-top: 36px;}
.process-block h3{  font-size: 18px;    font-weight: 600 !important;        margin-bottom: 8px;}
.process-block p{     font-size: 14px;    font-weight: 400;    color: #5a5a5a;}

/*BigCommerce Portals*/

.big-portals {      background-image: linear-gradient(to right, #22769c, #125a7b); padding: 20px 10px 24px 10px;  color: #fff;    text-align: center;}
.big-portals h2 {    font-size: 28px;    font-weight: 300 !important;}
.big-portals span{    font-weight: 700;}

/*BigCommerce Features*/

.big-features h2{color: #4b71fb;text-align: center;font-weight: 600 !important;font-size: 37px;margin-bottom: 55px;    margin-top: 0;}
.big-features .feature-image{display: flex;    margin-bottom: 22px;}
.big-features .feature-image img{width: 170px;height: 159px;}
.big-features span{     font-size: 57px;    font-weight: 700;    color: #4b71fb;}

.big-features .feature-content {    margin-left: 40px;}
.big-features .feature-content h3 {    font-size: 19px;    font-weight: 500 !important;    margin-bottom: 0;}
.big-features .feature-content p {    font-size: 14px;    font-weight: 400 !important;    color: #5a5a5a;    margin-top: 0; }


/*BigCommerce industries*/

.bigcommerce-industries{    background: #0c2442;    padding-bottom: 0;}
.bigcommerce-industries h2{font-size: 37px;font-weight: 600 !important; margin: auto; text-align: center;color: #fff; margin: 0px 0 30px 0;}
.bigcommerce-industries h4 {  font-size: 17px; color: #fff; font-size: 17px;font-weight: 500 !important;   margin-bottom: 82px;  }
.bigcommerce-industries .flex-20 {    text-align: center;}


/*BigCommerce choose*/

.strip-line-question {background: rgb(217,39,68);background:linear-gradient(90deg, rgb(27 118 156) 17%, rgba(118,92,221,1) 100%);padding: 20px 0;text-align: center;color: #fff;}
.strip-line-get {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;
-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;
align-items: center;}
.strip-line-get .strip-consultation-box {width: 70%;float: left;text-align: left;padding: 0 40px 0 0px;}
.strip-line-get .strip-consultation-box h3 {font-size: 30px;font-weight: 600 !important;margin: 0 0 8px;}
.strip-line-get .strip-consultation-box p {font-size: 16px;line-height: 31px; margin: 0;}
.strip-line-get .strip-consultation-box.strip-consultation-btn {width: 30%;padding: 0;}
.strip-line-get .strip-consultation-box.strip-consultation-btn button.btn {background: #fff;color: #000;
font-weight: 600 !important;float: right;}
.strip-line-get .strip-consultation-box.strip-consultation-btn button.btn:hover {
background:#02161d !important;color: #fff;}

.big-choose h2 {font-size: 31px;    font-weight: 600 !important;    margin: auto;    text-align: center;}
.big-choose p {font-size: 18px;    color: #212832;    margin-top: 0;}
.big-content img{float: left;    margin-right: 14px;}
.big-content{       border: 1px solid #d0e8ff;    padding: 14px 23px 5px 10px;    margin: 9px;    width: 46%;    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
     align-items: center;}
.big-choose .big-content p {    font-size: 18px;    margin-top: 0;    font-weight: 500;    color: #58468c;    text-transform: capitalize;
}
.big-choose .choose-img{    margin: auto;    display: block;}
.big-choose  .flex-1{       margin-top: 36px; }
.big-choose .flex-40 {display: -webkit-box;display: -ms-flexbox;display: flex;}
.big-choose .flex-60 .flex-1{    padding: 0px 34px 0;margin-top: 0px;}


/*footer css*/
.footer{background: #12151d; position: relative; z-index: 10;}
.footer h2{color: #fff; text-transform: uppercase;}
.footer .address{padding: 52px 0 28px;}
.footer .map-section{background: url(../png/map-3.png) no-repeat center center; min-height: 570px; margin: 103px 0 0; position: relative;}
.footer .address .address-box.usa { margin: 54px 0 0 12px; width: 270px; }
.footer .address .address-box {float: left; position: relative;}
.footer .address .address-box.uk {float: right; margin: -43px 264px 0 0; width: 220px;}
.footer .address .address-box.india{clear: both; float: right; margin: -63px 102px 0 0; width: 210px;}
.footer .address .address-box.australia{ float: right; margin:95px -380px 0 0; width: 203px;}
.footer .address .address-box address { position: relative; padding: 6px; margin: 0; display: block; background: rgba(0,0,0,.16) none repeat scroll 0 0; border-bottom: 1px solid #f88121;}
.footer .address .address-box address p {position: relative; padding: 0 0 10px 25px; margin: 0; color: #cecece; display: block;  font-size: 11px; line-height: 17px;}
.footer .address .address-box address p:nth-of-type(2) {  margin: 0;}
.footer .address .address-box a {color: #fff;}
.footer .address .address-box address .fa{color:#f58220; font-size: 20px; position: absolute; left: 0; top: 0; ;}
.flag {bottom: 5px; position: absolute; right: 12px; width: 24px;}
.address-box.usa .mark-icon{position: absolute; right: -79px; top: 83px;}
.address-box.uk .mark-icon{margin-left: -142px;}
.address-box.india .mark-icon{margin-left: -80px;}
.address-box.australia .mark-icon{margin-left: -80px;}


.btm-footer .adddress-deatil{font-size: 16px; font-weight: 300; color: #fff; list-style: none; padding: 0;}
.btm-footer .adddress-deatil li{padding-bottom: 5px; line-height: 1.5; font-weight: bold; font-size: 0.875rem;
font-weight: 500;}
.btm-footer .adddress-deatil small {font-size: 94%;text-transform: uppercase;}
.btm-footer .adddress-deatil span.phone-no.phone-guru {display: block;}
.btm-footer .adddress-deatil small, .btm-footer .adddress-deatil .phone-no, 
.btm-footer .adddress-deatil li span.phone-no a{color: #f5821f;}
.footer-row-wrap{-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;
-ms-flex-pack: justify;justify-content: space-between;border-top:1px solid #2f3646; 
display: -webkit-box;display: -ms-flexbox;display: flex; padding: 25px 0;}
.footer-col-wrap{width: 70%;}
.footer-col-wrap2{width: 30%; padding: 50px 0;}    
.ftr-logo-wrap::after{display: table; clear: both; content: '';} 
.ftr-logo-wrap li{float: left; padding: 0 15px; width: 33.33%; list-style: none; padding: 4px}      
.ftr-logo-wrap li a{display: block;}    

.footer_winning {background:var(--ds-bg-black-light); padding: 20px 0;}
.footer_winning p {text-align: left;width: 100%;float: left;font-size: 12px !important;line-height: 18px;
margin: 0;color: #ccc;}
.footer_winning p a {font-size: 12px !important;line-height: 18px;margin: 0;color: #ccc;font-weight:normal;}
.footer_winning p a:hover{color: #f5821f;}
.footer_winning ul {margin-top: 6px;justify-content: center;flex-wrap: wrap;text-align: right;}
.footer_winning ul li {display: inline-block;width: auto;text-align: center;float: none;text-align: center;}
.footer_winning ul li a {width: auto;float: none;text-align: center;margin: 0 3px;display: inline-block;padding: 0;
font-size: 27px;font-size: 27px;color: #ccc;}

.footer_winning-btm {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;
-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;
justify-content: space-between;}

.footer .address .address-box.uktwo {margin: 0px 0px 0px 64px;width: 270px;position: relative;}
.footer .address .address-box.uktwo span.mark-icon {position: absolute;right: 0;}

a.footer_call{ display: none; }
/*footer css end*/


/*popup css */

.img-replace {
/* replace text with an image */
display: inline-block; overflow: hidden; text-indent: 100%; color: transparent; white-space: nowrap; }
.bts-popup {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; 
visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
transition: opacity 0.3s 0s, visibility 0s 0.3s;z-index:9999999;}
.bts-popup.is-visible {opacity: 1;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}

.bts-popup-container {position: relative;
width: 90%;max-width: 530px;margin: auto;background: var(--ds-secondary);border-radius: none;text-align: center;
box-shadow: 0 0 2px rgb(0 0 0 / 20%);-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);-o-transform: translateY(-40px);transform: translateY(-40px);
-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;
transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;
transition-duration: 0.3s;top: 50%;transform: translate(0, -50%) !important;}
.bts-popup-container .form-fields{ padding: 22px;}
.bts-popup-container .request-form .form-fields .form-group, .bts-popup-container .request-form .form-fields .form-block
{ margin-bottom: 25px;}
.bts-popup-container .request-form .error-message {text-align: left;}
.bts-popup-container img {padding: 20px 0 0 0;}
.bts-popup-container p {
color: #fff; font-weight: 600; padding: 25px 40px; font-size: 24px; text-transform: capitalize; max-width: 384px; margin: auto; line-height: 32px; }
.bts-popup-container .bts-popup-button {padding: 5px 25px; border: 2px solid white; display: inline-block; margin-bottom: 10px; }

.bts-popup-container a {color: white;text-decoration: none;text-transform: uppercase;}
.bts-popup-container .bts-popup-close {position: absolute;top: 8px;right: 8px;width: 30px;height: 30px;}
.bts-popup-container .bts-popup-close::before, .bts-popup-container .bts-popup-close::after {
content: '';position: absolute;top: 12px;width: 16px;height: 3px;background-color: #fff;}
.bts-popup-container .bts-popup-close::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
left: 8px;
top: 13px;
}
.bts-popup-container .bts-popup-close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 6px;
top: 13px;
}
.is-visible .bts-popup-container {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.bts-popup .form-fields .form-control{    padding: 15px 15px 15px 0px;}



/*update css */