/* CSS Document */

/* @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    font-display: swap;
    src: url(../fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4n.ttf) format('truetype');
  }

  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-display: swap;
    src: url(../fonts/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1y4n.ttf) format('truetype');
  } */


  /* @font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvgUE.ttf) format('truetype');
  }


  @font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/TK3_WkUHHAIjg75cFRf3bXL8LICs1xZogUE.ttf) format('truetype');
  } */

  /* @font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w-.ttf) format('truetype');
  } */

  /* Global CSS */

  body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	width: 100%;
  font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}

a {
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}

a:not(.btn):hover {
	text-decoration: underline;
}

input,
select,
textarea,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-size: inherit;
	font-weight: inherit;
}

main {
	overflow: hidden;
}

u>span {
	text-decoration: inherit;
}

ol,
ul {
	padding-left: 2.5rem;
	margin: .625rem 0;
}

p {
	word-wrap: break-word;
}

h1>span,
h2>span,
h3>span,
h4>span,
h5>span,
h6>span {
	display: block;
	word-wrap: break-word;
}

iframe {
	border: 0;
}

* {
	box-sizing: border-box;
}

:root.js-text-scaling {
	--mobile-font-size: 4vw;
	--default-font-size: 16px;
}

.fw900 {
  font-weight: 900;
}

.fw700 {
  font-weight: 700;
}

.fw600 {
  font-weight: 600;
}

.fw500 {
  font-weight: 500;
}

.fw400 {
  font-weight: 400;
}

.montserrat {
  font-family: "Montserrat";
}

.theme-gradient {
  background-image: linear-gradient(145deg, #c9bb7a, #c9af3e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

.roboto {

  font-family: "Roboto", Sans-serif;

}

/* Custom */

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

.container {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
    padding: 0 1.25rem;
}


.img-responsive {
    max-width: 100%;
    height: auto;
    position: relative;
}


.logo-img {
    max-width: 130px;
    height: auto;
}

.color-white {
    color: #ffffff;
}

.color-red {
  color: rgb(248, 0, 0);
}

.color-brand {
  color: #c9b55e;
}

.logo {
    max-height: 80px;
    padding:10px 10px;
}

.headline {
  font-size: 36px;
  line-height: 40px;
  text-transform: capitalize;
  font-weight: 800;
  text-align: center;
}

.headline span {
  display:inline-block
}

.sub_title {
  margin-top: 20px;
  color: #c6c9d8;
  font-size: 24px;
  line-height: 40px;
  margin-bottom:10px;
}

.q_headline {
  font-size: 28px;
  line-height: 1.4em;
  margin-top: 20px;
}

section {
  position: relative;
  /* max-width: 900px;
  margin: 0 auto; */
  margin-top: 50px;
}

.yncontainer {

  margin-top: 15px;

}

.d-flex {
  display: flex;
  align-items: center;
  /*max-width: 500px;*/
}

.dflex {
  display: flex;
  align-items: center;
  max-width: 500px;
}

.radio {
  width: 100%;
}

.radio:not(:first-child) {
  margin-left: 15px;
}

.qs_input {
  display: none;
}

.qslabel {
  display: block;
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 1em;
  text-align: center;
  background: #18b182;
  transition: .3s;
  width: 100%;
  color: #ffffff;
  border-radius: 5px;
  padding: 12px 10px;
  cursor: pointer;
}

.red {
  background: red;
}

.loadingtxt {
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  display: none;
}


  .intro-menu {

    background:#ffffff;
    height: auto;
    position: relative;

  }

  /* media query for mobile */

  @media only screen and (max-width:767px) {

    .headline {
        font-size: 24px;
    }

    .sub_title {
        margin-top: 10px;
        font-weight: 300;
        line-height: 1.5em;
        font-size: 20px;
    }

    section {
        position: relative;
        margin-top: 20px;
    }

    .q_headline {
        font-size: 18px;
        line-height: 1.4em;
        margin-top: 5px;
    }

    .div_desk_leave_chat {
      display: none!important;
    }

    .user-section {
      border-bottom: 0!important;
    }

  }


  body {
    position: relative;
      outline: none;
      background: url(../img/bg.webp);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      height: 100%;
      min-height: 100vh;
    padding-top: 0px;
    padding-bottom: 0px;
    z-index: 1;
  }

  /*.hero-img:before {*/
  /*body:before {
position: absolute;
content:" ";
top:0;
left:0;
width:100%;
height: 100%;
display: block;
z-index:-1;
background: rgba(255, 255, 255,0.5);
}*/
  section.hero-img {
    margin: 0px;
  }
  section.hero-img main {
    width: 545px;
    overflow: hidden;
    background: #fff;
    margin: 0px auto 0px auto;
    padding: 0px 5px 10px 5px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 15px;
        margin-top: 30px;
  }
  .logo-warp {
    text-align: center;
    margin-bottom: 0px;
    box-shadow: 0 9.5px 12.7px 0 rgba(0, 0, 0, 0.05);
  }
  .logo-warp img {
    max-width: 60px;
  }

/*   .logo_container {
    padding:0 10px;
  } */

  .steps {
    display: none;
  }
  .steps.active {
    display: block;
  }

  .steps h1.box-title {
    background: #c9af3e;
    color: #fff;
    font-size: 24px;
    padding: 12px;
    font-weight: 500;
    font-family: "Open Sans", sans-serif;
  }
  .steps.step-1 p {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .steps.step-1 h1.box-title {
    margin-bottom: 20px;
    font-weight: 700;
    text-align: center;
    color: #373b3e;
  }
  .steps .sign {
    width: 170px;
    text-align: center;
    position: relative;
  }
  .steps .sign h5 {
    font-size: 18px;
    font-weight: 600;
  }
  .steps .sign img {
    width: 100px;
  }
  .steps .sign::after {
    content: "";
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 34px;
    height: 2.5px;
    background: #c9af3e;
    z-index: 1;
  }
  .steps .button-section {
    border-top: 2.5px solid #c9af3e;
    padding-top: 15px;
    margin-top: 30px;
  }
  .steps .button-section button.btn {
    background: #c9af3e;
    border: #c9af3e;
    display: block;
    width: 100%;
    border-radius: 0px;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 10px;
  }
  .steps .support-title {
    display: flex;
    justify-content: flex-end;
  }
  .steps .support-title span {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    background: #c9af3e;
    color: #fff;
    padding: 8px 15px;
    border-radius: 5px 0px 0px 0px;
  }

  .user-section .searching {
     font-size: 18px;
     margin-top: 40px;
     display: flex;
     align-items: center;
  }

  .user-section .fa-spin {
    font-size: 30px;
    margin-right: 10px;
  }

  .steps .user-section .agent_info {
    padding: 30px 0px 10px 0px;
  }
  .steps .user-section .agent_info {
    display: flex;
    align-items: center;
  }
  .steps .user-section img {
    border: 3px solid rgb(30, 37, 82);
    height: 65px;
    width: 65px;
    border-radius: 50px;
    margin-right: 12px;
  }

  .user-section {
    position: relative;
  }

  .steps .user-section .fa-dot-circle {
    color: #18e918;
    font-size: 18px;
    position: absolute;
    bottom: 10px;
    left: 45px;
    background-color: #18e918;
    border-radius: 50%;
  }


  .steps .user-section h4 {
    font-size: 18px;
    font-weight: 700;
  }
  .steps .user-section h5 {
    font-size: 16px;
    font-weight: 500;
  }
  .steps ul.message-list {
    list-style: none;
    margin: 20px 0px 0px 0px;
    padding: 0px;
    overflow: hidden;
  }
  .agent_msg {
    background: #2384ff;
    margin-bottom: 4px;
    padding: 20px 15px 20px 18px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #fff;
    border-radius: 26px;
    margin-right: 50px;
    position: relative;
    float: left;
  }

  .steps.step-2 .button-section button.btn:first-child {
    margin-bottom: 10px;
  }
  .steps .copyright-section {
    text-align: center;
    margin-top: 12px;
    color: rgb(41, 122, 255);
  }
  .steps .copyright-section a {
    color: rgb(41, 122, 255);
    font-weight: 600;
  }
  .steps.step-3 .support-title {
    border-bottom: 2.5px solid #c9af3e;
  }
  .steps.step-3 p.ty-message {
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 500;
  }
  @keyframes dot1 {
    0%,
    20% {
      opacity: 0.25;
    }

    50% {
      opacity: 1;
    }
  }

  @keyframes dot2 {
    0%,
    50%,
    70% {
      opacity: 0.25;
    }

    80% {
      opacity: 1;
    }
  }

  @keyframes dot3 {
    0%,
    80%,
    100% {
      opacity: 0.25;
    }

    50% {
      opacity: 1;
    }
  }
  .type-section {
    display: flex;
    align-items: baseline;
    margin-top: 25px;
  }
  .dots {
    display: flex;
  }
  .dot {
    width: 8px;
    height: 8px;
    margin-left: 4px;
    border-radius: 50%;
    background-color: #ffffff;
    opacity: 0.25;
  }
  .dot1 {
    animation: dot1 1s infinite;
  }
  .dot2 {
    animation: dot2 1s infinite;
    animation-delay: 0.1s;
  }
  .dot3 {
    animation: dot3 1s infinite;
    animation-delay: 0.2s;
    margin-right: 5px;
  }
  .type-section span.company-name {
    margin-right: 7px;
    color: #ccc;
    font-size: 14px;
    font-weight: 700;
  }
  .steps .button-section.button-hidden {
    margin-top: 5px;
  }
  .steps .button-section.button-hidden button.btn {
    display: none;
  }
  @media only screen and (max-width: 767px) {
    .steps .copyright-section {
      margin-top: 30px;
    }
    .steps .copyright-section a {
      font-weight: 600;
      font-size: 12px;
    }


    .screen1 {
      margin-top: 30px;
      background: url("../img/legalbg.png") no-repeat center fixed;
      background-size: contain;
    }

  }

  .top_right_sticker {
    background: rgb(30, 37, 82);
    border-radius: 15px;
    padding: 15px 5px 15px 5px;
    font-size: 14px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

/*   .step-2 {
    padding-bottom: 120px!important;
  } */

  .pr-0 {
    padding-right: 0;
  }

  .center-it {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .main-btn {
    background: rgb(17, 180, 39);
    border: 0;
    outline: 0;
    color: #ffffff;
    font-size: 16px;
    border-radius: 30px;
    padding: 10px 30px 10px 30px;
    font-weight: 600;
    min-width: 280px;
  }

  .start-btn-holder {
     margin-top: 20px;
     margin-bottom: 20px;
  }

  .steps {
    padding-right: 10px;
  }

  .usps {
     margin-top: 30px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 0px;
  }

  .usp {
    background: #c9b55e;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 5px;
    border-radius: 10px;
    width: 100px;
    height: 120px;
    display: -webkit-flex;
    display: flex;
    align-items: center;
  }


  .usp:nth-child(2) {
    margin: 0 15px;
  }

  .usp .fas {
    font-size: 20px;
    margin-bottom: 8px;
  }

  .message-list {
    position: relative;
  }

  .agent_msg:before {
    content: "";
    width: 20px;
    height: 12px;
    display: block;
    background-image: url("../img/shout.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    bottom: -3px;
    left: -5px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }

  .color-green {
    color: rgb(17, 180, 39);
  }

  .mr-5 {
    margin-right: 5px;
  }
  .mr-10 {
    margin-right: 10px;
  }

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

  .mt-40 {
    margin-top: 40px;
  }

  .mt-30 {
    margin-top: 30px;
  }

  .mt-25 {
    margin-top: 25px;
  }

  .mt-20 {
    margin-top: 20px;
  }

  .mt-15 {
    margin-top: 15px;
  }

  .mt-10 {
    margin-top: 10px;
  }

  .mt-5 {
    margin-top: 5px;
  }

  .steps ul.message-list li span {
   font-weight: 500;
   line-height: 1.5em;
  }

  .user_choice {
    float: right;
    background: rgb(30, 37, 82);
    margin-bottom: 4px;
    margin-left: 50px;
    padding: 20px 15px 20px 18px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
    border-radius: 26px;
    line-height: 1.6em;
    cursor: pointer;
    display: block;
    width: 100%;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 1px, rgba(0, 0, 0, 0.22) 0px 6px 6px !important;
  }

  .box_shad {
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
  }

  .box_shad2 {
    box-shadow: rgba(3, 102, 214, 0.3) 0px 0px 0px 3px;
  }

  .user_choice .fas {
    font-size: 20px;
  }

  section.hero-img main {
    overflow: inherit;
  }

  .step-2 {
    padding-right: 0;
  }

  .leave_chat {
    background:rgb(248, 0, 0);
    color: #ffffff;
    width: 100%;
    position: fixed;
    padding: 5px 0;
    bottom: 0;
    margin: 0;
    right: 0;
    cursor: pointer;
  }

  .stk2 .fa-star {
    color: #ffd000;
    font-size: 18px;
    margin-top: 5px;
  }

  .stk2 .fa-balance-scale {
    font-size: 35px;
    margin-right: 5px;
    margin-left: 10px;
  }

  .mt-110 {
    margin-top: 110px;
  }

  /* .hero-img {
    padding-bottom: 120px;
  } */


  .label-container{
    position:fixed;
    bottom:50px;
    right:75px;
    display:table;
    visibility: hidden;
  }

  .label-text{
    color:#FFF;
    background:rgb(30, 37, 82);
    display:table-cell;
    vertical-align:middle;
    padding:10px;
    border-radius:5px;
  }

  .label-arrow{
    display:table-cell;
    vertical-align:middle;
    color:rgb(30, 37, 82);
    opacity:1;
  }

  .float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:10px;
    background-color:rgb(30, 37, 82);
    color:#FFF;
    border-radius:50px;
    text-align:center;
    box-shadow: 2px 2px 3px #222222;
  }

  .my-float{
    font-size:24px;
    margin-top:18px;
  }

  a.float + div.label-container {
/*     visibility: hidden;
    opacity: 0;  */
    visibility: visible;
    opacity:1;
    transition: visibility 0s, opacity 0.5s ease;
  }

  a.float:hover + div.label-container{
    visibility: visible;
    opacity: 1;
  }

  .floating_chat .fa-comment-dots {
    font-size:25px;
    line-height: 60px;
  }

  .label-arrow {
    margin-top: 15px;
    margin-left: -0.9px;
  }

  .hidden_div {
    display: none!important;
  }

  .custom-model-main {
    text-align: center;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; /* z-index: 1050; */
    -webkit-overflow-scrolling: touch;
    outline: 0;
    opacity: 0;
    -webkit-transition: opacity 0.15s linear, z-index 0.15;
    -o-transition: opacity 0.15s linear, z-index 0.15;
    transition: opacity 0.15s linear, z-index 0.15;
    z-index: -1;
    overflow-x: hidden;
    overflow-y: auto;
  }

  .model-open {
    z-index: 99999;
    opacity: 1;
    overflow: hidden;
  }
  .custom-model-inner {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    display: inline-block;
    vertical-align: middle;
    width: 600px;
    margin: 30px auto;
    max-width: 97%;
  }
  .custom-model-wrap {
    display: block;
    width: 100%;
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
    text-align: left;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-height: calc(100vh - 70px);
    overflow-y: auto;
  }
  .model-open .custom-model-inner {
    position: relative;
    z-index: 999;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .model-open .bg-overlay {
    background: rgba(0, 0, 0, 0.6);
    z-index: 99;
  }
  .bg-overlay {
    background: rgba(0, 0, 0, 0);
    height: 100vh;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    -webkit-transition: background 0.15s linear;
    -o-transition: background 0.15s linear;
    transition: background 0.15s linear;
  }
  .close-btn {
    position: absolute;
    right: 0;
    top: -30px;
    cursor: pointer;
    z-index: 99;
    font-size: 30px;
    color: #fff;
  }
/*
  @media screen and (min-width:800px){
    .custom-model-main:before {
      content: "";
      display: inline-block;
      height: auto;
      vertical-align: middle;
      margin-right: -0px;
      height: 100%;
    }
  } */
  @media screen and (max-width:799px){
    .custom-model-inner{margin-top: 45px;}
  }


  .custom-model-main h2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    color: rgb(30, 37, 82);
    padding-top: 20px;
  }

  .mb-10 {
    margin-bottom: 10px;
  }

  .mb-20 {
    margin-bottom: 20px;
  }

  .second-btn {
    border: 0;
    outline: 0;
    color: #ffffff;
    font-size: 16px;
    border-radius: 30px;
    padding: 10px 30px 10px 30px;
    font-weight: 600;
    min-width: 280px;
  }

  .bg-green {
    background: rgb(17, 180, 39);
  }

  .bg-red {
    background: rgb(248, 0, 0);
  }

  .pop-up-content-wrap {
    padding-bottom: 30px;
  }

  .second-btn:hover, .second-btn:focus, .second-btn:active {
    box-shadow: rgba(3, 102, 214, 0.3) 0px 0px 0px 3px;
  }

  @media only screen and (min-width: 768px) and (min-height: 735px) {
    /*body {*/
    /*  overflow: hidden;*/
    /*}*/
  }

  @media only screen and (min-width: 768px) {

    main {
      box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
      border-radius: 15px;
      margin-top: 30px!important;
      padding-bottom: 0px!important;
    }

    .desktop_head_holder{
      max-width: 100%;
      justify-content: space-evenly!important;
    }

      .top_right_sticker {
        border-top-right-radius: 15px;
        border-bottom-right-radius: 0px;
        margin-right: -13px!important;
    }

    section.hero-img main {
      padding: 0;
      background: rgb(252 252 252);
    }

    .logo-warp {
      background:#fff;
      box-shadow: 0 9.5px 12.7px 0 rgba(0, 0, 0, 0.05);
      border-top-left-radius: 15px;
      border-top-right-radius: 15px;
    }

    .steps {
      padding-top: 30px;
      padding-right: 20px;
      padding-left: 20px;
    }

     body {
      position: relative;
      outline: none;
      background: url(../img/bg.webp);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      height: 100%;
      min-height: 100vh;
     }

/*      .hero-img::after {
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        background: rgba(255, 255, 255, 0.9);
        z-index: -1;
        width: 100%;
        height: 100%;
    } */

    .steps.step-1 p {
        font-size: 18px;
        margin-bottom: 15px;
    }

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

    .top_right_sticker {

      font-size: 16px;

    }

    .logo-warp img {
        max-width: 60px;
    }

    .main-btn {
      background: rgb(17, 180, 39);
      border: 0px;
      outline: 0px;
      color: rgb(255, 255, 255);
      font-size: 18px;
      border-radius: 30px;
      padding: 18px 60px;
      font-weight: 600;
      min-width: 350px;
  }

    .usp {
      font-size: 16px;
      width: 150px;
      height: 130px;
      padding: 10px 10px;
  }

    .usp:nth-child(2) {
        margin: 0 30px;
    }

    .usps {
        margin-top: 35px;
    }

    .step-1 {
      padding-right: 30px;
      padding-left: 30px;
    }

    .step-2 {
      padding-top: 0;
      padding-right: 0px;
      padding-left: 30px;
    }

    .agent_msg:before {
      bottom: -1px;
    }

    .user-section {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-bottom: 10px;
      padding-right: 10px;
      margin-right: 25px;
    }

    .leave_chat {
      display: none!important;
    }

    .div_desk_leave_chat {
      padding-top: 18px;
      margin-right: -10px;
      cursor: pointer;
      display: none;
    }

    .d_leave_chat_btn {
      font-size: 16px;
      color: red;
      font-weight: 600;
    }

    section.hero-img main {

      width: 700px!important;
      /*min-height: 690px;*/

     }

    .message-list {
      /*height: 510px;*/
      overflow-x: hidden;
      overflow-y: scroll;
      padding-bottom: 0px;
      padding-right: 15px!important;
      margin-top: 0!important;
    }


    .message-list::-webkit-scrollbar-track
    {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      background-color: #F5F5F5;
      border-radius: 10px;
    }

    .message-list::-webkit-scrollbar
    {
      width: 10px;
      background-color: #F5F5F5;
    }

    .message-list::-webkit-scrollbar-thumb
    {
      border-radius: 10px;
      background-image: -webkit-gradient(linear,
                         left bottom,
                         left top,
                         color-stop(0.44, rgb(122,153,217)),
                         color-stop(0.72, rgb(73,125,189)),
                         color-stop(0.86, rgb(28,58,148)));
    }

    .message-list li:first-child {
      margin-top: 20px!important;
    }

/*     .message-list li:nth-last-child(2) {
      margin-bottom: 30px!important;
    } */

    .steps .user-section .agent_info {
      padding-top: 20px;
      padding-bottom: 0;
     }

     .desk_mb {
      margin-bottom: 30px!important;
     }

     .desk_ml_190 {
      margin-left: 190px!important;
     }

     .desk_ml_150 {
      margin-left: 150px!important;
     }

     .desk_mb_240 {
      margin-bottom: 240px!important;
     }


  }