/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400;1,500;1,700&display=swap');
body {
  font-family: "Roboto", sans-serif;
  color: #444444;
  overflow-x: hidden;
}

a {
  color: #ff4a17;
  text-decoration: none;
}

a:hover {
  color: #ff724a;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", sans-serif;
}






/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #ff4a17;
  border-top-color: #ffe9e3;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: animate-preloader 1s linear infinite;
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header {
  transition: all 0.5s;
  z-index: 997;
  padding: 30px 0;
}

.header.sticked {
  /* background: rgba(14, 29, 52, 0.9); */
  background: #736d6d;
  padding: 15px 0;
  box-shadow: 0px 2px 20px rgba(14, 29, 52, 0.1);
}

/* .header .logo img {
  max-height: 40px;
  margin-right: 6px;
} */

.header .logo h1 {
  font-size: 30px;
  margin: 0;
  font-weight: 700;
  color: #fff;
  font-family: var(--font-primary);
}

/*--------------------------------------------------------------
# Desktop Navigation
--------------------------------------------------------------*/
@media (min-width: 1280px) {
  .navbar {
    padding: 0;
  }

  .navbar ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
  }

  .navbar li {
    position: relative;
  }


  .navbar a, .navbar a:focus {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between;
    padding: 0 3px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    transition: 0.3s;
  }

  .navbar>ul>li {
    white-space: nowrap;
    padding: 8px 20px;
    text-transform: uppercase;
}

  /* .navbar a,
  .navbar a:focus {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0 10px 30px;
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
    white-space: nowrap;
    transition: 0.3s;
  } */

  .navbar a i,
  .navbar a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
  }

  .navbar a:hover,
  .navbar .active,
  .navbar .active:focus,
  .navbar li:hover>a {
    color: #00b3dc;
  }

  .navbar .get-a-quote,
  .navbar .get-a-quote:focus {
    background: var(--color-primary);
    padding: 8px 20px;
    margin-left: 30px;
    border-radius: 4px;
    color: #fff;
  }

  .navbar .get-a-quote:hover,
  .navbar .get-a-quote:focus:hover {
    color: #fff;
    background: #2756ff;
  }

  .navbar .dropdown ul {
    display: block;
    position: absolute;
    left: 14px;
    top: calc(100% + 30px);
    margin: 0;
    padding: 10px 0;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    transition: 0.3s;
    border-radius: 4px;
  }

  .navbar .dropdown ul li {
    min-width: 200px;
  }

  .navbar .dropdown ul a {
    padding: 10px 20px;
    font-size: 15px;
    text-transform: none;
    font-weight: 400;
    color: var(--color-secondary);
  }

  .navbar .dropdown ul a i {
    font-size: 12px;
  }

  .navbar .dropdown ul a:hover,
  .navbar .dropdown ul .active:hover,
  .navbar .dropdown ul li:hover>a {
    color: var(--color-primary);
  }

  .navbar .dropdown:hover>ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
  }

  .navbar .dropdown .dropdown ul {
    top: 0;
    left: calc(100% - 30px);
    visibility: hidden;
  }

  .navbar .dropdown .dropdown:hover>ul {
    opacity: 1;
    top: 0;
    left: 100%;
    visibility: visible;
  }
}

@media (min-width: 1280px) and (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }

  .navbar .dropdown .dropdown:hover>ul {
    left: -100%;
  }
}

@media (min-width: 1280px) {

  .mobile-nav-show,
  .mobile-nav-hide {
    display: none;
  }
}

/*--------------------------------------------------------------
# Mobile Navigation
--------------------------------------------------------------*/
@media (max-width: 1279px) {
  .navbar {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    max-width: 400px;
    bottom: 0;
    transition: 0.3s;
    z-index: 9997;
  }

  .navbar ul {
    /* position: absolute;
    inset: 0;
    padding: 50px 0 10px 0;
    margin: 0;
    background: rgba(14, 29, 52, 0.9);
    overflow-y: auto;
    transition: 0.3s;
    z-index: 9998; */
    position: absolute;
    inset: 0;
    padding: 80px 0 10px 0;
    margin: 0;
    background: #4068fd;
    overflow-y: auto;
    transition: 0.3s;
    z-index: 9998;
  }
  .navbar li {
    position: relative;
    padding: 10px 0 10px 40px;
}

  .navbar li a {
    color: #fff;
    display: block;
    border-bottom: 1px solid #2c54e7;
    position: relative;
  transition: 1s;
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 22px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 500;
  font-family: "Roboto";
  padding: 15px 20px;
}

.navbar li:last-child a {
  border-bottom: inherit;
}


  .navbar a,
  .navbar a:focus {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
    white-space: nowrap;
    transition: 0.3s;
  }

  .navbar a i,
  .navbar a:focus i {
    font-size: 12px;
    line-height: 0;
    margin-left: 5px;
  }

  .navbar a:hover,
  .navbar .active,
  .navbar .active:focus,
  .navbar li:hover>a {
    color: #fff;
  }

  .navbar .get-a-quote,
  .navbar .get-a-quote:focus {
    background: var(--color-primary);
    padding: 8px 20px;
    border-radius: 4px;
    margin: 15px;
    color: #fff;
  }

  .navbar .get-a-quote:hover,
  .navbar .get-a-quote:focus:hover {
    color: #fff;
    background: rgba(13, 66, 255, 0.8);
  }

  .navbar .dropdown ul,
  .navbar .dropdown .dropdown ul {
    position: static;
    display: none;
    padding: 10px 0;
    margin: 10px 20px;
    transition: all 0.5s ease-in-out;
    border: 1px solid #19335c;
  }

  .navbar .dropdown>.dropdown-active,
  .navbar .dropdown .dropdown>.dropdown-active {
    display: block;
  }

  .mobile-nav-show {
    color: #fff;
    font-size: 28px;
    cursor: pointer;
    line-height: 0;
    transition: 0.5s;
    z-index: 9999;
    margin-right: 10px;
  }

  .mobile-nav-hide {
    color: #fff;
    font-size: 60px;
    cursor: pointer;
    line-height: 0;
    transition: 0.5s;
    position: fixed;
    right: 20px;
    top: 20px;
    z-index: 9999;
  }

  .mobile-nav-active {
    overflow: hidden;
  }

  .mobile-nav-active .navbar {
    right: 0;
  }

  .mobile-nav-active .navbar:before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(14, 29, 52, 0.8);
    z-index: 9996;
  }
}


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



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

# Header css end

--------------------------------------------------------------*/
.logo img{width: 150px; object-fit: cover;}

.banner-section{padding: 0px;}
.banner-block {background-image: url("../images/banner-bg.jpg"); width: 100%; min-height: 400px; background-repeat: no-repeat; background-size: cover; position: relative;}
.banner-block:after{ content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background-color: rgb(0 0 0 / 67%); }
.header-right a{display: flex; align-items: center; color: #fff; font-size: 16px ;line-height: 20px; font-weight: 500; font-family: 'Roboto', sans-serif;}
.header-right a span{ margin-right: 20px; }
.banner-content{  bottom: 150px; z-index: 1; display: flex; align-items: center; justify-content: space-between; padding: 600px 0 0 0; position: relative; }
.banner-content h1 span{font-size: 16px;
letter-spacing: 0px;
line-height: 24px;
color: #ffffff;
font-weight: 300;
font-family: "Roboto";
display: block;}
.banner-content h1{font-size: 72px;
letter-spacing: -2px;
line-height: 90px;
color: #ffffff;
font-weight: 800;
font-family: "Poppins";
display: block;
width: 50%;}
.banner-btn{width: 50%; text-align: right; display: flex; justify-content: flex-end;}
.banner-btn .btn-main{font-size: 16px;
line-height: 35px;
color: #ffffff;
font-weight: 500;
font-family: "Roboto";
text-align: center;}
.view-demo-btn{ background-color: transparent; border-color: #fff;  margin-left: 10px; }
.view-demo-btn:hover{ background-color: #00b3dc;border-color: #00b3dc; }
.menu-shrinked .logo img{width: 90px;}


/* // X-Small devices (portrait phones, less than 576px) */

@media (max-width: 991.98px) {
  .banner-content {bottom: 73px;padding: 500px 0 0 0;}
  .banner-content h1{font-size: 46px; line-height: 50px;}
  .footer-block{  padding: 50px 0; }
  }
  @media (max-width: 767.98px) {
  .banner-content {bottom: 73px;padding: 370px 0 0 0;flex-wrap: wrap;}
  .banner-content h1 {width: 100%;}
  .banner-btn {width: 100%; justify-content: center; margin-top: 30px;}
  .footer-block{text-align: center;}
  .footer-col ul li a{ text-align: center; }
  .footer-col ul li{ margin-bottom: 10px; }
  .footer-social ul {justify-content: center;}
  .footer-col:last-of-type{text-align: center;}
  .copyright{text-align: center;}
  
  }
  @media (max-width: 575.98px) {
    .navbar {max-width: 300px;}
   
  
  }
  
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/


section {
  padding: 60px 0;
  overflow: hidden;
}

.section-bg {
  background-color: #f0f4f8;
}

.section-title {
  padding-bottom: 40px;
}

.section-title h2 {
  position: relative;
  padding-bottom: 26px;
  font-size: 33px;
  line-height: 40px;
  color: #444444;
  font-family: "Poppins";
  text-align: center;
}

.section-title h2:after{ content: ' '; position: absolute; width: 60px; height: 1px; background-color: #000; display: block; bottom: 0; left: 50%; transform: translateX(-50%);}


.section-title h4 {
  font-size: 13px;
  padding-top: 30px;
  margin-bottom: 16px;
  letter-spacing: 4px;
  line-height: 18px;
  text-transform: uppercase;
  color: #666666;
  font-weight: 500;
  font-family: "Poppins";
  text-align: center;
}

/*--------------------------------------------------------------
# About Us
--------------------------------------------------------------*/
.about{
  text-align: center;
   padding: 120px 0px 0px;
}
.about p{
  font-size: 15px;
    line-height: 28px;
    color: #555555;
    font-weight: 400;
    font-family: "Poppins";
    padding: 0 0 10px;

}
.about .content h3 {
  font-weight: 600;
  font-size: 26px;
}

.about .content ul {
  list-style: none;
  padding: 0;
}

.about .content ul li {
  padding-left: 28px;
  position: relative;
}

.about .content ul li+li {
  margin-top: 10px;
}

.about .content ul i {
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 20px;
  color: #3498db;
  line-height: 1;
}

.about .content p:last-child {
  margin-bottom: 0;
}

.about .content .btn-learn-more {
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 32px;
  border-radius: 50px;
  transition: 0.3s;
  line-height: 1;
  color: #3498db;
  animation-delay: 0.8s;
  margin-top: 6px;
  border: 2px solid #3498db;
}

.about .content .btn-learn-more:hover {
  background: #3498db;
  color: #fff;
  text-decoration: none;
}


/*--------------------------------------------------------------
# INTEGRATION SUPERPOWERS
--------------------------------------------------------------*/

.integration{
  padding: 110px 80px 10px 80px;
}



.our-strength-cont h3 {
  font-size: 16px;
line-height: 24px;
color: #222222;
font-weight: 500;
font-family: "Roboto";
margin-bottom: 10px;
}
.our-strength-cont ul li {
 font-size: 14px;
line-height: 28px;
color: #666666;
font-weight: 300;
font-family: "Roboto";
list-style-type: disc;
}
.our-strength-col .strength-inner-box {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  transition: .1s;
  padding: 40px 20px 20px 20px;

}
.our-strength-cont ul{padding-left: 14px;}
.our-strength-col .strength-inner-box .strength-icon {
  position: relative;
  margin-right: 20px;
  transition: .5s;
  line-height: 70px;
  width: 60px;
  height: 60px;
  text-align: center;
}
.our-strength-col .strength-inner-box .strength-icon:after {
  position: absolute;
  content: '';
  width: 60px;
  height: 60px;
  background-color: #fff;
  border-radius: 50%;
  top: -10px;
  left: 1px;
  transition: .5s;
  box-shadow: 2.5px 4.33px 5px rgba(0,0,0,0.1);
}

.our-strength-col .strength-inner-box:hover {
  background-color: #fff;
  box-shadow: 3.214px 3.83px 10px #dfeaed;
  border-radius: 50px;
}

.our-strength-col .strength-inner-box .strength-count {
  position: absolute;
  top: -38px;
  left: -27px;
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  line-height: 25px;
  background: #fff;
  padding: 2px 6px;
}

.our-strength-col .strength-inner-box .our-strength-cont {
  max-width: 290px;
}

.strength-img>img {
  position: absolute;
  top: calc(50% - 100px);
  left: calc(50% - 100px);
}

.strength-img>img:last-of-type {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
}

.our-strength-col .strength-inner-box:hover .strength-img img:last-of-type {
  opacity: 0;
}

.strength-img {
  position: relative;
  left: 81px;
  top: 100px;
  z-index: 9;
}
.our-strength-col .strength-inner-box:hover .strength-icon::after {
  background-color: #00b3dc;
}

.product-item1 .strength-inner-box:last-of-type .product-item_img2 {
  left: 73px;
  top: 114px;
}




/*--------------------------------------------------------------
# INNOVATIONS
--------------------------------------------------------------*/
.innovation{
	padding:100px 20px 0px;
}
.innovations-row{ display: flex; align-items: center; margin-top: 50px; }
.innovations-left{background-color: #3561df;}
.innovations-left-cont{max-width: 700px; margin-left: auto; padding: 60px 100px 60px 0;}
.innovations-right-cont{margin-left:-30px;}
.innovations-right-cont .innovations-img{margin-left: -70px;box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.innovations-right-cont .innovations-img img{width:615px;}
.innovations-left-cont h2{font-size: 70px;
letter-spacing: -2px;
line-height: 70px;
color: #ffffff;
font-weight: 800;
font-family: "Poppins";}
.innovations-left-cont p{font-size: 16px;
line-height: 24px;
color: #ffffff;
font-weight: 300;
font-family: "Roboto";
padding: 14px 0;}
.innovations-cont ul{padding: 20px 0;}
.innovations-cont ul li{font-size: 16px;
line-height: 24px;
color: #ffffff;
font-weight: 500;
font-family: "Roboto";
border-bottom: 1px solid #fff;
padding-bottom: 14px;
margin-bottom: 14px;}
.innovations-left-cont .btn-block{text-align: center; }
.innovations-buttom-cont p{font-size: 16px;
line-height: 28px;
color: #666666;
font-weight: 300;
font-family: "Roboto";
text-align: center;
padding: 30px 300px;}
.btn-main {
  transition: 0.5s;
  font-size: 16px;
  padding: 12px 40px;
  border: 2px solid #fff;
  line-height: 24px;
  border-radius: 5px;
  color: #ffffff;
  font-weight: 600;
  font-family: "Poppins";
  background-color: #00b3dc;
  border-color: #00b3dc;
  color: #fff;
}
.btn-main:hover{
  background: transparent;
  border: 2px solid #ffff;
  color: #ffff;
}




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

#TAILORED SECTION
-----------------------*/
.tailored{
padding: 120px 40px 0px;
}
.tailored-block{background-image: url("../images/tailored.jpg"); width: 100%; margin-top: 40px; min-height: 900px; background-repeat: no-repeat; background-size: cover; position: relative;}
.tailored-tab{position: absolute;
bottom: -90px;
border-radius: 50px;
left: 50%;
transform: translateX(-50%);
margin: 0 auto;
width: 70%;}
.tailored-tab .card {
background-color: transparent;
}

.tailored-tab .tab-content > .active{display: flex;flex-wrap: wrap; align-items: center; justify-content: space-between;}
.tailored-tab .tab-content h2{ width: 33%;font-size: 40px;
letter-spacing: -1px;
line-height: 48px;
color: #606060;
font-weight: 800;
font-family: "Poppins";
text-align: center;}
.tailored-tab .tab-content p{ width: 50%;font-size: 16px;
line-height: 24px;
color: #606060;
font-weight: 300;
font-family: "Roboto";
padding: 0 20px;}
.tailored-tab .tab-content .btn-block{ width: 17%;}
.tailored-tab .get-start-btn {color: #333333; font-weight: 500; background-color: transparent;padding: 10px;line-height: 15px;}
.tailored-tab .get-start-btn:hover {
  background-color: #00b3dc;
  border-color: #00b3dc;
  color: #333333;
}
.tailored-tab .tab-content .card {max-width: 1200px;}
.tailored-tab .nav-link {
  padding: 10px !important;
  color: #fff;
}
.tailored-tab .nav-link:hover{
  color: #00b3dc;
}
.tailored-tab .tab-content{padding: 20px; border-radius: 5px;}
.tailored-tab .nav-tabs .nav-item.show .nav-link, .tailored-tab .nav-tabs .nav-link.active {
  color: #00b3dc;
	border-color: transparent transparent #00b3dc;
	background-color: transparent;
}
.tailored-tab .nav-tabs {border-bottom: inherit;}
/*--------------------------------------------------------------
# Company Logo
--------------------------------------------------------------*/
.company-logo-col{margin-bottom: 40px;}
.company-img{width: auto; height: 150px;border-radius: 30px; margin: 0 auto 20px; box-shadow: 6.428px 7.66px 10px #dfeaed;background-color: #ffffff; display: flex; align-items: center; justify-content: center; }
.company-logo h6{font-size: 16px; line-height: 28px; color: #333333; font-weight: 500; font-family: "Roboto"; text-align: center;}
.company-logo{width: 100%;position: relative;margin-top: 30px;padding-bottom: 0px;}

.width-60-cstm {
  width: 60% !important;
}
.width-55-cstm {
  width: 55% !important;
}
.width-50-cstm {
  width: 50% !important;
}
.width-45-cstm {
  width: 45% !important;
}
.width-35-cstm {
  width: 35% !important;
}
.company-img img {
  width: 75%;
}
.company-logo:before{
  content: " ";
position: absolute;
z-index: -1;
right: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
background: #eaf1f5;
-webkit-clip-path: polygon(0 16%, 100% 0%, 100% 85%, 0 100%);
clip-path: polygon(0 20%, 100% 0%, 100% 84%, 0 100%);
}
.decb-cont {padding: 50px 200px;text-align: center;font-family: 'Poppins';}
/* .from-block .contact-row {
  padding: 0 5rem;
} */


#contact{
	padding: 100px 0px 0px !important;
	} 
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.contact-row .form-control{border: none; border-bottom: 1px solid #000; border-radius: inherit !important;}
.contact-row .form-control{border: none; border-bottom: 1px solid #000; border-radius: none;}
.contact-btn .subscribe-btn{ background-color: #3561df; padding: 12px 70px; border-color: #3561df; }
.contact-btn .subscribe-btn:hover{ background-color: #00b3dc; border-color: #00b3dc; }



.footer-block{ background-color: #3561df; width: 100%; padding: 100px 0; }
.footer-social ul{display: flex; padding: 30px 0 0 0;}
.footer-social ul li a{ color: #fff; margin-right: 14px; font-size: 22px; }
.footer-col h3{font-size: 16px; line-height: 22px; margin-bottom: 24px; color: #ffffff; font-weight: 500; font-family: "Roboto";}
.footer-col ul{padding: 0;}
.footer-col ul li{ margin-bottom: 18px; }
.footer-col ul li{transition: 1s; font-size: 16px; letter-spacing: 0px;line-height: 22px;color: #ffffff;font-weight: 300;font-family: "Roboto";list-style-type: none;}
.footer-col ul li a{transition: 1s; font-size: 16px; letter-spacing: 0px;line-height: 22px;color: #ffffff;font-weight: 300;font-family: "Roboto";}
.footer-col ul li a:hover{ color: #000; }
.footer-col:last-of-type{text-align: end;}


.footer-btn-main{
  background: transparent;
  border: 2px solid #ffff;
  color: #ffff;
  padding: 12px 40px;
  line-height: 24px;
  border-radius: 5px;
  transition: 0.5s;
  font-size: 16px;
  font-weight: 600;
  font-family: "Poppins";
}
.footer-btn-main:hover {
  transition: 0.5s;
  font-size: 16px;
  padding: 12px 40px;
  border: 2px solid #fff;
  line-height: 24px;
  border-radius: 5px;
  color: #ffffff;
  font-weight: 600;
  font-family: "Poppins";
  background-color: #00b3dc;
  border-color: #00b3dc;
  color: #fff;
}

.footer-col .view-demo-btn{background-color: #00b3dc;border-color: #00b3dc; }
.footer-col .view-demo-btn:hover{  background-color: transparent; border-color: #fff;  margin-left: 10px; }
.btn-f{  margin: 16px 0 40px 0;}
.copyright{font-size: 12px;line-height: 20px;color: #ffffff;font-weight: 300;font-family: "Roboto";text-align: right;}
.back-to-top{position:fixed; bottom:40px; right:40px; width:40px; height:40px; border-radius:50%; text-decoration:none; color:#ffffff; line-height:42px; text-align:center; background:#31aff5; z-index:1; display:none;}
.back-to-top i{font-size:20px;}
.back-to-top:hover{color:#ffffff; background:#f4462f;}
.back-to-top:focus{color:#ffffff;}


/*--------------------------------------------------------------
# Scroll top button
--------------------------------------------------------------*/
.scroll-top {
  position: fixed;
  visibility: hidden;
  bottom: 40px;
  right: 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-decoration: none;
  color: #ffffff;
  line-height: 42px;
  text-align: center;
  background: #31aff5;
  z-index: 1;
  display: none;
}

.scroll-top i {
  font-size: 24px;
  color: #fff;
  line-height: 0;
}

.scroll-top:hover {
  background:#ff6a40;
  color: #fff;
}



.scroll-top.active {
  visibility: visible;
  opacity: 1;
}


/*--------------------------------------------------------------
# Form
--------------------------------------------------------------*/


.from-block .form-wrapper{
  background: #fff;
    background-clip: border-box;
    border-radius: 4px;
    box-shadow: 0 10px 36px rgba(0, 0, 0, .06);
    margin-top: 3.125rem;
    overflow: hidden;
    position: relative;
    z-index: 10;
    padding: 10px;
}







/*--------------------------------------------------------------
# Responsive Design For Mobile Devices
--------------------------------------------------------------*/


@media only screen and (max-width: 600px) {
	
	
  .header.header-scrolled,
  .header.header-inner-pages {background: rgba(40, 58, 90, 0.9);
  }

  /* section {
    padding: 15px 5px 0px 5px;
    overflow: hidden;
} */
    .section-title{padding-bottom:5px;}
    .section-heading{padding:30px 0;}
    .section-title h2{font-size:18px;line-height:25px;}
    .section-title p{line-height:25px;}

    .integration {
      padding: 5px 20px 5px 20px;
  }

  .integration .our-strength-col .strength-inner-box .our-strength-cont {
    max-width: 210px;
}
    
    

  



.innovation{padding: 5px 5px 5px 5px;}
    .innovations-left-cont{max-width: 700px;margin-left: auto;padding: 25px 100px 40px 0;}
    .innovations-left-cont h2 {font-size:25px;line-height: 34px;margin-left: 15px;letter-spacing:0.8px;}
    .innovations-left-cont p{margin-left:15px;width:124%}
    .innovations-buttom-cont p{padding:10px;}
    .innovations-left-cont .btn-main{padding:8px 15px;}
    .innovations-cont ul { padding: 2px 0;}
    .innovations-cont ul li{margin-left:25px;width:123%}
    .innovations-block .innovations-img img{margin-left:100px;width:400px;}
    
    /* .powerhouse-block .section-title .heading-title {padding-top:40px;} */

    .tailored{padding: 5px}
    .powerhouse{padding: 5px;}

    .tailored-tab .tab-content > .active{
      width: 100%;
    }

    .tailored-tab .tab-content p {
      width: 100%;
      font-size: 16px;
      line-height: 24px;
      color: #606060;
      font-weight: 300;
      font-family: "Roboto";
      padding: 0 20px;
  }

    .tailored-tab .tab-content .btn-block {
      width: 100%;
      text-align: center;
  }


    .tailored-tab .tab-content h2 {
      width: 100%;
      font-size: 20px;
      letter-spacing: -1px;
      line-height: 25px;
      color: #606060;
      font-weight: 700;
      font-family: "Poppins";
      text-align: center;
  }
    .tailored-solutions .heading-block h2{text-align: center;}
    .tailored-tab {
      position: absolute;
       top: 250px;
      border-radius: 50px;
      left: 50%;
      transform: translateX(-50%);
      margin: 0 auto;
      width: 95%;
  }

  .tailored-tab .get-start-btn {
    color: #333333;
    font-weight: 500;
    background-color: transparent;
    padding: 7px;
    line-height: 10px;
}

  .btn-main {
    /* transition: 0.5s; */
     font-size: 10px; 
    padding: 8px 15px; 
    border: 2px solid #fff;
    /* line-height: 24px; */
    border-radius: 5px;
    color: #ffffff;
    font-weight: 600;
    font-family: "Poppins";
    background-color: #00b3dc;
    border-color: #00b3dc;
    color: #fff;
}
    
    .company-logo-col { margin-bottom: 25px;}
    .company-logo-col .company-img{width:150px;height:100px;}
    .company-logo-col .company-img img {width:75%;height:auto;}
	.for-mob-width-50 .col-md-3.company-logo-col {
		width: 50%;
	}
	.for-mob-width-50 .company-logo-col {
	  width: 50%;
	}
	.cstm-media-mrgn {
		margin-top: 0 !important;
	}
    
    .decb-cont {padding: 0px;text-align: center;}
    .company-logo {
      width: 100%;
      position: relative;
      margin-top: 25px;
      padding-bottom: 10px;}




    .footer-block{padding: 30px 0px;}
    .footer-link .footer-manu li a{
      font-size: 12px;
      line-height: 8px;
      float: left;
      padding: 0px 10px;
      text-align: center;
      
    }

    .footer-link ul li  {
      font-size: 12px;
      line-height: 8px;
      float: left;
      padding: 0px 10px;
      text-align: center;
      border-right: 1px solid #ffff;
  }


 
    .footer-link ul li:last-child {
      border-right: none;
  }  




    
    .footer-logo .logo img{width:70px;}
    .footer-col h3 {
      font-size: 16px;
      line-height: 10px;
      margin-bottom: 13px;
      margin-top:20px;
      color: #fff;
      font-weight: 500;
      font-family: "Roboto";}
    /* .footer-col ul li a{font-size:12px;line-height:10px;} */
    /* .footer-col ul li{font-size:12px;} */
    .footer-block .btn-main{padding:5px 15px;}
    .contact-btn .subscribe-btn {
      background-color: #3561df;
      padding: 6px 15px 6px 16px;
      border-color: #3561df;
  }
  .footer-col:last-of-type {
    text-align: center;
}
.footer-bottom .copyright{text-align: center;}
   .footer-btn-main {padding: 8px 20px;} 
    
  }
  
  
  /* Small devices (portrait tablets and large phones, 600px and up) */
  @media only screen and (min-width: 600px) and (min-width:768px) and (max-width:820px) {


 
    .section-title{padding-bottom:5px;}
    .section-heading{padding:28px 0;}
    .section-title h2{font-size:22px;line-height:25px;}
    .section-title p{line-height:25px;}
    .powerhouse-block .section-heading{padding:15px;}
    

    .integration {
      padding: 10px 80px 10px 80px;
  }
  .tailored{padding: 5px}
  .powerhouse{padding: 5px;}

  .tailored-tab .tab-content > .active{
    width: 100%;
  }

  .tailored-tab .tab-content h2 {
    width: 100%;
    font-size: 25px;
    letter-spacing: -1px;
    line-height: 25px;
    color: #606060;
    font-weight: 700;
    font-family: "Poppins";
    text-align: center;
}

  .tailored-tab .tab-content p {
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    color: #606060;
    font-weight: 300;
    font-family: "Roboto";
    padding: 0 20px;
}

  .tailored-tab .tab-content .btn-block {
    width: 100%;
    text-align: center;
}
    .tailored-tab{bottom:-40px;}
    .tailored-solutions .heading-block h2{text-align: center;}
    .tailored-tab .get-start-btn {
      color: #333333;
      font-weight: 500;
      background-color: transparent;
      padding: 10px;
      line-height: 15px;
  }
  
    
    .innovation{padding: 10px 10px 10px 10px;}
    .innovations-left-cont h2 {
      font-size: 35px;
      line-height: 40px;
      color: #ffffff;
      font-weight: 800;
      font-family: "Poppins";
      margin-left: 15px;
  }
    .innovations-left-cont p{margin-left:20px;width:126%}
    .innovations-cont ul { padding: 2px 0;}
    .innovations-cont ul li{margin-left:22px;width:102%}
    .innovations-buttom-cont p{padding:25px 0px 0px 0px;}
    .innovations-left-cont .btn-main{padding:8px 15px;}
    .innovations-right-cont {
      margin-left: -15px;
  }
    
    .company-logo-col { margin-bottom: 25px;}
    .company-logo-col .company-img{width:150px;height:100px;}
    .company-logo-col .company-img img {width:75%;height:auto;}
    
    .decb-cont {padding: 0px;text-align: center;}
    .company-logo {
      width: 100%;
      position: relative;
      margin-top: 25px;
      padding-bottom: 10px;}


      .footer-block .col-md-6{
        width: 30%;
      }

      .footer-block .copyright{
        text-align: center;
      }
      
    
    .footer-logo .logo img{width:70px;}
    .footer-col h3 {
      font-size: 14px;
      line-height: 10px;
      margin-bottom: 13px;
      color: #fff;
      font-weight: 500;
      font-family: "Roboto";}
    .footer-col ul li a{font-size:12px;line-height:10px;}
    .footer-col ul li{font-size:12px;}
    .footer-block .btn-main{padding:5px 15px;}
    .contact-btn .subscribe-btn {
      background-color: #3561df;
      padding: 6px 15px 6px 16px;
      border-color: #3561df;
  }
  
  }
  
  @media only screen and (min-width: 912px) and (max-width: 1024px) {
    
    .section-heading {
      padding: 30px 0;
      width: 100%;
  }
  
  .innovations-left-cont h2 {
      font-size: 35px;
      line-height: 40px;
      line-height: 70px;
      color: #ffffff;
      font-weight: 800;
      font-family: "Poppins";
      margin-left: 15px;
  }
    .innovations-left-cont p{margin-left:15px;width:123%}
    .innovations-cont ul { padding: 2px 0;}
    .innovations-cont ul li{margin-left:18px;width:101%}
    .innovations-buttom-cont p{padding:20px 0px 5px 0px;}
    .innovations-left-cont .btn-main{padding:8px 15px;}
    
    .company-logo-col { margin-bottom: 25px;}
    .company-logo-col .company-img{width:150px;height:100px;}
    .company-logo-col .company-img img {width:75%;height:auto;}
  
    .decb-cont {padding: 15px;text-align: center;}

    .tailored{padding: 5px}
    .powerhouse{padding: 5px;}
    
    .tailored-tab {
      position: absolute;
      bottom: -40px;
      border-radius: 50px;
      left: 50%;
      transform: translateX(-50%);
      margin: 0 auto;
      width: 70%;
  }
  
  }


  @media (min-width:1200px){
    .tailored-tab {
      position: absolute;
      bottom: -40px;
      border-radius: 50px;
      left: 50%;
      transform: translateX(-50%);
      margin: 0 auto;
      width: 70%;
  }
  }
.after-submit{
    box-shadow: 0 0 0 2px rgba(218,102,123,1), 8px 8px 0 0 rgba(218,102,123,1);
    color: green;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    padding: 13px;
    font-family: 'Roboto';
}




.page-book-a-demo
.page-book-a-demo.button,
.page-book-a-demo button,
input[type=button],
input[type=reset],
input[type=submit] {
    background-clip: border-box;
    background-color: #e6e6e6;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    box-sizing: border-box;
    color: #191919;
    cursor: pointer;
    font-family: Graphik;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.125;
    margin-bottom: .625rem;
    outline: none;
    padding: 1.25rem 1.875rem;
    text-align: center;
    transition: background-color .15s linear 0s, color .15s linear 0s, border .15s linear 0s;
    width: 100%
}

.page-book-a-demo .button.hover,
.page-book-a-demo .button:focus,
.page-book-a-demo .button:hover,
.page-book-a-demo button.hover,
.page-book-a-demo button:focus,
.page-book-a-demo button:hover,
input[type=button].hover,
input[type=button]:focus,
input[type=button]:hover,
input[type=reset].hover,
input[type=reset]:focus,
input[type=reset]:hover,
input[type=submit].hover,
input[type=submit]:focus,
input[type=submit]:hover {
    background-color: #fff;
    border-color: #e6e6e6;
    color: #191919
}

.button.hover:focus,
.button.hover:hover,
button.hover:focus,
button.hover:hover,
input[type=button].hover:focus,
input[type=button].hover:hover,
input[type=reset].hover:focus,
input[type=reset].hover:hover,
input[type=submit].hover:focus,
input[type=submit].hover:hover {
    background-color: #191919;
    color: #e6e6e6
}

.button.button-primary,
.button.shopify-challenge__button,
button.button-primary,
button.shopify-challenge__button,
input[type=button].button-primary,
input[type=button].shopify-challenge__button,
input[type=reset].button-primary,
input[type=reset].shopify-challenge__button,
input[type=submit].button-primary,
input[type=submit].shopify-challenge__button {
    background-color: #50134c;
    border-color: #50134c;
    color: #fff
}

.button.button-primary:focus,
.button.button-primary:hover,
.button.shopify-challenge__button:focus,
.button.shopify-challenge__button:hover,
button.button-primary:focus,
button.button-primary:hover,
button.shopify-challenge__button:focus,
button.shopify-challenge__button:hover,
input[type=button].button-primary:focus,
input[type=button].button-primary:hover,
input[type=button].shopify-challenge__button:focus,
input[type=button].shopify-challenge__button:hover,
input[type=reset].button-primary:focus,
input[type=reset].button-primary:hover,
input[type=reset].shopify-challenge__button:focus,
input[type=reset].shopify-challenge__button:hover,
input[type=submit].button-primary:focus,
input[type=submit].button-primary:hover,
input[type=submit].shopify-challenge__button:focus,
input[type=submit].shopify-challenge__button:hover {
    background-color: #791d73;
    border-color: #791d73
}

.button.button-secondary,
button.button-secondary,
input[type=button].button-secondary,
input[type=reset].button-secondary,
input[type=submit].button-secondary {
    background-color: #fff;
    border-color: #e6e6e6;
    color: #191919
}

.button.button-secondary:focus,
.button.button-secondary:hover,
button.button-secondary:focus,
button.button-secondary:hover,
input[type=button].button-secondary:focus,
input[type=button].button-secondary:hover,
input[type=reset].button-secondary:focus,
input[type=reset].button-secondary:hover,
input[type=submit].button-secondary:focus,
input[type=submit].button-secondary:hover {
    background-color: #e6e6e6;
    border-color: #e6e6e6;
    color: #191919
}

.button.button-secondary.solid,
button.button-secondary.solid,
input[type=button].button-secondary.solid,
input[type=reset].button-secondary.solid,
input[type=submit].button-secondary.solid {
    background-color: transparent
}

.button.button-secondary.solid:focus,
.button.button-secondary.solid:hover,
button.button-secondary.solid:focus,
button.button-secondary.solid:hover,
input[type=button].button-secondary.solid:focus,
input[type=button].button-secondary.solid:hover,
input[type=reset].button-secondary.solid:focus,
input[type=reset].button-secondary.solid:hover,
input[type=submit].button-secondary.solid:focus,
input[type=submit].button-secondary.solid:hover {
    background-color: #fff;
    border-color: #e6e6e6
}

.button.button-tertiary,
button.button-tertiary,
input[type=button].button-tertiary,
input[type=reset].button-tertiary,
input[type=submit].button-tertiary {
    background-color: #fbc414;
    border-color: #fbc414;
    color: #191919
}

.button.button-tertiary:focus,
.button.button-tertiary:hover,
button.button-tertiary:focus,
button.button-tertiary:hover,
input[type=button].button-tertiary:focus,
input[type=button].button-tertiary:hover,
input[type=reset].button-tertiary:focus,
input[type=reset].button-tertiary:hover,
input[type=submit].button-tertiary:focus,
input[type=submit].button-tertiary:hover {
    background-color: #fcd146;
    border-color: #fcd146;
    color: #191919
}

.button.button-tertiary.solid,
button.button-tertiary.solid,
input[type=button].button-tertiary.solid,
input[type=reset].button-tertiary.solid,
input[type=submit].button-tertiary.solid {
    background-color: transparent
}

.button.button-tertiary.solid:focus,
.button.button-tertiary.solid:hover,
button.button-tertiary.solid:focus,
button.button-tertiary.solid:hover,
input[type=button].button-tertiary.solid:focus,
input[type=button].button-tertiary.solid:hover,
input[type=reset].button-tertiary.solid:focus,
input[type=reset].button-tertiary.solid:hover,
input[type=submit].button-tertiary.solid:focus,
input[type=submit].button-tertiary.solid:hover {
    background-color: #fbc414;
    border-color: #fbc414
}

.button.button-yellow,
button.button-yellow,
input[type=button].button-yellow,
input[type=reset].button-yellow,
input[type=submit].button-yellow {
    background-color: #fbc414;
    border-color: #fbc414;
    color: #000
}

.button.button-yellow:after,
button.button-yellow:after,
input[type=button].button-yellow:after,
input[type=reset].button-yellow:after,
input[type=submit].button-yellow:after {
    background: url(arrow-right-black.svg) no-repeat 50%
}

.button.inline,
button.inline,
input[type=button].inline,
input[type=reset].inline,
input[type=submit].inline {
    display: inline-flex;
    width: auto
}

.button.no-radius,
button.no-radius,
input[type=button].no-radius,
input[type=reset].no-radius,
input[type=submit].no-radius {
    background-clip: border-box;
    border-radius: 0
}

.button-text {
    font-family: Graphik;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.6;
    padding: .3125rem 0
}

@media only screen and (min-width:62em) {
    .button-text {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.button,
.button-text {
    align-items: center;
    display: flex
}

.button-text:after,
.button:after {
    content: "";
    height: 6px;
    margin-left: 12px;
    width: 11px
}

.button:after {
    background: url(arrow-right-white.svg) no-repeat 50%
}

.button-secondary:after,
.button-text:after {
    background: url(arrow-right-black.svg) no-repeat 50%
}

.button-text--white {
    color: #fff
}

.button-text--white:after {
    background: url(arrow-right-white.svg) no-repeat 50%
}

.button-icon {
    background: none;
    border: none;
    color: #191919;
    letter-spacing: 0;
    margin: 0;
    padding: 20px;
    width: auto
}

.buttons-set p {
    margin-top: .625rem
}

p+input {
    margin-top: .9375rem
}

input+.button,
input+button,
input+input[type=button],
input+input[type=reset],
input+input[type=submit] {
    margin-top: .625rem
}

.button+.button {
    margin-top: 0
}

input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=telephone],
input[type=text],
input[type=url],
select,
textarea {
    background-color: #fff;
    border: 1px solid #c9c9c9;
    box-shadow: none;
    box-sizing: border-box;
    font-family: Graphik;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    margin: 0 0 .625rem;
    outline: none;
    padding: .75rem;
    transition: background-color .15s linear 0s, color .15s linear 0s, border .15s linear 0s;
    width: 100%
}

input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=telephone]:focus,
input[type=text]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
    background-color: #fff;
    border: 1px solid #fff
}

input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=telephone],
input[type=text],
input[type=url],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

textarea {
    min-height: 80px;
    min-height: 5rem
}

label,
legend {
    display: block;
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: .3125rem
}

input[type=checkbox],
input[type=radio] {
    display: inline;
    margin: .375rem 0;
    position: relative;
    top: -1px
}

input[type=radio] {
    margin-right: .625rem
}

input[type=checkbox]+label,
input[type=radio]+label {
    display: inline;
    margin-left: .5rem
}

.checkbox {
    margin-top: .9375rem
}

.checkbox input[type=checkbox] {
    display: none
}

.checkbox input[type=checkbox]+label {
    background: url(checkbox.html) no-repeat 0;
    margin-left: 0;
    padding-left: 1.4375rem
}

.checkbox input[type=checkbox]:checked+label {
    background-image: url(checkedbox.html)
}

button {
    cursor: pointer
}

.select-box {
    position: relative;
    text-align: left
}

.select-box:after {
    speak: none;
    -ms-font-feature-settings: "liga" 1;
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #111;
    content: "\e939";
    font-family: icomoon;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-variant-ligatures: discretionary-ligatures;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
    padding: 0;
    right: 15px;
    text-transform: none;
    top: 14px
}

.select-box label,
.select-box:after {
    pointer-events: none;
    position: absolute;
    z-index: 1
}

.select-box label {
    box-sizing: border-box;
    color: #999;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    font-weight: 400;
    margin-top: .3em;
    opacity: 1;
    overflow: hidden;
    padding: 0 .93333em;
    text-overflow: ellipsis;
    top: 0;
    transform: none;
    transform: translateY(3px);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%
}

.select-box select {
    -webkit-font-smoothing: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    border: none;
    border-radius: 0;
    box-shadow: 0 0 0 1px #d9d9d9;
    line-height: normal;
    padding-bottom: .4em;
    padding-top: 1.6em
}

.selectWrapper {
    background: #fff;
    border: 1px solid #c9c9c9;
    box-sizing: border-box;
    display: block;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.selectWrapper select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    border: none;
    color: #777;
    cursor: pointer;
    line-height: 1.65;
    margin: .2em 0;
    max-width: 100%;
    min-width: 100%;
    outline: none;
    padding: .4em 19% .4em .8em;
    text-indent: .01px;
    text-overflow: "";
    width: 100%
}

.selectWrapper select::-ms-expand {
    display: none
}

.selectWrapper:after {
    background: url(chevron-down.svg) no-repeat 50%;
    content: "";
    height: 20px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    z-index: 1
}

.selectWrapper select:focus {
    outline: none
}

.selectWrapper select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

#blankSearchForm {
    padding: 2% 0 5%
}

#blankSearchForm #search-field {
    display: inline-block;
    width: 30%
}

#blankSearchForm #search-submit {
    background: #eee;
    border: 0;
    cursor: pointer;
    display: inline-block;
    width: 10%
}

.form--success {
    background: #c22747;
    color: #fff;
    margin: 2% 0;
    padding: 1.2% 5%;
    width: 90%
}


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




@media only screen and (max-width:1024px) {
    .featherlight .featherlight-content {
        border-bottom: 10px solid transparent;
        margin-left: 0;
        margin-right: 0;
        max-height: 98%;
        padding: 10px 10px 0
    }
}

@media only screen and (min-width:48em) {
    .featherlight .featherlight-image {
        max-height: 100%;
        max-width: 100%
    }
}

.ph-item {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    direction: ltr;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 30px 15px 15px;
    position: relative
}





@media only screen and (max-width:35.99em) {
    .cms-about-template .buttons-box .button-text+.button-text {
        margin: .625rem 0 0
    }

    .cms-about-template .cms-banner-full .buttons-box .button {
        width: 100%
    }
}

.section-heading {
    margin-bottom: 2.5rem
}

@media only screen and (min-width:48em) {
    .section-heading {
        margin-bottom: 3.75rem
    }
}

.section-heading h2 {
    font-size: 32px;
    font-size: 2rem;
    letter-spacing: -.03em;
    line-height: 1.25
}

.section-heading p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.6;
    margin-top: .75rem
}



/*--------------------------------------------------------------
# Form
--------------------------------------------------------------*/

.page-book-a-demo {
    margin: 3.125rem auto 0
}

.page-book-a-demo .c-demo-titles {
    text-align: center
}

.page-book-a-demo .c-hubspot-form-demo {
    background: #fff;
    background-clip: border-box;
    border-radius: 4px;
    box-shadow: 0 10px 36px rgba(0, 0, 0, .06);
    margin-top: 3.125rem;
    overflow: hidden;
    position: relative;
    z-index: 10
}

.page-book-a-demo .c-hubspot-form-demo .field {
    color: #191919
}

.page-book-a-demo .c-hubspot-form-demo .field input,
.page-book-a-demo .c-hubspot-form-demo .field textarea {
    border: 0;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    line-height: 1.5;
    margin: 0
}

.page-book-a-demo .c-hubspot-form-demo .field label {
    border: 0;
    color: #777;
    font-size: 14px;
    line-height: 1.5;
    margin: 1% 0 0 1%;
    padding: 0
}

.page-book-a-demo .c-hubspot-form-demo .actions {
    position: relative
}

@media only screen and (min-width:48em) {
    .page-book-a-demo .c-hubspot-form-demo .actions:after {
        background: url(arrow-right-white.svg) no-repeat 50%;
        content: "";
        height: 6px;
        margin-left: calc(-45% - 11px);
        position: absolute;
        top: calc(50% - 3px);
        width: 11px
    }
}

.page-book-a-demo .c-hubspot-form-demo .hs-button,
.page-book-a-demo .c-hubspot-form-demo .hs-submit,
.page-book-a-demo .c-hubspot-form-demo submit {
    background-clip: border-box;
    background-color:  #00b3dc;
    border-color: #00b3dc;
    border-radius: 0 0 4px 4px;
    color: #fff;
    justify-content: center;
    margin: 0;
    font-family: 'Roboto';
}


.hs-button{
    background-clip: border-box;
    background-color:  #00b3dc;
    border-color: #00b3dc;
    border-radius: 0 0 4px 4px;
    color: #fff;
    justify-content: center;
    margin: 0;
    font-family: 'Roboto'; 
}


.hs-button:hover{
    background-color: #50134c;
    border-color: #50134c;
    color: #fff
}

.page-book-a-demo .c-hubspot-form-demo .legal-consent-container p {
    border: 0;
    color: #777;
    font-size: 14px;
    line-height: 1.5;
    margin: 1% 0 0 1%;
    padding: 0
}

.cms-page-header {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -4.375rem;
    padding: 7.5rem 0 3.75rem
}

   
.cookie-consent{
    position: fixed;
  bottom: 8px;
  left: 20px;
  width: 260px;
  padding-top: 7px;
  height: 83px;
  color: #fff;
  
  line-height: 20px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  background: #292929;
  z-index: 120;
  cursor: pointer;
  border-radius: 3px;
  
  }
  
  .allow-button{
        height: 20px;
      width: 104px;
      color: #fff;
      font-size: 12px;
      line-height: 10px;
      border-radius: 3px;
      border: 1px solid green;
      background-color: green;
      margin-right:5px;
  }
  .allow-button1{
        height: 20px;
      width: 104px;
      color: #fff;
      font-size: 12px;
      line-height: 10px;
      border-radius: 3px;
      border: 1px solid red;
      background-color: red;
  }