/*----------------------------------------------------
    MATERIAL ICONS
------------------------------------------------------*/
@import url("https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined");

/*----------------------------------------------------
    INCLUDE FONTS
------------------------------------------------------*/
@font-face {
  font-family: 'Clarity City';
  src: url('/fonts/clarity-city/62b217070062039e8dacb77a_ClarityCity-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Clarity City';
  src: url('/fonts/clarity-city/62b21707a43fdd9a1e405e9e_ClarityCity-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Clarity City';
  src: url('https://assets.website-files.com/62b20e89c8f2dfa89b4b712a/62b21707e2bb8483af62f47a_ClarityCity-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/*-------- END --------*/

/* Theme colors
    green: #7db433
    green dark: #629b15;
    Black: #2b2a29
*/

@media only screen and (max-width: 399px) {
  html {
    font-size: 13px;
    font-weight: 300;
  }
}

@media only screen and (min-width: 400px) and (max-width: 990px) {
  html {
    font-size: 15px;
  }
}

@media only screen and (min-width: 992px) {
  html {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1600px) {
  html {
    font-size: 15px;
  }
}
html,
body {
  height: 100%;
}
body, button, input, optgroup, select, textarea{
  font-family: 'Clarity City', sans-serif;
}
body {
  background-color: #ffffff;
  font-family: 'Clarity City', sans-serif;
  color: #6e7891;
  font-size: 18px;
  line-height: 1.667em;
  font-weight: 500;
  overflow-x: hidden;
  text-align: left;
}

h1 {
  margin-top: 0px;
  margin-bottom: 16px;
  color: #1f2e54;
  font-size: 54px;
  line-height: 1.222em;
  font-weight: 700;
}

h2 {
  margin-top: 0px;
  margin-bottom: 16px;
  color: #1f2e54;
  font-size: 38px;
  line-height: 1.105em;
  font-weight: 700;
}

h3 {
  margin-top: 0px;
  margin-bottom: 8px;
  color: #1f2e54;
  font-size: 24px;
  line-height: 1.417em;
  font-weight: 700;
}

h4 {
  margin-top: 0px;
  margin-bottom: 10px;
  color: #1f2e54;
  font-size: 22px;
  line-height: 1.273em;
  font-weight: 700;
}

h5 {
  margin-top: 0px;
  margin-bottom: 10px;
  color: #1f2e54;
  font-size: 18px;
  line-height: 1.333em;
  font-weight: 700;
}

h6 {
  margin-top: 0px;
  margin-bottom: 10px;
  color: #1f2e54;
  font-size: 16px;
  line-height: 1.375em;
  font-weight: 700;
}

p {
  margin-bottom: 16px;
}

a {
  -webkit-transition: color 300ms ease;
  transition: color 300ms ease;
  color: #ff5b5d;
  text-decoration: underline;
}

a:hover {
  color: #D77B29;
}

ul {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 40px;
}

ol {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 40px;
}

li {
  margin-bottom: 8px;
  padding-left: 8px;
}

.bold {
    font-weight: 700;
}

.mg-b-0{
    margin-bottom: 0 !important;
}
.mg-t-0{
    margin-top: 0 !important;
}
.mg-b-20{
    margin-bottom: 20px !important;
}
.mg-b-25{
    margin-bottom: 25px !important;
}
.mg-b-40{
    margin-bottom: 25px !important;
}
.mg-r-30{
    margin-right: 30px !important;
}
.mg-t-10{
    margin-top: 10px !important;
}
.mg-t-20{
    margin-top: 20px !important;
}
.mg-r-10{
    margin-right: 10px !important;
}
.pd-t-30{
    padding-top: 30px !important;
}

.width-100{
    width: 100%;
}
.width-60{
    width: 60%;
}

.no-border{
    border: none !important;
}
.radius-15{
    border-radius: 15px !important;
}
.radius-30{
    border-radius: 30px !important;
}

.color_grey {
    color: #6e7891;
}
.color_brown{
    color: #D77B29;
}
.bg_grey{
    background-color: #f9fafc;
}

.container {
  max-width: 1316px;
  padding-right: 24px;
  padding-left: 24px;
  width: 100%;
}
.container_fluid{
    padding-right: 20px;
    padding-left: 20px;
}

.row.spacing_40{
    margin-top: 40px;
}

.overflow-hidden {
    overflow: hidden;
}
.pos-relative{
    position: relative;
}

.browser-default:-moz-placeholder{color:#727C94}.browser-default::-moz-placeholder{color:#727C94;opacity:1}.browser-default:-ms-input-placeholder,.browser-default:-ms-input-placeholder{color:#727C94}.browser-default::-webkit-input-placeholder,.browser-default::-webkit-input-placeholder{color:#727C94}.browser-default:focus{border-color:#fcb44c;outline:0}

.browser-default {
    min-height: 72px;
    margin-bottom: 0px;
    padding: 0px 24px;
    border-style: solid;
    border-width: 1px;
    border-color: #eff1f6;
    border-radius: 16px;
    background-color: #fff;
    box-shadow: 0 2px 12px 0 rgb(31 46 84 / 6%);
    -webkit-transition: box-shadow 300ms ease, color 300ms ease, border-color 300ms ease;
    transition: box-shadow 300ms ease, color 300ms ease, border-color 300ms ease;
    font-size: 18px;
}
textarea.browser-default{
    min-height: 144px;
    margin-bottom: 0px;
    padding: 16px 24px;
}
.form-group{
    margin-bottom: 30px;
}
.form-group .input-label{
    color: #1f2e54;
    font-weight: 700;
}

@media screen and (max-width: 767px) 
{
    body {
      font-size: 16px;
    }

    h1 {
      margin-bottom: 10px;
      font-size: 38px;
    }

    h2 {
      font-size: 26px;
    }

    h3 {
      font-size: 22px;
    }

    h4 {
      font-size: 20px;
    }

    h5 {
      font-size: 16px;
    }

    h6 {
      font-size: 14px;
    }
}

.btn-primary {
  padding: 26px 38px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  border-radius: 16px;
  background-color: #d77b29;
  cursor: pointer;
  display: block;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #fff;
  line-height: 20px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.btn-primary:hover {
  background-color: #6F4D1E;
  -webkit-transform: scale3d(1.06, 1.06, 1.01);
  transform: scale3d(1.06, 1.06, 1.01);
  color: #fff;
}

.btn-primary.dark {
    background-color: #1f2e54;
}

.btn-primary.small {
    padding: 18px 24px;
    font-size: 16px;
    line-height: 18px;
}

.btn-secondary {
  padding: 26px 38px;
  border-style: solid;
  border-width: 1px;
  border-color: #eff1f6;
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 0 4px 10px 0 rgba(20, 20, 43, 0.04);
  display: block;
  -webkit-transition: border-color 300ms ease, background-color 300ms ease, color 300ms ease, -webkit-transform 300ms cubic-bezier(.322, 1.972, .778, 1.58);
  transition: border-color 300ms ease, background-color 300ms ease, color 300ms ease, -webkit-transform 300ms cubic-bezier(.322, 1.972, .778, 1.58);
  transition: border-color 300ms ease, transform 300ms cubic-bezier(.322, 1.972, .778, 1.58), background-color 300ms ease, color 300ms ease;
  transition: border-color 300ms ease, transform 300ms cubic-bezier(.322, 1.972, .778, 1.58), background-color 300ms ease, color 300ms ease, -webkit-transform 300ms cubic-bezier(.322, 1.972, .778, 1.58);
  color: #1f2e54;
  line-height: 20px;
  text-align: center;
  text-decoration: none;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.btn-secondary:hover {
  border-color: #6F4D1E;
  background-color: #6F4D1E;
  -webkit-transform: scale3d(1.06, 1.06, 1.01);
  transform: scale3d(1.06, 1.06, 1.01);
  color: #fff;
}

.btn-secondary.small {
  padding: 18px 24px;
  font-size: 16px;
  line-height: 14px;
}

.flex_row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.flex_row.center{
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
/*----------------------------------------------------
    ALERTBOX
------------------------------------------------------*/
.modal .modal-footer{
    background-color: #fff;
}
.alertbox-error{ color: #f05050; font-size: 16px; }
.alertbox-error:before{ content: "!"; color: #f05050; display: block; border: 1px solid #f05050; border-radius: 50px; font-size: 30px; height: 50px; width: 50px; margin: 0 auto; margin-bottom: 10px; }
.alertbox-success{ color: #518d33; font-size: 16px; }
.alertbox-success:before{ 
    font-family: "Material Icons"; 
    content: "check"; 
    color: #518d33; 
    display: block; 
    border: 1px solid #518d33; 
    border-radius: 50px; 
    font-size: 30px; 
    height: 50px; 
    width: 50px; 
    line-height: 50px; 
    margin: 0 auto; 
    margin-bottom: 20px; 
    -webkit-font-feature-settings: 'liga';
}
#ConfirmDiv .btn-flat{
    border: 1px solid #eee !important;
}
#ConfirmDiv .btn-flat:hover{
    border: 1px solid #2196F3 !important;
}
#ConfirmDiv .modal-footer{
    background-color: #fff;
}
.info{
    color: #000;
    font-size: 12px;
    margin-top: 5px;
}
.info .material-icons{
    font-size: 16px;
    margin-right: 5px;
}
.modal{
    background: none;
    height: 100%;
    max-height: none;
    width: 100%;
    max-width: none;
    top: 0 !important;
    left: 0 !important;
    text-align: center;
}
.modal .modal-content-wrapper{
    height: auto;
    min-height: 150px;
    width: 50%;
    max-width: 800px;
    position: relative;
    display: inline-block;
    margin-top: 5%;
    margin-bottom: 5%;
    text-align: left;
}
.modal .modal-footer, .modal .modal-content-wrapper{
    background: #fff;
}
.modal .modal-footer{
    height: auto;
    min-height: 80px;
}

.modal-header{
    background-color: #262627;
    color: #fff;
    padding: 10px 20px;
}
.modal-header h4{
    font-size: 1.2rem;
    font-weight: 400;
    margin: 0;
    padding-right: 30px;
}
.modal-header .modal-close{
    padding: 5px 10px;
    position: absolute;
    top: 0;
    right: 0;
}
.modal-header .modal-close i{
    color: #fff;
}
.processingModal{ text-align: center; color: #fff; font-size: 17px;}
.processingModal.modal{ top: 0; background-color: transparent; box-shadow: none; -webkit-box-shadow: none; }
.processingModal .modal-content-wrapper, .processingModal .modal-content{background: none; text-align: center;}
.processingModal p{
    margin-top: 15px;
}
@media (max-width: 1024px){
    #AlertBox .modal-content-wrapper, #ConfirmDiv .modal-content-wrapper{
        width: 35%;
    }
}
@media (max-width: 767px){
    .modal .modal-content-wrapper{
        width: 90%;
    }
    #AlertBox .modal-content-wrapper, #ConfirmDiv .modal-content-wrapper{
        width: 50%;
    }
}
@media (max-width: 499px){
    #AlertBox .modal-content-wrapper, #ConfirmDiv .modal-content-wrapper{
        width: 90%;
    }
}

/*----------------------------------------------------
    HEADER
------------------------------------------------------*/
header{
    padding-top: 32px;
    padding-bottom: 32px;
    background-color: transparent;
}
header .content_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
header .left_section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
header .right_section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
header .brand_logo {
    padding-left: 0px;
    -webkit-transition: color 300ms ease, -webkit-transform 300ms cubic-bezier(.322, 1.972, .778, 1.58);
    transition: color 300ms ease, -webkit-transform 300ms cubic-bezier(.322, 1.972, .778, 1.58);
    transition: transform 300ms cubic-bezier(.322, 1.972, .778, 1.58), color 300ms ease;
    transition: transform 300ms cubic-bezier(.322, 1.972, .778, 1.58), color 300ms ease, -webkit-transform 300ms cubic-bezier(.322, 1.972, .778, 1.58);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
header .brand_logo.left {
  padding-right: 40px;
  cursor: pointer;
}
header .brand_logo img {
    max-width: 100px;
    outline: none;
}
header .navigation ul.menu {
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0px;
    padding-left: 0px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    list-style-type: none;
}
header .navigation ul.menu li {
    margin-bottom: 0px;
    padding-left: 32px;
}
header .navigation ul.menu li {
    margin-bottom: 0px;
    padding-right: 32px;
    padding-left: 0px;
}
header .navigation ul.menu li a{
    color: #1f2e54;
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    padding: 0px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}
header .navigation ul.menu li a:hover,
header .navigation ul.menu li a.active{
    color: #D77B29;
}
header .sidenav-trigger{
    display: none;
}
header .menu_bar div{
    background-color: #1f2e54;
    border-radius: 5px;
    height: 4px;
    width: 31px;
    margin-bottom: 7px;
}
header .menu_bar div.second{
    width: 24px;
}

.sidenav li{
    margin-bottom: 0;
    padding-left: 0;
}
.sidenav li > a{
    color: #1f2e54;
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
}
.sidenav li .user-view{
    padding: 32px 16px 0 32px;
}
.sidenav li .user-view img{
    width: 100px;
}

main{
    padding-top: 50px
}
.display-1 {
    color: #1f2e54;
    font-size: 71px;
    line-height: 1.125em;
    font-weight: 700;
}
.display-2 {
    color: #1f2e54;
    font-size: 60px;
    line-height: 1.267em;
    font-weight: 700;
}
.display-3 {
  color: #1f2e54;
  font-size: 48px;
  line-height: 1.146em;
  font-weight: 700;
}
.display-4 {
  color: #1f2e54;
  font-size: 28px;
  line-height: 1.146em;
  font-weight: 700;
}
.hero_content{
    max-width: 866px;
    margin: auto;
    margin-bottom: 50px;
    text-align: center;
}
.hero_content .flex_row{
    margin-top:  30px;
}

.section {
    padding-top: 150px;
    padding-bottom: 150px;
}
.container730{
    max-width: 728px;
}
.container730.center{
    margin-right: auto;
    margin-left: auto;
}
.container1000{
    margin-right: auto;
    margin-left: auto;
    max-width: 1000px;
}

.card {
    border-style: solid;
    border-width: 1px;
    border-color: #eff1f6;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 2px 12px 0 rgb(31 46 84 / 6%);
    margin: 0;
    margin-bottom: 25px;
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
}
.card.services_card_1,
.card.blog_card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-style: none;
  border-radius: 34px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  text-decoration: none;
}
.card.services_card_1:hover,
.card.blog_card:hover {
    transform: translate3d(0px, 0px, 0px) scale3d(1.06, 1.06, 1.01) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
}
.services_card_content {
    padding: 40px 32px 56px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-style: none solid solid;
    border-width: 1px;
    border-color: #eff1f6;
    border-bottom-left-radius: 34px;
    border-bottom-right-radius: 34px;
    text-align: center;
}
.services_card_content.left {
    text-align: left;
}

.card.blog_card .card_content{
    min-height: 150px;
    padding: 10px;
    text-align: center;
}
.card.blog_card:hover h3{
    color: #d77b29;
}

.blog_details .blog_meta{
    max-width: 900px;
    margin: auto;
    text-align: center;
}
.blog_details .blog_image{
    padding: 30px 0;
    text-align: center;
}
.blog_content .desc{
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
}


@media (min-width: 700px)
{
    .truncate_text_3{
        display: -webkit-box;
        max-width: 350px;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

@media (max-width: 1400px)
{
    .services_card_content h3{
        font-size: 20px;
    }
}

.home .section.working_with_us{
    padding-top: 88px;
    padding-bottom: 150px;
}
.home .working_with_us,
.home .case_studies,
.home .blogs,
.home .testimonials,
.about .milestone{
    background-color: #f9fafc;
}
.home .working_with_us .image_right{
    float: right;
    width: 100%;
}

.home .working_with_us ul{
    display: flex;
    flex-wrap: wrap;
}
.home .working_with_us ul li{
    flex: 100%;
    margin-bottom: 10px;
    padding-left: 30px;
    position: relative;
}
.home .working_with_us ul li:before{
    font-family: "Material Icons"; 
    content: "check"; 
    color: #F9A827; 
    font-size: 20px; 
    position: absolute;
    left: 0;
    -webkit-font-feature-settings: 'liga';
}

.home .marketing_team .card{
    padding: 48px 32px;
    border-radius: 34px;
    text-align: center;
}
.home .marketing_team .card .material-icons{
    font-size: 48px;
    font-weight: 700;
    vertical-align: top;
}
.home .marketing_team .inner_container{
    max-width: 600px;
    margin: auto;
}

.home .section.cta{
    background-color: #d77b29;
    padding-top: 150px;
    padding-bottom: 0;
}

.home .case_studies .swiper{
    margin-bottom: 50px;
    position: unset;
}
.swiper {
  width: 100%;
  height: 100%;
}

.home .case_studies .swiper-slide {
  background: #f9fafc;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.home .case_studies .swiper-slide a{
    display: -ms-grid;
    display: grid;
    padding: 24px 54px 24px 24px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    -ms-grid-columns: 1.26fr 1fr;
    grid-template-columns: 1.26fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    border-radius: 34px;
    -webkit-transition: none 0ms ease;
    transition: none 0ms ease;
    text-decoration: none;
}
.home .case_studies .swiper .card_footer
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
}

.home .case_studies .swiper-navigations {
    position: absolute;
    top: 10%;
    right: 16px;
    width: 165px;
}

.home .testimonialsSwiper {
    padding-left: 50px;
    padding-right: 50px;
    margin-bottom: 30px;
}

.testimonialsSwiper .swiper-button-next,
.testimonialsSwiper .swiper-button-prev{
    background-color: #fff;
    color: #6F4D1E;
    top: 45%;
}

.testimonialsSwiper .comment{
    min-height: 100px;
}

.swiper-button-next,
.swiper-button-prev{
    background-color: white;
    border-radius: 12px;
    box-shadow: 0 2px 12px 0 rgb(31 46 84 / 6%);
    color: #1f2e54;
    max-height: 64px;
    max-width: 64px;
    min-height: 64px;
    min-width: 64px;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
  background-color: #6F4D1E;
  color: #fff;
}

.home .blogs .col-2 a{
    float: right;
}
.home .blogs .card h3{
    color: rgb(31, 46, 84);
}
.home .blogs .services_card_content{
    min-height: 305px;
}

.contact{
    display: flex;
}
.contact .right_section{
    background-color: #6f4d1e;
}
.contact .left_section,
.contact .right_section{
    flex: 1 0 50%;
    box-sizing: border-box;
    padding: 5%;
}

.contact .contact_card{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 330px;
    padding: 24px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: 22px;
    border-radius: 24px;
    box-shadow: 0 2px 6px 0 rgb(20 20 43 / 6%);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    text-decoration: none;
}
.contact .contact_card:hover {
  -webkit-transform: scale3d(1.06, 1.06, 1.01);
  transform: scale3d(1.06, 1.06, 1.01);
}
.contact .contact_form{
    padding: 50px 24px;
    border-radius: 24px;
    box-shadow: 0 2px 6px 0 rgb(20 20 43 / 6%);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    text-decoration: none;
}

.grid-2-columns{
    display: grid;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

body.services{
    background-color: #f9fafc;
}
body.services .section{
    padding-bottom: 50px;
    padding-top: 0px;
}
body.services .card{
    display: -ms-grid;
    display: grid;
    margin-bottom: 30px;
    padding: 30px 30px 44px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 58px;
    grid-row-gap: 32px;
    -ms-grid-columns: 1fr 1.32fr;
    grid-template-columns: 1fr 1.32fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    border-radius: 34px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    text-decoration: none;
}
body.services .card:hover {
    transform: translate3d(0px, 0px, 0px) scale3d(1.06, 1.06, 1.01) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
}

.service_features{
    background-color: #f9fafc;
}

.about .about_pic{
    float: right;
}
.about .about_pic img{
    max-width: 500px;
}
.timeline {
    grid-row-gap: 28px;
    position: relative;
    z-index: 1;
}
.column-divider {
    position: absolute;
    left: 84px;
    top: 0px;
    bottom: 0px;
    z-index: -1;
    max-width: 6px;
    min-width: 6px;
    background-color: #eff1f6;
}
.card.timeline-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 56px 54px 56px 46px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-column-gap: 20px;
    grid-row-gap: 24px;
    border-radius: 34px;
}
.timeline-card .year{
    color: #d77b29;
    font-size: 54px;
    line-height: 1.222em;
    font-weight: 700;
}

.samplesSwiper{
    padding: 0 20px;
}
.samplesSwiper .swiper-slide .inner_container{
    background-color: white;
    border-radius: 30px;
    box-shadow: 0 2px 6px 0 rgb(20 20 43 / 6%);
    
    text-align: center;
}

footer{
    background-color: #fff;
    border-top: 1px solid #dce0eb;
    padding: 15px;
}
footer .inner_container{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
footer .social_icons ul{
    display: flex;
    margin: 0;
    padding: 0;
}
footer .social_icons ul li{
    font-size: 0;
    padding: 5px;
    margin-right: 15px;
    margin-bottom: 0;
    line-height: normal;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
footer .social_icons ul li a{
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 24px !important;
    border-radius: 30px;
    display: inline-block;
    height: 30px;
    width: 30px;
}
footer .social_icons ul li:hover{
    background-color: var(--color-primary);
}
footer .social_icons ul li:last-child{
    margin-right: 0;   
}
footer .social_icons ul li a.facebook{
    background: #6f4d1e url(/images/icon-facebook.png);
}
footer .social_icons ul li a.linkedin{
    background: #6f4d1e url(/images/icon-linkedin.png);
}
footer .social_icons ul li a.twitter{
    background: #6f4d1e url(/images/icon-twitter.png);
}

/*********************************
           CHAT BOT
 ********************************/
.chatbot_trigger{
    position: fixed;
    bottom: 0px;
    right: 10px;
    width: 80px;
    height: 80px;
    animation: fadeInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.chatbot_trigger.open{
    bottom: -150px;
}
.chatbot_trigger a{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIAEAQAAAAO4cAyAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAAAGAAAABgAPBrQs8AAAAHdElNRQfmAg4FDB+xoPZ+AAAp7klEQVR42u3defRVdb3/8df7AAqIKSA4gMggAlrgrJBDSqSgiQjmgJpFaJlarmrdBPvVvddu95bpVZf3huKIYqggOSEiLpMpTWRQwBQFQUUZQ74MCpz3748TNzKG7/d79t6fPTwfa7mWf+jer/Pm6Pt93nuffSQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPB5FjoAquPeoIG8bVtZ+/ZS+/ZSmzbyli1lLVtK2/7abz95gway5s0r/1ajRlKzZqGzA0iLrVulTz6p/P2mTfKNG2U1NdKqVfKVK2UrV0qrVkkrV0qLF8sXL5YWL7bS2rWhk6P+GAAywr1JE/kRR8h69JC6d6/8fceOUtu2lYYOAElbs0a+eLHsrbekOXOkuXPlr79upSVLQifD7jEApJB7qST/4hdlJ50k9eolHXusdOihUoMGobMBwO799a/y2bOlGTNk06ZJM2aYrV4dOhX+EQNACribSUcfLZ1xhnTyyZWm/4UvhM4FANFwl+bPl6ZNkyZPliZNMluzJnSqomMACMS9RQt5796yr35VOussqU2b0JkAIBlbt0qzZ0vPPy9/6inZ9Olm5XLoVEXDAJAg9+bN5V//uuz88yuf9rl2DwDSBx9IY8fKH31UNm2amXvoREXAABAzL++9t2zgQOmCC6TevWn6ALArixfLH31UeughK82ZEzpNnjEAxMT9mGOkK66QLr6Yr9wBQH3MnCmNGiU98AD3DESPASBClU/7l15aafw9eoTOAwD5UFMj//3vZb/7ndnMmaHT5AUDQATcDzhA+u53pWuukVq0CJ0HAPJr2jT5rbfKxo0z27o1dJosYwCogpe7d5f96EfShRdKe+wROg8AFMeCBdJvfyt/8EErffpp6DRZxABQD+5HHCH/+c9lgwZJRg0BIJjly6Wbb5ZuvdVs06bQabKE5lUH7l27SsOGVW7s46l8AJAeS5ZIv/yl/J57rLRlS+g0WcAAUAvubdpIv/yldMklNH4ASLO33pKGDTMbOzZ0krRjANgF9yZNpGuvlYYPl/beO3QeAEAt+YsvSj/8Ic8S2DkGgJ3w8te/Lrv1VqlDh9BZAAD1US5LDz0k//GPrbR8eeg0acMA8DnunTrJR4yQ9e4dOgsAIApr1kg//rF07708ZvjvGAD+xssNG8q+/33pxht5ch8A5NFLL8mHDrXSW2+FTpIGDACSvPylL8lGjpSOPz50FgBAnDZulP71X6Wbbir6g4QKPQC4m1Vu8vv1r3mQDwAUySuvyAcPttLChaGThFLYAcDLBx8sGzVKOvXU0FkAACF88on0k5+Y3Xln6CQhFHIA8PKgQbIRI3huPwBA/uijsiuvLNovDhZqAPDynnvKbrut8mt9AAD8jb/zjnTeeVaaOzd0lKQUZgBwb9NG/thjshNPDJ0FAJBGmzZJ3/ue2X33hU6ShFLoAEnw8sknS6++SvMHAOxc48bSvfe6jxjh5UaNQqeJW+4HAC9ffbXshRekAw4InQUAkAVXXCE995x7vu8Ty+0A4G7m/otfyG6/XWrYMHQeAECG2Fe+Ir38spc7dw4dJbaXGDpAHNwbN5buu0+64ILQWQAAWbZqldS/v9m0aaGTRC13A4CXW7eWnnhCdsIJobMAAPJgwwZp8GCz8eNDJ4lSri4BuB94oOyFF2j+AIDoNG0qPfaY+7e/HTpJlHIzAHj5kEPkU6ZIRxwROgsAIG8aNJBGjvTytdeGThKVXAwA7l26yKZOlXXqFDoLACCvzGT//d/uP/pR6CRRyPwA4OUvflH64x+ltm1DZwEA5J2ZdNNN7sOHh05S9SsJHaAaXj70UNlLL0kHHhg6CwCgaP7lX8x+/evQKeorswNA5df8XnpJat8+dBYAQBG5y7/3PSuNGBE6SX1kcgDwcuvWlebfpUvoLACAIiuXpUsvNRs9OnSSusrcAODevLnE3f4AgLTYskU+YICVnnoqdJK6yNQAUPlxhgkTZL17h84CAMDfbdggP+00K73ySugktZWZbwG4m8lGjqT5AwDSp2lT2fjxXm7XLnSS2srMACD9/OfSZZeFTgEAwI4deKDsmWe8vM8+oZPURiYuAbgPHiyNGlX5/iUAACnmEybIzj7brFwOHWVXUr8B8HL37tKdd9L8AQCZYH37Sr/4RegYu40ZOsCuuDdvLv/zn3nELwAgW9ylgQPNHn88dJKdSe0A4F4qSU8+KfXrFzoLAAB199e/Sscea/bOO6GT7EiKLwH87Gc0fwBAdu27rzR2rHuTJqGT7EgqNwDuX/5y5Qd+GjQInQUAgOrcfrtZ+n5GOHUDgJf32Uc2ezbP+AcA5IO7/Jxz0vakwPRdArA77qD5AwDyw0x2991e3n//0Em2l6oBwMuDBkmDB4fOAQBAtFq3lu691z09X2lPTRD3Aw6Q5s+XmjcPnQUAgHh861tm990XOoWUqgHg0UelQYNC5wAAID6rV8u7dbPS8uWhk6TiEoD7WWfR/AEA+deiheyWW0KnkFKwAfDyF74gmzdPats2dBYAABLh55xjpSefDBkh/AbAfvUrmj8AoFDsttvcmzYNGSHoAOB+xBHSFVeEzAAAQPLat5d+8pOQCYJeAvDyc8/J+vQJmQEAgDA2bpR37WqlJUtCnD3YBsB9wACaPwCguJo0kf3Hf4Q6e5ANgJf32EP2xhtS586hXjgAAOG5y085xUpTpyZ95jAbAPv+92n+AACYyf7zP4OcOekTuu+1l/TOO1K6nokMAEAwfuaZVpo4MclTBtgAXH01zR8AgO3deGPSvxOQ6Mm83KyZ7N13pVatkjwvAADpd/bZZk8/ndTZkt0A2HXX0fwBANiRf/u3JLcAiZ2ocu1/yRKpRYukzgkAQLb062c2YUISZ0puA+Df+hbNHwCAXfAf/SipUyWyAXAvlaS//EU69NCkXhgAANl09NFms2bFfZaENgDnnkvzBwCgNq67LomzJLQBmDZN6tUriXMBAJBtmzfLO3Wy0tKlcZ4l9g2Al7t3p/kDAFBbjRrJhgyJ+yzxXwKwK6+M/RwAAOTKkCHuDRrEeYZYBwD3Jk2kiy6K8xwAAORP27bS174W5xli3gB84xtS8+bxngMAgDyK9zJArDcBuk+dKn35y3GeAwCAfNqyRWrXzmzZsjiOHtsGwL1TJ5o/AAD11bBhZZMejxgvAVxwQXzHBgCgCOIbAGK7BOA+e7bUo0dcxwcAIP/c5R06WOm996I+ciwbAPcuXWj+AABUy0w2cGAcR47pEgDrfwAAIuHnnx/HYWO5BODl116THXVUvBUBAKAI3KWDDzb74IMojxr5BsD9gANkRx6ZWF0AAMg1M+mMM6I+agyXAPr2rYQFAADRyMQAcOaZSZQCAIDi6NPHyw0bRnnESAeAyg8XfPWryRYFAIC8a95cdvzxUR4x4g3A8cdLLVokWRIAAIoh2ssAEQ8AJ5+cZCkAACgMP+mkKA8X8QDAs/8BAIjHCSdEeR9AZAOAu5nUs2eYogAAkHO2116y6J6yG+EG4LDDpFatQtQEAIBC8Og27REOAHz6BwAgVtarV1SHinAAOPbYELUAAKA4jjkmqiNFOAB07x6iFAAAFEfHjl5u1iyKI0UyAFRuAPzSl8IWBQCAvCuVpMMPj+RIkeTxdu2kffcNWRIAAArBovnAHdElANb/AAAkI00DgHXrFrQWAAAUhR9xRBSHiWgD0LFjyFoAAFAY1r59FIeJaADo0CFgKQAAKJBDDqn8+m51GAAAAMiURo3kBx1U7VGqHgAqXwE8+ODQ5QAAoDiqvwwQwQbgoIOkxo1DlwIAgOJIwwDgbdqELgMAAIViKbgEIGvZMnQdAAAoFK++90awAdhvv9B1AACgWNIwABgDAAAAiYpg+x7BTYBcAgAAIFnVf/iOYABo0SJ0GQAAKJbqe28EA0DTpqHLAABAsTRpUu0RIhgA9tgjdBkAACiW6ntvBN8C2HPP0GUAAKBYqu+9EXwLgAEAAIBkpWIDwCUAAACSlYYNgBo1Cl0GAACKJQ0bADMLXQYAAFA3EWwAGAAAAMiaCAYAAACQNQwAAAAUEJcAAAAoIDYAAAAUEBsAAAAKiA0AAAAFxAYAAIACYgMAAEABMQAAAFBAXAIAAKCA2AAAAFBAbAAAACggNgAAABQQAwAAAAVU/QDgXAIAACBr2AAAAFBA3AQIAEABsQEAAKCAqh8AjA0AAABZwwYAAIACYgAAAKCAuAkQAIACYgMAAEAB8SAgAAAKiA0AAAAFxAAAAEAB8RwAAAAKiA0AAAAFxNcAAQAoIDYAAAAUEAMAAAAFxHMAAAAoIDYAAAAUEDcBAgBQQGwAAAAoIB4EBABAAbEBAACggBgAAAAoIG4CBACggNgAAABQQGwAAAAoIDYAAAAUEAMAAAAFxCUAAAAKiA0AAAAFxAYAAIACYgMAAEABsQEAAKCA2AAAAFBADAAAABRQw9ABgNrZtEk+e7ZswQL5u+9KK1ZI69fL3KW99pK3bi116CDr1k066iipcePQidNlB/Wzmhq5mbTXXlKrVrKOHeXdusmOPJL6fR7vP+RPBAMA9wAgJr5ypWz0aOmJJ6Tp0620cWOt/jVv3Fjq1Us65xzpoouk1q1Dv5Qwli+XHn747/XbtKk2/5Z7kyb/WL9WrUK/kiB4/yHnqm7e7vPnS926hX4hyJM5c6Rf/Ur++ONW+uyzao7k5UaNpP79pWHDZEcdFfqVJcJnzZJ+9Stp/Hgrbd5c1aHKjRrJBgyQX399ZTNQAD57tmzb+y+C+hXt/YfEmFX3AZwBACmyZIl03XXS44+buUd5ZHcz6dxzpVtukQ45JPQrjcfixZX6/eEP8dRvwIBK/dq1C/1K4xH3+69//0r92rcP/UqRD9UOANXfBOhcAkC13KXbbpMOP9xs3Lio/+crSWbuZo8/Lh1+uPyWWyrnzAv3yms64giz8ePjq9+4cdLhh0u33pq7+unWW+N//40fLx1xhPzmm/NVP2RV9RuA8oIFsq5dQ78QZNWaNdK3vmX2hz8keVYvn3227P77pRYtQlegOqtXy7/5TSs99VSSZ3U/5xzpvvuk5s1DV6A6a9ZIl19u9sQTSZ41P+8/hJSCSwBvvil16RK6EMiiZcvkfftaac6cEGd379ZNevbZ7K60ly2Tn3GGlV5/PcTZK/WbOFE6+ODQlaifZcvkZ55ppblzQ5zdvWvXSv2y+v5DaOEvAQD18t578p49QzV/STJbsEB+0knSokWhq1F3ixbJTzwxVPOXtq/f4sWhq1F3ixdX6hem+UuS2Ztvyr/85crXCoHk8ShgJM9XrpTOPNNK770XOoqVli6V+vSRPv44dJbaW7FC6tvXSkuWhE5ipSVL5Bmrn69cmZ76vf++7Gtfkz76KHQWFA8bACRsyxbpvPPM3nwzdJJtzN55Rz5oUCVb2m3eLJ17rtlf/hI6yTZWWrhQfv752ajfli3SgAGpe/9p4MDKny2QHAYAJOz//T8rTZkSOsXnWWnqVOmGG0Ln2C0fPtxs+vTQMT6v8mf6s5+FzrF7w4dX/qzTxWz6dPmwYaFzoFgiuAnwrbekzp1DvxBkgL/6quzEE822bg0dZYfxvFSSpk6VevYMnWXH/vxn6cQTzcrl0El2xL1Ukk+bJjvxxNBZdiwD9dOUKZWnCAK7x02AyIitW2Xf/W5am78kVRrD1VdLacy4ZYt0xRVpbV7S3+pnaa3f1q2ZqJ9fdVU2LqUgD7gJEAkZM8Zs5szQKXbH7LXXpDFjQuf4Z6NHm82eHTrF7lT+jKlffVW+FTN6dOgcKIYIHgS0cKGsU6fQLwRp5i7v0SPkV9bqlrZbN+mNN6RSSjZk5bLUvbvZvHmhk9RG+urnLu/e3UpvvBE6Se3Sdu0qzZuXnvohrcJfAojhsZnIGX/hhaw0f2nb99snTw6d4+8mTcpK85dSWr+MNH9p2/MBJk4MnQP5x28BIAH33x86Qd2NGhU6wd9Rv+pksH6Wpvohr7gEgJht3ixv2dJK69aFTlIXXm7WTLZqlbTHHmGTfPqp1LKl2fr1oWtSF9SvOu5Nm0qrV0t77hk6C9Ir/CUAbgLELr38ctaavyRZqaZGeuWV0DnkM2ZkrXlJ1K9aZhs2yGfMCJ0D+cZNJojZSy+FTlB/L74YOoGM+lUly/WzFNQPuRbBTYBsALAr2bl57Z/Nnx86AfWrVobr52moH/KMDQBilp5n1tddCp4X79SvKtQP2CnuAUDMli0LnaD+0vALbdSvOtQP2Bk2AIiX19SEjlD/7Cm4edGoX1WyXD9LQf2QawwAiNmnn4ZOUH+bNoVOQP2qleX6ffqpxIPWEB8uASBettdeoSPUP3uzZqEjyKlfVbJcP99rL/7/ijixAUDMvvCF0AnqzdOQPQ0Z6on6VccynB2ZwAYAMTvkkNAJ6q99+9AJZNSvKtQP2Ck2AIiXd+0aOkK9WRqypyFDPVG/AmdHFjAAIF529NGhI9TfUUeFTiBRv+pQP2BnuASAmJ12WugE9de7d+gE1K9a1A/YGTYAiFnnzu4dO4ZOUVfuHTpInTuHziF16+bl7F3Hpn7V8fLBB3MJAHFjA4AEDB4cOkHdXXJJ6AT/xy6+OHSEuktT/TL4/rNLLuH/rYhb1W8w96VLpbZtQ78QpJi/847ssMPMyuXQUWoV10ulynPY0/AJVqr8nkK3bmbZeChM+ur31ltS167ZqZ+ZfP78dNxEiTSzKn+Mjw0A4medOsnPOy90jNobMCA9zUuSunSR+vcPnaL20la/ww6Tzj03dIraO+ccmj+SEMEG4P33pTZtQr8QpJzPni075pi0bwEqn75mzpSl7A5sf/VV2fHHp/1TrHupVKnfkUeGzvKPZs6Ujjsu/fUzk7/yiuzYY0NnQfqxAUA22JFHyr/97dAxdsuHDEld85dUaQjf/GboGLvlQ4akr/lL0jHHSJdfHjrF7l1+Oc0fSYlgA/DBB9JBB4V+IciCVavkhx9upeXLQyfZES+3aiXNny/bb7/QWXZsxYpK/VauDJ1kR7zcqpVswQKpZcvQWXYccOVKqVu31NbPW7aUFiyQWrUKnQXZwAYAGdKypfTww+4NGoRO8nnuZrKRI9Pb/KVKY3jgAff0/TfnXirJHnggtc1fUuXP9oEHKjcppkvlz/Tuu2n+SFIE/yGk+5oaUsZOP10aPjx0jH/iw4dL55wTOsZuWd++0vXXh47xz264QTrzzNApdsv69pUPGxY6xj+7/vps3eiJPIjgEsCHH0oHHhj6hSBL3KWhQ83uvjt0kkqawYOlUaOys81yl4YMMbv33tBJJMnLl1xS+fSfpfp95ztm99wTOkklzcUXV95/6dtMIN1ScAkAqCsz6Xe/q/yPLyz3Cy6Q7r03O81LqmQdMaKSPSz3Cy+UZbV+F10UOomXzz9fuu8+mj9C4B4ABNKwoTRqlPt114VK4OVrr5VGj5YaNQpdjbpr1EgaPdr9mmtCJXD/4Q+lhx6q/FlmTcOG0oMPVl5DGO7XXCP7/e+z+f5DHkRwCeCjj6T99w/9QpBlY8fKhwyx0tq1SZzNvUkT+W23yb7zndCvPBqjRsmvuspKNTVJnM29SRPp9tulIUNCv/JoPPig/HvfS7R+fuutsqFDQ79yZFsKLgFwEyCqNXCg7M9/do//18/cTztNmjUrP81fki69VPbqq5XXFq/Kn9GcOflp/pJ0ySWy115L9v1H80d4XAJASnTuLD3/vPuYMe7dukV9dPeuXd0fflh64YXKo3XzpksXafJk94cfdo/+MbLu3bq5jxkjPf98uh7zG5Vt77/f/z6e91+XLu6jR0uTJ+fz/Ycs4hIAUqhclh5/XH7nnbLJk822bq3PUSqPpe3du/Jpf9Cg4txoVS7Lx46V7rqrUr/6PX7ZvUGDSv2GDpXOO69Q9dO4cfJt9avm/Xf66ZX6Fen9h6RUewkgggHg44+l1q1DFwJ59eGH8qeflk2eLJ8xw0pLluzqn/bywQfLevaUeveWzjqL36n44APp6aelbfVbunRX/7SX27WT9exZafz9+lG/at5//frxS6mIEwMAisXXr5e98458xQpZTY3kLt97b1mrVlLHjlKzZqEjpltNjfTuu5X6rVsnSdSvDnj/IUVSMAAsX87jKwEASFb4bwGk8LnkAABg17gpBQCAAmIAAACggKofAKq8BgEAAJLHBgAAgALiSYAAABQQGwAAAAqIDQAAAAXEBgAAgAJiAAAAoIC4BAAAQAGxAQAAoIDYAAAAUEBsAAAAKCAGAAAACohLAAAAFBAbAAAACogNAAAABcQGAACAAmIDAABAAbEBAACggBgAAAAooOoHAOcSAAAAWcMGAACAAqp+ADA2AAAAZA0bAAAACogBAACAAuI5AAAAFBAbAAAACogNAAAABcQGAACAAmIAAACggLgEAABAAbEBAACggNgAAABQQGwAAAAoIDYAAAAUEBsAAAAKiAEAAIAC4hIAAAAFxAYAAIACYgMAAEABsQEAAKCAGAAAACggLgEAAFBAbAAAACggNgAAABQQGwAAAAqIDQAAAAXEBgAAgAJiAAAAoIAiGADK5dAvAgCAYqm+90YwAGzZEroMAAAUy2efVXuECAaA6kMAAIC6+PTTao8QwQCweXPoMgAAUCwMAAAAFFAqLgFUP4UAAIA68FRsANauDV0HAACKZd26ao8QwQCwenXoMgAAUCwrV1Z7BAYAAACyxlatqvYQ1Q8AzgAAAECy2AAAAFBAadgA6OOPQ5cBAIBC8TQMALZ0aeg6AABQKLZkSbWHiGAD8N57oesAAECxLF5c7REiGACqn0IAAEBdVD8AWLUHcDeTNm6U9twzdDkAAMi/NWvMWrSo9ihVbwDM3LkMAABAQrz6T/9SJJcAJGnBgoClAACgQBYujOIoEQ0Ab7wRshQAABTH3LlRHCWiAWDevJClAACgMOz116M4TDQDgDMAAACQjGgGgKq/BSBJXt5jD1lNjdSoUdiiAACQZzU10j77mJXL1R4pkg2AlT77LKprEgAAYCf8jTeiaP5SZPcASNKMGaHqAQBAIdif/hTVoaIbAPzll4MUAwCAovBp06I6VIQbgOimEgAAsAMW3QAQyU2A0rZHAn/8sdSqVZiqAACQZ4sWmXXsGNXRItsAVB4J/Mc/hikKAAB5N3VqlEeL8BKAJE2alGQpAAAojmg/ZEd2CUCS3Nu3lxYtSrQeAAAUgbdrZ6WlS6M6XKQbALPFi6P6kQIAALDN3LlRNn8p8ksAEpcBAACImE+cGPUhYxgAnnwyiVoAAFAYNmFC5IeM+oCV3wVYvlzaZ59kqgIAQJ6tXStv3bry2P3oRL4BqAR86qnkCgMAQJ6NHx9185diuQQgSePGxV0OAACKYcyYOI4a+SUASXJv2lRasUJq2jTeogAAkGdr1sgPOCAzGwCzDRuk8eNjrwsAALk2blwczV+K7RKAJL/33tiODQBAEfgjj8R16FguAUiSe6lUeSpgu3ZxnQMAgPxaulTq0MFs69Y4jh7bBsCsXJYeeCC+wgAAkGd33x1X85di3ABIkpcPPVT21luSxXoeAADypVyWd+hgpSVL4jpDfPcASLLSwoVS9I8vBAAg13zixDibvxTzAFBx++3xnwMAgByxkSNjP0XcJ3A3kxYskLp0iftcAABk36JF8sMOs9KWLXGeJfYNgJm7dMcdcZ8HAIB8uOWWuJu/lMAGQJK8vPfesiVLpH33TeJ8AABk05o18nbtrFRTE/eZErgHQLLSunXcCwAAwO787/8m0fylhDYAkuTeooW0eLG0995JnRMAgOzYtEnq2NFs2bIkzpbIBkCSzFavlv7nf5I6HwAA2TJiRFLNX0pwAyBJXt5vP9miRVKzZkmeFwCAdNu4UTr0ULMPP0zqjIltACTJSitX8o0AAAA+x++4I8nmLyW8AZAkL++zj7RwoWy//ZI+NwAAqePr10sdO1pp+fIkT5voBkCSrLR2reyXv0z6vAAApJLdfHPSzV8KsAGQJC/vsYds3jzp0ENDnB8AgHT44AOpSxez9euTPnPiGwBJstJnn0nDh4c4NwAAqeHDhoVo/lKgDcD/ve7y88/LevcOmQEAgDBmzpSOP96sXA5x9sADQOfOstdfl/bcM2QOAACS5S4/5RQrTZ0aKkGQSwDbWOntt6Xf/jZkBgAAknfPPSGbvxR4AyBJ7k2aSPPmSR06hM4CAED8Pv5Y6tbNbM2akCmCbgAkyWzjRmnoUMk9dBYAAOJ37bWhm7+UggFAkswmT5buvDN0DgAA4vXMM2aPPBI6hZSCSwDbeHnvvWVz5nApAACQT2vXyr/0JSstXRo6iZSSDYAkWWndOunSS6UwX4cAACBeV12VluYvpWgAkCSzadPkt9wSOgcAANEaPdps9OjQKbaXmksA23i5USPZiy9KvXqFzgIAQPWWLpV69EjDjX/bS9UGQJKstHmzNHiwlK5CAQBQd1u3ygcPTlvzl1I4AEiS2eLF8ssu46uBAIBsu+EGK02ZEjrFjqRyAJAkKz31FPcDAACya/x46b/+K3SKnUndPQDbc2/QQHriCalfv9BZAACovbfflh93nJXWrg2dZGdSPQBIknvz5tLLL0udO4fOAgDAbvn69bITTjCbNy90lF1J7SWAbSo3TvTvL33ySegsAADsWrksu/TStDd/KQMDgCSZLVggXXCBtHlz6CwAAOzcT35i9vjjoVPURiYGAEkye/ZZ6fLL+WYAACCV/K67zG6+OXSM2srMACBJlacoDRsWOgcAAP/AJ0yQrroqdIy6SP1NgDvifttt0jXXhM4BAID8T3+S+vSxUk1N6Ch1kdEBoFSS7rlH+uY3Q2cBABSYz54tO/30ND7pb3cyOQBI24aA+++XLrkkdBYAQBG9/bZ0yilmH30UOkl9ZOoegO2ZlcuVmwIfeih0FgBA0SxZIu/TJ6vNX8rwACBJZlu3yi+/XHrkkdBZAABFsXCh/JRTrPTee6GTVCPTA4AkWWnLFunii+V33RU6CwAg5/zNN6WvfCXrzV/KwQAg/W0TYFdemeYfXQAAZJzPmlW55v/BB6GjRCEXA4Akmbmb/fSn0k9/ysOCAADRmjZNdvrpVlqxInSSqGT2WwC74uXLLpPdeae0556hswAAsu6xx6TLLjPbuDF0kijlcgCQJPdevaTHH5datw6dBQCQVbfdJl13XeWbZ/mS2wFAktw7dpSefFI6/PDQWQAAWbJ1q/SDH5jdcUfoJHHJ9QAgSe777lt5VkC/fqGzAACyYPVqafDgyo/Q5VdubgLcGbO//lU6++zKzYFbt4bOAwBIszlzpOOOy3vzlwqwAdie+1e+Ij38sHTAAaGzAADSZvRoaehQsw0bQidJQu43ANsze/FF+XHHSVOmhM4CAEiLTZukq682Gzy4KM1fKtgAIElWev996dRTpR/+UPr009B5AAAhzZ8v9eyZ55v9dqZQlwA+z8tf/KLswQelHj1CZwEAJMlduuuuylf8ivOpf3uF2wBsz0pvvCH17Cm/+WZuEASAoli2TDr7bLMrryxq85cKvgHYnvuRR0p33ikdd1zoLACAOLhLDz5Y+dS/alXoNKEVegOwPbPZs+W9elXuDaipCZ0HABAhf/dd+de+ZnbZZTT/CjYAO+Devr30m99IgwaFzgIAqMamTdLNN0s33pi3Z/lXiwFgF7x8wgmyW26RevYMnQUAUFdPPVV5nO+774ZOkkZcAtgFK738snTSSdKQIVI+fv8ZAPJv7lzp9NPNvv51mv/OsQGoJffGjaXvfrfySOH99w+dBwDweYsXS//+79L995vxza7dYQCoI/emTaWhQ6Xrr2cQAIA0eP996aab5L/7nZV4wFttMQDUk5ebNZN95zvSD34gtW8fOg8AFM/fGr9GjDDbtCl0mqxhAKiSe6kkP+ssadgw2Yknhs4DAPk3d650xx3SAw/Q+OuPASBCXj75ZNmVV0oDB0qNG4fOAwD54S5//nnppptkkyaZuYdOlHUMADFw33df6RvfkL7/fal799B5ACC71qyRHn1Ufvvtlce3IyoMADFz79lTuvBC6fzzpQMPDJ0HANJv61Zp0iRp5Ej5E09YafPm0InyiAEgIe4NGkinniq/8EJpwADZfvuFzgQA6VEuS1OnSo88In/sMSt9/HHoRHnHABBAZRg4/njp7LPl/frJjjwydCYASN7mzfJp02Tjx0uPPmr24YehExUJA0AKeLltW1mfPtKpp0qnnCJ16BA6EwDEY+lSacIE6dln5ZMnW+mTT0InKioGgBSqDASnnir16iU/+mhZ9+5S06ahcwFA3b39tjR9unzqVNm0aWYLFoROhAoGgAyoXDLo2lV+1FFSjx6yLl3knTvLOnaU9tgjdD4AqHxNb9Ei2dy50uuvS7NmyadP51p+ejEAZFhlMDjkkMowcNBBUtu2UuvWUps2lccUH3ec1KhR6JwA8sJdWrZMWrTo738tXizNny+fN89K69aFTojaYwDIMfelSytDAbLtj3+U/vKX0CmQdxs2SNueo79mjVRTI61aJa1YIV+5ctvf86z9/GgYOgCAXXnsMflFF1lpy5bQSQDkSyl0AAA789hj8osvpvkDiAMDAJBKY8dWmj9PQAMQDwYAIHXGjq2s/Wn+AOLDAACkCs0fQDK4CRBICx83TqL5A0gGGwAgDXzcOOnCC2n+AJLCAACERvMHEAADABASzR9AIAwAQDBPPy3xVT8AYTAAAEE8/bR84EAeqwogFAYAIHHPPEPzBxAaAwCQqGeekZ93Hs0fQGgMAEBiaP4A0oMHAQFJ8AkTJJo/gPRgAwDEzSdMkAYMoPkDSBMGACBONH8AKcUAAMSF5g8gxbgHAIiDT5ggO+88M5o/gHRiAwBE7tlnK81/06bQSQBgZxgAgEg9+6w0YADNH0DaMQAAkaH5A8gOBgAgEjR/ANnCAABUjeYPIHsYAICqTJxI8weQRQwAQL1NnCidey7NH0AWMQAA9ULzB5BtDABAnT33HM0fQNYxAAB18txzUv/+NH8AWccAANQan/wB5AcDAFAr25r/xo2hkwBAFBgAgN3xSZNo/gDyhgEA2BWfNEnWvz/NH0DeMAAAO0PzB5BjDADAjtD8AeQcAwDweTR/AAXAAAD8g5dekg0YQPMHkHcMAMD/eeklqV8/s/XrQycBgLgxAACSaP4AioYBANCUKfKzzqL5AygSBgAU3JQp8n79rFRTEzoJACSJAQAFRvMHUFwMACgomj+AYmMAQAHR/AGAAQAFM3UqzR8AGABQKFOnyvv2pfkDAAMACoPmDwDbYwBAAdD8AeDzGACQc1zzB4AdYQBAjk2bVmn+69aFTgIAacMAgJyaNq2y9qf5A8COMAAgh2j+ALA7DADIGZo/ANQGAwByhOYPALXFAICcmD6d5g8AtccAgByYPl1+5pk0fwCoPQYAZBzNHwDqgwEAGUbzB4D6YgBARs2YwTV/AKg/BgBk0IwZlU/+n3wSOgkAZBUDADKG5g8AUWAAQIbQ/AEgKgwAyAiaPwBEiQEAGTBzpnTWWTR/AIgOAwBSbuZMqU8fszVrQicBgDxhAECK0fwBIC4MAEip116j+QNAfBgAkEI0fwCIGwMAUmZb81+9OnQSAMgzBgCkCM0fAJLCAICUoPkDQJIYABCez5pF8weAZDEAICyfNUv21a/S/AEgWQwACIfmDwDBMAAgDJo/AATFAIDk+axZMq75A0BIDABIls+eXWn+q1aFjgIARcYAgOT47NmVtT/NHwBCYwBAMmj+AJAqDACIH80fAFKHAQDxovkDQCoxACA+NH8ASC0GAMRkzhyaPwCkFwMAYjBnjpzmDwBpxgCAiP2t+ZdWrgydBACwcwwAiBDNHwCyggEAEaH5A0CWMAAgAnPn0vwBIFsYAFCluXPlvXvT/AEgWxgAUAWaPwBkFQMA6mnBAumMM2j+AJBNDACoO3/zTen0080++ih0FABA/TAAoG78zTdlp51G8weAbGMAQO3R/AEgNxgAUDs0fwDIFQaAXNu4MZLD0PwBIHcYAPLM33uv+oPMmyedeirNHwDyhQEgz+yFF6o7wPz5le/5L18e+qUAAIBacj/oIPcNG7xe5s3z8v77h34NAACgHrx8ww00fwAACsa9VHIfM6b2zf/112n+AADkgHuDBu433uj+2We7bv5jxnh5n31C5wUAABFy79TJy7/5jfucOe4bN7p/9pmXFy50HznSvWfP0PkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIKT/Dw5bWWWsof3HAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTAyLTE0VDA1OjEyOjMxKzAwOjAw9UOe/gAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0wMi0xNFQwNToxMjozMSswMDowMIQeJkIAAAAASUVORK5CYII=);
    background-color: #795548;
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 100px;
    cursor: pointer;
    display: block;
    height: 60px;
    width: 60px;
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
  @-webkit-keyframes bounceInUp {
      0%, 60%, 75%, 90%, 100% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      }
      0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 3000px, 0);
      transform: translate3d(0, 3000px, 0);
      }
      60% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0);
      transform: translate3d(0, -20px, 0);
      }
      75% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0);
      }
      90% {
      -webkit-transform: translate3d(0, -5px, 0);
      transform: translate3d(0, -5px, 0);
      }
      100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      }
  }
  @keyframes bounceInUp {
      0%, 60%, 75%, 90%, 100% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      }
      0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 3000px, 0);
      transform: translate3d(0, 3000px, 0);
      }
      60% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0);
      transform: translate3d(0, -20px, 0);
      }
      75% {
      -webkit-transform: translate3d(0, 10px, 0);
      transform: translate3d(0, 10px, 0);
      }
      90% {
      -webkit-transform: translate3d(0, -5px, 0);
      transform: translate3d(0, -5px, 0);
      }
      100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      }
  }

  .chatbot_window{
    background-color: #fff;
    display: flex;
    flex-direction: column;
    position: fixed;
    bottom: 0;
    right: 0;
    margin: 20px;
    max-width: calc(100% - 40px);
    max-height: calc(100% - 40px);
    width: 370px;
    height: 500px;
    -webkit-box-shadow: rgb(0 0 0 / 25%) 0 4px 16px;
    box-shadow: 0 4px 16px rgb(0 0 0 / 25%);
    border-radius: 15px;
    overflow: hidden;
    z-index: 10;
  }
  .chatbot_window .chatbot_header{
    background-color: #d77a29;
    position: relative;
    height: 80px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 24px;
    z-index: 3;
    -webkit-box-shadow: 0 9.5px 12.7px 0 rgb(0 0 0 / 5%);
    box-shadow: 0 9.5px 12.7px 0 rgb(0 0 0 / 5%);
  }
  .chatbot_window .chatbot_header .chat_identifier{
    display: flex;
    align-items: center;
  }
  .chatbot_window .chatbot_header .chat_identifier h3{
    color: #fff;
    margin:  0;
  }
  .chatbot_window .chatbot_header .chat_identifier img{
    float: left;
    margin-right: 15px;
    height: 100%;
    width: 100%;
  }
  .chatbot_window .chatbot_header .chatbot_close{
    float: right;
  }

  .chatbot_window .chatbot_content{
    background: rgb(234, 238, 243);
    overscroll-behavior-y: contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px;
  }
  .chatbot_window .chatbot_content .message_wrapper {
      display: block;
      float: right;
      clear: both;
      width: 100%;
      word-wrap: break-word;
      margin-bottom: 10px;
    }
.chatbot_window .chatbot_content .message_wrapper.bot {
  float: left;
}
.chatbot_window .chatbot_content .bot .caption{
    color: #777;
}
.chatbot_window .chatbot_content .bot .message {
  background: #fff;
  color: #000;
  border-top-left-radius: 0;
  float: left;
  font-size: 1rem;
}
.chatbot_window .chatbot_content div.message {
  float: right;
  color: #333;
  display: inline-block;
  padding: 10px 15px 8px;
  border-radius: 10px;
}
.chatbot_window .chatbot_content .bot .message .action_buttons{
    background: transparent;
    display: flex;
    flex-direction: column;
    padding: 0;
    width: 100%;
}
.chatbot_window .chatbot_content .bot .message .action_buttons .btn{
    background-color: #d77b29;
    border: none;
    border-radius: 5px;
    color: #fff;
    padding: 0 10px;
    height: 30px;
    line-height: 32px;
    margin-bottom: 10px;
}
.chatbot_window .chatbot_content .bot .message .action_buttons .btn:focus{
    outline: none;
}
.chatbot_window .chatbot_content div.message.from {
  background: #107ad5;
  color: #fff;
  border-top-right-radius: 0;
}


.dot-typing {
  position: relative;
  left: -9999px;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: #333;
  color: #333;
  margin: 5px 10px;
  box-shadow: 9984px 0 0 0 #333333, 9999px 0 0 0 #333333, 10014px 0 0 0 #333333;
  animation: dotTyping 1.5s infinite linear;
}

@keyframes dotTyping {
  0% {
    box-shadow: 9984px 0 0 0 #333333, 9999px 0 0 0 #333333, 10014px 0 0 0 #333333;
  }
  16.667% {
    box-shadow: 9984px -10px 0 0 #333333, 9999px 0 0 0 #333333, 10014px 0 0 0 #333333;
  }
  33.333% {
    box-shadow: 9984px 0 0 0 #333333, 9999px 0 0 0 #333333, 10014px 0 0 0 #333333;
  }
  50% {
    box-shadow: 9984px 0 0 0 #333333, 9999px -10px 0 0 #333333, 10014px 0 0 0 #333333;
  }
  66.667% {
    box-shadow: 9984px 0 0 0 #333333, 9999px 0 0 0 #333333, 10014px 0 0 0 #333333;
  }
  83.333% {
    box-shadow: 9984px 0 0 0 #333333, 9999px 0 0 0 #333333, 10014px -10px 0 0 #333333;
  }
  100% {
    box-shadow: 9984px 0 0 0 #333333, 9999px 0 0 0 #333333, 10014px 0 0 0 #333333;
  }
}

@media screen and (max-width:991px)
{
    header .brand_logo img {
        max-width: 150px;
    }
    header .navigation{
        display: none;
    }
    header .sidenav-trigger{
        display: block;
    }
    .display-1 {
        font-size: 60px;
    }
    .display-2 {
      font-size: 40px;
    }
    .display-3 {
      font-size: 32px;
    }
    
    .section {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .card.services_card_1 {
        margin-right: auto;
        margin-left: auto;
        border-radius: 24px;
    }
    .services_card_content{
        padding-right: 24px;
        padding-left: 24px;
    }

    .home .case_studies .swiper-navigations {
        top: 17px;
    }
    
    .contact{
        display: block;
        padding-top: 30px;
    }
    .browser-default{
        border-radius: 12px;
        min-height: 60px;
    }
}

@media screen and (max-width:600px)
{
    .btn-primary {
        width: 100%;
        padding: 18px 24px;
    }
    .btn-secondary {
        width: 100%;
        padding-top: 18px;
        padding-bottom: 18px;
    }

    header .brand_logo img {
        max-width: 100px;
    }
    main{
        padding-top: 30px;
    }
    footer .inner_container{
        display: block;
        text-align: center;
    }
    footer .social_icons ul{
        justify-content: center;
        margin-top: 15px;
    }
    .container {
        padding-right: 20px;
        padding-left: 20px;
    }
    .display-1 {
        font-size: 40px;
    }
    .display-2 {
      font-size: 36px;
    }
    .display-3 {
      font-size: 26px;
    }
    .display-4 {
      font-size: 20px;
    }
    .section {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .card.services_card_1 {
        border-radius: 20px;
    }
    .services_card_content {
        padding-top: 32px;
        padding-bottom: 40px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .flex_row{
        display: block;
    }
    .flex_row .btn-secondary{
        margin-top: 20px;
    }

    .home .case_studies .swiper-slide a{
        grid-template-columns: none;
        grid-row-gap: 20px;
    }
    .home .case_studies .swiper-navigations {
        top: 10%;
        width: 100px;
    }
    .home .case_studies .swiper .card_footer{
        justify-content: center;
        text-align: center;
    }

    .testimonialsSwiper{
        padding-bottom: 25px;
    }
    .testimonialsSwiper .swiper-navigations {
        position: absolute;
        bottom: 13px;
        left: 65px;
    }
    .swiper-button-next,
    .swiper-button-prev{
        border-radius: 5px;
        max-height: 34px;
        max-width: 34px;
        min-height: 34px;
        min-width: 34px;
    }
    .swiper-button-next:after, 
    .swiper-button-prev:after{
        font-size: 16px;
    }
    .testimonialsSwiper .swiper-navigations .swiper-button-prev{
        left: -43px;
    }
    .testimonialsSwiper .swiper-navigations .swiper-button-next{
        right: -34px;
    }

    .samplesSwiper{
        padding: 0 20px;
    }

    .home .blogs .grid-2-columns{
        display: block;
    }
    .home .blogs .grid-2-columns a{
        display: block;
        float: unset;
        margin: 20px 0;
    }
    body.services .card{
        display: block;
    }
    body.services .card h3{
        margin-top: 15px;
    }
    body.services .flex_row {
        display: block;
    }
    body.services .grid-2-columns {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-row-gap: 10px;
    }
    body.services .grid-2-columns p{
        margin-top: 0;
    }

    .about .about_pic{
        float: none;
    }
    .about .about_pic img {
        max-width: 100%;
    }
    .about .flex_row{
        margin-top: 30px;
        padding: 0 20px;
    }
}