.section1 {
    position: relative;
    height: 800px;
    background-image:  url("../images/11062b_ca3ba082f81e42eea7c9de9289a37ceb~mv2.jpg");
    /* background-size: cover;   */
    background-repeat: no-repeat;
  }
  
  .imgpkg {
    margin-right: 70px;
    width: calc(100% - 70px);
  }
  
  .ourtitleblack {
    background-color: black;
    min-height: 277px;
   
    width: 100%;
  }
  
  .ourtitletext {
    color: white;
    margin-bottom: 10px;
    margin-left: 284px;
    margin-right: 0px;
    margin-top: 29px;
    padding-top: 20px;
  }
  @media only screen and (max-width:767px) {
    .ourtitletext {
    margin-left: 75px;
    }
  }
  
  .section2 {
    position: relative;
      width: 100%;
      height: 175px;
  }
  
  /* #comp-j6gmobd3 {
    --motion-clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
    --motion-translate-x: -100%;
    --motion-translate-y: 0%;
  } */
  
  @keyframes slide {
    0% {
      margin-left: -800px;
    }
  
    20% {
      margin-left: -800px;
    }
  
    35% {
      margin-left: 0px;
    }
  
    100% {
      margin-left: 0px;
    }
  }
  
  .slidebox {
    position: absolute;
    top: 150px;
    left: 400px;
    /* width: 685px; */
    background-color: transparent;
    overflow: hidden;
  
  }
  
  .slidetext h1 {
      line-height:1em; 
      font-size:50px;
  }
  
  
  .slidetext {
    font-size: 33px;
    color: #808000;
    animation: slide 6s;
    background-color: #f2f2f2;
    animation-iteration-count: 1;
    padding: 40px;
    /* height: 600px; */
    /* width: 685px; */
    width: 100%;
    left: -800px;
  }
  
  .slidetitle {
    font-size: 50px;
    font-weight: 400;
    color: black;
    /* padding: 30px; */
    margin-bottom: 25px;
  }
  
  .pleft {
    width: 110px;
    float: left;
    height: 100%;
  }
  
  .pright {
    width: 575px;
    /* float: right; */
    height: 100%;
  }
  
  .horizontalline {
    width: 110px;
    height: 3px;
    background-color: black;
    float: left;
  }
  
  .slidebodytxt {
    /* width: 500px; */
    /* float: right; */
    color: black;
  }
  
  .slidebodytxt h6 {
    margin-bottom: 10px;
  }
  @media only screen and (max-width:1220px) {
      .slidebox {
      top: 70px;
      left: 70px;
      }
      .section1{
          height: 670px;
      }
  }
  
  @media only screen and (max-width:767px) {
      .slidebox {
      top: 0px;
      left: 15px;
      }
      .section1{
          height: 670px;
      }
      .slidetext{
          /* width: 490px; */
          width:calc(100vw - 30px);
      }
      .slidetext h1 {
          line-height:1em; 
          font-size:30px;
      }
  
  
  
  
  }
  .servicecontainer {
    /* position: relative;
  
    left: calc((40vw) / 2);
    display: flex;
  
    width: 60vw;
    flex-wrap: wrap;
    flex-direction: row;
  
    align-content: space-around;
    gap: 40px; */
  }
  
  .outerservice {
  
    /* width: 279px; */
    height: 430px;
    background-color: transparent;
    /* border: 3px solid #dbd4d4; */
    position: relative;
    margin-bottom: 30px;
    /* display:none; */
  }
  
  .bordered-div {
    left: -10px;
    top: -14px;
    position: absolute;
    /* width: 279px; */
    height: 430px;
    background-color: #dbd4d4;
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
  
  }
  
  
  
  
  
  
  
  .servbody {
    padding: 25px
  }
  
  .servtitle {
    padding: 25px
  }
  
  .servlnk {
    position: absolute; 
    bottom: 20px; 
    /* margin-top: 15px; */
  }
  
  .servlnk span {
    font-size: 1em;
    color: red;
    margin-left: 25px;
  }
  
  .section3 {
    position: relative;
    margin-bottom: 50px;
  }
  
  .section4 {
    /* height: 400px; */
  }
  
  .crmintegrations {
  
    width: 100%;
    color: white;
    /* height: 345px; */
    background-color: black;
  }
  
  .crmleft {
    width: 30%;
    float: left;
    /* height: 100%; */
    /* height: 400px; */
  
  }
  
  .crmright {
    width: 70%;
    /* float: right; */
    /* height: 100%;
     */
     /* height: 400px; */
  }
  
  .crmtext {
    color: white;
    font-size: 36px;
    font-weight: 400;
    /* margin-top: calc((340px - 43px)/2); */
    margin:50px 0;
    /* display: inline-block; */
  
  }
  @media only screen and (max-width:767px) {

  .crmtext {
  
    font-size: 27px;
  }
}
  
  .crmtext span {
    display: block;
  
    text-align: center;
    padding-right: 40px;
    margin-left: 20px;
  }
  
  .vertline {
    border-right: white 2px solid;
    height: 100px;
    /* position: absolute;
    top: 125px; */
    /* display: inline-block; */
    /* right: 20px; */
  }
  
  .crmpartnercontainer {
    /* position: absolute;
    top: -150px;
    left: calc((40vw) / 2); */
    display: flex;
    /* or inline-flex */
    /* width: 60vw; */
    flex-wrap: wrap;
    flex-direction: row;
    /* justify-content: space-around; */
    align-content: space-around;
    gap: 20px;
  }
  
  .vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  
  .outerpartner {
  
    width: 279px;
    height: 100px;
    background-color: transparent;
    /* border: 3px solid #dbd4d4; */
    position: relative;
  
  }
  
  
  @media only screen and (max-width:1220px) {
      .outerpartner {
  
          width: 170px;
      }
  }
  .outerpartner img {
    width: 100%;
  }
  
  
  
  /* slider slick */
  
  .section5 {
    background-color: #f2f2f2;
  
  }
  
  #slick h3 {
    background: black;
    /*   margin: 10px; */
    height: 200px;
    line-height: 200px;
    text-align: center;
    color: white;
  }
  
  #slick .slick-arrow {
    z-index: 1000;
  }
  
  #slick .slick-arrow::before {
    color: white;
    cursor: pointer;
    font-size: 30px;
  }
  
  #slick .slick-prev {
    left: 0px;
  }
  
  #slick .slick-next {
    right: 30px;
  }
  
  
  #slick .slick-prev::before {
    content: "◀";
    /*   font-weigth: bold; */
    background: #333;
    padding: 5px 15px 10px 10px;
  }
  
  #slick .slick-next::before {
    content: "▶";
    /*   font-weigth: bold; */
    background: #333;
    padding: 5px 10px 10px 15px;
  }
  
  .slickslide {
    height: 450px;
    /* background-color: yellow; */
  }
  
  .sslideinner {
    width:100%;
    margin: 0 auto;
    padding:0 250px;
  }
  
  .sslideinnerbody {
    font-size: 25px;
    line-height: 30px;
    text-align: center;
  }
  
  .sslideinnername {
    font-size: 16px;
    font-weight: bold;
    color: red;
    text-align: center;
    margin: 10px;
  }
  
  .testimonial {
    margin: 66px 0 42px 0;
    font-size: 28px;
    text-align: center;
    font-weight: 600;
  }
  @media only screen and (max-width: 1250px) {
      .sslideinner {
  
          padding: 0 150px;
      }
  }
  @media only screen and (max-width: 1010px) {
  .sslideinnerbody {
      font-size: 24px;
      line-height: 30px;
      text-align: center;
  }
  }
  @media only screen and (max-width: 767px) {
  .sslideinner {
      font-size: 24px;
      line-height: 30px;
      padding: 0 60px;
  }
  .sslideinnerbody {
      font-size: 18px;
      line-height: 25px;
  
  }
  }
  
  
  /* .section6 , .panel6 {
     height: 570px; 
  } */
  .contactleft,
  .contactright {
    height: 530px;
  }
  
  .contactleft {
  
    background-color: black;
    text-align: center;
  }
  
  .contactright {
  
    padding: 100px;
    background-color: lavenderblush;
  }
  
  .contacttitle {
    font-size: 30px;
    color: white;
    margin: 90px 0;
  }
  
  .contactaddress,
  .contactemail {
    font-size: 16px;
    color: white;
  }
  
  .div_media {
    background-color: black;
    display: inline;
  }
  
  
  /* .firstname input, .lastname input{
    width: 90%;
  
  } */
  .contactright {
    /* paddi */
  }
  
  .contactright input {
    width: 100%;
  }
  
  .contactright textarea {
    width: 100%;
  }
  
  .contactright label {
    width: 100%;
  }
  @media only screen and (max-width: 767px) {
  .contactleft, .contactright {
      height: 420px;
  }
  .contactright {
      padding: 50px;
      
  }
  }
  
  
.buttonClass {
  font-size:15px;
  font-family:Arial;
  width:180px;
  height:50px;
  border-width:1px;
  color:#ffffff;
  border-color:#d83526;
  font-weight:bold;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
  box-shadow:inset 0px 1px 0px 0px #f29c93;
  text-shadow:inset 0px 1px 0px #b23e35;
  background:linear-gradient(#fe1a00, #ce0100);
  display: block;
    padding: 15px;
}

.buttonClass:hover {
  background: linear-gradient(#ce0100, #fe1a00);
}
              
.morebutton{
    display: inline-table;position: absolute;
              bottom: 0;right: 20vw; text-align: center;
              height: 50px;
         
}