/* Mosab's Styles */

.page-template.new-form .thank-you-page {
  display: none;
}

/* line 1349, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.page-template.new-form {

  background-color: #fafafa;

}



/* line 1352, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.page-template.new-form .main-banner {

  padding-top: 262px;

  padding-bottom: 324px;

}



@media (max-width: 767px) {

  /* line 1357, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

  .page-template.new-form .main-banner {

    padding: 111px 5px 64px;

  }

}

/* line 1361, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.page-template.new-form .main-banner h1 {

  text-transform: uppercase;

  margin-bottom: 0;

}



@media (max-width: 767px) {

  /* line 1366, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

  .page-template.new-form .main-banner h1 {

    font-size: 32px;

    line-height: 43px;

    font-weight: 800;

  }

}

@media (max-width: 767px) {

  /* line 1373, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

  .page-template.new-form .main-banner p {

    font-size: 18px;

    line-height: 24px;

  }

}

/* line 1378, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.page-template.new-form .main-banner .button {

  font-size: 20px;

  line-height: 27px;

  padding-top: 11px;

  padding-bottom: 12px;

  padding-right: 29px;

  padding-left: 32px;

  display: inline-block;

  background-color: #1fb9fb;

  color: #fff;

}



/* line 1389, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.page-template.new-form .main-banner .button i {

  margin-left: 10px;

  vertical-align: top;

  line-height: 27px;

  display: inline-block;

}



/* line 1395, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.page-template.new-form .main-banner:after {

  content: '';

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  background: url("../images/pattern-1.png") center top repeat-y;

  opacity: 0.6;

}



@media (max-width: 767px) {

  /* line 1406, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

  .page-template.new-form .main-banner:after {

    content: none;

  }

}

/* line 1410, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.page-template.new-form .main-banner:before {

  content: '';

  position: absolute;

  top: 0;

  bottom: -300px;

  left: 0;

  right: 0;


  z-index: 1;

}



@media (max-width: 767px) {

  /* line 1421, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

  .page-template.new-form .main-banner:before {

    content: none;

  }

}

/* line 1425, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.page-template.new-form .thank-you-page {

  display: none;

}



/* line 1428, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.page-template.new-form .entry {

  margin-top: -217px;

  padding-left: 22px;

  padding-right: 10px;

  padding-top: 13px;

  position: static;

  margin-bottom: 20px;

}



@media (max-width: 991px) {

  /* line 1437, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

  .page-template.new-form .entry {

    margin-top: 30px;

  }

}

@media (max-width: 767px) {

  /* line 1442, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

  .page-template.new-form .entry {

    width: 100%;

    margin: 0;

    padding: 50px 3px 10px;

    box-shadow: none;

    background-color: inherit;

  }

}

/* line 1450, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.page-template.new-form .wpcf7 {

  width: 752px;

  position: relative;

  right: 6px;

  margin: 0 auto;

  margin-bottom: 50px;

}



@media (max-width: 991px) {

  /* line 1458, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

  .page-template.new-form .wpcf7 {

    width: 100%;

    right: 0;

  }

}

/* line 1463, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.page-template.new-form main.content {

  padding-top: 1px;

}



@media (max-width: 767px) {

  /* line 1467, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

  .page-template.new-form main.content {

    padding-top: 0px;

  }

}






/************************************************************************************************/




/* line 3157, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.page-template.new-solutions .side-text.side-text-3 {

  display: none;

}



/* line 3160, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.page-template.new-solutions footer.main {

  background-color: #fafafa;

  background-image: url("../images/pattern-2.png");

  background-position: center top;

  background-repeat: repeat-y;

}



/* line 3166, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.page-template.new-solutions h2 {

  font-size: 40px;

  line-height: 55px;

}



@media (max-width: 767px) {

  /* line 3171, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

  .page-template.new-solutions h2 {

    font-size: 32px;

    line-height: 43px;

  }

}

/* line 3176, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.page-template.new-solutions .main-banner {

  padding-top: 234px;

  padding-bottom: 356px;

  height: 100vh;

}



@media (max-width: 767px) {

  /* line 3182, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

  .page-template.new-solutions .main-banner {

    height: auto;

    padding-top: 118px;

    padding-bottom: 66px;

  }



  /* line 3187, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

  .page-template.new-solutions .main-banner .container {

    padding-left: 27px;

    padding-right: 27px;

  }



  /* line 3191, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

  .page-template.new-solutions .main-banner .scroll {

    display: none;

  }

}

/* line 3195, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.page-template.new-solutions .main-banner:after {

  content: '';

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  background-image: url("../images/pattern-1.png");

  background-position: center top;

  background-repeat: repeat-y;

  opacity: 0.6;

}



/* line 3207, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.page-template.new-solutions .main-banner:before {

  content: '';

  position: absolute;

  top: 0;

  bottom: -300px;

  left: 0;

  right: 0;

  z-index: 1;

}



@media (max-width: 767px) {

  /* line 3218, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

  .page-template.new-solutions .main-banner:before {

    content: none;

  }

}

/* line 3222, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.page-template.new-solutions .main-banner h1 {

  font-size: 50px;

  font-weight: 300;

  color: #009ee2;

  text-transform: uppercase;

  line-height: 71px;

  max-width: 900px;

  margin-bottom: 0;

}



@media (max-width: 767px) {

  /* line 3232, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

  .page-template.new-solutions .main-banner h1 {

    font-size: 25px;

    line-height: 37px;

    margin-bottom: 8px;

  }

}

/* line 3238, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.page-template.new-solutions .main-banner h1 span.letter {

  visibility: hidden;

}



/* line 3241, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.page-template.new-solutions .main-banner h1 span.word {

  display: none;

}



/* line 3244, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.page-template.new-solutions .main-banner h1 span.word:first-child {

  display: inline;

}



/* line 3247, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.page-template.new-solutions .main-banner h1 strong {

  font-size: 64px;

  color: #fff;

  font-weight: 900;

}



@media (max-width: 767px) {

  /* line 3253, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

  .page-template.new-solutions .main-banner h1 strong {

    font-size: 32px;

  }

}

/* line 3257, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.page-template.new-solutions .main-banner h1 + p {

  margin-top: -10px;

  min-width: 745px;

  margin-bottom: 0;

}



@media (max-width: 767px) {

  /* line 3263, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

  .page-template.new-solutions .main-banner h1 + p {

    min-width: 0;

  }

}

@media (max-width: 767px) {

  /* line 3268, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

  .page-template.new-solutions .main-banner p {

    font-size: 20px;

    line-height: 27px;

  }

}

/* line 3273, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.page-template.new-solutions main.content {

  position: relative;

  overflow: hidden;

  z-index: 2;

}



/* line 3278, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.page-template.new-solutions main.content:after {

  content: '';

  pointer-events: none;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-size: 100%;

  z-index: -1;

}

 /***************************************************************************************/
 
 /* line 2409, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.about .main-banner {

  padding: 284px 0 200px;

  height: 100vh;

}



@media (max-width: 1229px) {

  /* line 2414, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.about .main-banner {

    padding: 230px 0 180px;

    min-height: 0;

  }



  /* line 2418, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.about .main-banner .scroll {

    display: none;

  }

}

@media (max-width: 991px) {

  /* line 2423, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.about .main-banner {

    padding: 130px 0 90px;

    height: auto;

  }

}

@media (max-width: 767px) {

  /* line 2429, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.about .main-banner {

    height: auto;

    padding: 80px 0 42px;

  }

}

/* line 2434, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.about .main-banner:before {

  content: '';

  position: absolute;

  top: 0;

  bottom: -300px;

  left: 0;

  right: 0;

  background: url("../images/line.svg") right top no-repeat, url("../images/large-outline.png") left top no-repeat, url("../images/small-outline.png") right calc(100% + -300px) no-repeat;

  z-index: 1;

}



@media (max-width: 767px) {

  /* line 2445, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.about .main-banner:before {

    content: none;

  }

}

/* line 2449, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.about .main-banner:after {

  content: '';

  position: absolute;

  z-index: -1;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  background-image: url("../images/pattern-1.png");

  background-repeat: repeat-y;

  background-position: center;

  opacity: 0.6;

  z-index: 0;

}



@media (max-width: 991px) {

  /* line 2464, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.about .main-banner:after {

    display: none;

  }

}

/* line 2468, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.about .main-banner h1 {

  font-size: 50px;

  font-weight: 300;

  color: #009ee2;

  text-transform: uppercase;

  max-width: 900px;

  line-height: 75px;

  margin-bottom: 10px;

}



@media (max-width: 767px) {

  /* line 2478, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.about .main-banner h1 {

    font-size: 25px;

    line-height: 34px;

    margin-bottom: 0px;

  }

}

/* line 2484, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.about .main-banner h1 strong {

  font-size: 64px;

  color: #fff;

  font-weight: 900;

  white-space: nowrap;

}



@media (max-width: 1229px) {

  /* line 2491, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.about .main-banner h1 strong {

    white-space: normal;

  }

}

@media (max-width: 767px) {

  /* line 2496, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.about .main-banner h1 strong {

    font-size: 32px;

    line-height: 43px;

    font-weight: 800;

  }

}

/* line 2502, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.about .main-banner h2 {

  font-size: 30px;

  line-height: 1;

  font-weight: 300;

  color: #fff;

}



@media (max-width: 767px) {

  /* line 2509, ../../../../source/wp-content/themes/Sidebench/style-client.scss */

.about .main-banner h2 {

    font-size: 20px;

    line-height: 27px;

  }

}

 
  /***************************************************************************************/

.page-template.new-case-study {
  background-color: #fafafa;
}

/* line 1957, ../../../../source/wp-content/themes/Sidebench/style-client.scss */
.page-template.new-case-study #page {
  overflow: hidden;
}

/* line 1960, ../../../../source/wp-content/themes/Sidebench/style-client.scss */
.page-template.new-case-study .main-banner {
  padding-top: 284px;
  padding-bottom: 200px;
  height: 100vh;
  background-color: #000;
}

/* line 1966, ../../../../source/wp-content/themes/Sidebench/style-client.scss */
.page-template.new-case-study .main-banner #video-background {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1080px) {
  /* line 1975, ../../../../source/wp-content/themes/Sidebench/style-client.scss */
  .page-template.new-case-study .main-banner #video-background {
    display: none;
  }
}
/* line 1979, ../../../../source/wp-content/themes/Sidebench/style-client.scss */
.page-template.new-case-study .main-banner #video-background .wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  min-height: 100%;
  min-width: 100%;
}

/* line 1989, ../../../../source/wp-content/themes/Sidebench/style-client.scss */
.page-template.new-case-study .main-banner #video-background .wrapper img {
  max-width: none;
  min-height: 100vh;
  min-width: 100%;
  display: block;
  opacity: 0;
}

/* line 1996, ../../../../source/wp-content/themes/Sidebench/style-client.scss */
.page-template.new-case-study .main-banner #video-background video, .page-template.new-case-study .main-banner #video-background iframe {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}

@media (max-width: 767px) {
  /* line 2009, ../../../../source/wp-content/themes/Sidebench/style-client.scss */
  .page-template.new-case-study .main-banner {
    height: auto;
    padding-top: 112px;
    padding-bottom: 110px;
  }
}
/* line 2015, ../../../../source/wp-content/themes/Sidebench/style-client.scss */
.page-template.new-case-study .main-banner:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-position: center top;
  background-repeat: repeat-y;
  opacity: 0.6;
}

/* line 2027, ../../../../source/wp-content/themes/Sidebench/style-client.scss */
.page-template.new-case-study .main-banner:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: -300px;
  left: 0;
  right: 0;
  z-index: 1;
}

@media (max-width: 767px) {
  /* line 2038, ../../../../source/wp-content/themes/Sidebench/style-client.scss */
  .page-template.new-case-study .main-banner:before {
    content: none;
  }
}


/***************************************************************************/




/* Fawzia's Styles */

/* Expertise Section */
.exp-icons .container{padding: 0 45px;}
.exp-icons.icons{background-color: #fafafa; background-image: url("../images/pattern-2.png"); background-position: center top; background-repeat: repeat-y; padding-top: 40px; padding-bottom: 150px; margin-bottom: 0;}
.exp-icons.icons .icon{width: 20%;}
.exp-icons.icons h2{margin-bottom: 80px; font-size: 50px;}
.exp-icons.icons .icon h4{font-size: 18px; font-weight: bold; line-height: 24px;}

/* Engagement Section */
.icons.eng-icons .icon{ width: 33.33%; vertical-align: top;}
.icons.eng-icons h2{margin-bottom: 70px; font-size: 50px;}
.icons.eng-icons .icon h4{color: #1fb9fb; font-size: 24px; font-weight: 800;}
.icons.eng-icons .icon ul{list-style: none; padding: 0; padding-left: 70px; text-align: left;}
.icons.eng-icons .icon li{font-size: 18px; line-height: 36px; color: #2c3138; font-weight: normal;}

/*Solution Section */
.solution-section{background-color: #fafafa; background-image: url("../images/pattern-2.png"); background-position: center top; background-repeat: repeat-y; padding: 70px 0; padding-top: 140px; position: relative; min-height: 550px; overflow: visible;}
.solution-section .solution-details{ float: left; width: 60%; padding-right: 50px; padding-top: 25px;}
.solution-section .solution-details h2{ font-size: 40px; font-weight: 800; margin-bottom: 25px; letter-spacing: 1.6px; position: relative;}
.solution-section .solution-details h2 img{position: absolute; left: -35px; top: -23px; opacity: .1;}
.solution-section .solution-details p{font-size: 18px; line-height: 26px; font-weight: normal;}
.solution-section .button{background-color: #1fb9fb;}
.solution-img{float: right; width: 40%; text-align: center; margin: 0 auto;}
.solution-img.full-width{float: none; position: absolute; right: 0; text-align: right;}
.solution-img.full-width img{max-width: 100%;}  

.solution-section .mobile-show{margin-top: 30px; text-align: center; clear: both;}

.mobile-show{display: none;}

@media all and (min-width:1366px){
    .solution-img.full-width img{height: 410px;}
}

@media all and (max-width:768px){
  .exp-icons .container{padding: 0 15px;}
  .exp-icons.icons .icon{width: 33.33%; float: left; margin-bottom: 20px;}
  .exp-icons.icons .icon img{margin-bottom: 20px;}
  .exp-icons.icons h2 , .icons.eng-icons h2{margin-bottom: 30px; font-size: 32px;}
  .exp-icons.icons .icon h4{font-size: 16px;}
  .exp-icons.icons{padding: 40px 0;}

  .icons.eng-icons .icon{width: 50%; float: left; margin-bottom: 30px;}
  .icons.eng-icons .icon img{margin-bottom: 32px;}
  .icons.eng-icons .icon h4{font-size: 20px; margin-bottom: 10px;}
  .icons.eng-icons .icon li{font-size: 14px; line-height: 1.86;}

  .solution-img.full-width{position: static; float: right;}
  .solution-img img{height: 211px; margin: 0 auto;}
  .solution-img.full-width img{position: relative; right: -30px; max-width: 300px;}
  .mobile-hide{display: none;}
  .mobile-show{display: block;}
}

@media all and (max-width:576px){
  .exp-icons.icons{padding-bottom: 0;}
  .exp-icons.icons .icon{width: 50%; margin-bottom: 50px;}
  .exp-icons.icons .icon:last-child{width: 100%;}

  section.icons.eng-icons{padding-top: 50px;}
  .icons.eng-icons .icon{width: 100%; margin-bottom: 50px; float: none;}

  .solution-section{padding: 50px 0; padding-bottom: 0;}
  .solution-section:last-child{padding-bottom: 50px;}
  .solution-section .solution-details{width: 100%; float: none; padding-right: 0;}
  .solution-section .solution-details h2{ font-size: 24px; margin-bottom: 20px; letter-spacing: 1px;}
  .solution-section .solution-details h2 img{left: -15px;}
  .solution-section .solution-details p{font-size: 13px; line-height: 20px;}
  .solution-img{width: 100%; float: none;}
  .solution-img.full-width{float: none; text-align: right;}
  .solution-img.full-width img{max-width: 90%; right: -20px;}
}



/* Project Planner Styles */
.project-planner-banner{padding: 0;}

    form .entry .half{padding-left: 25px; padding-right: 25px; margin-bottom: 30px;}
    .page-template.new-form .entry{padding: 40px 25px; margin-bottom: 50px; margin-left: 0; margin-right: 0; margin-top: -245px; width: 100%;}

    
    .form-container{padding: 0; width: 1020px;}
    .page-template.new-form .wpcf7{width: 784px; margin: 0; margin-bottom: 100px; right: 0;}
    .page-template.new-form .main-banner::before{background: no-repeat;}
    .project-planner-banner h1{line-height: normal;}
    .project-planner-banner h2{font-size: 50px; color: #1fb9fb; font-weight: 300; line-height: normal; letter-spacing: normal; margin-bottom: 0;}
    .project-planner-banner p{font-size: 30px; color: #fff; letter-spacing: normal; line-height: normal; font-weight: 300;margin: 0;}
    .project-planner-banner p strong{font-weight: 600;}

    .label , label{font-size: 15px;}
    input{font-size: 15px;}
    .wpcf7-form-control-wrap:before{background: #1fb9fb;}
    
    .textarea-input{margin-top: 20px; margin-bottom: 30px !important;}
    .textarea-input textarea{border: 1px solid rgba(0, 0, 0, 0.12); min-height: 127px !important; padding: 15px; font-size: 15px; display: block; width: 100%;}
    .textarea-input textarea:focus{ border-color: #1fb9fb; }
    .textarea-input label{-ms-transform: translateY(0); transform: translateY(0); -webkit-transform: translateY(0); display: block; margin-bottom: 10px;}

    .wpcf7-list-item{margin-bottom: 20px;}
    .checkbox-field{margin-bottom: 20px !important; cursor: pointer;}
    .checkbox-field input[type="checkbox"] + span::before{width: 24px; height: 24px; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 2px;}
    .checkbox-field input[type="checkbox"]:checked + span::before{background-color: #1fb9fb;; border-color: #1fb9fb; box-shadow: inset 0px 0px 0px 5px #fff; -moz-box-shadow: inset 0px 0px 0px 5px #fff; -webkit-box-shadow: inset 0px 0px 0px 5px #fff;}
    .checkbox-field input[type="checkbox"] + span{line-height: 25px; color: #65707f;}
    .checkbox-field input[type="checkbox"]:focus + span{color: #65707f;}
    .checkbox-field label{-ms-transform: translateY(0); transform: translateY(0); -webkit-transform: translateY(0); display: block; cursor: pointer;}

    form .entry div.form-action{text-align: right; float: none; margin-top: 35px; margin-bottom: 0;}
    .form-action span{position: static; font-size: 18px; color: #2c3138; display: inline-block; margin-right: 25px; font-weight: normal;}
    .form-action input[type="submit"]{position: static; float: none; margin: 0;}
    .form-action .wpcf7-response-output{margin:0; padding:0; margin-top: 20px; color: red; font-size: 13px; border: none;}

    .mobile-show{display: none;}

    .input-group{position: relative;}
    .form-error{font-size: 12px; color: #e72646; position: absolute; bottom: -20px; font-style: normal; display: block;}

    .custom-select { position: relative; font-size: 15px; margin-top: 25px; width: 220px; cursor: pointer;}
    .custom-select.wpcf7-form-control-wrap{overflow: visible;}
    .custom-select.wpcf7-form-control-wrap:before{display: none;}
    .custom-select select { display: none; /*hide original SELECT element:*/}
    .select-selected {border-bottom: 1px solid rgba(0, 0, 0, 0.12); color: #65707f; padding-bottom: 10px;}

    /*style the arrow inside the select element:*/
    .select-selected:after { position: absolute; content: ""; top: 10px; right: -50px; width: 18px; height: 10px; background: url('../images/arrow.png') no-repeat;}
    .select-selected.select-arrow-active{border: transparent;}
    /*style the items (options), including the selected item:*/
    .select-items div { color: #2c3138; padding: 14px 17px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); cursor: pointer; user-select: none;}
    .select-items div:first-child{display: none;}
    .select-items div:last-child{border: none;}
    /*style items (options):*/
    .select-items{position: absolute; background-color: #fff; top: 100%; left: 0; right: 0; z-index: 99; border: 1px solid #1fb9fb; box-shadow: 0 25px 35px 0 rgba(0, 0, 0, 0.07);}
    /*hide the items when the select box is closed:*/
    .select-hide { display: none;}
    .select-items div:hover, .same-as-selected { background-color: rgba(4,142,201 , .2);}

    @media all and (max-width:1200px){
      .form-container, .main-banner .container{padding: 0 20px;}  
    }
    @media all and (max-width:991px){
      .project-planner-banner{padding: 0 20px; width: 100% !important;}
      .page-template.new-form .wpcf7{position: static; background: #fff; margin: 0 !important; width: 100%;}  
      .page-template.new-form .entry{padding: 0; margin: 0; padding: 20px; padding-top: 30px;}
      .page-template.new-form .entry > div{padding: 0;}

    }
    @media all and (max-width:767px){
      .project-planner-banner h1 , .project-planner-banner h2{font-size: 32px;}
      .project-planner-banner p{font-size: 18px; color: #fff;}
      .form-container{padding: 0;}  
      .custom-select{width: 100%;}
      .select-selected:after{right: 0;}
      .mobile-hide{display: none;}
      
      .mobile-show{display: block;}
      

      .form-action{text-align: center; margin-bottom: 40px !important;}
      .form-action span{display: none;}
      .form-action input[type="submit"]{margin: 0 auto;}
    }


/* Case Study Styles */
.casestudy-page{background: #fff; padding-bottom: 40px; padding-top: 80px;}
.casestudy-page .container{width: 1210px;}
.casestudy-row.container{width: 100%; max-width: 100%; margin: 0; padding: 0; padding-bottom: 80px;}
.casestudy-row{padding-bottom: 80px;}
.case-text{float: left; width: calc(50% - 38px); padding: 80px; padding-bottom: 0;}
.case-text:first-child{padding-left: 100px;}
.case-logo{margin-bottom: 10px;}
.case-img{float: left; width: calc(50% + 38px);}
.case-img img{width: 100%; object-fit: contain; -moz-object-fit: contain; -webkit-object-fit: contain;}
.casestudy-row h3 , .details-txt h3{font-size: 30px; color: #2c3138; font-weight: 800; margin: 0; line-height: normal;}
.casestudy-row h4 , .details-txt h4{font-size: 15px; color: #65707f; font-weight: normal; margin: 0; line-height: normal; margin-top: 8px;}
.casestudy-row p , .details-txt p , .details-txt li{font-size: 13px; color: #2c3138; line-height: 1.54; font-weight: normal; margin-top: 12px; line-height: 1.54;}

.random-boxes{padding-bottom: 80px;}
.random-boxes ul{list-style: none; padding: 0; margin: 0;}
.random-boxes li{float: left; width: 33.33%;}
.random-boxes li.img-empty{opacity: 0;}
.random-boxes li.shift-top{margin-top: 28px;}
.random-boxes li.shift-btm{position: relative; bottom: 80px;}
.random-boxed li img{object-fit: cover; -moz-object-fit: cover; -webkit-object-fit: cover;}

.case-details-wrapper{padding: 50px 0 30px 0; margin-bottom: 80px;}
.case-details{background: #fafafa; height: 507px; }
.case-details .container{position: relative; height: 100%;}
.details-txt, .details-img{float: left; width: 50%;}
.details-txt{padding-top: 54px;}
.details-txt:first-child{padding-right: 98px;}
.details-txt:last-child{padding-left: 98px; float: right;}
.details-img{position: absolute; right: 20px; top: -50px; height: calc(100% + 80px); width: calc(50% - 20px)}
.details-img:first-child{left: 20px; right: auto;}
.details-img img{width: 100%; height: 100%; object-fit: contain; -moz-object-fit: contain; -webkit-object-fit: contain;}

.details-txt ul{list-style: none; padding: 0; margin: 0; margin-top: 20px;}
.details-txt li{margin-bottom: 64px; position: relative; min-height: 55px; padding-left: 100px;}
.details-txt li img{position: absolute; left: 0; top: 0; width: 55px; height: 55px; border-radius: 100%;}

.case-details-vid{height: auto; padding: 60px 0; margin-bottom: 80px;}
.case-details-vid .details-txt{padding-top: 0;}
.case-details-vid .details-txt h3{margin-top: 0;}
.case-details-vid iframe{width: 100%;}
.case-details-vid .details-img{position: static; height: auto;}


.slick-dots{text-align: center; padding: 0; margin: 0; list-style: none; margin-top: 27px;}
.slick-dots li{display: inline-block; margin-right: 10px;}
.slick-dots li:last-child{margin: 0;}
.slick-dots li button{font-size: 0px; border:none; width: 10px; height: 10px; background:  #d7f4ff; border-radius: 100%;padding: 0;cursor: pointer;}
.slick-dots li.slick-active button{ background:  #c5efff; }

.carosel-section{padding-bottom: 80px;}

.quote-section{max-width: 630px; margin: 0 auto; padding: 0px 20px 80px 20px;}
.quote-section p{color: #65707f; font-size: 15px; line-height: 1.5; margin-bottom: 20px;}
.quote-user{position: relative; padding-left: 100px; min-height: 70px;}
.quote-user img{position: absolute; left: 0; top: 0; width: 70px; height: 70px; border-radius: 100%;}
.quote-user strong{display: block; font-size: 18px; font-weight: bold; color: #2c3138;}
.quote-user span{display: block; font-size: 16px; color: #1fb9fb;}

.text-section{padding-bottom: 80px;}
.text-section h3{font-size: 30px; color: #2c3138; font-weight: 800; margin: 0; margin-top: 0;}
.text-section h4{font-size: 15px; color: #65707f; font-weight: normal; margin: 0; margin-top: 15px;}
.text-section .details-title{float: left; width: 40%;  padding-left: 196px; padding-right: 20px;}
.text-section .details-txt{float: left; width: 60%; padding: 0;}
.text-section .details-txt p{margin-top: 15px;}

.state-section{text-align: center; padding-bottom: 80px;}
.state-section.state-3 .state-block{float: left; width: 33.33%;}
.state-section.state-4 .state-block{float: left; width: 25%;}
.state-section .state-block img{ width: 180px; height: 180px; margin: 0 auto; object-fit: cover; -moz-object-fit: cover; -webkit-object-fit: cover;}
.state-section .state-block h5{font-size: 14px; font-weight: bold; color: #2c3138; margin: 0; margin-top: 43px;}

.case-related{padding-bottom: 80px;}
.case-related h2{margin: 0; margin-bottom: 25px; font-size: 45px !important; color: #2c3138; text-align: center;}
.case-related .container{padding: 0 5px;}
.case-related .col-4{float: left; width: 33.33%; padding: 0 15px;}
.case-related .white-block{border-radius: 2px; background: #ffffff; border: solid 1px #f0f0f0;}
.case-related .white-block img{width: 100%;}
.case-related .white-block >div{padding: 20px 30px;}
.case-related .white-block h3{font-size: 18px; font-weight: bold; height: 45px; margin: 0; color: #2c3138}
.case-related .white-block p{font-size: 15px; color: #a3aab3; margin: 10px 0;}
.case-related .white-block p a{font-size: 14px; color: #1fb9fb;}

@media all and (max-width:1024px){
  .case-text{padding: 0 15px; padding-top: 40px;}
  .case-text p {margin-bottom: 0;}
  .case-text:first-child{padding-left: 15px;}

  .case-details-wrapper{padding: 0;}
  .case-details{height: auto;}
  .details-img{position: static !important; max-height: auto;}
  .details-txt:first-child{padding-right: 20px;}
  .details-txt:last-child{padding-left: 20px;}
}

@media all and (max-width:576px){
  .casestudy-page{padding-top: 0;}
  .case-text, .case-img{width: 100%; float: none;}
  .case-text{padding-top: 5px;}

  .random-boxes .container{padding: 0;}
  .random-boxes li{float: none; width:100%;}
  .random-boxes li.img-empty{display: none;}
  .random-boxes li.shift-top{margin: 0;}
  .random-boxes li.shift-btm{position: static;}
  .random-boxes li img{width: 100%;}

  .details-txt, .details-img{float: none; width: 100%;}
  .details-txt li{margin-bottom: 30px; padding-left: 0;}
  .details-txt li img{position: static; display: block; margin-bottom: 15px;}
  .details-txt:first-child{padding-right: 0;}
  .details-txt:last-child{padding: 0; padding-top: 40px;}
  .details-img{position: relative; top: 0; left: 0;}
  .details-img img{position: relative;z-index: 2;}
  .details-img:after{position: absolute; left: -20px; bottom: 0; height: 30px; width: calc(100% + 40px); background: #fff; display: block; content: ""; z-index: 1;}
  .details-img:first-child:after{top: 0; bottom: auto;}
  .case-details-vid{padding: 40px 0;}
  .case-details-vid .details-img:after{display: none !important;}

  .text-section .details-title , .text-section .details-txt{float: none; width: 100%;padding: 0;}
  .state-section.state-3 .state-block , .state-section.state-4 .state-block{float: none; width: 100%}
  .state-section .state-block{margin-bottom: 30px;}
  .state-section .state-block h5{margin-top: 0;}
  .case-related h2{ font-size: 24px !important;}
  .case-related .container{padding: 0 5px;}
  .case-related .col-4{float: none; width: 100%; padding: 0 15px; margin-bottom: 30px;}
}

.casestudy-page > section:last-child{padding-bottom: 0 !important; margin-bottom: 0 !important}




/* Case study landing Styles */

.case-landing{background-color: #fff;}
.container{padding: 0 20px;}

.case-landing-banner{padding-top: 90px; padding-left: 105px;}
.case-landing-banner h1{float: left; width: 390px;}
.case-landing-banner h1 strong{ display: block; color: #2c3138; font-size: 32px; line-height: normal; font-weight: bold;}
.case-landing-banner h1 span{ display: block; font-size: 25px; font-weight: 300; line-height: normal;}
.case-landing-banner p{float: right; font-size: 22px; line-height: 1.23; letter-spacing: normal; color: #2c3138; padding-left: 100px; width: calc(100% - 390px);}

.cases-filter{padding-top: 80px; position: relative; left: -2px; justify-content: center; display: flex;}
.cases-filter ul{list-style: none; padding: 0; margin: 0; display: flex; justify-content: center;}
.cases-filter li{margin-right: 16px;}
.cases-filter li:last-child{margin: 0;}
.cases-filter li a{display: block; width: 136px; height: 32px; border: .8px solid #1fb9fb; border-radius: 2px; font-size: 12px; line-height: 1.67; letter-spacing: normal; color: #2c3138; text-align: center; font-weight: 600; text-transform: uppercase; padding-top: 5px; background: #fff;}
.cases-filter li a:hover{box-shadow: 0 15px 28px 0 rgba(0, 0, 0, 0.16), 0 2px 4px 0 rgba(31, 185, 251, 0.13);}
.cases-filter li a.active{color: #fff; background: #1fb9fb; box-shadow: 0 15px 28px 0 rgba(0, 0, 0, 0.16), 0 2px 4px 0 rgba(31, 185, 251, 0.13);}

.caselanding-page .container{width: 1210px;}
.cases-list{padding-top: 70px;}
.cases-list ul{list-style: none; padding: 0; margin: 0; margin: 0 -11px;}
.cases-list ul li{float: left; width: 33.33%; padding: 0 11px; margin-bottom: 18px;}
.cases-list ul li .case-card-img{text-align: center; height: 376px; background-size: 100%; background-position: center center; background-repeat: no-repeat; transition: all .5s ease; position: relative;}
.cases-list ul li .case-card-img img{position: relative; z-index: 1; position: relative; top: 50%; transform: translateY(-50%); max-width: 232;}
.cases-list ul li .case-card-img:after{content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.2); transition: all .5s ease;}
.cases-list ul li a:hover .case-card-img{background-size: 115%;}
.cases-list ul li a:hover .case-card-img:after{ background: transparent; }
.cases-list ul li span{display: block; border: 1px solid #f0f1f2; position: relative; padding: 33px 24px; background: #fff; height: 114px; overflow: hidden;}
.cases-list ul li span strong{display: block; color: #2c3138; font-size: 18px; line-height: 1.11; font-weight: bold; letter-spacing: normal;}
.cases-list ul li span small{display: block; margin-top: 6px; color: #65707f; font-size: 15px; line-height: normal; letter-spacing: normal;}
.cases-list ul li span i{ position: absolute; right: 16px; bottom: 16px; display: none;}

.cases-list ul li a{display: block;}
.cases-list ul li a:hover{ box-shadow: 0 15px 28px 0 rgba(0, 0, 0, 0.16), 0 2px 4px 0 rgba(31, 185, 251, 0.13); }
.cases-list ul li a:hover i{display: block;}

.engag-list{padding-top: 62px; padding-bottom: 80px;}
.engag-list h3{ font-size: 30px; font-weight: 800; color: #2c3138; line-height: normal; margin: 0; height: 41px;}
.engag-list h4{font-size: 15px; margin-bottom: 0; margin-top: 8px; color: #65707f; font-weight: normal;}
.engag-list ul{list-style: none; padding: 0; margin: 0 -6px; margin-top: 41px;}
.engag-list li{float: left; width: 25%; padding: 0 6px; margin-bottom: 16px;}
.engag-list li > div{width: 100%; padding-top: 100%; position: relative;}
.engag-list li img{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

@media all and (max-width:991px){
  .case-landing-banner{padding:0; padding-top: 48px;}
  .case-landing-banner h1{float: none; width: 100%; padding-left: 7px; }
  .case-landing-banner p{float: none; width: 100%; padding: 0; font-size: 18px; margin: 0; padding-left: 7px;}
  .cases-filter li{margin-bottom: 10px;}  
  .cases-list ul li{width: 50%;}
}

@media all and (max-width:767px){
  .case-landing-banner h1 span{margin-top: 3px;}
  .cases-filter{padding-top: 50px; position: static; margin: 0 -5px;}
  .cases-filter li{width: 50%; margin-right: 0; padding: 0 5px;}
  .cases-filter li a{width: 100%;}
  .cases-filter li a.active{box-shadow: none;}
  .cases-list{padding-top: 20px;}
  .cases-list ul li{float: none; width: 100%; margin-bottom: 16px;}
  .cases-list ul li .case-card-img{height: 280px;}
  .cases-list ul li span{width: auto;}

  .engag-list{padding: 60px 0;}
  .engag-list h3{font-size: 24px; height: auto; letter-spacing: 1px;}
  .engag-list h4{margin-top: 10px;}
  .engag-list ul{margin: 0 -5px; margin-top: 30px;}
  .engag-list li{width: 50%; padding: 0 5px; margin-bottom: 10px;}
}



/* Careers Styles */
.page-template.careers{background-color: #fff;}

/* Main Banner Styles */
.careers .main-banner{padding: 0; padding-top: 206px; min-height: 100vh; height: auto; position: relative; padding-bottom: 130px;}
.careers .main-banner:after{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-image: url("../images/pattern-1.png"); background-repeat: repeat-y; background-position: center; opacity: 0.6; z-index: 0;}
.careers .main-banner .main-banner-txt{padding-left: 3px;}
.careers .main-banner h1{line-height: normal; letter-spacing: normal; margin-bottom: 0; color: #fafafa; font-size: 54px; font-weight: bold; text-transform: uppercase;}
.careers .main-banner h2{line-height: normal; color: #fff; font-size: 30px; font-weight: 300; letter-spacing: normal; margin-top: 10px; margin: 0;}
@media all and (max-width: 991px){
  .careers .main-banner{min-height: 405px; height: auto; padding-top: 130px;}
}

@media all and (max-width:767px){
  .careers .main-banner{padding-top: 115px;}
  .careers .main-banner:after{display: none;}
  .careers .main-banner h1{font-size: 32px; color: #fff; font-weight: 800;}
  .careers .main-banner h2{font-size: 20px; margin-top: 7px;}
}

.careers-page{margin-top: -100px; position: relative; z-index: 1;}
@media all and (max-width:767px){
  .careers-page{margin-top: -85px;}
}

/* Available Job Section */
.recent-job{padding-bottom: 24px;}
.recent-job .container{width: 1216px; padding: 0;}
.job-row > div{float: left; width: 33.33%; padding: 0 13px;}
.job-box{border-radius: 4px; border: solid 1px #f0f1f2; background-color: #fafafa; position: relative; padding: 23px; margin-bottom: 24px; height: 134px; cursor: pointer; display: block; width: 100%;}
.job-box strong{font-size: 18px; color: #2c3138; font-weight: bold; line-height: 1.11; margin-top: 20px; margin-bottom: 6px; letter-spacing: normal; display: block;}
.job-box span{ display: block; font-size: 15px; color: #65707f; font-weight: normal; letter-spacing: normal; line-height: normal; padding-right: 15px;}
.job-box i{width: 14px; height: 21px; background: url('../images/ion-android-arrow-forward-ionicons@2x.png') center center no-repeat; display: inline-block; position: absolute; bottom: 16px; right: 16px; display: none; background-size: 100%;}
.job-box:hover{  box-shadow: 0 15px 28px 0 rgba(0, 0, 0, 0.16), 0 2px 4px 0 rgba(31, 185, 251, 0.13); border: solid 1px #f0f1f2; background-color: #ffffff;}
.job-box:hover i{display: block;}
.job-box:hover strong{color: #21b9fb; text-decoration: underline;}

@media all and (max-width: 991px){
  .job-row > div{width: 50%;}
}
@media all and (max-width: 767px){
  .recent-job{padding-bottom: 29px;}
  .recent-job .container{padding: 0 33px;}
  .job-row > div{float: none; width: 100%; padding: 0;}
  .job-box{margin-bottom: 8px;}
  .job-box i{display: block;}
}

/* Join Team Section */
.position-email{padding-bottom: 55px;}
.position-email .container{width: 1020px;}
.position-email h3{font-size: 40px; color: #2c3138; line-height: normal; font-weight: 300; margin-bottom: 21px; padding-left: 278px;}
.position-email .button{margin-right: 127px; float: right; font-weight: 300; font-size: 15px; color: #fefefe;}

@media all and (max-width: 991px){
  .position-email h3{padding-left: 100px;}
  .position-email .button{margin-right: 100px;}
}
@media all and (max-width: 767px){
  .position-email{padding-bottom: 40px;}
  .position-email h3{font-size: 40px; margin: 0; margin-bottom: 18px; max-width: 280px; padding: 0;}
  .position-email .button{float: none; margin: 0;}
}

/* Career Images */
.career-images{margin-bottom: 18px; height: 460px; overflow: hidden;}
.career-images div{float: left;}
.career-images div:first-child{width: 60%;}
.career-images div:last-child{width: 40%; padding-left: 26px; padding-right: 55px;}
.career-images img{width: 100%;}

@media all and (max-width: 991px){
  .career-images{height: auto; margin-bottom: 0;}
  .career-images div:first-child , .career-images div:last-child{width: 100%; padding: 0;}
}

/* Careers Benefits */
.careers-benefits{background: #2c3138; padding-top: 39px; padding-bottom: 25px;}
.careers-benefits .container{width: 1216px; padding: 0;}
.careers-benefits h3{ font-size: 30px; font-weight: 800; color: #fff; line-height: 2; text-align: center; letter-spacing: normal; margin-bottom: 38px; }
.careers-benefits ul{padding: 0;}
.careers-benefits li{ float: left; width: 50%; position: relative; padding-left: 100px; padding-right: 50px; margin-bottom: 15px; }
.careers-benefits li .icon-img{position: absolute; left: 13px; top: 5px; width: 65px; height: 65px;}
.careers-benefits li img{ width: 100%; position: static;}
.careers-benefits li h4{font-size: 20px; font-weight: bold; line-height: 1.5;  letter-spacing: normal; color: #fff; margin: 0; text-transform: capitalize;}
.careers-benefits li p{font-size: 16px; color: #fff; opacity: .8; margin-top: 5px; margin-bottom: 0; line-height: 1.56; min-height: 75px;}

@media all and (max-width: 991px){
  .careers-benefits li{width: 100%; float: none;}   
}

@media all and (max-width: 767px){
  .careers-benefits{padding-bottom: 10px; padding-top: 46px;}
  .careers-benefits h3{line-height: normal;}
  .careers-benefits li{padding: 0 40px; margin-bottom: 40px;} 
  .careers-benefits li .icon-img{position: static; margin: 0 auto; display: block;} 
  .careers-benefits li h4{text-align: center; margin-top: 20px;}
  .careers-benefits li p{margin-top: 8px;}
}

/* Careers Interview */
.careers-interview{padding: 0 20px; padding-bottom: 50px; padding-top: 65px; max-width: 680px; margin: 0 auto;}
.careers-interview h3{font-size: 30px; font-weight: 800; line-height: 2; letter-spacing: normal; color: #2c3138; text-align: center;}
.process-list{margin-top: 15px;}
.process-list ul{list-style: none; padding: 0; margin: 0; text-align: center;}
.process-list li{margin-bottom: 20px; display: inline-block; margin-right: 15px; cursor: pointer;}
.process-list li:last-child{margin-right: 0;}
.process-list li a{display: block; min-width: 136px; height: 32px; border: .8px solid #1fb9fb; border-radius: 2px; font-size: 12px; line-height: 1.67; letter-spacing: normal; color: #2c3138; text-align: center; font-weight: 600; text-transform: uppercase; padding-top: 5px; background: #fff; padding-left: 15px; padding-right: 15px;}
.process-list li a:hover{box-shadow: 0 15px 28px 0 rgba(0, 0, 0, 0.16), 0 2px 4px 0 rgba(31, 185, 251, 0.13);}
.process-list li a.active{color: #fff; background: #1fb9fb;}

.process-content{background: #fff; box-shadow: 0 15px 28px 0 rgba(0, 0, 0, 0.16); padding: 32px 40px;}
.process-content h4{position: relative; line-height: normal; margin: 0; margin-bottom: 16px;}
.process-content h4:after{content: ""; width: 100%; height: 1px; background: #1fb9fb; display: block; position: absolute; top: 12px;}
.process-content h4 span{display: inline-block; padding-right: 75px; background: #fff; position: relative; font-size: 18px; font-weight: bold; color: #2c3138; z-index: 1;}
.process-content p{color: #2c3138; opacity: .8; line-height: 1.67; font-size: 15px;}
.process-content p:last-child{margin-bottom: 0; margin: 0;}

@media all and (max-width: 767px){
  .careers-interview{padding-top: 40px; padding-bottom: 60px;}
  .careers-interview h3{line-height: normal;}
  .careers-interview h3 span{display: block;}
  .process-list{margin-bottom: 35px; margin-top: 35px;} 
  .process-list li{margin-bottom: 16px;}  

  .process-content{padding: 32px 20px;}
  .process-content h4 span{padding-right: 25px;}
}


.page-template.home .main-banner h1 {
    visibility: visible !important;
}