/*@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');
*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap');


:root {
  --main-color: #8FCC33;
  --website-font: 13px;
  --sec-color: #16A9E4;
  --bg-color: #F2F7FF;
  --bg-color-dark: #e7ebfb;
  --bg-dark: #262262;
  --btn-padding: 16px 58px;
  --text-color: #333333;
  --text-light: #999999;
  --border-color: #eee;
  --border: 1px solid #eee;
  --border-radius: 5px;
  --vertical-spacing: 30px 0;
  --vertical-spacing-single: 30px;
  --nobanner-padding: 120px;
  --uppercase: uppercase;
  --half-bspace: 48%;
  --full-bspace: 100%;
  --tri-bspace: 31.3%;
  --letter-spacing:1.2px;
  --space-40:40px;
  --line-height:28px;
  --font-family:'Open Sans', sans-serif;
}

html, .modal-content{scroll-behavior: smooth;}
body{font-family: var(--font-family);color: var(--text-color);line-height: var(--line-height); font-size: var(--website-font);}
h1,h2,h3,h4,h5,h6{font-weight: 700;}
p{font-size: var(--website-font);font-weight: 400;}
.btn{}
.txt-left{text-align: left !important;}
a{color:var(--text-color); text-decoration: none;font-size: var(--website-font);font-weight: 400;}
a:hover{text-decoration: none;color:var(--text-color);}
ul{list-style: none;}
.breadcrumb{margin-bottom: var(--space-40);}
table{word-break: break-word;}
thead{background-color: var(--bg-color-dark);color:#000;}
tbody{text-align: left; }
tbody tr {
    background-color: #ffffff;
}
.table td{padding: 6px;}
.table th{padding: 8px 6px;}
.table thead th, .table tbody th {
    vertical-align: middle;
    border-bottom: 0px solid #dee2e6;
}
#reminder-table table td{vertical-align:middle;}
#reminder-table table td:last-child{border-left:1px solid #dadada;} 
.table thead th:last-child, .table tbody th:last-child{text-align: center;}
.table td:last-child{text-align: center;}
input[type="text"], input[type="search"], input[type="hidden"], input[type="email"], input[type="password"] select, input[type="date"], .select2-container .select2-selection--single, .custom-chosen .chosen-container-multi .chosen-choices, .acts-page .form-box input[type="text"], .acts-page .form-box select, .acts-page .form-box input[type="date"],.reminder-popup .modal-dialog.modal-lg .modal-body ul li input[type="text"]{font-weight: 400;width: 100%;border: 1px solid #dadada;padding: 6px;margin-bottom: 20px;border-radius: 4px;background: #ffffff;font-size: var(--website-font); color: var(--text-color);height: 40px; border-radius: 5px;}
.custom-chosen.multi-state .select2-container--default .select2-selection--multiple{border: 1px solid #dadada;padding: 5px 0;}
.acts-page .compliance-library .cc-selection .custom-chosen.multi-state ul li{margin: 0;}
.acts-page .compliance-library .cc-selection .custom-chosen.multi-state ul li.select2-selection__choice{background-color: var(--sec-color); border-color: var(--sec-color); color:#ffffff;margin-right: 5px;}
.acts-page .compliance-library .cc-selection .custom-chosen.multi-state ul li.select2-selection__choice span{color: #ffffff;}
.form-box .select2-container .select2-selection--single{margin: 0;}

#loading {}
#loading img{width: 150px; height: 150px; border-radius: 50%;}
.request-loader {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 150px;
  width: 150px;
  border-radius: 100%;
  background: #ffffff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
}
.request-loader span {
  position: relative;
  font-size: 72px;
  top: 5px;
  left: -5px;
}
.request-loader::after {
  opacity: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  height: 100%;
  width: 100%;
  border: 8px solid rgba(143, 204, 51, 0.4);
  border-radius: 100%;
  -webkit-animation-name: ripple;
          animation-name: ripple;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
          animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
  z-index: -1;
}
.request-loader::before {
  opacity: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  height: 100%;
  width: 100%;
  border: 8px solid rgba(143, 204, 51, 0.4);
  border-radius: 100%;
  -webkit-animation-name: ripple;
          animation-name: ripple;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
          animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
  z-index: -1;
}

@-webkit-keyframes ripple {
  from {
    opacity: 1;
    transform: scale3d(0.75, 0.75, 1);
  }
  to {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1);
  }
}

@keyframes ripple {
  from {
    opacity: 1;
    transform: scale3d(0.75, 0.75, 1);
  }
  to {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1);
  }
}

#loading .white-trans-bg{background-color: rgba(255,255,255,0.8); position: fixed; left: 0; top:0;width: 100%; height: 100%; z-index: 3;text-align: center;display: flex; justify-content: center; align-items: center;}
td,th,td a{font-size: 12px; line-height: 19px; font-weight: 400;color: var(--text-color);}
td {color: var(--text-color);}
td a:hover{text-decoration: underline;}
th{font-size: 12px;text-align: left;line-height: 12px; font-weight: 600;background-color: var(--sec-color);color:#fff;border: none;}
td a.eye{    /* font-size: 0px; */ color: transparent; background: url(../imgs/eye.png) no-repeat; width: 20px; height: 20px; background-size: cover;    display: inline-flex;}
.table-bordered thead th{border-bottom: 0px;}
.text-left{text-align: left;}
.dataTables_filter, .search-box{text-align: right;font-size: 13px;}
div.dataTables_wrapper div.dataTables_filter label,div.dataTables_wrapper div.dataTables_filte{text-align: right;text-transform: none;margin: 0;display: block;}
div.dataTables_wrapper div.dataTables_length label,div.dataTables_wrapper div.dataTables_length{text-align: left; text-transform: none;}
div.dataTables_wrapper div.dataTables_length select{width: auto; margin: 0; height: auto;}
div.dataTables_wrapper div.dataTables_filter input, .search-box input{border:1px solid var(--border-color);padding: 5px 10px;width: 70%;border-radius: 5px;margin-bottom: 0;}
.dataTables_info{text-align: left;}
/*Links & Buttons*/
.primary-button, .grey-botton, .button2, .button1{border-radius: 5px; background-color: var(--main-color); border: none; color: #FFFFFF; width: auto;cursor: pointer; font-weight: 400; display: inline-block; justify-content: center; align-items: center;padding: 5px 30px;height: 40px;}
.primary-button:hover{color: #ffffff;}
.primary-button a {color: #ffffff;}
.primary-button span {cursor: pointer;display: inline-block; position: relative; transition: 0.5s;}
.primary-button span:after {content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s;}
.primary-button:hover span {padding-right: 25px;}
.primary-button:hover span:after {opacity: 1;right: 0;}

.primary-link{color: var(--main-color); text-decoration: underline;}

.primary-button-border{border-radius: 5px; border: 1px solid var(--main-color); color: var(--main-color); width: 170px;cursor: pointer;font-weight: 400; display: flex; justify-content: center; align-items: center;height: 40px;background-color:#ffffff;}
.primary-button-border:hover{color: #ffffff;background-color:var(--main-color);}

.primary-button-noborder{border-radius: 0 0 5px 5px; color: var(--main-color); width: 100%;cursor: pointer;font-weight: 400; display: flex; justify-content: center; align-items: center;height: 40px;background-color:#ffffff;}
.primary-button-noborder:hover{color: #ffffff;background-color:var(--main-color);}

.primary-button-border span {cursor: pointer;display: inline-block; position: relative; transition: 0.5s;}
.primary-button-border span:after {content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s;}
.primary-button-border:hover span {padding-right: 25px;}
.primary-button-border:hover span:after {opacity: 1;right: 0;}

.sec-button{background-color: var(--sec-color);color:#fff;padding: var(--btn-padding);border-radius: 5px;}
.sec-button:hover{background-color: #000000; color:#ffffff;}

.sec-button-sml, .edit-reminder-tab .all-reminders li a.sec-button-sml{background-color: var(--sec-color);color:#fff;padding: 5px 20px;border-radius: 5px;}
.sec-button-sml:hover, .edit-reminder-tab .all-reminders li a.sec-button-sml:hover{background-color: var(--main-color); color:#ffffff;}

.grey-botton, .button1{background-color:rgba(3,3,3,0.5); color: #ffffff !important;}
.grey-botton:hover, .button1{background-color:rgba(3,3,3,0.7);transition: all 0.5s ease;color: #fff;}

 .primary-button.login, .primary-button.sign-up{width: 100px;padding: 5px 10px;}

.keep-center{margin: auto;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color: var(--sec-color);}
/*has-error*/
.has-error { border:1px solid #d54343 !important;}

#myBtn {
  display: none;
  position: fixed;
  bottom: 60px;
  right: 20px;
  z-index: 99;
  font-size: var(--website-font);
  border: none;
  outline: none;
  background-color: var(--text-color);
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #000000;
}

.select2-results__option{font-size: var(--website-font);}


/*Split Box*/
.split-panel{display: flex; justify-content: space-between; flex-wrap: wrap;}
.split-box{width: var(--half-bspace);}

/*--- Custom Chosen --- */
.custom-chosen .chosen-container .chosen-search-input,
.custom-chosen .chosen-container {
  width: 100% !important;
  display: block !important;
}
.custom-chosen .chosen-container {
  font-size: var(--website-font);
}
.custom-chosen .chosen-container-multi .chosen-choices {
  background-image: none;
  border: 1px solid #dadada;
  border-radius: 5px;
  padding: 0px 20px 0px 50px;
  background-image: url(../imgs/search.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 20px;
}
.custom-chosen
  .chosen-container-multi
  .chosen-choices
  li.search-field
  input[type="text"] {
  height: 36px;
}
.custom-chosen .chosen-container-multi .chosen-choices li.search-choice {
  background: var(--sec-color);
  padding: 8px 50px 8px 14px;
  border: none;
  margin: 3px;
  font-size: var(--website-font);
  line-height: 16px;
  color: #fff;
  border-radius: 20px;
}
.custom-chosen
  .chosen-container-multi
  .chosen-choices
  li.search-choice
  .search-choice-close,
.custom-chosen
  .chosen-container-multi
  .chosen-choices
  li.search-choice
  .search-choice-close {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 12px;
  display: inline-block;
      top:-2px;
}
.custom-chosen .chosen-container-multi .chosen-choices{margin-bottom: 0px;}
.custom-chosen
  .chosen-container-multi
  .chosen-choices
  li.search-choice
  .search-choice-close:before,
.custom-chosen
  .chosen-container-multi
  .chosen-choices
  li.search-choice
  .search-choice-close:after {
  content: "";
  width: 2px;
  height: 16px;
  background: #fff;
  position: absolute;
  transform: rotate(45deg);
  right: 11px;
  top: 11px;
}
.custom-chosen
  .chosen-container-multi
  .chosen-choices
  li.search-choice
  .search-choice-close:after {
  transform: rotate(-45deg);
}
.custom-chosen .chosen-container .chosen-results li.active,
.custom-chosen .chosen-container .chosen-results li.highlighted {
  background-image: none;
  background: var(--sec-color);
  color: #fff;
}

/*header starts*/
header{display:flex;flex-wrap:wrap;align-items:center;padding:0px 30px; padding: 5px 30px; width:100%;z-index: 3;border-bottom: var(--border);background-color: #ffffff;position: relative;}
.comp-logo img{height: 45px;}
header>div {align-items: center;}
header>div.comp-logo {align-items: flex-start;}
header>div:nth-child(2) {flex-grow: 8;text-align: right}
.comp-logo.comp-logo-home{text-align: left;}
header>div:nth-child(3) {text-align: right}
header ul{margin: 0;padding: 0;}
header ul li{list-style: none;display: inline;font-weight: 400;padding: 30px 10px;font-size: var(--website-font);position: relative;}
header ul li a{list-style: none;display: inline;font-weight: 400;}
header ul li a:hover{color:var(--main-color);}
header ul li.active a{color: var(--main-color);}
header ul li i{font-size: 12px;}
header ul li small, .left-nav-panel ul li small
{
font-size: 10px;
    background-color: red;
    color: #ffffff;
    position: absolute;
    top: 15px;
    left: 10px;
    padding: 0 5px;
    margin: 0;
    line-height: 17px;
    border-radius: 2px;
}
.left-nav-panel ul li small{position: relative;top:0; left: 5px;}

header li.products-nav{position: relative;}
header li.products-nav small{width: 0; height: 0; border-left: 5px solid transparent;border-right: 5px solid transparent; border-top: 5px solid #000;top: 10px; position: relative; left: 4px;}
/*header li.products-nav:after{content: '‣'; position: absolute; top: 24px; right: 2px; transition: 0.5s;transform: rotate(90deg); font-size: 24px;}*/
header li.products-nav ul{display: none; width: 150px;position: absolute;left: -30px;top:60px;margin: 0; padding: 10px;text-align: left;background: #ffffff;border:1px solid var(--border-color);box-shadow: 1px 3px 10px rgba(0,0,0,0.2);z-index: 1;}
header li.products-nav ul li{display: block;}
header li.products-nav ul li{padding: 0;}
header li.products-nav:hover ul{display: block;}
.sign-up{display: none;}
.logged-in li.products-nav ul{left:-90px;}


.mobile-menu,.overlay,.inleft-nav{display: none;}

/*Banner Home*/
.banner-home{position: relative; width: 100%;height:500px; /*height: 100vh;*/ display: inline-block;}
.banner-home:before{position: absolute; content: ""; top:0; left: 0; background-image: url("../imgs/home-banner.png"); width: 100%;height: 100%;background-size: cover;-webkit-animation: zoom 50s; /* Chrome, Safari, Opera */ animation: zoom 50s;z-index: 0;background-position: center;}
.banner-home .banner-content{width: 100%; display: flex; align-items: center; justify-content: flex-start;height: 100%;padding-top: 80px;}
.banner-home .banner-data{width: 70%; z-index: 1;}
.banner-home h1{font-size: 52px;}
.banner-home p{font-size: 24px; line-height: 42px;margin-bottom: var(--space-40);}
.banner .banner-signup{width: 270px;}

.bc-box{border:1px solid #dadada;border-radius: 5px;background-color: #ffffff;}
.bc-box h3{font-size: 13px; padding: 5px;background-color: var(--main-color); color: #ffffff;display: flex; align-items: center;border-radius: 5px 5px 0 0;margin: 0;min-height: 38px;}
.bc-box h3 img{height: 22px;margin-right: 5px;}
.bc-box h3 label{width: 100%;display: inline-block;font-weight: 600;margin: 0;}
.bc-box .nav-pills .nav-link.active{background-color: transparent;color: var(--sec-color);border-bottom: 2px solid var(--sec-color);}
.bc-box .nav-pills .nav-link{color: #999; font-size: 13px;padding: 3px;border-bottom: 2px solid #dadada;border-radius: 0px;font-weight: 500;}
.bc-box .nav-pills li{width: 50%;text-align: center;}
.bc-box .nav-pills {padding: 6px;padding-bottom: 0; padding-top: 0;}
.bc-box .tab-content {padding: 5px;padding-top: 0px;height: 136px; max-height: 130px; overflow-x: hidden; overflow-y: auto;}
.bc-box .tab-content p{font-size: 13px; line-height: 19px;margin-bottom: 0;}
.bc-box .tab-content li{list-style: disc; margin-bottom: 6px; font-size: 13px; line-height: 21px;display: flex;}
.bc-box .tab-content li i{margin-right: 5px; color: var(--text-color);}
.bc-box .tab-content li span{}
.bc-box .tab-content ul{margin: 0;padding: 0;}
.bc-clicks{border-top: 1px solid #dadada;}
.bc-clicks.bc-single{border-top: none;}
.bc-clicks ul{display: block;justify-content: center; align-items: center;margin: 0;padding: 0;}
.bc-clicks.bc-single ul{padding: 20px 0 0px;display: flex;justify-content: center; align-items: center;margin: 0;}
.bc-clicks ul li a{color: var(--main-color); font-size: 13px;display: flex; align-items: center;  font-weight: 600;text-transform: capitalize;width: 100%;}
.bc-clicks.bc-single ul li a{color:#fff;width: 190px;}
.bc-clicks ul li a i{ font-size: 18px;margin-right: 5px;}
/*.banner-home{display: inline-block;}
.banner-home:before{position: absolute; content: ""; top:0; left: 0; background-image: url("../imgs/home-banner.png"); width: 100%;height: 100%;background-size: cover;-webkit-animation: zoom 50s; animation: zoom 50s;z-index: 0;background-position: center;}
.banner-home .banner-content{width: 100%; display: flex; align-items: center; justify-content: flex-start;height: 100%;padding-top: 80px;}
.banner-home .banner-data{width: 70%; z-index: 1;}
.banner-home h1{font-size: 52px;}
.banner-home p{font-size: 24px; line-height: 42px;margin-bottom: var(--space-40);}*/
.banner .banner-signup{width: 270px;}

/*Inner Banner*/
.inner-banner{width: 100%;height: 100vh;color:#fff;display: inline-block;text-align: center;position: relative;}
.inner-banner .banner-content{width: 100%; display: flex; align-items: center; justify-content: flex-start;height: 100%;}
.inner-banner .banner-data{width: 100%;z-index: 1;}
.inner-banner h3{font-size: 34px;font-weight: 300;margin-bottom: 40px;line-height: 42px; }
.inner-banner h1 span {color: var(--main-color);display: block;}
.inner-banner p{font-size: 24px;line-height: 56px;font-weight: 300;}


/*Breadcrumb*/
.web-breadcrumb{}
.web-breadcrumb ul{margin-top: 20px;background-color: var(--bg-color); border-radius: 5px;width: 100%;padding: 10px 20px; text-transform: var(--uppercase);}
.web-breadcrumb ul li{display: inline; padding: 0 20px 0 0;position: relative;font-weight: 400;}
.web-breadcrumb ul li a:after {content: '\00bb'; position: absolute; right: 0px;}
.web-breadcrumb ul li{opacity: 0.5;font-size: var(--website-font);}
.web-breadcrumb ul li a{font-size: var(--website-font);}
.web-breadcrumb ul li a:hover{text-decoration: underline; color: var(--text-color);}

/*single-page*/
.single-page{margin-top: 20px;padding-bottom: var(--vertical-spacing-single);}
.single-page .static-left{background: #ffffff; border: var(--border);padding: 20px;border-radius: var(--border-radius);}
.single-page .static-left ul{text-align: left;margin: 0; padding: 0;}
.single-page .static-left ul li{margin-bottom: 10px;font-weight: 400;}
.single-page .static-left ul li:last-child{margin-bottom: 0px;}
.single-page .static-left ul li.active a{color: var(--main-color);}

.single-page .static-right{background: #ffffff; border: var(--border);padding: 20px;border-radius: var(--border-radius);}
.single-page .static-right h4{margin-bottom: 30px;}
.static-content .static-right ul{list-style: disc;}
.static-content .static-right a {color: var(--sec-color);}
/*Slider Css*/
/* Slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 40px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: var(--sec-color);
}
.icon-silder{background-color: var(--bg-color); padding: 20px 0;}
/*.slick-slider button,.slick-dots{display: none !important;}*/
.slide-content{display: flex !important; flex-wrap: wrap; flex-direction: row;align-items: center;}
.slide-content .s-icons{width: 60px; height: 60px; border:1px solid var(--main-color); border-radius: 50px;display: inline-flex;justify-content: center;align-items: center;}
.slide-content .s-icons img{width: 32px;height: 32px;}
.slide-content label strong{font-size: 18px;display: block;font-weight: 600;}
.slide-content label{margin: 0; margin-left: 20px;font-size: var(--website-font); line-height: 24px;}


/*About Home*/
.about-home{padding: 50px 0;}
.about-content h3{font-weight: 700;margin-bottom: 20px;}
.about-content p{margin-bottom: var(--space-40);line-height: 26px;font-size: 15px;}
.about-overview a{margin: 30px auto 0;display: table;}
.about-panel .about-content{display: flex; flex-direction: column;justify-content: center;text-align: center;}
.about-pointers ul{padding:40px 20px 20px;border: 1px solid var(--border-color);}
.about-pointers ul li{border-bottom: 1px solid var(--border-color);margin-bottom: 20px;position: relative;margin-left: 50px;}
.about-pointers ul li:before{position: absolute; content: ""; width: 36px; height: 36px; top:0; left: -50px;background:url(../imgs/easy.png) no-repeat;background-size: cover;}
.about-pointers ul li:nth-child(2):before{background-image:url(../imgs/find.png); }
.about-pointers ul li:nth-child(3):before{background-image:url(../imgs/simple.png); }
.about-pointers ul li:last-child{border: none;}
.about-pointers ul li label{text-transform: var(--uppercase); font-weight: 700;font-size: 20px;}
.about-pointers ul li p{font-size: 16px; line-height: 28px;}


/*About Us Page*/
.inner-banner.about-page:before{position: absolute; content: ""; top:0; left: 0;   background: linear-gradient(90deg, #17A77B 0%, #73C846 100%); width: 100%;height: 100%;background-size: cover;z-index: 0;}
.inner-banner.articles-list-page{color:var(--text-color);}
.about-overview{/*margin-top: -130px;*/position: relative;}
.about-top-boxes{background: #ffffff; text-align: center;padding: 0 20px;/*border-radius: 30px; border:1px solid var(--border-color);*/min-height: 200px;}
.about-overview .mid-border{border-left: 1px solid var(--border-color);border-right: 1px solid var(--border-color);}
.about-top-boxes figure img{width: 42px;}
.about-top-boxes label{font-size: 20px; /*text-transform: var(--uppercase);*/font-weight: 700;}
.about-overview p{font-size: var(--website-font); line-height: 21px;}

.about-vision{padding: var(--vertical-spacing);text-align: center;}
.about-vision h2{margin-bottom: 40px;text-transform: var(--uppercase);}
.vision-panel p{text-align: left;}
.vision-panel .vision-box{text-align: left;}
.vision-panel figure.vision-box {height: 420px;}
.vision-panel figure.vision-box img{width: 100%;}
.about-vision hr{margin-top: var(--space-40);}

/*Key Milestones*/
.key-milestones{background-color: var(--bg-color);padding-top: var(--vertical-spacing-single);text-align: center;position: relative;}
.key-milestones:before{position: absolute; content: ""; width: 100%; height: 100%; background: url(../imgs/milestone-bg.png) no-repeat; top:0; left: 0;}
.key-milestones h2{margin-bottom: 40px;text-transform: var(--uppercase);}
.act-box{ border: 1px solid var(--border-color); border-radius: 30px; background-color: #FFFFFF;padding: 30px;width: var(--half-bspace);text-align: center;margin-bottom: 15px;}
.act-box label{ font-size: 34px; font-weight: 400;color: var(--sec-color);border-bottom: 1px solid var(--sec-color);padding-bottom: 15px;}
.act-box p{ font-size: 20px; font-weight: 400;line-height: 24px;padding: 30px;}
.milestone-img{width: 100%;padding-top: var(--vertical-spacing-single);position: relative;}
.milestone-img img{width: 100%;}

/*Leadership*/
.leadership{background-color: var(--bg-color);padding: var(--vertical-spacing);text-align: center;}
.leadership h2{margin-bottom: 40px;text-transform: var(--uppercase);}
.leadership p{font-size: 20px;line-height: 37px;}


.contributors-list a{color: var(--text-color);}
.contributors-list a:hover h3{text-decoration: underline;}
.leadership .contributors-list{text-align: left;}
.leadership .contributors-box{width: var(--tri-bspace);margin-bottom: 30px;}
.leadership .contributors-box figure{height: 350px;overflow: hidden;margin: 0;position: relative;}
.leadership .contributors-box figure img{width: 100%;transition: transform .5s ease-in-out;}
.leadership a:hover figure img{transform: scale(1.1);}
.leadership .contributors-box figure span {width: 70px; height: 70px;position: absolute; top:10px; right: 10px;background: #000000;border-radius: 50px;text-align: center;opacity: 0.3;}
.leadership .contributors-box figure span img{width: 32px;height: 100%;}
.leadership a:hover figure span{opacity: 1;transition: all 0.5s ease-in;}
.leadership a:hover figure span img{transform: scale(1);}
.leadership a.primary-clicks{margin: 0;}
.leadership .contributors-title{background-color: #ffffff; padding: 20px;}


/*Prod Breif*/
.our-products{background-color: var(--bg-color);padding: 1px;/*height: calc(100vh - 48px);*/ height: auto;padding-bottom: 40px;}
.our-products h2{margin-bottom: 20px;text-align: center;position: relative;font-weight: 600; font-size: 28px;}
/*.our-products h2:before{position: absolute; content:""; border-bottom: 1px solid var(--border-color);width: 40%;bottom:-20px; left:30%;}*/
.our-products.inner-prod {}
.our-products .products-panel{}
.our-products .products-panel>div{margin-bottom: 20px;}
.our-products .product-box{background-color: #ffffff;padding: 15px;border-radius: 10px;  box-shadow: 0 2px 10px 0 rgba(0,0,0,0.05);position: relative;text-align: left;}
.product-box .prod-logo{/*position: absolute; top:-20px; border: 1px solid var(--border-color);padding: 5px 30px;right: 0%; background-color: #ffffff;border-radius: 50px;margin-top: -10px;*/width: 32px;margin-right: 10px;float: left;}
.product-box h3{padding: 0px; font-size: 20px; font-weight: 700;width: 100%; line-height: 32px;}
.product-box p{font-size: var(--website-font); line-height: 19px;    min-height: 76px; text-align: left;margin-bottom: 10px;}
.prod-buttons{display: flex; flex-wrap: wrap;flex-direction: row;padding: 0;}
.prod-buttons .primary-button{width: 120px;padding: 5px 10px; text-align: center;}
.prod-buttons .video-button{width: auto;padding: 0px 6px; text-align: center; border: none;border-radius: 5px; background-color: #ffffff;margin-left: 10px;color: var(--main-color);display: flex;align-items: center;}
.prod-buttons .video-button i{font-size: 36px;}
.prod-buttons .video-button span{margin-left: 6px;text-decoration: underline;}
.prod-buttons .video-button:hover span{text-decoration: underline;}

.product-slide .slick-arrow{background: #fff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #dadada;
    position: absolute;
    top: 50%;
    font-size: 16px;
    line-height: 58px;
    color: #7a7a7a;
    z-index: 1;
    top: 50%;
    margin-top: -50px;
    left:-35px;
    text-decoration: none;
    display: inline-block;
    text-align: center;}
.product-slide .slick-arrow i{color: #dadada;font-size: 20px;}
.product-slide .slick-arrow:hover i{color: var(--text-light);transition: all 0.5s;}
.product-slide .slick-arrow:hover {border-color: var(--text-light);transition: all 0.5s;}

.product-slide .slick-next{right:-35px;left: auto;}


.prod-buttons a:nth-child(2){border:1px solid var(--main-color); border-radius: 5px; padding: 5px 10px;margin-left: 20px;}
.prod-buttons a:nth-child(2) img{width: 44px;} 
.prod-buttons a:nth-child(2) span{font-size: var(--website-font); font-weight: 600;color: var(--main-color);margin-left: 10px;} 
/*.prod-breif{cursor: pointer; display: flex; flex-wrap: wrap;flex-direction: row;padding: 20px 0 0;flex-grow: 1;position: relative;}
.prod-breif:before{position: absolute; content:""; border-top: 1px solid var(--border-color);width: 108%;top:0; left:-20px;}*/
.prod-breif span, .prod-breif label{flex-grow: 1;}
.prod-breif label{text-align: left;font-weight: 600;border-top: 1px solid var(--border-color);padding-top: 10px;margin-top: 20px; width: 90%; display: block;}
.prod-breif span{text-align: right;}
.prod-breif span img{width: 12px;}
.prod-breif span .minus-icon{display: none;}
.prod-breif span .plus-icon{display: inline-block;}
.prod-breif.minus span .plus-icon{display: none;}
.prod-breif.minus span .minus-icon{display: inline-block;}
.product-box .prod-buttons a small{width: 36px; height: 36px; border-radius: 50%; border:1px solid var(--main-color);display: inline-flex;justify-content: center; align-items: center; color: var(--main-color);}
.prod-info{display: none;}
.prod-breif.minus .prod-info{display: inline-block;}
.prod-info ul{margin: 0 0 0 15px;padding: 0;}
.prod-info li{list-style: circle;line-height: 26px;margin-bottom: 10px;}

.primary-button.know-more-prod span:after {transform: rotate(90deg);}
.our-products.homepage .product-box{background-color: var(--bg-color);padding: 0px 10px 0 0;border-radius: 0px;  box-shadow: none;border-right: 1px solid var(--border-color);min-height: 356px;height: auto;}
.our-products.home .prod-content{margin-bottom: 30px;padding: 15px;}
.our-products .product-box.last-box {
    border: none;
    padding: 0;
}
.our-products.homepage a.free-trial {
    margin: auto;
    width: 320px;
}
.our-products.homepage .product-box p {
    font-size: var(--website-font);
    line-height: 21px;
    min-height: 90px;
    text-align: left;
}
.our-products.homepage .prod-buttons a:nth-child(1) img {
    width: 36px;
}
.our-products.homepage .prod-buttons a:nth-child(1) span {
    font-size: var(--website-font);
    text-transform: var(--uppercase);
    font-weight: 700;
    color: var(--main-color);
    margin-left: 10px;
}
.our-products.homepage .product-box .prod-logo {
    float: left;
}

.our-products.home{margin-top: 0;padding: 50px 0 30px 0;height: auto;}
/*Login Page*/


.login-page {background-color: var(--bg-color);padding: 40px 0;overflow: hidden; min-height: calc(100vh - 66px); height: 100%;}
.login-page .login-content{}
.login-page .login-content li span{width: 42px; height: 42px; border: 1px solid var(--main-color);padding: 10px;border-radius: 50%;display: inline-block;}
.login-page .login-content li span img{width: 24px;margin-top: -5px; margin-left: -1px;}
.login-page .login-content li label{font-size: var(--website-font); color:rgba(0,0,0,0.7);margin-left: 15px;}
.login-left {color:#ffffff;}
.login-page .login-content li label strong{display: block;}
/*.login-left:before {background:
    url(../imgs/login-left-bg.png) no-repeat; height: 100vh;position: fixed; content: ""; top:0; left:0;width: 33.33%; background-size: cover;z-index: 1;}
.login-left:after {background-color: rgba(38,34,98,0.5); height: 100vh;position: fixed; content: ""; top:0; left:0;width: 33.33%; background-size: cover;z-index: 1;}*/
.login-left ul{margin: 0;padding: 0;position: relative;z-index: 2;display: flex; flex-wrap: wrap;}
.login-left ul li{margin-bottom: 15px;display: flex; width: 48%;line-height: 19px;}
.login-left h1{position: relative;z-index: 2;color: var(--text-color);font-size: 24px;}
.login-left p{line-height: 21px; font-size: 16px; color: var(--text-light);margin:10px 0 30px;}
.address-left{position: relative;margin-top: 0px; border-top: 1px solid var(--border-color);padding: 30px 30px 0 ;opacity: 0.8;z-index: 2;}
.address-left div{font-size: var(--website-font);margin-bottom: 30px;}
.address-left h5{text-transform: uppercase;}
.address-left ul{margin: 0 0 30px; padding: 0;}
.address-left ul li{display: inline;margin-right: 10px;}
.address-left ul li a{color: #ffffff;opacity: 0.8;}
.address-left ul li a:hover{text-decoration: underline;}

.login-r-panel{padding: 0;}
.login-right{position: relative;text-align: center;background: var(--bg-color);z-index: 0;}

.login-right h1{font-size: 32px;font-weight: 400;margin-bottom: 30px;}
.login-right .login-box{background-color: #ffffff;width: 90%;margin: auto;padding: 0;text-align: left;border-radius: 5px;position: relative;box-shadow: 0 14px 28px 0 rgb(99 118 129 / 50%);}
.login-right .login-box:before, .login-right .login-box:after{background: url(../imgs/flower.png) no-repeat;position: absolute; width: 330px;height: 350px; background-size: 200px; content: ""; bottom: 20%; left: -100px;z-index: -1;transform:rotate(-85deg);}
.login-right .login-box:after{left:auto; right:-100px;z-index: -1;transform:rotate(85deg) scaleX(-1);}
.login-right .login-box h2{font-size: 28px;font-weight: 400;margin-bottom: 20px;}
.login-right .login-box input[type="text"],.login-right .login-box input[type="email"],.login-right .login-box input[type="password"],.login-right .login-box select{font-size: var(--website-font);font-weight: 400;width: 100%;border: 1px solid var(--border-color);padding: 7px 10px;margin-bottom: 10px;border-radius: 5px;background-color: #fff;}
.login-right .login-box select{padding: 11px 6px;}
.login-box .form-cta{display: flex; justify-content:space-between;flex-wrap: wrap;}
.login-box .form-cta>div{width: var(--half-bspace);}
.login-box .form-cta>div:nth-child(2){text-align: right;}
.submit-button{direction: rtl;}
.forgot-password span{margin-left: 10px; color: var(--text-light);}
.forgot-password a{font-size: var(--website-font);opacity: 0.5;}
.forgot-password a:hover{text-decoration: underline;opacity: 1;}
.login-right .login-box span.s-err{position: relative; top: -10px; margin-bottom: 5px; color: red;line-height: 21px; display: inline-block;font-size: var(--website-font);}
.acceptance{font-size: 11px;margin-top: 15px;text-align: center; margin-bottom: 0;}
.acceptance a{color:var(--main-color); text-decoration: underline;font-size: 12px;}
.login-right form .login-box .reset-pass{color: green; font-size: var(--website-font);top:auto; font-weight: 500;}
.login-right form .login-box .valid-email{color: red; font-size: var(--website-font);top:auto; font-weight: 500;}
.price-plan{color: var(--text-light);padding: 0;padding: 10px 0;}
.price-plan h5{color: var(--text-light);text-transform: capitalize; font-size: 18px;}
.price-plan .price-box{background-color: #ffffff;border-radius: 5px;text-align: left;border: 1px solid var(--sec-color);}
.price-plan .price-box h6{background-color: #fff; color:var(--sec-color);padding: 10px; font-size: var(--website-font);text-transform: capitalize;font-weight: 600;border-radius: 5px 5px 0 0;padding-bottom: 0px; margin-bottom: 0px;}
.price-plan .price-box label{display: block; text-align: center; font-size: 20px;text-align: left;padding: 0 10px;color: var(--text-color);}
.price-plan .price-box span{border-top: 1px solid #dadada; display: block; text-align: center; font-size: 12px;text-align: left;padding: 0 10px; color: var(--text-color);}
.login-content{padding: 25px 30px 30px;}
.login-tabs{display: flex; justify-content: space-between;text-align: center;margin: 0; padding: 0; border-radius:5px 5px 0 0;background-color: #f9fbfb;}
.login-tabs li{width: 50%;}
.login-tabs li a,.login-tabs li{font-size: 18px;}
.login-tabs li{
flex: 1;
    padding: 0;
    color: rgba(0,0,0,0.5);
    text-align: center;
    line-height: 60px;
}
.login-tabs li.active{box-shadow: 0 6px 16px 0 rgb(0 0 0 / 20%);
    position: relative;
    z-index: 1;
    background: #fff;
    color: rgba(0,0,0,1);
    font-weight: 600;
    border-radius:5px 5px 0 0;

}
.login-tabs li a{color: rgba(0,0,0,0.5);}
.login-tabs li a:hover{color: rgba(0,0,0,0.8);transition: all 0.5s;}


.login-tabs li.active.active:after {
position: absolute;
    right: -20px;
    bottom: -20px;
    left: 0px;
    z-index: 10;
    display: block;
    height: 20px;
    background: #fff;
    content: "";
}
.login-tabs li.active.signup-page:after{right: 0px; left: -20px}

.msg-yellow{background-color: #FFFAD4; padding: 10px 10px 0;border:1px solid var(--border-color);width: 90%;margin: 50px auto;border-radius: 5px;}
.msg-yellow p,.msg-yellow a{font-size: 12px;line-height: 19px;}
.msg-yellow a{text-decoration: underline;}

.captcha-panel{position: relative;border:1px solid var(--border-color);background-color: #FFFAD4;}
.login-right .login-box .captcha-panel input[type="text"]{width: 120px; float: right;border: none;margin: 0;border-left: 1px solid var(--border-color);border-radius: 0px;padding: 7px 6px;background-color: #ffffff;}
.captcha-panel .captcha-code{position: absolute;bottom: 7px;}
.captcha-panel .captcha-security{ padding: 21px 6px;font-size: var(--website-font);margin: 0;}

.copyright-msg{margin: var(--vertical-spacing); text-align: center;font-size: var(--website-font);}

/*Prod Nav*/
#prod-nav{background-color: #fff; border-bottom: 1px solid var(--border-color);position: fixed;width: 15%;top: 0; left: 0; height: 100%; box-shadow: 1px 1px 10px rgba(0,0,0,0.5);z-index: 1;z-index: 4;}
#prod-nav .rhs-box{}
.main-content .rhs-box h4{background-color: var(--main-color); font-size: var(--website-font); color: #fff; margin: 0; padding: 10px;text-align: left;    border-radius: 5px 5px 0 0;}
#prod-nav h6,#prod-nav h6 a{text-align: left; font-weight: 600;line-height: 28px;margin: 0; padding: 0;}
#prod-nav h6 a i{font-size: 16px;position: relative; top: 2px;}
#prod-nav h6 a:hover{text-decoration: underline;}
#prod-nav h6 img{width: 16px;height: 16px;margin-right: 10px;margin-top: 0px;}
#prod-nav .curr-prod{text-align: left;}
#prod-nav .change-prod{text-align: right;padding: 10px;}
#prod-nav .change-prod ul{margin: 0;}
#prod-nav .change-prod ul li{display: block;margin-bottom: 10px; padding: 0;margin-right: 5px;text-align: left;}
#prod-nav .change-prod ul li:last-child{margin-bottom: 0;}
#prod-nav .change-prod ul li a{font-size: 12px;border:1px solid var(--sec-color); border-radius: 5px;padding: 2px 10px; color:var(--sec-color); font-weight: 400;display: block; width: 100%}
#prod-nav .change-prod ul li.active a{color: #ffffff; background-color: var(--sec-color);}
#prod-nav .change-prod ul li:last-child{margin-right: 0;}
#prod-nav .change-prod ul li a:hover{color: #ffffff; background-color: var(--sec-color);}
#prod-nav .change-prod span{width: 100px;}
#prod-nav .comp-logo{padding: 15px;text-align: left;}


/*Left Nav*/
.left-nav-panel{text-align: left;padding: 15px;}
.left-nav-panel ul{padding: 0;}
.left-nav-panel li ul{display: none;}
.left-nav-panel li {padding: 3px 0;border-bottom: 1px dotted #dadada;cursor: pointer;}
.left-nav-panel li h6{display: block; width: 100%;font-size: 13px;}
/*.left-nav-panel li ul.solution-for-you {background: rgba(143,204,51,0.2);}*/
.left-nav-panel li:last-child{border: none;}
.left-nav-panel li ul li{padding: 0 0 0 0px; border: none;}
.left-nav-panel li .bi-dash{display: none;}
.left-nav-panel li.parent h6 .bi-plus{display: none;}
.left-nav-panel li.parent h6 .bi-dash{display: block;}
.left-nav-panel li ul.show{display: block;}
.left-nav-panel li a{font-weight: 500;font-size: 13px;width: 100%;}
.left-nav-panel li h6 i{float: right;}
.left-nav-panel li.active a, .left-nav-panel li.active a:hover{border-left:3px solid var(--main-color); color: var(--main-color);padding: 2px 5px;width: 100%;display: inline-flex;}

/*Top Panel*/
.top-panel{background: #fff;border-bottom: 1px solid var(--border);padding: 6px 15px; margin-left:15%; display: flex;justify-content: space-between;height: 48px;}
.modify-search ul li{padding: 0 8px 0 0;}
.modify-search ul li select, .modify-search ul li input{font-size: 13px;height: 36px;}

/*Tabular Data*/
.cc-tabular-data, .right-data-panel{width: 85%;margin-left: 15%;margin-top: 20px;}
.cc-tabular-data h2,.right-data-panel h2{font-size: 20px;text-align: left;}

/*Closet Prod*/
#closet-prod{margin: 80px 0 0;}
#closet-prod ul li{display: inline;font-size: 11px; font-weight: 400;line-height: 15px;padding: 0;}
#closet-prod ul li a{font-size: var(--website-font);border:1px solid var(--sec-color);padding: 10px 15px; border-radius: 50px;margin-right: 10px;}
#closet-prod ul li a:hover{color: var(--sec-color); background-color: #ffffff;}
#closet-prod ul li a.active{background-color: var(--sec-color); color:#ffffff;}


/*Acts-Page*/
.acts-page{background: var(--bg-color); height: 100%;position: relative; padding: var(--vertical-spacing);text-align: center;z-index: 0;overflow: hidden;min-height: 100vh;}
.acts-page h1,.top-panel h1{font-size: 16px;margin-bottom: 0px; color: #030303; font-weight: 600;text-align: left;display: flex;
    align-items: center;padding: 0;}
.acts-page h4{text-align: center;margin-bottom: var(--space-40);font-weight: 400;}
.acts-page .form-box{background-color: #ffffff;width: 100%;margin: auto;padding: 30px 20px;text-align: left;border-radius: 10px;position: relative;box-shadow: 0 8px 16px 0 rgb(162 169 204 / 24%);}
.acts-page .form-box:before, .acts-page .form-box:after{background: url(../imgs/flower.png) no-repeat;position: absolute; width: 330px;height: 350px; background-size: 350px; content: ""; bottom: 20%; left: -180px;z-index: -1;transform:rotate(-85deg);}
.acts-page .form-box:after{left:auto; right:-180px;z-index: -1;transform:rotate(85deg) scaleX(-1);}
.acts-page .event-list-h{text-align: left; margin-bottom: 10px;}
.acts-page .form-box h2{font-size: 36px;font-weight: 400;margin-bottom: 20px;}
.form-box .form-cta{display: flex; justify-content:space-between;flex-wrap: wrap;margin-top: 24px;width: 100%;}
.form-box .form-cta>div{width: var(--half-bspace);}
.form-box .form-cta>div:nth-child(2){text-align: right;}
.act-content{margin: 30px auto;position: relative;display: flex;  justify-content: flex-end;}
.act-content h2{font-weight: 600; margin-bottom: 10px; text-align: left;font-size: 20px;line-height: 26px;}
.add-info-check {margin-top: 10px; max-height: 300px; overflow: hidden; overflow-y: auto;}
.linkables{display:flex;margin : 0px 0px 10px; flex-direction: column;border: 1px solid #dadada; padding: 0 10px; border-top: none;border-bottom: none;}
.linkables a{font-size: 13px; text-decoration: underline;color: var(--main-color);}
.add-info-check .form-check {margin-bottom: 12px;padding-right: 5px;display: flex; align-items: center;}
.add-info-check .form-check label{text-transform:inherit;line-height: normal;font-size: var(--website-font);margin-bottom: 0px;}
.add-info-check .form-check .form-check-input{margin-top: 0;}
.border-line-r{position: relative;width: 100%; color: var(--text-light);}
.border-line-r:after{position: absolute;width: 100%;background-color: #dadada;top:50%; right:0;content: "";height: 1px;}
.custom-chosen input{/*font-size: 16px;font-weight: 400;width: 100%;border: none !important;padding: 0px !important;*/margin-bottom: 0px !important;}
.acts-page ul{margin:0;padding:0;list-style-type:none}
.acts-page ul li{/*margin-bottom:20px;*/position:relative}
.acts-page .card-body > ul > li{margin-bottom:20px;}
/*.acts-page .form-control{border:none;border-bottom:2px solid #f9d449;padding:0 0 15px 0;border-radius:0;font-size:24px;line-height:26px;color:#c9c9c9;font-weight:300}*/
.acts-page label{text-transform:uppercase;display:block;font-size:12px;line-height:16px;font-weight:400;margin-bottom:8px;color: var(--text-color)}
.acts-page td label{text-transform: none;}
.add-info-check a{color: var(--text-light)}
.add-info-check a:hover{text-decoration: underline;}
.border-line-r span{background-color: #ffffff;position: relative; z-index: 1;padding-right: 10px;color:var(--text-light);}
/*.acts-page .form-control:focus{outline:0;box-shadow:none;color:#1a1a1a}*/
.acts-page .select{position:relative}
.acts-page .select:after{content:"";box-sizing:border-box;height:15px;width:15px;border-style:solid;border-color:#dadada;border-width:0 1px 1px 0;transform:rotate(45deg);transition:border-width 150ms ease-in-out;position:absolute;right:0;top:0}
.acts-page .select select{width:100%;border:0;background:#fff;padding:0 35px 0 5px;height:46px;font-size:24px;line-height:26px;color:#c9c9c9;position:relative;border-radius:0;border-bottom:2px solid #f9d449;font-weight:300}
.acts-page .step-nav{padding: 20px 0 50px;position: relative;justify-content: flex-start;}
.acts-page .step-nav:before{position: absolute; content: "";  bottom: 30px; left: -10px; border-bottom: 1px solid var(--border-color); width: 102.6%;}
.acts-page .step-nav li{font-size:13px;margin-bottom:0; font-weight: 400;color: var(--text-light);padding: 0 25px;border-right: 1px solid #dadada;}
.acts-page .step-nav li:first-child{padding-left: 0;}
.acts-page .step-nav li:last-child{border: none;}
.acts-page .step-nav li .checkmark{display:inline-block;height:29px;width:29px;border-radius:50%;border:1px solid #dadada;margin-right:10px;float:left}
.acts-page .step-nav li .checkmark:after{content:"";position:absolute;top:7px;left:32px;width:15px;height:15px;border-radius:50%;background:#dadada}
.acts-page .step-nav li:first-child .checkmark:after{left: 7px;}
.acts-page .step-nav li span{line-height:21px}
.acts-page .step-nav li.active .checkmark{border-color:var(--sec-color);}
.acts-page .step-nav li.active .checkmark:after{background:var(--sec-color);}
.acts-page .step-nav li.active{color:var(--sec-color);position: relative;}
.acts-page .step-nav li.active:before{position: absolute;content: ""; border-bottom: 3px solid var(--sec-color); width: 100%; bottom:-20px; left: 0;}
.acts-page .selected-events{background-color: var(--text-light); padding: 15px;height: 450px; overflow-x: hidden; overflow-y: auto;}
.acts-page .selected-events h4{font-size: 20px; margin-bottom: 20px;}
.acts-page .selected-list li label{text-transform: none;}
.acts-page .selected-events li{margin-bottom: 20px;}



/*Compliance Library*/
.acts-page .compliance-library li{margin-bottom: 20px;}
.acts-page .compliance-library .cc-form-box li{margin: 0; padding: 0 10px 0 0;}
.acts-page .compliance-library .cc-form-box li:last-child{padding: 0;}
.acts-page .compliance-library .cc-form-box li:last-child input{width: 100%;}
.acts-page .compliance-library li.form-cta{margin-top: 0; display: inline-block;}
.acts-page .compliance-library .form-box:before, .acts-page .compliance-library .form-box:after{bottom: -20%;}
.acts-page .compliance-library .form-box select{margin: 0;}
.compliance-lib-left-col{position: fixed;}

/*Registration and approval*/
.reg-approval .form-box h5{font-size: 20px;font-weight: 600;}
.no-reg-approval .form-box h5{font-size: 24px;font-weight: 400;}
.reg-approval .acts-page ul li{margin-bottom: 20px;}
#accordion.reg-modal-data ul li {padding: 10px 15px;border-right: 1px dashed #dadada;}
#accordion.reg-modal-data ul li label{float:left;width: auto;text-transform: uppercase; font-weight: 700;font-size: 12px;}
#accordion.reg-modal-data ul li span{float:left;width: 100%;max-height: 200px; overflow-y: auto;font-size: 13px; line-height: 21px;}
#accordion.reg-modal-data .card-header{background-color: var(--sec-color);padding: 5px;}
#accordion.reg-modal-data .card-body{padding: 0;}
#accordion.reg-modal-data modal-header{padding: 0;}
#accordion.reg-modal-data .card-header button{color: #ffffff; width: 100%;text-align: left; font-weight: 700;}
#accordion.reg-modal-data{width: 100%;}
.modal-header h4{font-weight: 600;font-size: 20px; line-height: 30px;}
.modal-header h4 p{font-weight: 400;font-size: var(--website-font); line-height: 21px;margin-bottom: 0;}
.select2-results__option{line-height: 21px;font-size: var(--website-font);}
/*shyam sunder kanth*/
.lawchekr-popup .e1{ width: 80%;}



.modal-header h4 label{display: block; background-color: #666; color: #fff; font-size: 12px;
    width: 110px;
    border-radius: 50px;
    text-align: center;}

.reg-approval .form-box{border-top: 3px solid var(--sec-color); padding: 20px 10px;}

.bootstrap-duallistbox-container .info, .bootstrap-duallistbox-container .box1.filtered .clear1, .bootstrap-duallistbox-container .box2.filtered .clear2{display: none !important;}
.bootstrap-duallistbox-container .filter{margin-bottom: 0px !important;}

/*Pagination*/
.lexmodal .pagination li{width: auto;}
.page-item.active .page-link, .acts-detail-page ul.pagination li.page-item.active .page-link{background-color: var(--sec-color); border-color: var(--sec-color);color: #fff;}
.page-link, .acts-detail-page ul.pagination li.page-item .page-link{color:  var(--sec-color);}
.lexmodal .pagination li{border: none;}

/*Act Result CSS*/
.acts-detail-page{background:var(--bg-color);height:100%;position:relative;/*padding:var(--vertical-spacing);*/text-align:center;z-index:0; margin-top: 40px;min-height: 100vh;}
.acts-detail-page-new{margin-top: 40px;}
.acts-detail-page h1{margin-bottom:30px;/*padding-top: var(--vertical-spacing-single);*/}
.acts-detail-page .result-data-panel{margin-bottom: 20px;}
.acts-detail-page .result-data-panel:last-child{margin-bottom: 0px;}
.acts-detail-page ul{margin: 0; padding: 0;border-radius: 5px;}
.acts-detail-page ul li{width: var(--tri-bspace);text-align: left;padding: 10px 20px;}
.acts-detail-page .result-head{background-color: var(--sec-color);border-radius: 5px;margin-bottom: 20px;}
.acts-detail-page .result-head li{color: #ffffff;font-weight: 700;}
.acts-detail-page .result-data{background-color: #ffffff; font-size: var(--website-font);border-radius: 5px 5px 0 0;border: 1px solid var(--border-color);border-bottom: none;}
.acts-detail-page .result-data-more{background-color: rgba(231,235,251,0.5); font-size: var(--website-font);border-radius: 0 0 5px 5px; border: 1px solid var(--border-color);border-top: none;}
.acts-detail-page .result-data-more li{padding: 5px 20px;font-size: 13px;}
.acts-detail-page .result-data-more li a{font-size: 13px;color: var(--main-color);}
.acts-detail-page .result-data-more li label{font-weight: 700;margin: 0;}
.acts-detail-page ul li.page-item, .pagination li.page-item{width: auto; padding: 0;border-radius: 0px;}
.pagination li.page-item a{width: auto;}
.acts-detail-page ul li.page-item .page-link{color: var(--main-color);border-radius: 0px;}
.pagination li.page-item .page-link{border-radius: 0px;}

.acts-detail-page table{position: relative;}
.acts-detail-page table:before, .acts-detail-page table:after{background: url(../imgs/flower.png) no-repeat;position: absolute; width: 330px;height: 350px; background-size: 350px; content: ""; top: 0px; left: -220px;z-index: -1;transform:rotate(-85deg);}
.acts-detail-page table:after{left:auto; right:-220px;z-index: -1;transform:rotate(85deg) scaleX(-1);}

/*Steps Section*/
.steps-section .form-box{padding-top: 0px;}
.steps-links{color: var(--sec-color);}
.steps-links:hover{color: var(--sec-color);}


/*Big Modal CSS*/
.main-mod-content{}
.main-mod-body, .main-mod-head{}
.main-mod-head{}
.modal-body .modal-header{padding: 0;}
.lexmodal .modal-body-pad{padding: 10px 0;}
.mod-title{width: 100%;}
.mod-title h4{width: 95%; float: left;}
.mod-left-main{width: 25%; background-color: var(--bg-color);border-radius: 0 0 0 .3rem;}
.mod-left{position: fixed;height: 100%;width: 270px;padding: 20px;max-height: 550px;overflow-y: auto;transition: all 1s;overflow-x: hidden;}
.mod-left-main.scroll-left .mod-left{top:0;}
.lexmodal .mod-left ul{padding-top: 0px;padding-left: 20px;line-height: 24px;}
.lexmodal .mod-left ul li{border-bottom: none;padding-bottom: 0px;}
.lexmodal .mod-left ul li a{font-size: var(--website-font);position: relative;}
.lexmodal .mod-left ul li a:hover{text-decoration: underline;}
.lexmodal .mod-left ul li a:before{position: absolute; content: "›"; top:-3px; left: -16px; font-size: 16px;color: var(--sec-color);}
.mod-right{padding: 0 20px 20px;min-height: 520px;}
.lexmodal .mod-right ul{padding: 0px;}
.lexmodal .mod-right ul li{padding: 5px 0px;}
.lexmodal .mod-right ul li label{font-size: var(--website-font);}
.lexmodal .mod-right ul li:last-child{border-bottom: 1px dashed var(--border-color);padding: 10px 0px;}
.more-mod-left{margin-top: 20px;}
.more-mod-left a, .mod-right table td .btn-primary{background: var(--sec-color); border: 1px solid var(--sec-color); color: #fff; font-size: var(--website-font); border-radius: 50px;width: 120px;padding: 8px;margin-bottom: 10px;display: block;}
.mod-right table td .btn-primary:hover, .more-mod-left a:hover,.more-mod-left a:focus,.more-mod-left a.active,.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{background: var(--main-color); border-color:var(--main-color);}
.mod-right ul.active {
    background-color: rgba(22,169,228,0.3);
}
.more-mod-left a.button-disabled-gray{background-color: var(--text-light); border-color: var(--text-light); text-align: center; padding: 2px;}
.more-mod-left a.button-disabled-gray:hover{background-color: var(--text-light) !impoartant; border-color: var(--text-light) !impoartant;}
.library-content{padding: 20px 0;}
.library-content p{font-weight: 400;line-height: 24px;margin-bottom: 20px;}
.library-content .mar-top{margin-top: 50px;}
.lexmodal .modal-body{padding-bottom: 0px;}
.lexmodal .modal-footer{display: none;}
.mod-left ul li input[type="checkbox"]{float: right;position: relative;top: 4px;}
.send_complince_mail img{width: 32px; height: 32px;background-color: var(--main-color);padding: 4px; border-radius: 5px;}
.send_complince_boxmail {margin-bottom: 10px;}
.send_complince_boxmail .mail{position: relative;}
.send_complince_boxmail input[type="email"]{border:1px solid #dadada; border-radius: 5px;width: 100%;padding: 1px 0 1px 5px;font-size: 12px;}
.send_complince_boxmail input[type="email"].err{border-color: red;}
.send_complince_boxmail button{background-color: var(--main-color); color:#fff; border:none; border-radius: 0 5px 5px 0;position: absolute; right: 1px; top:1px;}

.report {
  padding:var(--space-40);
  background-color:var(--bg-color);
}
.report-panel {
  background-color: #ffffff; 
  padding: 20px;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  width: 70%;
}
.report-panel h5 {
  width: 35%;
  display: block;
  margin: auto;
  padding: 0px 15px 15px 0;
  font-weight: 500;
  font-size: 28px;
  color: rgba(3, 3, 3, 0.7);
  margin-bottom: 30px; 
  border-bottom: 2px solid var(--sec-color);
  text-align: center;
}
.report-panel h5 img {
  width: 35px;
}
/* .report-panel .valerror {
  color: #f00;
} */
.report-panel form span {
  color: #f00;
}
.report-panel form label {
  font-size: 15px;
  margin-bottom: 10px;
}
.report-panel form .box {
  box-shadow: rgb(99 99 99 / 15%) 0px 3px 6px 0px;
  padding: 20px;
  padding-top: 12px;
  text-align: center;
  margin-bottom: 35px;
  cursor: pointer;
}
.report-panel form .box:hover {
  background-color: var(--bg-color);
  cursor: pointer;
}
.report-panel form .box img {
  width: 35px;
  margin-bottom: 8%;
}
.report-panel form .box label {
  padding: 20%;
  padding-bottom: 35%;
  position: absolute;
  margin: auto;
  display: block;
  margin-top: -46%;
  /* border: 1px solid #000; */
  width: 87%;
  margin-left: -10%;
}
.report-panel form .box label span {
  margin-top: 23%;
  position: absolute;
  color: #000;
  width: 100%;
  display: block;
  margin-left: -23%;
}
/* .report-panel form input[type="radio"] {
  position: absolute;
  left: -99em;
} */
.report-panel form .reportsubject {
  border: 1px solid #666;
  border-radius: 3px;
}
.report-panel form #reportbody {
  width: 100%;
  padding: 10px;
}
.report-panel form .submit {
  float: right;
  margin-bottom: 10px;
}
/*Contact Us*/
.contact-us{padding:1px 15px;background-color:var(--bg-color);height: calc(100vh - 48px);}
.contact-panel{background-color: #ffffff; padding: 20px;border: 1px solid var(--border-color);border-radius: 5px;}
.contact-panel h5{/*background-color: var(--sec-color);*/ color:var(--text-color); padding: 0px 15px 15px 0;font-weight: 400;/*border-radius: 5px;*/margin-bottom: 20px; border-bottom: 3px solid var(--sec-color);}
.contact-panel h4,.contact-panel p{margin-bottom: 20px;}
.contact-panel .contact-left label{display: block;font-weight: 400;font-size: 18px;}
.contact-panel .contact-left span{display: block;font-size: 13px;}
.contact-panel .contact-left ul {margin: 0; padding: 30px 0 0;border-top: 1px solid var(--border-color);}
.contact-panel .contact-left ul span{display: inline;margin-left: 10px;font-size: var(--website-font);}
.contact-panel .contact-left ul small{display: inline-flex;color: var(--sec-color); font-size: 36px;}
.contact-panel .contact-left ul small img{width: 24px; height: 24px;position: relative; top: 4px;}
.contact-panel .contact-left ul small.small{font-size: 26px;}
.contact-panel .contact-left ul li{margin-bottom: 15px;}

.contact-right{}
.contact-right ul{margin: 0; padding: 0;}
.contact-right ul li{display: block;margin-bottom: 10px;}
.contact-right ul li label{display: block;width: 100%;margin-bottom: 0px; text-transform: uppercase; opacity: 0.5;font-size: 13px;}
.contact-right ul li input[type="text"],.contact-right ul li textarea{display: block;width: 100%; height: 42px;border: 1px solid var(--border-color); border-radius: 5px;padding: 10px;}
.contact-us .alert-danger{width: 100%;}
/*update-profile*/
.update-profile{padding:1px 0 80px;background-color: var(--bg-color);}
.update-profile h1{display: block; width: 100%;margin: auto;text-align: center; margin-bottom: 30px;}
.update-profile-panel h3{display: block; text-align: center; width: 100%;  padding: 15px;font-weight: 400;border-radius: 5px;margin-bottom: 10px;}
.update-profile-panel h6{text-align: center;margin-bottom: 30px;font-size: 24px;font-weight: 400;}

.profile-box{margin: auto;}
.profile-right{padding: 30px;border: 1px solid var(--border-color);border-radius: 5px;margin: auto;background-color: #fff;}
.profile-right ul{margin: 0; padding: 0;}
.profile-right ul li{display: block;margin-bottom: 20px;}
.profile-right ul li label{display: block;width: 100%;margin-bottom: 0px; text-transform: uppercase; opacity: 0.5;font-size: 13px;}
.profile-right ul li input[type="text"],.profile-right ul li input[type="password"],.contact-right ul li textarea{display: block;width: 100%; height: 42px;border: 1px solid var(--border-color); border-radius: 5px;padding: 10px;}


/*Subscriptions*/
.subscriptions{padding:1px 20px;background-color: var(--bg-color);height: 100vh;}
.subscriptions-panel{background-color: #ffffff; padding: 20px;border-radius: 5px;}
.subscriptions h5{font-size: 24px;margin-bottom: 20px;}
/*.plans-category{border: 1px solid var(--border-color); border-radius: 5px;margin-bottom: 30px;}*/
.plans-info{display: flex; flex-wrap: wrap; flex-grow: 1;}
.plans-category .plan-logo{padding: 20px;border-right:1px solid var(--border-color);}
.plans-category .plan-logo img{width: 170px;}
.plans-category .plan-name {flex-grow: 10;padding: 20px;align-items: center;display: flex;}
.plans-category .plan-name h2{font-size: 20px; font-weight: 400;}
.plans-category .plan-actions{flex-grow: 1;padding: 20px;display: flex;flex-wrap: wrap; justify-content: space-around;}
.plans-category .plan-actions .primary-button-border span:after{transform: rotate(90deg)}

.plan-list-section{text-align: center;/*padding: 20px;background-color: rgba(143, 204, 51, 0.2);*//*display: none;*/}
.plan-list {border: 1px solid var(--sec-color);background-color: #ffffff; border-radius: 5px;}
.plan-list label{background-color: var(--sec-color);width: 100%; color:#ffffff;padding: 10px 0;font-size: 18px;}
.plan-list p {padding: 10px 0;font-size: 16px;}
.plan-list p strong{font-size: 30px;}
.plan-list p strong img{width: 24px; opacity: 0.8;}
.plan-list button{margin: auto;margin-bottom: 20px;}

.subscriptions-other{margin-top: var(--space-40);border-top: 1px solid var(--border-color);padding-top: 30px;}
/*Pills CSS*/
.pills-section .tab-content{width: 100%;margin-top: var(--space-40);z-index: 1;}
.pills-section .nav{margin: auto;z-index: 1;justify-content: center;}
.year-act{display: flex; flex-wrap: wrap; justify-content: space-around;align-items: center;flex: 1;position: relative;}
.pills-section .nav-pills .nav-link{margin-right: 10px; font-size: 24px;padding: 12px 40px;border:1px solid var(--border-color);border-radius: 30px;background-color: #ffffff;}
.pills-section .nav-pills .nav-link.active, .nav-pills .show>.nav-link{border-radius: 30px; background-color: var(--sec-color);padding: 12px 40px;border-color:var(--sec-color);}
.pills-section .nav-item{margin: 0;}

/*Tabs*/

/*Articles Listing*/
.inner-banner.articles-list-page{text-align: left;color: #ffffff;}
.inner-banner.articles-list-page:before{position: absolute; content: ""; top:0; left: 0;   background: linear-gradient(90deg, #17A77B 0%, #73C846 100%); width: 100%;height: 100%;background-size: cover;z-index: 0;}
.inner-banner.articles-list-page:after{background: none;}
.articles{background-color: var(--bg-color);}
.articles h2{margin-bottom: 20px;}
.articles a h3{font-size: 20px;line-height: 26px; font-weight: 600;}
.articles a:hover h3{text-decoration: underline;}
.articles{padding: 30px 0;}
.articles .article-list{}
.articles .artcile-title{color: #000000;background: #fff; padding: 15px;box-shadow: 0 2px 10px 0 rgb(0 0 0 / 5%); border-radius: 10px;min-height: 120px;display: flex;}
.articles .artcile-title:hover{box-shadow: 0 2px 10px 0 rgb(0 3 0 / 30%); transition: all 0.5s;}
.articles .article-box{margin-bottom: 20px;}
.articles .article-box figure{height: 250px;overflow: hidden;}
.articles .article-box figure img{height: 100%;transition: transform .5s ease-in-out;}
.articles a:hover figure img{transform: scale(1.1);}
.articles a.primary-button{margin: auto; display: block; width: 170px;text-align: center;}

/*articles detail*/
.articles-detail{background-color: #ffffff;padding: 0;padding-top: var(--nobanner-padding);}
.articles-detail .article-list{display: flex; flex-wrap: nowrap; justify-content: center;align-items: center;}
.articles-detail .article-box{width: 80%;margin-bottom: 0px;}
.articles-detail .article-box figure{height: 100%;overflow: hidden; max-height: 400px;}
.articles-detail .article-box figure img{width: 100%;transition: none;height: auto;}
.articles-detail .article-box label{text-transform: var(--uppercase); opacity: 0.5;}
.articles-detail .article-box p{font-size: 18px; line-height: 36px;}

/*Benefits*/
.about-benefits{padding: 30px 0;text-align: center;}
.about-benefits h2{margin-bottom: 20px;}
.benefits-panel .benefits-box{text-align: center;}
.benefits-panel .benefits-box ul{list-style: none;}
.benefits-panel .benefits-box ul li{font-size: 16px; line-height: 27px;margin-bottom: 20px;position: relative;float: left; width: 50%;padding: 0 30px;text-align: left}
.benefits-panel .benefits-box li:before{position: absolute; content: ""; top:2px; left: -10px; width: 24px; height: 24px;background: url("../imgs/check-mark.png"); background-size: cover;}
.benefits-panel .benefits-box figure{height: 420px;}
.benefits-panel .benefits-box figure img{height: 100%;}
.about-benefits hr{margin-top: var(--space-40);}
.about-benefits a.primary-button{margin: auto;width: 270px;margin-top: 40px;}

/*Footer*/
footer{padding: 30px 0 15px;font-size: 18px;border-top: 1px solid var(--border-color);background-color: var(--bg-color);}
.footer-content{display: flex; flex-wrap: wrap; justify-content: space-between;padding-bottom: 10px;}
footer>div{width: var(--tri-bspace);}
footer h5{margin-bottom: 10px;}
footer ul{list-style: none;margin: 0;padding: 0;}
footer ul li{margin-bottom: 0px;font-size: var(--website-font);}
footer .social-links{padding: 30px 0;}
footer .footer-s1 a img{width: 230px;}
footer .footer-bottom .footer-s1 {width: 100%;border-top: 1px solid var(--border-color);text-align: center;padding-top: 30px;}
footer .footer-bottom .footer-s2, footer .footer-bottom .footer-s3{padding-bottom: 10px;}
footer .footer-bottom .footer-s1 h6{font-size: var(--website-font); font-weight: 400;}
footer .footer-s2 ul li a,footer .footer-s3 ul li a{color: var(--primary-color);font-size: var(--website-font);}
footer .footer-s2 ul li a:hover,footer .footer-s3 ul li a:hover{text-decoration: underline;}
/*footer .logo-bot{width: 30%;}
footer .footer-qlinks{width: 70%;}*/
footer .copyright{margin-top: 30px;width: 70%;line-height: 21px; opacity: 0.5;}
footer .copyright li{font-size: 13px;}
.footer-bottom {padding-top: 10px;padding-bottom: 0; border-top: 1px solid var(--border-color);}
.footer-bottom ul li{display: inline;margin: 0 20px;}
.footer-bottom .footer-s1 h6 img{width: 170px;}
footer .footer-s3 ul li a img{width: 28px; opacity: 0.7; margin-top: -4px; border: 1px solid #111; padding: 5px; border-radius: 5px;}
footer .footer-s3 ul li a:hover img{opacity: 1;}
footer .social-connect li{margin-bottom: 10px;}
.footer-content > div{width: 20%;}
.footer-content > div:first-child{width: 40%;}

/*Sub Nav*/
.sub-nav{position: fixed;width: 98%;z-index: 2;}
.sub-nav:before{position: absolute;height: 100%;width: 103%;content: ""; top:0; left: -15px;background-color:var(--bg-color-dark);z-index: 0; border-bottom: 1px solid var(--border-color);}
.sub-nav ul {margin: 0; padding: 6px 0;}
.sub-nav ul li{display: inline;}
.sub-nav ul li a, .sub-nav ul li,.sub-nav-left a,.sub-nav-right a{font-size: var(--website-font); text-transform: uppercase; }
.sub-nav ul li{border-right: 1px solid var(--border-color);padding:0 5px;}
.sub-nav ul li:last-child{border:none;}
.sub-nav-right{text-align: right;}
.sub-nav ul input{padding: 10px; border: 1px solid var(--border-color);font-size: 16px;border-radius: var(--border-radius);width: 100%;}
.sub-nav .sub-nav-right li{border: none;}
.sub-nav-left img, .sub-nav-right img{height: 16px; margin-top: 8px; margin-right: 5px;}
.sub-nav-left a, .sub-nav-right a{margin-top: 17px;display: inline-flex;}
.sub-nav-right img{transform: rotate(-90deg)}

/*Lex Library*/
.acts-page-inner{background-color: var(--bg-color);overflow: hidden;}
.acts-page-inner .acts-page,.acts-page-inner .acts-detail-page{padding: 0px;height: auto;background: none;z-index: 0; margin: 0;}
.acts-page-inner .acts-detail-page{margin: 0 0 100px 0;}
/*.lex-library{margin-top: 80px;}
.nav-left-panel{height: 100vh;}
.nav-left{position: fixed;height: 100%;width: inherit;z-index: 1;}
.nav-left-panel:before{position: absolute;height: 100%;width: 104%;content: ""; top:0; left: -15px;background-color:#fff;z-index: 0}*/
.nav-left{padding-bottom: 20px;}
.nav-left-panel{position: fixed; top: 80px; left: 0; bottom: 0;background-color: #ffffff; transition: none;width: 240px;        box-shadow: 0 8px 16px 0 rgb(162 169 204 / 24%);}
.nav-left ul{margin: 20px 0;z-index: 1;position: relative;padding: 0 0 0 0;text-align: left;}
.nav-left li ul {margin: 0;padding: 0;}
.nav-left li ul li a{position: relative;}
/*.nav-left li ul li a:before{position: absolute; content: "‣";top: 5px; left: -6px; font-size: 20px;}*/
.nav-left ul li{margin-bottom: 10px;}
.nav-left li ul li{margin-bottom: 0px;}
.nav-left ul li a{padding: 5px 10px;display: inline-block;width: 100%;color: var(--text-light);font-size: 12px;text-transform: uppercase;font-weight: 700;}
.nav-left ul li a:hover{color: var(--sec-color);}
.nav-left ul li.active{padding: 10px 0;}
.nav-left ul li.active a{color: var(--text-light);}
.nav-left li ul li a{padding-left: 40px;text-transform: capitalize;font-weight: 400;position: relative;}
.nav-left li ul li a:before{position: absolute; content: "-"; left: 30px; top:4px; width:auto; height: auto;}
.nav-left ul li.active a.active{color: var(--main-color);font-weight: 400;border-left: 5px solid var(--main-color);background-color: var(--bg-color);}
.nav-left .title-h{ background-color: var(--sec-color); color: #fff;padding: 10px;font-size: 12px; text-transform: uppercase;position: relative;z-index: 0;text-align: left; font-weight: 400;}
.nav-left .title-h:after{position: absolute; content: ""; width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid var(--sec-color);left: 10px; bottom: -10px;}


.main-content{margin-top:var(--vertical-space-single);}

.acts-page-inner .result-data-panel{background-color: #ffffff;box-shadow: 1px 1px 3px #dadada;border-radius: 5px;border: 1px solid var(--sec-color);}
.acts-page-inner .result-split{padding: 5px 0 0;}
.acts-page-inner .result-split label{font-weight: 400;}
.acts-page-inner .result-split li{text-align: left;font-size: var(--website-font);padding:0 10px;}
.acts-page-inner .result-desc{text-align: left;}
.acts-page-inner .result-desc span{border: 1px solid var(--sec-color);padding: 0px 15px;width: auto; border-radius: 50px;font-size: 13px;margin-top: 10px;display: inline-flex;margin-right: 10px;}
.acts-page-inner .result-desc p{text-align: left;font-size: 16px;padding: 10px 10px 0;}
.acts-page-inner .result-click{display: flex; flex-wrap: wrap;padding-bottom: 10px;}
.acts-page-inner .result-click ul{flex: 50%}
.acts-page-inner .result-click ul:first-child li{display: list-item;  list-style: disc;width: 100%;margin-left: 30px;}
.acts-page-inner .result-click ul li label{padding: 0;margin: 0;}

.acts-page-inner .result-click ul:last-child{text-align: right;color: var(--border-color);display: flex; align-items: flex-end; justify-content: flex-end;}
.acts-page-inner .result-click ul:last-child li{display: inline;padding: 0 10px;text-align: right;width: auto;}
.acts-page-inner .result-click ul:last-child li:first-child{border-right: 1px solid var(--border-color);}
.acts-page-inner .result-click ul:last-child a{color: var(--main-color);text-transform: uppercase;font-size: var(--website-font);}
.acts-page-inner .legal-updates-detail .result-click {padding: 0 0 10px;}
.acts-page-inner .legal-updates-detail .result-click ul li:last-child {border: none;}
.lex-library .add-info-check ul li{margin-bottom: 20px;line-height: 21px; display: list-item; list-style: disc; margin-left: 20px;}
.lex-library .add-info-check ul li a{color: var(--text-color);font-size: var(--website-font);}
.lex-library .add-info-check ul li a:hover{text-decoration: underline;}
.encyclopedia .add-info-check ul li{margin-bottom: 6px;}
.encyclopedia .add-info-check ul li a{line-height: 19px;}

#pills-business{width: 100%; margin: auto;}

.corporate-decision-home,.reg-page-home, .lex-library{padding: 0;}
#list_of_events select{font-family: var(--font-family);font-weight: 400;color: var(--text-color);line-height: var(--line-height); height: 350px !important;}
#list_of_events {height: auto;max-height: none;margin-top: 0px;}
#list_of_events select option{margin-bottom: 10px;font-size: var(--website-font);word-break: break-word; white-space: normal;color: var(--text-light);}

/*Modal CSS*/
.lexmodal ul  {margin: 0; padding: 0px;}
.lexmodal ul li {padding-bottom: 20px; border-bottom: 1px dashed var(--border-color);display: inline-block;width: 100%;font-size: var(--website-font);}
.lexmodal ul li:last-child{border-bottom: none;padding-bottom: 0px;}
.lexmodal ul li label{font-weight: 700;margin-right: 10px;float: left;width: 100%;text-align: left; margin-bottom: 0;font-size: 16px;}
.lexmodal ul li span{float: left;width: 100%;line-height: 24px;font-size: var(--website-font);padding-right: 10px;text-align: justify;word-break: break-word;}

/*lexaccordian*/
.lexaccordian{width: 100%;}
.lexaccordian .card .card-header{background-color: var(--sec-color);text-align: left;padding: 5px;}
.lexaccordian .card .card-header h5{}
.lexaccordian .card .card-header .btn-link{color: #ffffff; text-decoration: none;font-size: 16px;font-weight: 400;width: 100%;
    text-align: left;}
.lexaccordian .card-body ul li{width: 100%;border-bottom: 1px solid var(--border-color);text-align: left;border-radius: 5px;margin-bottom: 0px;padding: 5px 0;}
.lexaccordian .card-body ul li a:hover{color: var(--sec-color);}
.card-body ul li label,.card-body ul li a{width: 50%;font-size: var(--website-font);display: inline-block;}
.card-body ul li label{font-weight: 400;padding: 0;margin: 0;text-transform: none;}
.card-body ul li a{text-align: right;}
.card {margin-bottom: 10px;}
/*filter*/
.filter{display: flex; flex-wrap: wrap;margin-bottom: 10px;}
.filter>div{flex:50%;font-size: var(--website-font);}
.filter>div select{border: 1px solid var(--border-color);padding: 10px;width: 200px;border-radius: 5px;}
.filter>div:first-child{text-align: left;}
.filter>div:last-child{text-align: right;}
.filter-newsletter{margin: 30px 0;}


/*lexpartners*/
.lexpartners {/*background-color: var(--bg-color);*/ background-color:#fff; text-align: center;padding: 30px 0;}
.lexpartners .slide-content {padding: 20px;}
.lexpartners .slide-content .partner-logo{width: 100%;height: 110px;background-color: #ffffff;display: flex; align-items: center;  justify-content: center;border: 1px solid var(--border-color);border-radius: 5px;}
.lexpartners .slide-content img{width: 60%;}

/**/
.testimonials{background-color: #ffffff; text-align: center;padding: var(--vertical-spacing);}
.testimonials .slide-content, .product-slide .slide-content{padding: 20px;}
.cust-info{width: 100%;height: 370px;background-color: #ffffff;border: 1px solid var(--border-color);border-radius: 5px;padding: 20px;}
.cust-info span{display: block; text-align: center;width: 100%;color: var(--sec-color);font-style: italic;font-weight: 400;}
.cust-info .quote{display: block; text-align: center;padding: 20px;}
.cust-info .quote img{width: 16px;margin: auto;}
.cust-info .user-img{width: 150px; height: 150px; margin: auto;display: block}
.cust-info .user-img img{width: 100%;border-radius: 50%;margin-bottom: 20px;border: 1px solid var(--sec-color);}
.cust-info p{width: 100%;display: block;line-height: 24px;}

/*Type Select*/
/*--- Type Select --- */
.type-select{display: flex;}
.type-select label,.card-body ul li .type-select label {
  display: flex;
  width: 120px;
  height: 54px;
  border: var(--border);
  border-radius: 5px;
  text-align: center;
  padding: 10px;
  vertical-align: top;
  margin-right: 25px;
  position:relative;
  cursor:pointer;
    flex-wrap: wrap;
    justify-content: space-around;
justify-content: left;
}
.card-body ul li .type-select label.manufacturing {width: 160px;}
.type-select input[type=checkbox],.type-select input[type=radio]{visibility:hidden;position:absolute;top:0;right:0;}
.type-select label:hover,
.type-select label.active,.card-body ul li .type-select label.active,.card-body ul li .type-select label:hover {
  background: #fff;
  border: 1px solid var(--sec-color);
}
.type-select label:hover h6, .type-select label.active h6 { 
  color: var(--sec-color);
}
.type-select label.manufacturing i {
  background-image: url(../images/manufacture.svg);
}
.type-select label.trading i {
  background-image: url(../images/trading.svg);
}

.type-select label.central i {
  background-image: url(../imgs/central.png);
   background-size: cover;
}
.type-select label.state i {
  background-image: url(../imgs/state.png);
    background-size: cover;
}
.type-select label.both i {
  font-size:32px;
}
.type-select label.both.active i,.type-select label.both:hover i {
color:var(--sec-color);
    
}
.type-select label:hover.central i,
.type-select label.active.central i
{
    background-image: url(../imgs/central-w.png);
}
.type-select label:hover.state i,
.type-select label.active.state i
{
    background-image: url(../imgs/state-w.png);
}

.type-select label.service i {
  background-image: url(../images/service.svg);
}
.type-select label:hover.manufacturing i,
.type-select label.active.manufacturing i {
  background-image: url(../images/manufacture-w.svg);
}
.type-select label:hover.trading i,
.type-select label.active.trading i {
  background-image: url(../images/trading-w.svg);
}
.type-select label:hover.service i,
.type-select label.active.service i {
  background-image: url(../images/service-w.svg);
}
.type-select label:last-child {
  margin-right: 0px;
}
.type-select h6 {
  font-size: var(--website-font);
  text-transform:capitalize;
  line-height: 10px;
  color: var(--text-color);
  font-weight: 400;
  display: inline-flex;
  align-items: center;
}
.type-select i {
  margin-bottom: 6px;
  display: inline-block;
  height: 32px;
  width: 32px;
  background-repeat: no-repeat;
  background-size: contain;
    margin-right: 6px;
}

.inner-table th{background-color: var(--bg-color); color: var(--text-color);border-top: none;}


/*Right Panel Css*/
/*Right Panel CSS*/
.right-blocks {
  margin-top: 20px;
    text-align: left;
}
.right-box {
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(3, 3, 3, 0.2);
    margin-bottom: 15px;
}
.right-box .top-bar {
  padding: 15px;
  cursor: pointer;
}
.right-box h6 {
  color: var(--main-color);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  margin: 0;
}
.right-box .plus,.right-box .minus {
  color: var(--main-color);
  font-size: 35px;
  font-weight: 300;
  text-align: right;
  position: absolute;
  right: 0;
  top: -17px;
}
.right-box .plus{display:none;}
.right-box.hide-it .plus{display:block;}
.right-box.hide-it .minus
{
  display:none;  
    
}
.right-box.hide-it .right-box-data {
  display: none;
}
.right-box .right-box-data {
  padding: 0 20px;
}
.right-box .right-box-data ul {
  list-style: none;
  margin: 0;
  padding: 0;
    max-height: 200px;
    overflow-y: auto;
}
.right-box .right-box-data ul li {
  border-bottom: 1px dashed #dadada;
  padding: 10px 0 10px 0;
  display: block;
    margin-bottom: 0px;
	color: #999;
}
.right-box .right-box-data ul li:last-child{border:none;}
.right-box .right-box-data ul li label,
.right-box .right-box-data ul li span {
  display: block;
  color: var(--text-light);
  font-size: 13px;
  line-height: 21px;
}
.right-box .right-box-data ul li span select{width: 100%;padding: 3px;}
.right-box .right-box-data ul li label {
  text-transform: uppercase;
  font-size: 12px;
    margin: 0;
}

.right-section {
  padding-top: 55px;
}
.right-section .select-state {
  position: relative;
}
.right-section .select-state .man {
  top: 0px;
}
.right-section .select-state .man {
  max-width: 114px;
}
.right-section .select-state .msg-box {
  margin: 0px;
  padding: 10px;
}
.right-section .select-state .msg-box p {
  font-size: var(--website-font);
  line-height: 21px;
  font-weight: 400;
  text-align: left;
}
.right-section .select-state .msg-box p:nth-child(2) {
  margin-bottom: 8px;
}
.right-section .select-state .msg-box .number {
  font-size: 13px;
  line-height: 15px;
  font-weight: 700;
  color: #fff;
}
.right-section .select-state .msg-box .number:after {
  display: none;
}
.select-state .man {
  max-width: 313px;
  position: absolute;
  right: -130px;
  top: 0px;
}
/* Msg Box --------------------- */
.msg-box {
  margin: 0px 52px 45px 198px;
  background: var(--sec-color);
  border-radius: 10px;
  position: relative;
  padding: 25px;
}
.msg-box::before {
  content: "";
  display: block;
  border-style: solid;
  position: absolute;
  border-left-color: transparent;
  border-top-color: transparent;
  border-width: 10px;
  border-right-color: var(--sec-color);
  border-bottom-color: var(--sec-color);
  right: -9px;
  top: 30px;
    transform: rotate(-45deg);
}
.msg-box p {
  color: #fff;
  font-size: 24px;
  line-height: 29px;
  margin-bottom: 18px;
}
.msg-box ul{list-style: disc; padding-left: 20px;overflow: auto; scrollbar-color: yellow blue; height: 155px;}
.msg-box ul li {
  color: #fff;
  font-size: var(--website-font);
  line-height: 18px;
  margin-bottom: 10px;
    list-style: disc;
    text-align: left;
}

.msg-box h6 {
  color: #fff;
    text-align: left;
}
.msg-box span {
  position: relative;
}
.msg-box span:after {
  position: absolute;
  left: 50%;
  bottom: -5px;
  content: "";
  width: 54px;
  height: 1px;
  margin-left: -27px;
  background: #fff;
  display: inline-block;
}
.msg-box p:last-child {
  margin-bottom: 0px;
}

/* Card ---------------------- */
.card.c-decision{padding: 0;margin-bottom: 10px;}
.cc-man-2{position: relative;}
.cc-man-2:before{position: absolute;  content: ""; background: url(../imgs/cc-man-2.png) no-repeat; width: 100%; left: -60px;   top: 80px; height: 530px; background-size: contain;display: none;}
.card {
  border: none;
  border-radius: 9px;
}
.card .card-header {
  background: #fff;
  border-bottom: 1px solid #dadada;
  padding: 10px;
}
.card .card-header:first-child {
  border-radius: calc(9px - 1px) calc(9px - 1px) 0 0;
}
.card .card-body-main {
  padding: 30px 20px;
}
.card .card-body .tab-content h3 {
  text-align: center;
  font-size: 28px;
  line-height: 33px;
  color: var(--text-light);
  font-weight: 400;
  margin-bottom: 65px;
}
.card .card-body .tab-content h3 span {
  font-weight: 700;
}
.card .card-body .tab-content h3 span.done {
  color: var(--sec-color);
}
.card .nav-tabs {
  border: none;
  display: flex;
}
.card .nav-tabs .nav-item {
  flex: 1;
  padding: 0px 25px;
  border-right: 1px solid #dadada;
  text-align: center;
  
}
.card .nav-tabs .nav-item {
    margin-bottom: -1px;
    position: relative;
}
.card .nav-tabs .nav-item:first-child {
  padding-left: 0px;
}
.card .nav-tabs .nav-item:last-child {
  padding-right: 0px;
  border-right: none;
}
.card .nav-tabs .nav-item a {
  display: block;
  border-radius: 0px;
}
.card .nav-tabs .nav-item a.active label {
  color: var(--sec-color);
}
.card .nav-tabs .nav-item.active:after {
  content: "";
  position: absolute;
  left: 60px;
  bottom: -10px;
  width: 70%;
  height: 4px;
  background: var(--sec-color);
  display: inline-block;
}
.card .nav-tabs .nav-item:first-child.active:after{left: 36px;}
.card .nav-tabs .nav-link {
  padding: 0px;
  border: none;
}
.card .radio-container {
  display: block;
  position: relative;
  padding-left: 35px;
  /*cursor: pointer;*/
  font-size: var(--website-font);
  line-height: 28px;
  color: var(--text-light);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: none;
  margin-bottom: 0px;
  text-align: left;
}

/* Hide the browser's default radio button */
.card .radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
/* Create a custom radio button */
.card .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 29px;
  width: 29px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #dadada;
}
/* When the radio button is checked, add a blue background */
.card .radio-container.checked .checkmark {
  border-color: var(--sec-color);
}
.card .done .radio-container.checked .checkmark {
  border-color: var(--main-color);
}
/* Show the indicator (dot/circle) when checked */
.card .done .radio-container.checked .checkmark:after {
  background-color: var(--main-color);
}
.card .radio-container.checked .checkmark:after {
  background-color: var(--sec-color);
}
.card .radio-container.checked .checkmark .radio-container {
  color: var(--sec-color);
}
.card .nav-tabs .nav-item.active .checked{color: var(--sec-color);}
/* Style the indicator (dot/circle) */
.card .radio-container .checkmark:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #dadada;
}

.steps-links .radio-container{color: var(--sec-color); cursor: pointer;}
.steps-links:hover{color: var(--sec-color);}
.steps-links .checkmark{border-color:var(--sec-color);background-color: var(--sec-color);}
.steps-links .radio-container .checkmark:after{    
    content: "";
    background: url(../images/check.png);
    position: absolute;
    top: 7px;
    left: 6px;
    width: 16px;
    height: 16px;
    color: #fff;
    font-size: 18px;

}

/*New CSS*/
.savemydata ul li label{width: 80px;text-align: right;padding: 0 10px;font-size: var(--website-font);}
.savemydata ul li input{width: 220px;border:1px solid #dadada; font-size: var(--website-font);}
.my-acc img{width: 32px; opacity: 0.7;}
.compliance-library .cc-selection{width: 870px;min-height: 450px;}
.acts-page .compliance-library .cc-selection .cc-man-img{width: 30%;float:left;}
.acts-page .compliance-library .cc-selection .cc-man-img img{width: 100%;}
.acts-page .compliance-library .cc-selection ul{width: 70%;}
.acts-page .compliance-library .cc-selection li{margin-bottom: 10px;}
.acts-page .compliance-library .cc-selection li:first-child{margin-bottom: 20px;}
.acts-page .compliance-library .cc-selection li.form-cta{margin-top: 0px;}
.acts-page .compliance-library .cc-selection li .msg-box{margin: 0px; padding: 15px;}
.acts-page .compliance-library .cc-selection li .msg-box p{font-size: 16px; line-height: 10px;}
.acts-page .compliance-library .cc-selection li .msg-box::before{left: -9px; right: auto;transform: rotate(135deg);bottom: 20px; top: auto;}
.acts-page .compliance-library .cc-selection.form-box:before, .acts-page .compliance-library .cc-selection.form-box:after{bottom:20%;}
.artcile-title span{
    background: var(--sec-color);
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px;
    width: 200px;
    display: block;
    padding: 5px;
    text-align: center;
    line-height: 24px;
    height: 70px;
    display: flex;
    align-items: center;
    font-weight: 600;
    margin-right: 10px;
    max-width: 70px;
    }


/*#list_of_events .box2 select{border: none;background: #fff;overflow: auto; color: #fff;}*/
.cc-tabular-data .dataTables_filter, .search-box{margin-bottom: 0px;}
.acts-page .form-box.cc-form-box-detail:before, .acts-page .form-box.cc-form-box-detail:after{display: none;}
.acts-page .form-box.cc-form-box-detail{padding: 0px;}
.acts-page .form-box.cc-form-box-detail ul{padding: 10px;}
.acts-page .form-box.cc-form-box-detail ul li{padding: 0px;}
.acts-page .form-box.cc-form-box-detail ul li.form-cta{margin-top: 10px;}
.acts-page .form-box.cc-form-box-detail ul li.form-cta input{width: 100%;}
.acts-page .form-box.cc-form-box-detail ul li select{margin-bottom: 10px;}

/*CSS for corporate dual select*/


.selected-hidden {
    display: none;
}

.checkbox-group .checkbox-normal {
    display: none;
}

.card-body ul li .checkbox-group {
    display: inline-block;
    position: relative;
}

.card-body ul li .checkbox-group label {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    text-transform: none;
    margin-bottom: 0;
    line-height: 20px;
    width: 100%;
}

.checkbox-group + .checkbox-group label {
    margin-left: 15px;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.radio-group label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: 0px;
    background: #fcfcfc;
    border: 1px solid #bbb;
}

.radio-group .radio-normal + label:before {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.radio-group .radio-normal:hover + label:before {
    border-color: #197DD5;
}

.radio-group .radio-normal:checked + label:before {
    content: "\e6bf";
    font-family: "iconfont";
    color: #fff;
    font-size: var(--website-font);
    line-height: 15px;
    border-color: #197DD5;
    text-align: center;
    background: #197DD5;
}

.radio-group .radio-normal:disabled + label:before {
    color: #fff;
    border: 1px solid #ccc;
    background: #ddd;
    cursor: not-allowed;
}

.checkbox-group label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 2px;
    left: 0;
    background: #fcfcfc;
    border: 1px solid #bbb;
}

.checkbox-group .checkbox-normal + label:before {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.checkbox-group .checkbox-normal:hover + label:before {
    border-color: #197DD5;
}

.checkbox-group .checkbox-normal:checked + label:before {
   position: absolute;
    content: "";
    background: url(../imgs/tick.png) no-repeat; 
    background-size: 80%;
    background-color: var(--sec-color);
    border-color: var(--sec-color);
    background-position: center;
}

.checkbox-group .checkbox-normal:disabled + label:before {
    color: #fff;
    border: 1px solid #ccc;
    background-color: #ddd;
    cursor: not-allowed;
}

.checkbox-group .checkbox-indeterminate + label:before {
    content: "\e95f";
    font-family: "iconfont";
    font-size: var(--website-font);
    text-align: center;
    line-height: 15px;
    color: #fff;
    border-color: var(--sec-color);
    font-weight: bold;
    background: var(--sec-color);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.multi-select-active:after {
    content: "\e93e";
    font-family: "iconfont";
    margin-left: 64%;
    font-weight: bold;
}

.icon-single-add {
    font-size: 22px;
    position: absolute;
    margin-left: -30px;
    margin-top: 7px;
}

.icon-double-add {
    font-size: 22px;
    position: absolute;
    margin-left: -30px;
    margin-top: 7px;
}

.transfer-double {
    width: 100%;

}

.transfer-double-content {display: flex; justify-content: space-between;}

.transfer-double-content-left {
    display: inline-block;
    width: 47%;
    height: 550px;
    border: var(--border);
    border-radius: 5px;
    float: left;
    overflow: hidden;
}

.transfer-double-content-middle {
    display: inline-block;
    width: 4%;
    float: left;
    margin: 20% 10px 0 10px;
    text-align: center;
}

.transfer-double-content-right {
    display: inline-block;
    width: 47%;
    height: 550px;
    border: var(--border);
    border-radius: 5px;
    overflow: hidden;
}
.acts-page .form-box .transfer-double-list-search-input{margin: 0 !important;}
.transfer-double-content-param {
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 36px;
    border-bottom: var(--border);
    text-align: left;
    padding: 0 10px;
    background-color: var(--sec-color);
    color: #fff;
    border-radius: 5px 5px 0 0;
}

.transfer-double-content-param .param-item {
    display: inline-block;
    line-height: 38px;
    font-size: 18px;
    font-weight: 400;
}

.vertical-separation-line {
    color: #eee;
    margin: 0 10px;
}

.transfer-double-list-header {
    padding: 8px 8px 6px 8px;
    text-align: center;
}


.transfer-double-list-content {
    padding: 3px 3px;
}

.transfer-double-list-main {
    height: 430px;
    overflow-y: auto;
    overflow-x: hidden;
}

.transfer-double-list-main .transfer-double-list-ul {
    list-style: none;
    padding: 0 10px 10px;
    margin: 0;
}

.transfer-double-list-main .transfer-double-list-ul .transfer-double-list-li {
    margin: 0px;margin-bottom: 0px;
}

.transfer-double-list-main .transfer-double-list-ul .transfer-double-list-li input {
    margin-right: 10px;
}

.transfer-double-list-main .transfer-double-group-list-ul {
    list-style: none;
    padding-left: 25px;
    margin: 0;
}

.transfer-double-list-main .transfer-double-group-list-ul .transfer-double-group-list-li {
    margin-top: 5px;
}

.transfer-double-list-main .transfer-double-group-list-ul .transfer-double-group-list-li .transfer-double-group-list-li-ul {
    list-style: none;
    margin-left: 25px;
}

.transfer-double-list-main .transfer-double-group-list-ul .transfer-double-group-list-li .transfer-double-group-list-li-ul .transfer-double-group-list-li-ul-li {
    margin-top: 5px;
}

.transfer-double-selected-list-header {
    padding: 8px 8px 6px 8px;
    text-align: center;
    display: none;
}

.transfer-double-selected-list-search-input {
    width: 232px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #ddd;
    padding: 5px 0 4px 8px;
    border-radius: 2px;
}

.transfer-double-selected-list-content {
    padding: 3px 3px;
}

.transfer-double-selected-list-main {
    height: 490px;
    overflow-y: auto;
}

.transfer-double-selected-list-main .transfer-double-selected-list-ul {
    list-style: none;
    padding: 0 10px;
    margin: 0;
    margin-top: 10px;
}

.transfer-double-selected-list-main .transfer-double-selected-list-ul .transfer-double-selected-list-li {
    margin: 0px;
    margin-bottom: 0px;
}

.transfer-double-selected-list-main .transfer-double-selected-list-ul .transfer-double-selected-list-li .checkbox-group {
    width: 100%;
}

.transfer-double-selected-list-main .transfer-double-selected-list-ul .transfer-double-selected-list-li input[type="checkbox"] {
    margin-right: 10px;
}

.transfer-double-selected-list-main .transfer-double-selected-list-ul .transfer-double-selected-list-li input[type="text"] {
    min-width: 40px;
    width: 40px;
    min-height: 24px;
    height: 24px;
}

.transfer-double-list-footer {
    height: 24px;
    line-height: 24px;
    border-top: 1px solid #ddd;
    padding-left: 18px;
    color: #999;
    padding-top: 1px;
    display: none;
}

.transfer-double-list-footer span {
    margin-left: 20px;
}

.transfer-double-list-footer input {
    min-width: 40px;
    width: 40px;
    min-height: 24px;
    height: 24px;
    margin-left: 75px;
}

.transfer-double-list-footer .btn-setting {
    display: inline-block;
    margin-left: 5px;
}

.transfer-double-list-footer label {
    margin-left: 10px;
}

.transfer-double-footer {
    padding: 10px;
    text-align: right;
    display: none;
}

.btn-select-arrow {
    display: inline-block;
    width: 34px;
    height: 28px;
    line-height: 28px;
    color: #bbb;
    background: var(--bg-color-dark);
    position: relative;
}
.btn-select-arrow:before {position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background: url(../imgs/c-next.png) no-repeat;
    background-size: cover;
    top: 8px;
    left: 11px;
    opacity: 0.7;}
.btn-del.btn-select-arrow:before{transform: rotate(180deg);}
.btn-select-arrow + .btn-select-arrow {
    margin-top: 10px;
}

.btn-arrow-active {
    color: #fff;
    background-color: var(--sec-color);
    
}
.btn-arrow-active:before{position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background: url(../imgs/c-next-w.png) no-repeat;
    background-size: cover;
    top: 8px;
    left: 11px;
    opacity: 1;}



/*
 * clear float
 */
.clearfix:before, .clearfix:after {
    display: table;
    content: " ";
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/*
 * input placeholder style
 */
input::-webkit-input-placeholder { /* WebKit browsers */
    font-size: 12px;
    color: #bbb;
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size: 12px;
    color: #bbb;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-size: 12px;
    color: #bbb;
}

input:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-size: 12px;
    color: #bbb;
}

/*
 * webkit scrollbar
 */
.transfer-double-list-main::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.transfer-double-list-main::-webkit-scrollbar-track {
    background: #f6f6f6;
    border-radius: 2px;
}

.transfer-double-list-main::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 2px;
}

.transfer-double-list-main::-webkit-scrollbar-thumb:hover {
    background: #999;
}

.transfer-double-list-main::-webkit-scrollbar-corner {
    background: #f6f6f6;
}

.transfer-double-selected-list-main::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.transfer-double-selected-list-main::-webkit-scrollbar-track {
    background: #f6f6f6;
    border-radius: 2px;
}

.transfer-double-selected-list-main::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 2px;
}

.transfer-double-selected-list-main::-webkit-scrollbar-thumb:hover {
    background: #999;
}

.transfer-double-selected-list-main::-webkit-scrollbar-corner {
    background: #f6f6f6;
}
/*CSS for corporate dual select*/

.order-summary .contact-left .contact-right ul label{font-size: 12px;}
.order-summary .contact-left .contact-right ul li input[type="text"]{height: 48px;}
.order-summary .contact-right ul li select{width: 100%; height: 48px; border: 1px solid var(--border-color); border-radius: 5px; padding: 10px;background-color: #fff;}
.order-summary .contact-right span {
    display: block;font-size: 16px; font-weight: 400;
}
.order-summary .contact-right small {
    display: block;font-size: 16px; font-weight: 400;
}
.order-summary .contact-left ul{border: none;padding: 0;}
.order-summary .contact-right td{padding: 10px;}
.order-summary h4{margin-bottom: 15px;font-size: 18px; font-weight: 500;}
.order-summary .total-amt td span, .order-summary .total-amt td small{font-weight: 600;}
.order-summary .table td{border:1px dashed #dadada;}
.order-summary .contact-right .order-table li span, .order-summary .contact-right .order-table li small{font-size:var(--website-font);}
.contact-right .order-table li{display:flex; justify-content:space-between;border-bottom: 1px dashed #dadada; padding-bottom: 6px;flex-wrap: wrap;align-items:center;}
.order-table li.promo-box{background-color:var(--bg-color);margin:5px 0;padding:10px;border-radius: 5px; border-bottom: none;}
.order-table li.total-amt span, .order-table li.total-amt small{font-weight:bold;}
.order-table li.promo-box div{display:flex;}
.contact-right .order-table li.promo-box input[type="text"]{width:170px;margin:0;}
#promocode_msg{display:flex;padding: 0 10px; width: 50%;  justify-content: right;}
#promocode_msg i{color:red;margin-right:5px;}
#promocode_msg.s-success i{color:var(--main-color);}
.order-table li.promo-box label{font-size:12px; text-transform:uppercase;display: contents;}
.empty-header{text-align:center;}
.order-summary-block{}
.empty-header img{width:120px;padding:10px;}
.cookiealert {text-align: center;background-color: #333;}
.cookiealert p{font-size: var(--website-font); width: 100%; float: left; text-align: center; line-height: 21px;margin: 0;}
.cookiealert p strong{font-size: 16px;}
.cookiealert p a{color: #fff; text-decoration: underline;font-size: var(--website-font);}
.cookiealert button{padding: 5px 10px;background-color: var(--main-color);}
.cookiealert button:hover{background-color: var(--sec-color);}


.save-button-fixed{position: fixed;
    bottom: 100px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    background-color: var(--main-color);
    color: white;
    cursor: pointer;
    border-radius: 4px;
    display: none;
}
.save-button-fixed a{padding: 5px 10px; display: inline-block;}
.save-button-fixed img{width: 24px;}
.save-button-fixed span{display: block;color: #fff; font-size: var(--website-font);line-height: 17px;}
#my-save-btn-cd.save-button-fixed{display: block;}

/*MOdal for right open*/
.modal.modal-left .modal-dialog,
.modal.modal-right .modal-dialog,
.modal.modal-top .modal-dialog,
.modal.modal-bottom .modal-dialog {
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

/* Left & Right */

.modal.modal-left .modal-dialog,
.modal.modal-right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 500px;
  max-width: 100%;
  height: 100%;
}

.modal.modal-left .modal-content,
.modal.modal-right .modal-content {
  height: 100%;
  overflow-y: auto;
}

.modal.modal-left .modal-body,
.modal.modal-right .modal-body {
  padding: 15px 15px 80px;
}

.modal.modal-right.fade .modal-dialog {
  right: -500px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.modal-right.fade.show .modal-dialog {
  right: 0;
}

.modal.modal-left .modal-content,
.modal.modal-right .modal-content,
.modal.modal-top .modal-content,
.modal.modal-bottom .modal-content,
.modal.modal-full .modal-content {
  border-radius: 0;
  border: none;
}

.modal.modal-left .modal-dialog.modal-lg,
.modal.modal-right .modal-dialog.modal-lg {
  width: 800px;
    background-color: #fff;
    box-shadow: 1px 1px 30px rgba(0,0,0,0.5);
    
}
.modal-dialog.modal-lg .modal-content input[type="text"]{border-radius: 0px;margin-bottom: 0; border-top: 0px; }
.input-group-text{border-radius: 0px;border-top: 0px;border-right: 0px;background-color: var(--bg-color);}
.mod-search-fixed{position: fixed; top:51px;z-index: 1;}
.modal-dialog.modal-lg .modal-body{margin-top: 30px;}
.modal-dialog.modal-lg .modal-header{padding: 10px;}
.slide-modals ul li label input[type="radio"]{display: none;}
.slide-modals ul li  {margin: 0; padding: 0;display: inline;position: relative;}
/*.slide-modals ul li:before{position: absolute; top:0; left: 0; content: "→"; width: 16px; height: 16px;}*/
.slide-modals ul li label {font-size: var(--website-font);font-weight: 400; cursor: pointer;display: flex; line-height: 21px;  margin-bottom: 6px;}
.slide-modals ul li label i{margin-right: 5px;}
.inner-left-nav,.comp-logo .cancel{display: none;}
.video-popup .modal-dialog.modal-lg .modal-body{margin-top: 0px;}

.acts-page .resources li.form-cta{margin-top: 15px;}
 .imp-links{margin-top: 10px;}

/*Responsive CSS Starts*/

@media screen and (max-width: 1024px) {
    :root{
         --vertical-spacing: 40px 0;
  --vertical-spacing-single: 40px;
    }
  .about-panel>div {
    width: var(--full-bspace);
}
    .inner-left-nav,.comp-logo .cancel{display: block;}
    .mob-hide{display: none !important;}
    .mob-mar-top{margin-top: 40px;}
    .mob-scroll-x{overflow-x: scroll;}
    .mob-scroll-y{overflow-y: scroll;}
    .login-right .login-box,.msg-yellow,.act-box{width: 90%;}
    .login-box .form-cta>div,.articles-detail .article-box,.acts-page .form-box{width: 100%;}
    .login-right h1{padding: 10px; font-size: 28px;}
    .login-right .login-box,.acts-page .form-box{padding: 15px;}
    .login-box .form-cta>div{margin-bottom: 20px;}
    /*Mobile Banner*/
    .banner-home h1 {font-size: 32px;}
    .banner-home p {font-size: var(--website-font); line-height: 21px; margin-bottom: 20px;}
    .banner-home .banner-data{width: 100%;}
    
    header{padding: 5px 10px;}
    .mobile-menu,  .mobile-menu-left{display: block; border: none; background: none;margin: auto;}
    .mobile-menu img,.mobile-menu-left img{width: 36px;}
    .mobile-menu .cancel, .mobile-menu-left .cancel{display: block;}
    .mobile-menu .ham, .mobile-menu-left .ham{display: none;}
    .mobile-menu.mob-close .cancel{display: none;}
    .mobile-menu.mob-close .ham, .mobile-menu-left.mob-close .ham{display: block;}
    .main-nav ul{display: none;}
    header ul li{padding: 0 10px;}
    header ul li a, header ul li {font-size: var(--website-font);}
    .mobile-menu-left .cancel{position: fixed; left: 170px; top: 10px;}
    .comp-logo{display: flex;justify-content:space-between;}
    .comp-logo .cancel{height: 36px;}
    .top-panel{height: auto; min-height: 48px;}
   
    .cc-tabular-data h2, .right-data-panel h2{font-size: 16px;}
   .banner-home{height: 380px;}
    .modify-search ul li{margin-top: 6px;}
    
    
    
    
    /*Mobile Menu*/
    .main-nav ul{position: absolute;width: 100%; left: 0;background-color: #ffffff;top: 56px;height: 440px;}
    .main-nav ul li{display: flex; width: 100%; text-align: left;margin-bottom: 10px;}
    .main-nav ul li a{width: 100%;display: flex;}
    header li.products-nav-mob:after{display: none !important;}
    .main-nav li.products-nav-mob ul{display: block;}
    header li.products-nav-mob ul{position: inherit; border: none;box-shadow: none;top:auto; left: auto;width: auto;background: none;padding-left: 20px;}
    header li.products-nav-mob ul li{position: relative;}
    header li.products-nav-mob ul li:before{position: absolute; content: "-"; left: -10px; top:-2px; width: 10px; height: 1px;}
    header li.products-nav-mob{display: block; height: 240px;}
    .overlay-inner{display: none;}
    .mob-menu-open.overlay,  .mob-menu-open.overlay-inner{display: block; position: fixed; height: 100vh; background-color: rgba(0,0,0,0.4);width: 100%;z-index: 2;left: 0; top:0;}
    header li.products-nav:after{top:-3px; right:0px; }
    /*Homepage*/
    
    .about-panel>div{width: auto;}
    .prod-buttons a:nth-child(2){margin-left: 5px;}
    .benefits-panel .benefits-box ul li{width: 100%;}
    .benefits-panel .benefits-box ul{padding: 0 0 0 10px;}
    .about-benefits h2{text-align: left;}
    .articles .article-box{margin-bottom: 40px;}
    .footer-content > div{margin-bottom: 40px;width: 100%;}
    footer{padding: 20px 0;}
    .footer-bottom ul li:first-child{margin-left: 0px;}
    .cust-info{min-height: 440px;height: auto;}
    .our-products.homepage .products-panel .product-box{border: none; min-height: auto;border-bottom: 1px solid var(--border-color);}
    .about-content, .about-content p {margin-bottom: 30px;}
    
    /*About Us Page*/
    .inner-banner h3{font-size: 24px;}
    .inner-banner p{font-size: 20px; line-height: 32px;}
    .about-top-boxes{margin-bottom: 20px;}
    .vision-panel figure.vision-box{height: auto;}
    .key-milestones .nav.nav-pills{width: 950px; overflow: scroll;}
    
    /*Prod Nav*/
    #prod-nav{width: 60%;left: -70%;z-index: 4;transition: all 0.5s;}
    #prod-nav.prod-slide{left: 0;}
    .cc-tabular-data, .right-data-panel {
    width: 100%;
    margin-left: 0%;
    }
    .inner-left-nav{position: fixed; top: 0px; left: 0;background: #fff;padding: 5px;z-index: 1;}
    
    /*CSS for lawchekr*/
    #content .select-state .state-wrapper{padding: 0;}
    #content .select-state .city-list li{width: auto; margin: 0 5px;}
    #content .select-state .city-list li:last-child{width: 100%;}
    #content .select-state .box-default{height: auto;}
    #content .select-state{width: 100%;}
    #content .select-state .city-list li img,#content .select-state .city-list li i{height: 42px;}
    #content .select-state .box-default{padding: 10px;}
    #content .select-state .city-list li h6{font-size: 12px;}
    .right-section{display: none;}
    .type-select label, .card-body ul li .type-select label{width: auto; height: auto; justify-content: center;}
    .card-body ul li label.border-line-r:after,.card-body label.border-line-r:after{display: none;}
    .transfer-double-content{display: block;}
    .transfer-double-content-left, .transfer-double-content-right{width: 100%;}
    .c-decision .card-body{padding: 0;}
    
    /*Contact Us*/
    .contact-right {margin-top: 50px;}
    
    /*nav-left-panel*/
    .nav-left-panel{position: absolute;left: -300px;transition: all 0.5s;}
    .nav-left-panel.left-close{left: 0px; }
    .acts-page ul li:last-child, .acts-page .compliance-library li:last-child{/*margin-bottom: 0px;*/}
    .acts-page-inner .acts-detail-page{}
    .logged-in li.products-nav ul{top:30px; }
    .nav-left{z-index: 2;}
    
    /*Products Page*/
    .inleft-nav{display: none;position: fixed; left:0; top:80px;background-color: var(--sec-color);z-index: 1;width: 100%; height: 40px;text-align: center;}
    .inleft-nav span{position: relative;width: 100%; display: inline-block; text-align: center;vertical-align: sub;}
    .inleft-nav span:before{content: "View More Products"; width: auto;color: #fff; font-size: 12px; text-transform: uppercase;}
    .inleft-nav.left-open{z-index: 3;}
    .inleft-nav.left-open span:before{content: "Hide Products";}
    .nav-left{width: 80%;}

    div.dataTables_wrapper div.dataTables_filter input, .search-box input{width: 100%;}
   
    .imp-links .card-body li label,.imp-links .card-body li a{width: 100%;text-align: left;}
    .filter-newsletter .inner{margin-bottom: 5px;}
    
    .card.c-decision .card-header{display: none;}
    
    /*form pages*/

    table{word-break: normal;}
    div.dataTables_wrapper div.dataTables_filter label, div.dataTables_wrapper div.dataTables_filte{text-align: left;}
    #prod-nav .curr-prod,#prod-nav .change-prod{padding: 0px;}
    #prod-nav .change-prod{overflow-x: scroll; text-align: left;}
    #prod-nav .change-prod ul{width: 700px;}
    #prod-nav .change-prod ul li{display: inline-flex;margin-bottom: 0px;width: auto;}

    .cc-man-img,.acts-page .compliance-library .cc-selection li .msg-box{display: none;}
    .acts-page .compliance-library .cc-selection ul{width: 100%;}
    .compliance-library .cc-selection{width: 100% !important;height: auto;min-height: auto;}
    .cc-selection li .type-select label{width: 120px;}
    
    .mod-left-main{width: 100%;}
    .mod-left{position: relative; width: 100%;}
    
    
    footer .copyright, .footer-content > div:first-child, .footer-content > div{width: 100%;}
}
@media screen (min-width: 769px) and (max-width: 1080px) {
    .transfer-double-content-left, .transfer-double-content-right{width: 45%;}   
}

/* responsive lawchekr sam*/
@media screen and (max-width: 1200px) {
  .lawchekr-popup{
    display: block;
  }
  .linkables{
    border: none;
    display: flex;
    flex-direction:row;
    padding-left: 0px;
  }
  .linkables form{
    width: 50%;
  }
    
}

/*Responsive CSS Ends*/

.slide-modals ul.sector li{width: 50%; float: left;}



/*New CSS for videos*/

.product-box .demo-video{background: none; color: var(--main-color); font-size: 32px;border: none;float: right;border-radius: 100px;width: 32px; height: 32px;padding: 0;}
.product-box .demo-video:hover{box-shadow: 1px 1px 10px rgba(143,204,50,1);transition: 0.5s;}

/*Top Timer*/
.top-timer{width: 85%;margin-left: 15%;border-top: 1px solid #dadada;height: 42px;padding: 6px 15px;text-align: left;}
.top-timer p {font-size: var(--website-font);}
.top-timer h4 {color: var(--text-color);}
.top-timer p a{font-size: var(--website-font); color: #856404; text-decoration: underline;}
.top-timer p span{font-weight: bold;font-size: 16px;}
.timer a{text-decoration: underline;color: var(--main-color);}
.timer img{width: 100px;}
.timer-buttons a{color: #fff; text-decoration: none;}
/*Banner home new*/
.banner-home-new{background-color: var(--bg-color);padding: 40px 5% 60px;overflow: hidden;}
.banner-home-new .newbanner-title{margin: 0px 0 0px; text-align: center;width: 100%;}
.banner-home-new .newbanner-title h1{font-size: 32px;}
.banner-home-new .newbanner-title p{font-size: 16px; line-height: 21px; margin-bottom: 40px;}
.newbanner-section{display: flex;flex: 100%;}
.newbanner-left{width: 40%;}
.solution-slider{background-color: var(--bg-color-dark);padding: 30px 20px 30px 20px;margin-bottom: 38px;position: relative;border-radius: 20px;min-height: 210px; z-index: 1;text-align: left}
.solution-slider .sol-slide-top{display: flex;align-items: center;}
.solution-slider .container{}
.solution-slider .slick-dots li{width:10px; height: 10px;}
.solution-slider .slick-dots li button{width:10px; height: 10px;background-color: none;border:1px solid #333;border-radius: 20px;}
.solution-slider .slick-dots li button:before{display: none;}
.solution-slider .slick-dots li button[tabindex="0"]{background-color: #333;}
.solution-slider .slick-dots{bottom: -20px;}

.solution-slider .sol-title{position: absolute; left: 20px; top:-10px;background-color: var(--sec-color);font-size: 10px; text-transform: uppercase;color: #ffffff;border-radius: 20px;padding: 0 10px;line-height: 21px;}
.sol-bottom{display: flex;}
.sol-bottom a{}
.sol-bottom a:hover{}
.sol-bottom button{background: none;border: none;display: flex;}
.sol-bottom i{font-size: 36px; color: var(--main-color);}
.solution-slider .icon-silder{background: none;padding: 0;}
.solution-slider .sol-slide-data h5{font-size: 16px;flex: 70%;margin: 0;}
.solution-slider .sol-slide-data p{font-size: var(--website-font);line-height: 21px;margin-top: 10px;margin-bottom: 20px;}
.newbanner-right{width: 60%;}
.banner-stats{margin: 0 0 0px; padding: 0;display: flex; flex-wrap: wrap;}
.banner-stats li{display: flex;margin-right: 0px;width: 48%;}
.sol-slide-data.slide-content{display: inline-block !important;overflow: hidden; }
.banner-stats li:last-child{margin-right: 0px;}
.banner-stats li figure{width: 50px; height: 50px; border:1px solid var(--main-color); border-radius: 50px;display: flex; justify-content: center; align-items: center;}
.banner-stats li img{width: 28px;}
.banner-stats li label{font-size: 13px; line-height: 21px;margin-left: 10px;}
.banner-stats li label strong{font-size: 16px;display: block;}
.newbanner-right {padding: 0 0 0 30px;z-index: 1;}
.newbanner-right .cc-man-img {padding: 0;}
.newbanner-right .form-box {padding: 0 20px 0 0;}
.newbanner-right .cc-man-img img{width: 100%;}
.newbanner-right .home-form .msg-box-home:before {
    left: 30px;
    right: auto;
    transform: rotate( 45deg);
    bottom: -10px;
    top: auto;
}
.newbanner-right .home-banner-form {background-color: #ffffff;border-radius: 20px; box-shadow: 0 14px 28px 0 rgb(99 118 129 / 50%);padding: 20px;position: relative;}
.newbanner-right .home-banner-form .select2-container{width: 100% !important;}
.newbanner-right .home-banner-form:before, .newbanner-right .home-banner-form:after {
    background: url(../imgs/flower.png) no-repeat;
    position: absolute;
    width: 330px;
    height: 350px;
    background-size: 200px;
    content: "";
    bottom: 20%;
    left: -80px;
    z-index: -1;
    transform: rotate(
-85deg);
}
.newbanner-right .home-banner-form:after {
    left: auto;
    right: -80px;
    z-index: -1;
    transform: rotate(
85deg) scaleX(-1);
}
.newbanner-right .home-form .msg-box-home{margin:0 0 20px; background: var(--sec-color); border-radius: 10px;position: relative;
    padding: 20px;}
.newbanner-right .home-form .msg-box-home p{font-size: 15px;line-height: 24px;color: #fff;margin: 0;}
.newbanner-right .home-form .msg-box-home:before {
    left: -9px;
    right: auto;
    transform: rotate(
135deg);
    bottom: 25px;
    top: auto; 
}
.newbanner-right .home-banner-form ul {margin: 0px; padding: 0 15px;}
.newbanner-right .home-banner-form li {margin-bottom: 10px;}
.newbanner-right .home-banner-form li:last-child {margin-bottom: 0px;}
.newbanner-right .home-banner-form li label{font-size: 12px;margin-bottom: 0px;}

.top-panel-reminder{display: flex;justify-content: space-between;align-items: center;}
.top-panel-reminder a{color: #ffffff; font-weight: 600;}
.top-panel #select_state .select2-container--default.select2-container--disabled .select2-selection--single{height: 36px;margin-bottom: 0;}
.top-panel #select_state .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 25px;}
.top-panel #select_state .select2-container--default .select2-selection--single .select2-selection__arrow{top:5px;}
.modify-search .row{justify-content: flex-end;}

.set-reminder-top{background-color: #fff;width: 85%;margin-left: 15%;border-top: 1px solid #dadada;height: 50px;padding: 5px 15px;border-bottom: 1px solid #dadada;}
.set-reminder-top ul{display: flex;align-items: center;}
.set-reminder-top ul li:last-child{justify-content: flex-end; flex-grow: 3;margin: 0 10px 0 0}
.set-reminder-top ul li{display: flex;align-items: center;margin-right: 20px;}
.set-reminder-top ul li:first-child label{text-transform:capitalize;margin: 0; line-height: 1px;margin-left: 5px;}
.set-reminder-top ul li.add-c1:first-child label{text-transform:uppercase;margin: auto;display: flex; align-items: center;}
.set-reminder-top ul li:last-child a{color:#ffffff; font-weight: 600;}
.set-reminder i{color: var(--main-color);margin-right: 5px;font-size: 28px;} 
.set-reminder a{color: var(--main-color); text-decoration: underline;font-weight: 700;}
.set-reminder.active a{color: var(--main-color);text-decoration: underline;}
.set-reminder.active i{color: var(--main-color);}

.edit-reminder-tab{background-color: #fff;width: 85%;margin-left: 15%;border-top: 1px solid #dadada;height: 52px;padding: 10px 15px;border-bottom: 1px solid #dadada;display: flex; justify-content: space-between;} 
.edit-reminder-tab ul li, .set-reminder-top ul li.add-c1{margin-right: 30px;position: relative;}
.edit-reminder-tab ul li.active:before, .set-reminder-top li.add-c1.active:before{border-bottom: 2px solid var(--sec-color);position: absolute; width: 80%; right: 0; bottom: -4px;content: "";}
.set-reminder-top li.add-c1.active:before{bottom: -10px;}
.edit-reminder-tab ul li label span, .set-reminder-top li.add-c1 span, .set-reminder-top li .number-circle{border:1px solid #dadada; border-radius: 50%;width: 28px; height: 28px;display: inline-block;line-height: 26px;margin-right: 5px;text-align: center;}
.set-reminder-top li.add-c1 i{font-size: 28px; margin-right: 5px;}
.edit-reminder-tab ul li a label, .set-reminder-top li.add-c1 label {font-size: 13px; text-transform: uppercase;font-weight: 600;color: rgba(0,0,0,0.5);}
.edit-reminder-tab ul li.active label span, .set-reminder-top ul li.add-c1.active label span{background-color: var(--sec-color); color: #fff;border-color: var(--sec-color);}
.edit-reminder-tab ul li a{display: block;} 
.edit-reminder-tab ul li.active a label, .edit-reminder-tab ul li.completed a label, .set-reminder-top ul li.add-c1.active label{color: var(--sec-color);}
.edit-reminder-tab .all-reminders li a{color: var(--sec-color);font-weight: 700;}

.proceed-reminder{background-color: #fff;width: 85%;margin-left: 15%;border-top: 1px solid #dadada;height: 52px;padding: 6px 15px;display: flex; justify-content:center;position: fixed; bottom: 0;align-items: center;z-index: 3;}
.proceed-reminder label{text-transform: capitalize; margin: 0;padding: 0; margin-right: 10px;text-align: left;}
.proceed-reminder label small{font-size: 12px; font-weight: 700;display: block;}
.proceed-reminder.proceed-verify{justify-content: space-between;}

#msg_show{position: fixed;right: 0;top: 6%;transition:all 1s;}
#msg_show.messageon{position: fixed;right: -400px;top: 6%; transition:all 1s;}


.pop-design-data.editmyreminder{background-color: #ffffff;width: 100%;margin: auto;padding: 0;text-align: left;border-radius: 10px;position: relative;box-shadow: 0 8px 16px 0 rgb(162 169 204 / 24%);}
.pop-design-data.editmyreminder:before, .pop-design-data.editmyreminder:after{background: url(../imgs/flower.png) no-repeat;position: absolute; width: 330px;height: 350px; background-size: 350px; content: ""; bottom: 20%; left: -180px;z-index: -1;transform:rotate(-85deg);}
.pop-design-data.editmyreminder:after{left:auto; right:-180px;z-index: -1;transform:rotate(85deg) scaleX(-1);}
.pop-design-data.editmyreminder .pop-left{background-color: var(--bg-color-dark); border-top-left-radius: 11px;border-bottom-left-radius: 11px;}
.pop-design-data.editmyreminder .pop-left:before{background: none; }
#myform-fields li.half-box{width: 48%; display: inline-block; margin-right: 10px;}
#myform-fields li.half-box2{margin-right: 0;}
.pop-data-buttons-edit {display: flex;}
.pop-data-buttons-edit .grey-botton{margin-right: 10px;}

.reminder-popup .modal-header h4,.reminder-popup .modal-dialog.modal-lg .modal-body{margin: 0;}
/*.reminder-popup .modal-dialog.modal-lg .modal-body{padding: 0;}*/
.reminder-popup .modal-dialog.modal-lg .modal-body ul{padding: 0px;margin: 0;}
.reminder-popup .modal-dialog.modal-lg .modal-body ul li {margin-bottom: 15px;}
.reminder-popup .modal-dialog.modal-lg .modal-body ul li label{margin-bottom: 0;font-size: 11px; text-transform: uppercase; color: rgba(0,0,0,0.7);}
.reminder-popup .modal-dialog.modal-lg .modal-body ul li input[type="text"], .reminder-popup .modal-dialog.modal-lg .modal-body ul li select{margin-bottom: 0;font-size: var(--website-font);height: 42px;}
.reminder-popup .modal-footer{margin-top: 30px;}

/*Reminder timeline starts*/
#Reminder nav.navbar{
    font-size: 13px;
    position: absolute;
    display: flex;
    background-color: white;
    width: 320px;
    height: 100vh;
    top: 0%;
    right: 0%;
    padding: 10px 85px 10px 30px;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    box-shadow: 2px 3px 20px #aaaaaa;
}
#Reminder .status{
    display: flex;
    font-size: 10px;
    font-weight: bold;
}
#Reminder .status input[type="radio"]{
    display: none;
}
#Reminder .status .form-check{
    margin-right: 26px;
    padding-left: 0px;
}
#Reminder .status i{
    font-size: 35px;
    margin-right: 7px;
}
#Reminder .status label {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    width: 95px;
    justify-content: center;
}
#Reminder .status input[type="radio"]:checked + label{
    border: 2px solid var(--main-color);
    border-radius: 10px;
}
#Reminder .menu{
    width: 170px;
    margin-left: 40px;
    margin-top: 20px;
}
#Reminder ul::before{
    content: "";
    position: absolute;
    left: 10%;
    width: 0.5px;
    height: 480px;
    background-color: lightgray;
}
#Reminder li::before{
    content: "";
    position: absolute;
    left: 5.5%;
    width: 30px;
    height: 30px;
    /*border: 1px solid var(--main-color);*/
    background-image: url(record-circle.svg);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    border-radius: 50%;
    background-color: white;
    cursor: pointer;
}
#Reminder li.done::before{
    background-image: url(status-done.svg);
    background-repeat: no-repeat;
    background-size: 30px 30px;
}
#Reminder li.active::before{
    background-image: url(status-active.svg);
    background-repeat: no-repeat;
    background-size: 30px 30px;
}
#Reminder li.pending::before{
    background-image: url(status-pending.svg);
    background-repeat: no-repeat;
    background-size: 30px 30px;
}
#Reminder p.date{
    margin-top: -12px;
    font-size: 11px;
    font-weight: lighter;
}
#Reminder .navbar h5 {
    font-size: 15px;
    margin-left: -14px;
    margin-top: 8px;
    font-weight: bold;
}
#Reminder span#togglebutton{
    position: absolute;
    right: 0%;
    top: 1%;
    padding: 14px;
    border: 1px solid var(--main-color);
    border-radius: 30px 0px 0px 30px;
    cursor: pointer;
}
#Reminder span#togglebutton:hover{
    background-color: var(--main-color);
    color: white;
}
#Reminder i.bi.bi-x-square{
    color: red;
    font-size: 25px;
    cursor: pointer;
    display: none;
}

/*Form starts*/
#Reminder .wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 40px;
}
#Reminder .responce{
    width: 35%;
    padding: 16px 16px 30px 16px;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0px 0px 20px -4px #888888;
    margin-top: 16px;
    line-height: 0.5;
    align-items: center;
    display: flex;
    flex-direction: column;
}
#Reminder form{
    width: 100%;
    font-size: 11px;
    color: grey;
}
#Reminder .responce input{
    height: 28px;
    font-size: 10px;
}
#Reminder .responce select{
    height: 28px;
    font-size: 10px;
}
#Reminder .responce button{
    background-color: var(--main-color);
    width: 100px;
    font-size: 9px;
    color: white;
}
@media only screen and (max-width: 1000px) {

   #Reminder nav.navbar{
        display: none;
    }
    #Reminder .responce{
        width: 50%;
    }
    #Reminder span#togglebutton{
        display: block;
    }
    #Reminder div.row{
        display: block;
    }
    #Reminder div.row .col{
        margin-bottom: 20px;
    }
    #Reminder i.bi.bi-x-square{
        display: block;
    }
    
}
@media only screen and (max-width: 766px) {

     #Reminder .responce{
         width: 80%;
     }
 }

#MailSubmissionForm .wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 40px;
}
#MailSubmissionForm .head{
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 0.75;
    font-weight: 600;
}
#MailSubmissionForm .responce{
    width: 35%;
    padding: 16px 16px 30px 16px;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0px 0px 20px -4px #888888;
    margin-top: 16px;
    line-height: 0.5;
    align-items: center;
    display: flex;
    flex-direction: column;
}
#MailSubmissionForm form{
    width: 100%;
    font-size: 11px;
    color: grey;
}
#MailSubmissionForm .responce input{
    height: 28px;
    font-size: 10px;
}
#MailSubmissionForm .responce select{
    height: 28px;
    font-size: 10px;
}
#MailSubmissionForm .responce textarea{
    height: 100px;
    font-size: 10px;
}
#MailSubmissionForm .responce button{
    background-color: var(--main-color);
    width: 118px;
    font-size: 9px;
    color: white;
}

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

    #MailSubmissionForm .responce{
        width: 55%;
    }
}

@media only screen and (max-width: 766px) {
    #MailSubmissionForm .responce{
        width: 75%;
    }
      
}
@media only screen and (max-width: 493px) {
    #MailSubmissionForm .responce{
        width: 100%;
    }
    #MailSubmissionForm .head p{
        line-height: 1.5;
        text-align: center;
    }
      
}

#AfterMailSubmission .wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 40px;
}
#AfterMailSubmission .head{
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 0.75;
    font-weight: 600;
}
#AfterMailSubmission .responce{
    background-color: white;
    padding: 50px 60px 30px 60px;
    border-radius: 10px;
    box-shadow: 0px 0px 20px -4px #888888;
    margin-top: 16px;
    line-height: 0.5;
    align-items: center;
    display: flex;
    flex-direction: column;
    font-weight: 600;
}
#AfterMailSubmission .responce a{
    color: var(--main-color);
    text-decoration: underline;
    font-size: 12px;
    margin-top: 30px;
}
#AfterMailSubmission .responce i{
    color: var(--main-color);
    font-size: 50px;
    margin-bottom: 20px;
}
@media only screen and (max-width: 1000px) {

    #AfterMailSubmission .responce{
        width: 65%;
    }
}

@media only screen and (max-width: 766px) {
    #AfterMailSubmission .responce{
        width: 85%;
    }
      
}
@media only screen and (max-width: 493px) {
    #AfterMailSubmission .responce{
        width: 100%;
    }
    #AfterMailSubmission .head p{
        line-height: 1.5;
        text-align: center;
    }
    #AfterMailSubmission .responce p{
        line-height: 1.5;
        text-align: center;
    }
      
}

/*Pop Design Data*/
.pop-design-data{display: flex; width: 100%;height: auto;}
.pop-design-data .pop-left{background-color: var(--bg-color); width:40%;padding:30px 20px;position: relative;z-index: 0;}
.pop-design-data .pop-left:before{
    background: url(../imgs/flower.png) no-repeat;
    position: absolute;
    width: 330px;
    height: 350px;
    background-size: 200px;
    background-position: bottom;
    content: "";
    bottom: 0;
    left: auto;
    right: -70px;
    z-index: -1;
}
.pop-design-data .pop-left h5{font-size: 16px;}
.pop-design-data .pop-left p{font-size: 12px;line-height: 17px;}
.pop-design-data .pop-left .banner-stats li i{font-size: 21px; color: var(--main-color);}

.pop-design-data .pop-right{width:60%;padding: 30px 20px; display: flex; align-items: center;text-align: center;}
.pop-design-data .pop-right figure{background-color: var(--sec-color); width:70px;height: 70px; display: flex; justify-content: center;align-items: center;border-radius: 50px;margin: auto; margin-bottom: 20px;}
.pop-design-data .pop-right figure i{font-size: 32px;color: #ffffff;}




.rotating-time {
  animation: rotation 2s;
    animation-iteration-count: infinite;
}

@media screen and (max-width: 768px) {
    .pop-design-data .pop-left{display: none;}
    .pop-design-data .pop-right{width: 100%;}
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}




/*

.rotate {
  animation: rotation 2s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

*/

.pop-design-data .pop-right h4{font-size: 20px;color: var(--sec-color);font-weight: 600;margin-bottom: 20px;}
.pop-design-data .pop-right h5{font-size: 18px;text-align: left;}
.pop-design-data .pop-right p{font-size: 16px;margin-bottom: 20px;}
.pop-design-data .pop-right p a{font-size: 16px;color: var(--main-color);}
.pop-design-data .pop-right p a:hover{text-decoration: underline;}
.pop-design-data .pop-right ul{margin: 0; padding: 0; text-align: left;}
.pop-data-buttons a{margin: 0 10px;}
.pop-design-data .banner-stats li{display: flex; width: 100%;}
.pop-design-data .banner-stats li label{display: block;margin-top: 6px;font-size: 12px;}
.pop-design-data .banner-stats li label strong{font-size: var(--website-font);}
.pop-design-data .banner-stats li figure{width: 45px; height: 45px;}
.pop-design-data .banner-stats li img{width: 24px;}
.timer-popup .modal-content{border-radius: 20px; box-shadow: 1px 3px 10px rgba(0,0,0,0.2);overflow: hidden;}
.pop-data-buttons.text-left{text-align: left;}
#myform-fields li{margin-bottom: 10px;display: block;}
#myform-fields li label{font-size: 11px; text-transform: uppercase;opacity: 0.7;}
#myform-fields input[type="text"], #myform-fields select{font-weight: 400;width: 100%;border: 1px solid #dadada;padding: 6px;margin-bottom: 0px;border-radius: 4px;background: #ffffff;font-size: var(--website-font); color: var(--text-color);height: 36px; border-radius: 5px;}
.all-mail, .all-entity{margin-bottom: 3px;}
.all-mail .email-ids, .all-entity .entity-ids{background-color: var(--bg-color); padding: 3px 10px; margin-right: 5px; font-size: 12px; border-radius: 5px; margin-bottom: 5px; border: 1px solid #e5e5e5;}
.all-mail .email-ids .cancel-email, .all-entity .entity-ids .cancel-entity{font-weight: bold;}
.all-mail .email-ids .cancel-email:hover, .all-entity .entity-ids .cancel-entity:hover{color: red;}

.mob-menu-left-home{display: none;}
#msg_show{text-align: left;}
.table-links-icons a i{font-size: 16px; color:var(--sec-color);margin: 0 5px;}
.table-links-icons a.trash i{color:#DB1A1A;} 
.table-links-icons a.pencil i{color:var(--text-color);}
.table-links-icons a:hover.pencil i{color:var(--main-color);}

#view-rem-detail {background-color: #ffffff; border-bottom: 1px solid #dadada;border-top: 1px solid #dadada;}
#view-rem-detail ul{display: flex;margin-left: 16%;align-items: center;height: 42px;}
#view-rem-detail ul li:first-child{display: flex;border: none;}
#view-rem-detail ul li:first-child label{text-transform: capitalize;margin-left: 5px;line-height: 12px;margin-bottom: 0px;}
#view-rem-detail ul li:last-child {border: none;}
#view-rem-detail ul li{margin-right: 20px; border-right: 1px solid #dadada;}
#view-rem-detail ul li.reminder-quickaction a.deleterecord{color: #DB1A1A;}
#view-rem-detail ul li.form-elements {border: none;margin-right: 10px;}
#view-rem-detail ul li form{display: flex;align-items: center;}
#view-rem-detail ul li form label{width: 70px;text-transform: capitalize;line-height: 14px;text-align: right; margin-right: 5px;margin-bottom: 0px;color: rgba(0,0,0,0.7);}
#view-rem-detail ul li form select{width: 120px; border-radius: 5px;padding: 3px 5px;}
#view-rem-detail ul li.reminder-quickaction a{color: var(--text-color);margin-right: 10px;}
#view-rem-detail ul li .black{background: #333;color: #fff; padding: 5px 12px; border-radius: 5px; margin-bottom: 5px;}


.reminder-rt-box .top-bar{background-color: var(--main-color);border-radius: 5px 5px 0 0;}
.reminder-rt-box .minus{top:-21px;}
.reminder-rt-box .minus a{color: #ffffff; text-decoration: underline;}
.reminder-rt-box .minus .black{position: relative;}
.reminder-rt-box .minus .black:before{border-left: 1px solid #ffffff;
    content: "";
    position: absolute;
    top: 1px;
    left: -4px;
    width: 1px;
    height: 18px;}
.reminder-rt-box .right-box-data ul{max-height: 100%;}
.reminder-rt-box .right-box-data ul li{padding: 5px 0 5px 0;}
.reminder-rt-box .right-box-data ul li:last-child{padding-bottom: 10px;}
.reminder-rt-box h6{color: #ffffff;}

.reminder-final-view{text-align: left;}
.reminder-final-title{display: flex; justify-content:space-between;}
.reminder-final-title h6{width: 80%;}
.reminder-final-title a{    }
.reminder-status-update .type-select label{width: 140px;}
.reminder-status-update h5{font-weight: 500;}
.reminder-status-update .completed-g{width: 70px;}
.reminder-status-update .completed-g img{width: 100%;}
.reminder-status-update .completed-p{display: inline-block; width: 100%;}
.reminder-status-update .completed-p p{font-size: 18px;}

#export-multiple button.export-btn{background: #333;color: #fff;padding: 5px 12px;border-radius: 4px;margin-bottom: 5px;font-size:13px;border:none;height: 36px;}
.exp-list #export-multiple button.export-btn{margin-bottom:0;}
.head-export{display:flex;justify-content:space-between;    align-items: center;}
.head-export h2{font-size: 14px; width: 70%; font-weight: 600;} 
.act-filter .export-lchekr{width:45%;}
#pills-compliance #export-multiple button.export-btn{float:right;}

.type-select label.completed i {
  background-image: url(../imgs/completed.png);
   background-size: cover;
}
.type-select label.progress i {
  background-image: url(../imgs/state.png);
    background-size: cover;
}
.type-select label:hover.completed i,
.type-select label.active.completed i
{
    background-image: url(../imgs/completed-w.png);
}
.type-select label:hover.progress i,
.type-select label.active.progress i
{
    background-image: url(../imgs/state-w.png);
}


@media screen and (max-width: 640px) {
    .solution-slider{display: none;}  
    .banner-stats li{width: 50%;}
    .newbanner-right{padding: 0;}
    .newbanner-right .home-form .msg-box-home:before {left: 30px; right: auto; transform: rotate( 45deg); bottom: -10px;
    top: auto;}
    .top-panel{padding-left: 20%;margin: 0;}
    .select2-container{width: 100% !important;}
    #content .msg-box{margin: 0px 52px 30px 0px; float: left; width: 100%;}
    #content .msg-box::before{left: 20px; bottom: -10px; transform: rotate(45deg);}
    .final-data-lawchekr{display: block;}
     .mob-menu-home{display: none;}
    .comp-logo-home{padding-left: 50px;}
    .mob-menu-left-home{display: block;}
    .mob-menu-left-home .prod-slide .header ul li{display: block;}  

    
}

@media screen and (min-width: 640px) and (max-width: 820px) {
    .top-panel{padding-left: 10%;margin: 0;}
    .modal-dialog{max-width: 100%;}
    .mod-left{padding: 20px 0;}
    .lexmodal .mod-left ul li a {line-height: 17px; font-size: 12px; width: 80%; display: inline-block;}
    .modify-search .row {justify-content: flex-start;}
    div.dataTables_wrapper div.dataTables_filter input, .search-box input {width: 80%;}
    #content .msg-box{margin: 0px 52px 30px 0px; float: left; width: 100%;}
    #content .msg-box::before{left: 20px; bottom: -10px; transform: rotate(45deg);}
    .newbanner-right .home-form .msg-box-home:before{left: 20px; bottom: -10px; transform: rotate(45deg);}
    .final-data-lawchekr{display: block;}
    .transfer-double-content-left, .transfer-double-content-right {width: 45%;}
    .login-content .mob-hide {display: block !important;}
    .newbanner-right{padding: 0 0 0 10px;} 
     .mob-menu-home{display: none;}
    .comp-logo-home{padding-left: 50px;}
    .mob-menu-left-home{display: block;}
    .mob-menu-left-home .prod-slide .header ul li{display: block;}  

   
}
@media screen and (max-width: 1024px) {
    .mob-menu-home{display: none;}
    .comp-logo-home{padding-left: 50px;}
    .mob-menu-left-home{display: block;}
     header .mob-menu-left-home.prod-slide ul li{display: block;}   
}


/*-------------------
-----News Styles-----
---------------------*/    
.timeline{
    position:relative;
    margin-bottom:100px;
    z-index:1;
}

.timeline:before{
    display:block;
    content:"";
    position:absolute;
    width:50%;
    height:88%;
    left:1px;
    top:0;
    border-right:1px solid var(--sec-color);
    z-index:-1;
} 

.news-item.right {
    float:right;
    margin-top:40px;
}

.news-item .news-content {
    margin:10px 30px 0 0;
    position:relative;
    padding:15px;
    background:#ffffff;
    border-radius:10px;
    box-shadow:-5px 5px 0 rgba(0,0,0,0.08);
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;
}
.news-item .news-content p{min-height: auto;margin-bottom: 20px;}

.news-item.right .news-content {
    margin:10px 0 0 30px;
    box-shadow:5px 5px 0 rgba(0,0,0,0.08);
}

.news-item .news-content:after {
    display:block;
    content:"";
    position:absolute;
    top:50px;
    right:-40px;
    width:0px;
    height:0px;
    background:transparent;
    border:20px solid transparent;
    border-left:20px solid #ffffff;
    -webkit-transition:border-left-color .3s ease-out;
    transition:border-left-color .3s ease-out;
}

.news-item.right .news-content:after {
    position:absolute;
    left:-40px;
    right:auto;
    border-left:20px solid transparent;
    border-right:20px solid #ffffff;
    -webkit-transition:border-right-color .3s ease-out;
    transition:border-right-color .3s ease-out;
}

.timeline .date-title{
   display: flex;
    margin: auto;
    justify-content: center;
}

.timeline .date-title h1{
    padding:15px 30px;
    font-size:21px;
    font-weight:400;
    color:#fff;
    background:var(--sec-color);
    border-radius:5px;
}

.news-item .news-content:before {
    display:block;
    content:"";
    position:absolute;
    width:20px;
    height:20px;
    right:-55px;
    top:60px;
    background:var(--sec-color);
    border:3px solid #fff;
    border-radius:50%;
    -webkit-transition:background .3s ease-out;
    transition:background .3s ease-out;
}

.news-item.right .news-content:before {
    left:-55px;
    right:auto;
}  
.mod-cc-on .modal-dialog{right:0;}

/*Request a demo*/
.req-demo{position: fixed;
    right: -60px;
    top: 50%;
    transform: rotate(270deg);
    z-index: 2;
    background-color: var(--text-color);
    color: #ffffff;
    padding: 6px 12px;
    font-size: var(--website-font);
    border: none;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    width: 150px;
    text-align: left;}
.req-demo span{
    position: absolute;
    background: red;
    bottom: 13px;
    right: -18px;
    transform: rotate(45deg);
    color: #fff;
    width: 70px;
    text-align: center;
    font-size: 12px;
    height: 26px;
}
.req-demo-pop label{margin: 0;font-size: 12px; color: var(--text-color);}
.req-demo-pop input{margin-bottom: 10px;}
.req-demo-pop .modal-body{padding: 10px 15px;}
.demo-form .cc-man-demo img{width: 100%;}
.modal-backdrop{background-color: rgba(0,0,0,0.7);}
.lex-fade{top: -20px;}
.lex-fade.show,.lex-fade.in{top:0;transition: all .15s linear;}
.req-demo-pop .modal-content{border-radius: 10px; box-shadow: 1px 3px 10px rgba(0,0,0,0.2);overflow: hidden;border:none;}

/*Advance Search Switch*/
.advance-srch .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px;
  margin: 0;
}

.advance-srch .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.advance-srch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.advance-srch .slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.advance-srch input:checked + .slider {
  background-color: var(--sec-color);
}

.advance-srch input:focus + .slider {
  box-shadow: 0 0 1px var(--sec-color);
}

.advance-srch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.advance-srch .slider.round {
  border-radius: 34px;
}

.advance-srch .slider.round:before {
  border-radius: 50%;
}

.advance-srch{display: flex;align-items: center;}
.advance-srch .adv-lbl{margin-right: 10px;}
.advance-srch.adv-toppanel{margin-top: 3px;align-items: flex-start;}

.top-panel .have-back h1 a{
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: -10px;
    color: #030303;
    font-weight: 600;
    text-align: left;
    display: flex;
    align-items: center;
    padding: 0;}
.top-panel .have-back {position: relative;}
.top-panel .have-back h1{position: absolute; top:20px;left: 0;}

.top-panel .select2-container .select2-selection--single {margin: 0;height: 36px;} 

.quiz-login{position: relative;}

.modify-search .no-both{display: flex;align-items: center;justify-content: right;}
.modify-search .both-filter{display: flex;align-items: center;justify-content: right;}
.modify-search .both-filter.no-both{display: flex;align-items: center;justify-content: right;}
.modify-search .both-filter li{width: auto; display: inline-flex;}
.modify-search .both-filter.no-both li{width: auto; display: inline-flex;}
.modify-search .both-filter li input{margin: 0;}
.modify-search .both-filter li.keyword-both{width: 20%;}
.modify-search .both-filter li.state-both{width: 450px;border:1px solid #dadada;border-radius: 5px;margin-right: 5px;overflow: auto;}
.modify-search .both-filter li.state-both .select2-container--default .select2-selection--multiple{border: none;height: 34px;overflow: hidden;}
.modify-search .both-filter li.state-both .select2-container--default .select2-selection--multiple .select2-selection__choice{margin: 2px 2px 0 ;}
.modify-search .both-filter li.state-both .select2-container--default .select2-selection__rendered{padding: 0;}
.modify-search .both-filter .select2-container .select2-search--inline .select2-search__field{margin: 0 !important;} 

/*CC Notes*/
.cc_notes{text-align: left;}
.cc_notes h6{font-size: 13px;}
/*.cc_notes .alert-warning h6{background-color: var(--sec-color); color:#ffffff;padding: 5px;}*/
.cc_notes .alert{display: flex; text-align: left; background-color: #ffffff; color: #333333; border-color: #dadada;padding: 10px;}
.cc_notes .alert>div{width: 48%;}
.cc_notes .alert table, .cc_notes .alert table td{border:1px solid #dadada;}
.cc_notes .alert th, .cc_notes .alert td{padding: 5px;}
.cc_notes .alert .periodicity {margin: 0 20px 0 0; border:none;}
.cc_notes .alert .periodicity {}
.cc_notes .alert ul li{margin: 0 0 2px; font-size: 12px;}
.table thead th a{color: #ffffff;text-decoration: underline;}


.filter-laws{display: flex;justify-content: space-between;}
.filter-laws h6{font-size: 16px;}
.filter-laws .filter-form{display: flex;}
.filter-laws .filter-form small{line-height: 12px; width: 50px; margin-top: 9px;margin-right: 6px;text-align: right;}
.filter-laws .filter-form select{width: 170px;}
.filter-form-only {    text-align: right; margin-bottom: 10px;}
.filter-form-only select{width: 170px;height: 42px; border: 1px solid #dadada;border-radius: 5px;}
.filter-form-only a{width: auto;height: 42px;     background-color: #16a9e4;
    color: #fff;
    margin-right: 10px;
    padding: 12px;
    border-radius: 5px;}

.act-filter .custom-chosen .chosen-container-multi .chosen-choices{background-position: 3px center; background-size: 15px;padding: 0px;background: none;height: auto;}
.act-filter .custom-chosen .chosen-container-multi .chosen-choices li.search-choice{padding: 4px 24px 4px 5px;font-size: 11px;border-radius: 5px;}
.act-filter .custom-chosen .chosen-container-multi .chosen-choices li.search-choice .search-choice-close, .act-filter .custom-chosen .chosen-container-multi .chosen-choices li.search-choice .search-choice-close{width: 6px;
    height: 6px;
    position: absolute;
    right: 0px;
    display: inline-block;
    font-size: 11px;
    top: -2px;}
.act-filter .custom-chosen .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before,.act-filter  .custom-chosen .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after{height: 9px;}
.act-filter .custom-chosen .chosen-container-multi .chosen-choices li.search-field input[type="text"]{padding: 5px;}

.calendly-badge-widget .calendly-badge-content{background-color: var(--sec-color) !important;}