body {margin: 0px;padding: 0px;font-family: 'Open Sans', sans-serif !important;}
            @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
        .table-responsive > .table {
        background: transparent;
        }

body {
  margin: 0;
  width: 100%;
  font-family: "Cutive Mono", monospace;
  line-height: 1.5;
  font-weight: 400;
  font-style: normal;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.sep {
  border: 0;
  width: 3em;
  height: 1px;
  margin: 1em 0;
  background-color: rgba(255, 255, 255, 0.4);
}
.reminder-copy-var a {
    color: #616161;
    font-size: 15px;
    margin: 0;
    font-weight: 500;
    transform: 0.3s;
}
.reminder-copy-var a:hover {color: #0eb294;transform: 0.3s;}

.mast {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100vh;
  color: #fff;
  background-color: #111;
}
.mast:after {
  z-index: 0;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(17, 17, 17, 0.9);
}
.mast > header {
  z-index: 2;
  position: relative;
}
.mast__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  margin: 0;
  padding: 0;
  background-size: cover;
  background-position: 50%;
}
.mast__header {
  padding: 5%;
}
.mast__title {
  font-family: "Cutive Mono", monospace;
  font-size: 1em;
  font-weight: 400;
  letter-spacing: 0.3em;
  text-transform: uppercase;
}
.reminders-massage-now ul li:hover {
    transform: translateX(18px);
    transition: 0.8s;
}
.reminders-massage-now ul li {
   transition: 0.8s;
}
.reminders-massage-now ul li:hover .icn-massages {background-color: #d6fff7;transition: 0.8s;}
.top-header-main .logo-main {
display: inline-block;width: 10%;}
.top-header-main #navbarSupportedContent {
    width: 80%;
    display: inline-block;
}
.top-header-main .bg-light {background-color: transparent !important;}

.top-header-main .Logout-now {
    width: 10%;
    display: flex;
    align-items: center;
    column-gap: 15px;
    justify-content: center;
}
.reminder-link {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
    width: 100%;
}

.top-header-main .navbar-nav.ml-auto {
    column-gap: 20px;
    margin-left: 35px;
}
.top-header-main .navbar-nav li a {
    transition: 0.3s;
    color: #0e1726 !important;
    font-weight: 600;
    font-size: 15px;
    text-transform: capitalize;
    padding: 8px 0 0 0;
}
.Logout-now h6 {
    margin: 0;
    color: #787878;
    font-size: 22px;
    font-weight: 700;
}

.top-header-main .navbar-nav.ml-auto li {
    text-align: center;
    border-left: 1px solid #d2d2d2;
    padding-left: 20px;
    height: 100px;
    line-height: 20px;
    display: grid;
    align-content: flex-start;
    animation: border_anim 8s linear forwards;
    width: 9%;
}
.top-header-main .navbar-nav.ml-auto li:hover a {color: #0eb495 !important;transition: 0.3s;}

.top-header-main .navbar-nav.ml-auto li img {
    margin: 0 auto;
    width: auto;
}
.top-header-main {
    background-color: white;
    width: 100%;
    display: inline-block;
    padding: 15px 25px;
}
.banner-main {
    width: 100%;
    display: inline-block;
    position: relative;
    padding-bottom: 0px;
}
.banner-contants-main {
    position: absolute;
    top: 0;
    bottom: 0;
    display: grid;
    align-content: center;
    height: 100%;
    padding-left: 10rem;
}
.banner-contants-main h1 {
    color: #0eb495;
    font-weight: 500;
    font-size: 38px;
    margin: 0;
    padding-bottom: 10px;
}
.banner-main img {
    width: 100%;
}
.banner-contants-main img {
    width: auto;
}
.membership-will {
    display: flex;
    align-items: center;
    column-gap: 15px;
}
.membership-will span {
    color: #fff;
    font-size: 18px;
}
.afp-item img {
    width: 100%;
    height: 180px;
    border-radius: 35px;
    transition: 0.7s;
}
.afp-item:hover img {
    transition: 0.7s;
    transform: scale(0.9);
}
.Resource-temlate-link img {
    width: auto;
    height: auto;
    animation-name: roll;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
.icn-massages img {
    width: 28px;
}

.afp-items-contant h5 {
    color: #0e1726;
    font-size: 25px;
    font-weight: 700;
    margin: 0;
}
.Resource-temlate-link {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    align-items: baseline;
}
.Resource-temlate-link p {
    color: #0e1726;
    font-size: 18px;
    padding-right: 20px;
    font-weight: 700;
    margin: 0;
}
.afp-items-contant {
    width: 100%;
    display: inline-block;
    padding: 40px 0;
} 
.afp-item {
    width: 100%;
    display: inline-block;
    height: 100%;
    overflow: hidden;
}  
.reminders-massage-now ul {
    list-style: none;
    padding: 0;
    display: grid;
    grid-row-gap: 0px;
}
.reminders-massage-now ul li a {
    display: flex;
    align-items: flex-start;
    column-gap: 35px;
}
.afp-start-view-main {
    display: flex;
    align-items: stretch;
    width: 100%;
}
.afp-other-left-item {
    width: 70%;
    display: inline-block;
    padding: 80px 100px;
    background-color: #fafafa;
}
.icn-massages {
    background-color: #f5f5f7;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
}
.afp-other-right-item {
    width: 30%;
    display: inline-block;
    background-color: #fff;
    padding: 80px 50px 80px 55px;
}

.reminder-top-heading h5 {
    color: #0e1726;
    font-size: 23px;
    font-weight: 600;
    margin: 0;
}
.reminder-top-heading span {
    color: #0eb294;
    font-size: 18px;
    font-weight: 600;
}
.Resource-temlate-link h3 {
    margin: 0px;
    color: #0e1726;
    font-weight: 700;
    font-size: 25px;
    padding-right: 20px;
}
@keyframes turn{
  0%{
    left : 0px;
  }
  50%{
    left : 90px;
  }
  100%{
    left : 0px;
  }
}   
.Resource-temlate-link.reminder-link {
    align-items: center;
    margin-bottom: 3rem;
}
.col-md-12.reminders-massage-space {
    margin-top: 5rem;
}
.icn-massages.diff-bg {
    background-color: #d6fff7;
}
/*.bell{
  -webkit-animation: ring 4s .7s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 4s .7s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: ring 4s .7s ease-in-out infinite;
  transform-origin: 50% 4px;
}*/
/*@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }

  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}*/
/*.reminders-massage-now.next-reminders ul li:nth-child(5) {
    opacity: 0.2;
}
.reminders-massage-now.next-reminders ul li:nth-child(4) {
    opacity: 0.5;
}

.reminders-massage-now.next-reminders ul li:nth-child(3) {
    opacity: 0.6;
}*/
.reminder-copy-var p {
    color: #616161;
    font-size: 15px;
    margin: 0;
}
.reminder-copy-var {
    width: 100%;
    display: inline-block;
    background-color: #fafafa;
    position: relative;
    padding: 75px 80px 75px 100px;
}

.reminder-top-heading.cl-diff span {
    color: #787878;
}

.alert-high {
    position: relative;
}

picture.alert-high span {
    position: absolute;
    z-index: 999;
    background-color: #ff4f5d;
    border-radius: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 18px;
    height: 18px;
    right: 9px;
    top: -2px;
    font-size: 11px;
    font-family: cursive;
}

/* new-membership-pages css-start */

.sponshoeship-main {
    background-color: #f2f2f2;
    width: 100%;
    padding: 200px 0 150px 0;
    position: relative;
}
.sponshoeship-main:before {
    content: '';
    background-color: #fff;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 3% 100%, 0 0);
    width: 50%;
    position: absolute;
    right: 0px;
    top: -1px;
    height: 65px;
}
.sponshoeship-main .spon-welcome {
    width: 100%;
    position: relative;
    transition: 0.5s;
}
.sponshoeship-main .spon-welcome:before {
    background-color: #57b19740;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    transition: 0.5s;
}
.sponshoeship-main .spon-contants-show {
    width: 65%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 65%;
    text-align: center;
    background-color: #57b197;
    margin: auto;
    padding: 50px 10px;
    transition: 0.7s;
    z-index: 9999;
}
.spon-review-one:hover .spon-welcome img {
    transform: scale(1.1);
    transition: 0.9s;
}
.spon-review-one:hover .spon-contants-show img {
    transform: inherit;
}

.spon-welcome img {
    transition: 0.9s;
    width: 100%;
    height: 370px;
    object-fit: cover;
    margin: 0 auto;
}
.spon-contants-show img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    margin: 0 auto;
}
.spon-review-one {
    width: 100%;
    display: inline-block;
    overflow: hidden;
}
.spon-contants-show h6 {
    color: #ffffff;
    text-transform: uppercase;
    padding-top: 25px;
    font-size: 18px;
    margin-top: 0px;
    transition: 0.7s;
    font-weight: 600;
}

.spon-apportun-contant {
    width: 100%;
    display: inline-block;
}
.spon-apportun-main {
    background-color: #afd2c7;
    padding: 35px;
    width: 100%;
    margin-top: 23px;
    position: relative;
}
.spon-apportun-contant {
    background-color: #fff;
    max-width: 600px;
    padding: 55px 265px 55px 70px;
    clip-path: polygon(0 0, 79% 0, 100% 100%, 0% 100%, 0 0);
}
.spon-contants-show {
    width: 70%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 70%;
    text-align: center;
    background-color: #57b197;
    margin: auto;
    transition: 0.7s;
    z-index: 99;
    display: grid;
    align-content: center;
    border-radius: 0;
    padding: 20px;
}
.spon-contants-show p {
    color: #fff;
    font-size: 17px;
}
.spon-contants-show a {
    border-color: #fff !IMPORTANT;
    color: #fff !important;
}
.spon-contants-show a:hover {border-color: #3b3f5c !important;}
 
.spon-review-one:hover .spon-contants-show {
    background-color: #0e1726;
    transition: 0.7s;
}
.spon-welcome {
    width: 100%;
    height: 100%;
    display: inline-block;
}
.apexcharts-legend.center.position-bottom {
    width: 100%;
    display: grid;
    height: auto !IMPORTANT;
    grid-row-gap: 12px;
    justify-content: left !important;
}
.poll-top-heading h3 {
    margin-bottom: 45px;
}
.apexcharts-legend-marker {
    border-radius: 0px !important;
    height: 16px !important;
    width: 16px !important;
}
.apexcharts-legend-text {
    font-size: 14px !important;
    padding-left: 12px;
    color: #0e1726 !important;
    font-weight: 700;
}



/* event-page css-start */

.apporved-click-center {
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: end;
}
.vehicle-main-heading h3 {
    margin: 0;
    padding-bottom: 20px;
}
.vehicle-main-heading {
    text-align: center;
    margin-bottom: 5rem;
    width: 100%;
    display: inline-block;
}
.feet-vehicle-contants-main h4 {
    color: #57b197;
    font-weight: 600;
    font-size: 35px;
    margin: 0;
}
.feet-vehicle-contants-main p {
    padding: 35px 0;
    margin: 0;
    font-size: 20px;
}
.spon-btn-add.cmn-btn.vehicle-bg {
    background-color: #f2f2f2;
    color: #57b197;
    padding: 9px 50px;
    font-weight: 500;
    font-size: 16px;
    display: inline-block;
    width: max-content;
}
.feet-vehicle-img-main {
    width: 100%;
    height: 100%;
    display: inline-block;
}
.feet-vehicle-img-main img {
    width: 100%;
    height: auto;
}
.apexcharts-inner {
    transform: translateX(90px) !important;
}
#navbarSupportedContent ul li a span {
    display: block;
    padding-top: 8px;
}
.feet-vehicle-contants-main {
    width: 100%;
    height: 100%;
    display: grid;
    background-color: white;
    padding: 119px 222px 119px 119px;
    align-content: center;
}
.spon-btn-add.cmn-btn.vehicle-bg:hover {background-color: #221f20;color: #fff;}
.feet-vehicle-contants-main.next-gafh {
    padding: 119px 119px 119px 222px;
}
.vehicle-management-main {
    padding: 140px 0;
    position: relative;
    width: 100%;
}
.accelerate-main {
    background-color: #f2f2f2;
    width: 100%;
    display: inline-block;
    padding: 30px 0 30px 0;
    position: relative;
}
.accelerate-main-heading h3 {
    margin: 0;
    padding-bottom: 35px;
}
.accelerate-main-heading {
    text-align: center;
}   
.accelerate-contants-main span {
    font-size: 18px;
}
.accelerate-contants-main h4 {
    padding-bottom: 35px;
}
.accelerate-contants-main p {
    color: #7c8181;
}
.accelerate-mg-main {
    background-color: transparent;
    display: inline-block;
    clip-path: polygon(33% 0, 100% 0, 100% 100%, 74% 150%, 0 100%, 22% 0%);
    position: relative;
}
.accelerate-contants-main {
    width: 100%;
    display: inline-block;
}
.first-show-color {
    background-color: #fff;
}
.accelerate-mg-main:before {
    background-color: #f2f2f2;
    height: 76px;
    content: "";
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
}
.spon-btn-add.cmn-btn.vehicle-bg.contants-main-bg {
    background-color: #8e68a6;
    color: #fff;
    letter-spacing: 0.5px;
}
.spon-btn-add.cmn-btn.vehicle-bg.contants-main-bg:hover {background-color: #221f20;}
.accelerate-main-heading {
    margin-bottom: 5rem;
}
.event-review-button {
    transition: 0.5s all;
    background-color: #4c5555;
    color: #fff;
    padding: 15px 140px 15px 40px;
    text-transform: uppercase;
    display: inline-block;
    font-size: 26px;
    line-height: 30px;
    font-weight: 500;
    clip-path: polygon(0 0, 80% 0%, 110% 0, 100% 0%, 94% 100%, 0 100%, 0% 80%, 0% 20%);
    position: relative;
    /* right: -63%; */
    z-index: 99999;
    bottom: 75px;
    transform: translatex(390px);
}
.event-review-button.event-diffrent-bg.size-manages.very-out-poll {
    bottom: -20px;
}
.next-event-btn {
    width: 100%;
    display: flex;
    justify-content: end;
}
.accelerate-all-reviews {
    display: grid;
    grid-row-gap: 80px;
    width: 100%;
/*    margin: 0 -30px;*/
/*    overflow: hidden;*/
}

.click-now-button-calender {
    color: #57b197;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 500;
    border-bottom: 2px solid #57b1976b;
}
.calender-btn {
    width: 100%;
    display: inline-block;
    padding-bottom: 35px;
}
.event-review-button.event-diffrent-bg {
    background-color: #57b197;
}
.cfm-main-logo {
    width: 100%;
    display: inline-block;
}
.cfm-main-logo a img {
    margin: 0 auto;
}
.vehicle-main-heading.cfm-main-heading {
    margin-bottom: 3.5rem;
}
.cfm-main.cmn-section {
    padding: 130px 0;
    width: 100%;
    display: inline-block;
}
/* event-page css-end */


/* webinar-page css-start */
.accelerate-all-reviews.membership-main.cmn-section {
/*    background-color: #fff;*/
    padding: 60px 0 30px 0;
    margin-top: -48px;
}
.row.bg-light-wht {
    background-color: #fff;
}
.accelerate-main-heading.webinars-heading h3 {
    font-size: 46px;
    font-weight: 600;
    color: #57b197;
}
.accelerate-main.cmn-section.webinars-main.event-main-scn {
    background-color: #f5f4ee;
    padding: 120px 0 50px 0;
}
.feet-vehicle-img-main.event-diff-bg:before {
    background-color: #f5f4ee;
}
.event-review-button.event-diffrent-bg-copy {
    transition: 0.5s all;
    background-color: #8e68a6;
}
.next-event-btn a:hover {
    color: #fff;
}
.feet-vehicle-contants-main.accelerate-contants-main h3 {
    font-size: 46px;
    font-weight: 600;
    color: #57b197;
    margin-bottom: 35px;
}
/* fleet-academy */


.fleet-item-show {
    position: relative;
}
.fleet-academy-view-all-items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: 84%;
    margin: 0 auto;
}
.feet-vehicle-img-main.accelerate-mg-main.poll-view-img:before {
    display: none;
}
.event-review-button.size-manages {
    clip-path: polygon(0 0, 80% 0%, 110% 0, 100% 0%, 88% 100%, 0 100%, 0% 80%, 0% 20%);
    left: -16%;
}

.poll-vote-now {
    width: 77%;
    background-color: #fff;
    padding: 0px 0px;
    position: relative;
    margin: 0px auto 40px auto;
}
.poll-boats-item {
/*    background-color: #fff;*/
    width: 100%;
    display: inline-block;
}
.feet-vehicle-contants-main.accelerate-contants-main.pool-boat-contant {
    padding: 0px 119px 30px 222px;
}
.poll-vote-now h4 {
    margin: 0;
    background-color: #57b197;
    color: #fff;
    font-size: 22px;
    padding: 5px;
}
/*  */
.poll-vote-now input[type="checkbox"]{
  display:none;
}

.poll-vote-now .checkbox {
    display: inline-block;
    position: relative;
    padding-left: 40px;
    line-height: 28px;
    font-size: 19px;
    cursor: pointer;
    color: #4a5455;
    font-weight: 400;
}

.poll-vote-now .checkbox:before {
    z-index: 15;
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    transition: all 0.3s ease;
    cursor: pointer;
    width: 24px;
    border-width: 2px;
    border-style: solid;
    border-color: #57b197;
    height: 24px;
    background-color: #e5f3f0;
    border-radius: 100px;
}
.poll-vote-now input[type="checkbox"]:checked + label{
  color:#000;
}

.poll-vote-now input[type="checkbox"]:checked + label:before {
    border-color: transparent;
    border-left-color: #57b197;
    border-bottom-color: #57b197;
    transform: rotate(314deg);
    width: 20px;
    height: 10px;
    top: 8px;
    background-color: transparent;
    border-radius: 0;
}
.poll-vote-now .checkbox-container label {
    margin: 0;
}
.poll-vote-now .checbox-poll-check {
    padding: 20px 30px;
    display: grid;
    grid-row-gap: 18px;
}
/* tabble-list start */
.table-responsive .dataTables_wrapper div.dataTables_length label {
    color: #000 !important;
    font-size: 17px !important;
}
.table-responsive .dataTables_wrapper .dataTables_length select.form-control {
    background-color: #e5f5f2;
    border-radius: 0;
    border: 1px solid #0eb495;
    height: 37px;
    font-weight: 700;
}
.table-responsive .dataTables_wrapper div.dataTables_filter label {
    color: #000 !important;
    font-size: 17px !important;
}
.table-responsive .dataTables_wrapper div.dataTables_filter input {
    max-width: 100%;
    width: auto !important;
    background-color: #e5f5f2;
    border-radius: 0;
    border: 1px solid #0eb495;
    height: 38px;
}
.table-responsive .table > tbody tr:nth-child(even) {
    background-color: #e5f5f2;
}
.table-responsive .table > tbody > tr > td {
    vertical-align: middle;
    color: #000;
    font-size: 15px;
    letter-spacing: 0.6px !important;
    font-weight: 600;
}
.table-responsive .table > thead > tr > th {
    font-size: 15px !important;
    letter-spacing: 0.6px !important;
}
.table-responsive .dataTables_wrapper div.dataTables_info {
    color: #000 !important;
    font-weight: 600;
    border: 0 !important;
    font-size: 16px !important;
}
.table-responsive .page-item.active .page-link {
    background-color: #8e67a6 !important;
}
.table-responsive .page-link {
    padding: 0 !important;
    background: #e5f5f2 !important;
    border: none;
    color: #000000 !important;
    font-weight: 600;
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
}
.pagination {
    column-gap: 8px;
}
#DataTables_Table_0_next a {
    background-color: transparent !important;
    padding-left: 35px !important;
    font-size: 19px;
}
li#DataTables_Table_0_previous a {
    background-color: transparent !important;
   padding-right: 55px !important;
    font-size: 19px;
}
.feet-vehicle-img-main.accelerate-mg-main:before {
    background-color: transparent;
}

.form-form .form-container .form-content h1 {
    font-size: 38px !important;
    color: #000000 !important;
    font-weight: 800 !important;
}
.form-form .field-wrapper input {
    background-color: #e5f3f0 !important;
    border: 2px solid #0eb495;
 padding: 13px 35px 13px 60px !important;
}
.form-form .form-form-wrap form .field-wrapper svg:not(.feather-eye) {
    color: #0eb495 !important;
   fill: transparent !important;
    width: 25px !important;
    height: 23px !important;
}
.form-form .field-wrapper input:placeholder {
    font-size: 17px !important;
    color: black !important;
    font-weight: 800 !important;
}

.form-form .field-wrapper span u  {
    font-size: 17px;
    color: black;
    font-weight: 600;
}
.field-wrapper button {
    background-color: #0eb495 !important;
    border-color: #0eb495;
    font-size: 19px !important;
    font-weight: 700;
    padding: 6px 0 !important;
    border: 2px solid #0eb495;
}
.field-wrapper button:hover {
    border-color: #0eb495 !important;
    background-color: transparent !important;
    color: #000 !important;
}
.field-wrapper label {
    opacity: 0;
}
.form-form .form-form-wrap form .field-wrapper svg.feather-eye {
    color: #0eb495 !IMPORTANT;
    fill: transparent !important;
    width: 22px !important;
}
.video-wrap {
    clip-path: polygon(33% 0, 100% 0, 100% 100%, 74% 150%, 0 100%, 22% 0%);
}
.feet-vehicle-img-main {
clip-path: polygon(33% 0, 100% 0, 100% 100%, 74% 150%, 0 100%, 22% 0%);
}
.reminder-link h3 {
    font-weight: 600;
    font-size: 26px;
}

/* media-responsive all-pages start */

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

.mobile_space_auto::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background: #3b3f5c;
border-radius: 10px;
}
.mobile_space_auto::-webkit-scrollbar
{
width: 6px;
height: 8px;
background: #57b197;
}
.mobile_space_auto::-webkit-scrollbar-thumb
{
border-radius: 10px;
background-color: #57b197;
}

.chat_system_afp .general-info::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background: #3b3f5c;
border-radius: 10px;
}
.chat_system_afp .general-info::-webkit-scrollbar
{
width: 6px;
height: 8px;
background: #57b197;
}
.chat_system_afp .general-info::-webkit-scrollbar-thumb
{
border-radius: 10px;
background-color: #57b197;
}



/*    .chat_system_afp .general-info {
    overflow: auto;
}*/

    .feet-vehicle-contants-main.accelerate-contants-main.pool-boat-contant {
    padding: 0px 119px 30px 157px;
}
    .event-review-button.event-diffrent-bg.size-manages.very-out-poll {
    bottom: -18px;
    left: -128px;
    clip-path: polygon(0 0, 80% 0%, 110% 0, 100% 0%, 91% 100%, 0 100%, 0% 80%, 0% 20%);
}
    .top-header-main .navbar-nav.ml-auto {
    column-gap: 15px;
}
.top-header-main .navbar-nav.ml-auto li {
    padding-left: 15px;
}
.logo-main img {
    width: 110px;
}
#navbarSupportedContent ul li a span {
    font-size: 14px;
}
}

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

.event-review-button.size-manages {
    clip-path: polygon(0 0, 80% 0%, 110% 0, 100% 0%, 93% 100%, 0 100%, 0% 80%, 0% 20%);
    left: -30%;
}
    .event-review-button {
    clip-path: polygon(0 0, 80% 0%, 110% 0, 100% 0%, 95% 100%, 0 100%, 0% 80%, 0% 20%);
    left: -35px;
}
.afp-other-right-item {
    overflow: hidden;
}
}

@media only screen and (max-width:1760px){
.col-md-5.overflow-auto.mobile_space_auto {
    min-width: 60% !important;
}
.col-md-7.laptop_size_mng {
    max-width: 40%;
}
}

@media only screen and (min-width:1350px) and (max-width:1580px){
    .fleet-academy-view-all-items .spon-welcome img {
    height: 290px;
}
.fleet-academy-view-all-items .spon-contants-show img {
    height: 70px;
    width: 70px;
}
.fleet-academy-view-all-items .spon-contants-show h6 {
    padding-top: 25px;
    font-size: 16px;
}
.event-review-button.size-manages {
    clip-path: polygon(0 0, 80% 0%, 110% 0, 100% 0%, 92% 100%, 0 100%, 0% 80%, 0% 20%);
    left: -165px;
}
    .accelerate-all-reviews {
    grid-row-gap: 65px;
}
    .feet-vehicle-contants-main {
    padding: 119px 140px 119px 145px;
}
.feet-vehicle-contants-main.accelerate-contants-main.pool-boat-contant {
    padding: 0px 119px 30px 120px;
}
    .event-review-button {
         padding: 10px 100px 10px 25px;
          font-size: 22px;
    clip-path: polygon(0 0, 80% 0%, 110% 0, 100% 0%, 95% 100%, 0 100%, 0% 80%, 0% 20%);
    left: -135px;
}
    .spon-welcome.laptop-size-contunius img {
    height: 250px;
}
.spon-contants-show.sizes-mng-laptop img {
    height: auto;
    width: 50px;
}
.spon-contants-show.sizes-mng-laptop h6 {
    font-size: 15px;
}
.spon-contants-show.sizes-mng-laptop p {
    font-size: 16px;
    line-height: 20px;
}
.spon-contants-show.sizes-mng-laptop {
    width: 75%;
    height: 75%;
    padding: 15px;
}
    .fleet-academy-view-all-items {
    max-width: 92%;}
 .Logout-now a img {
    width: 18px;
}
    .logo-main a img {
    width: 100px;
}
.top-header-main .navbar-nav.ml-auto li {
    padding-left: 10px;
}

.top-header-main .logo-main {
    width: 8%;
}
#navbarSupportedContent ul li a span {
    font-size: 13px;
    line-height: 18px;
}
.top-header-main .navbar-nav.ml-auto {
    column-gap: 10px;
    justify-content: left;
}
.top-header-main .Logout-now {
    column-gap: 10px;
}
.top-header-main .navbar-nav.ml-auto li {
    height: 95px;
}
.Logout-now h6 {
    font-size: 19px;
}
}

@media only screen and (min-width:1200px) and (max-width:1350px){

    .fleet-academy-view-all-items .spon-welcome img {
    height: 240px;
}
.fleet-academy-view-all-items .spon-contants-show img {
    height: 60px;
    width: 60px;
}
.fleet-academy-view-all-items .spon-contants-show h6 {
    padding-top: 25px;
    font-size: 14px;
}
        .accelerate-all-reviews {
    grid-row-gap: 65px;
}
.feet-vehicle-contants-main {
    padding: 100px 60px 100px 175px;
}
.accelerate-contants-main h4 {
    padding-bottom: 20px;
    font-size: 32px;
}
.feet-vehicle-contants-main p {
    padding: 25px 0;
    font-size: 18px;
}
.spon-btn-add.cmn-btn.vehicle-bg {
    padding: 8px 30px;
    font-size: 15px;
}
    .event-review-button {
         padding: 10px 100px 10px 25px;
          font-size: 22px;
    clip-path: polygon(0 0, 80% 0%, 110% 0, 100% 0%, 95% 100%, 0 100%, 0% 80%, 0% 20%);
    left: -235px;
}
        .spon-welcome.laptop-size-contunius img {
    height: 250px;
}
.spon-contants-show.sizes-mng-laptop img {
    height: auto;
    width: 50px;
}
.spon-contants-show.sizes-mng-laptop h6 {
    font-size: 15px;
}
.spon-contants-show.sizes-mng-laptop p {
    font-size: 16px;
    line-height: 20px;
}
    .fleet-academy-view-all-items {
    max-width: 90%;
}
.spon-contants-show.sizes-mng-laptop {
    width: 80%;
    height: 80%;
    padding: 15px;
}
.logo-main a img {
    width: 90px;
}
.top-header-main .navbar-nav.ml-auto li {
    height: 86px;}
.top-header-main .navbar-nav.ml-auto li {
    padding-left: 5px;
}

.top-header-main .logo-main {
    width: 8%;
}
#navbarSupportedContent ul li a span {
    font-size: 13px;
    line-height: 18px;
}
.top-header-main .navbar-nav.ml-auto {
    column-gap: 5px;
    margin-left: 55px;
    justify-content: center;
}
.top-header-main .navbar-nav.ml-auto li {
    width: 11%;
}
.top-header-main .Logout-now {
    column-gap: 8px;
}
.Logout-now h6 {
    font-size: 18px;
}
.Logout-now a img {
    width: 20px;
}
}

@media only screen and (min-width:1200px) and (max-width:1700px){
 .layout-px-spacing .form-control {
    height: auto !important;
/*    min-height: 120px !important;*/
}
}

@media only screen and (min-width:1200px) and (max-width:1580px){
        .chat_system_afp .form-group.mt-5 {
    padding: 15px 0 !important;
}

    .chat_system_afp .table > tbody > tr > td {
    font-size: 13px;
    line-height: 15px;
}
        .feet-vehicle-contants-main p {
    font-size: 16px;
}
    .poll-vote-now {
    width: 88%;
}
    .event-review-button.event-diffrent-bg.size-manages.very-out-poll {
    left: -165px;
}
    .feet-vehicle-contants-main.accelerate-contants-main.pool-boat-contant {
    padding: 0px 119px 30px 67px;
}
    .calender-view-link a {
    padding: 6px 26px !important;
    font-size: 15px !important;
}
    .afp-contact-content {
    max-width: 92% !important;
    margin: 30px auto !important;
}
.apexcharts-inner {
    transform: translateX(55px) !important;
}
.spon-welcome img {
    height: 195px;}
.afp-other-right-item {
    width: 36%;
    padding: 60px 35px 60px 35px;
}
.afp-other-left-item {
    width: 64%;
    padding: 55px 45px;
}
.spon-contants-show img {
    height: 55px;
}
.spon-contants-show h6 {
    padding-top: 15px;
    font-size: 13px;
}
.spon-contants-show {padding: 10px;}
.top-header-main .navbar-nav.ml-auto li img {
    width: 38px;
}

.top-header-main .navbar-nav.ml-auto li a {
    padding: 0 3px;
}
.banner-contants-main {
    padding-left: 4rem;
}
.banner-contants-main h1 {
    font-size: 32px;
    padding-bottom: 8px;
}
.membership-will span {
    color: #fff;
    font-size: 15px;
}
.poll-top-heading h3 {
    font-size: 25px;
}
.reminder-top-heading h5 {
    font-size: 19px;}
    .reminder-top-heading span {
    font-size: 16px;
}
.reminders-massage-now ul li a {
    column-gap: 22px;
}
.icn-massages img {
    width: 22px;
}
.icn-massages {
    border-radius: 10px;
    width: 50px;
    height: 50px;
}
.reminders-massage-now ul {
    grid-row-gap: 0px;
}
.reminder-link h3 {
    font-size: 22px;
}

}
.afp-contact-content h1 {
    font-size: 40px;
    font-weight: 600;
    color: #57b197;
    margin-bottom: 10px;
}
.afp-contact-content p {
    margin-bottom: 0;
    font-size: 17px;
    color: #7c8181;
}
.afp-contact-content {
    max-width: 84%;
    margin: 40px auto;
    padding-right: 50%;
}
.calender-view-link a {
    background-color: #57b197 !important;
    border-color: #57b197;
    padding: 8px 32px;
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 0px !important;
}
#calendar {
    margin-top: 40px;
}
.calender-view-link a:hover {border-color: #0e1726;background-color: #0e1726 !important;}
.calender-view-link {text-align: end;width: 100%;display: inline-block;}

/* header-toggle css */

@media only screen and (max-width: 991px){
    div#chattingarea {
    overflow: auto;
}
    .chat_system_afp .general-info {
    padding: 0 15px;
}
    .layout-px-spacing.mobile_space_auto_main_container {
    padding: 0 0 !important;
}
    .poll-vote-now {
    width: 100% !important;
    padding-top: 40px !IMPORTANT;
}
    .event-review-button.event-diffrent-bg.size-manages.very-out-poll {
    left: -270px !important;
    clip-path: polygon(0 0, 80% 0%, 110% 0, 100% 0%, 94% 100%, 0 100%, 0% 80%, 0% 20%) !important;
}
    .event-review-button {
    clip-path: polygon(0 0, 80% 0%, 110% 0, 100% 0%, 97% 100%, 0 100%, 0% 80%, 0% 20%) !important;
    left: -318px !important;
    bottom: 12px !important;
    padding: 6px 65px 6px 30px !important;
    font-size: 16px !important;
}
    .accelerate-contants-main h4 {
    padding-bottom: 24px;
    font-size: 25px !important;
}
    .feet-vehicle-contants-main p {
    font-size: 16px !important;
}
    .fleet-academy-view-all-items {
    grid-template-columns: 1fr 1fr 1fr;
}
.spon-welcome img {
    height: 208px;
}
.spon-contants-show img {
    width: 60px;
    height: 60px;
}
.spon-contants-show h6 {
    padding-top: 16px;
    font-size: 13px;
}
.poll-top-heading h3 {
    font-size: 22px;
    text-align: center;
}
.apexcharts-inner {
    transform: translateX(200px) !important;
}
.icn-massages img {
    width: 24px;
}
.reminder-link h3 {
    font-size: 24px;
}

.icn-massages {
    width: 55px;
    height: 55px;
}
}

@media only screen and (max-width: 1200px){
    .top-header-main .navbar-nav.ml-auto li {
    width: 100%;
}
    .tabbing-main {
    justify-content: center;
    width: 100%;
}
    .tabbing {
    justify-content: center;
    max-width: 100%;
    grid-column-gap: 8px;
}
    .feet-vehicle-contants-main p {
    font-size: 16px;
}
    .poll-vote-now {
    width: 89%;
}
    .feet-vehicle-contants-main.accelerate-contants-main.pool-boat-contant {
    padding: 0px 60px 30px 48px !important;
}
.event-review-button.event-diffrent-bg.size-manages.very-out-poll {
    bottom: -18px !important;
    left: -244px !important;
    clip-path: polygon(0 0, 80% 0%, 110% 0, 100% 0%, 92% 100%, 0 100%, 0% 80%, 0% 20%) !important;
    line-height: 25px !important;
}
        .calender-view-link a {
    padding: 7px 26px !important;
    font-size: 15px !important;
}
    .accelerate-all-reviews {
    grid-row-gap: 45px;
}
    .event-review-button {
    clip-path: polygon(0 0, 80% 0%, 110% 0, 100% 0%, 96% 100%, 0 100%, 0% 80%, 0% 20%);
    left: -287px;
    bottom: 0;
    padding: 7px 70px 6px 30px;
    font-size: 18px;
}
    .feet-vehicle-contants-main {
    padding: 30px 11px 80px 47px;
}
.feet-vehicle-contants-main p {
    padding: 25px 0;
    margin: 0;
}
.accelerate-contants-main h4 {
    padding-bottom: 28px;
    font-size: 30px;
}
.click-now-button-calender {
    font-size: 16px;
}
.spon-btn-add.cmn-btn.vehicle-bg {
    padding: 8px 40px;
    font-size: 15px;
}
    .spon-contants-show.sizes-mng-laptop {
    width: 85% !important;
    height: 85% !important;
}
.spon-contants-show.sizes-mng-laptop img {
    width: 50px !important;
    height: 50px !important;
}
.spon-contants-show.sizes-mng-laptop .spon-contants-show p {
    font-size: 14px;
    line-height: 17px;
}
.spon-contants-show a {
    padding: 4px 0px;
    font-size: 12px;
}
    .afp-contact-content h1 {
    font-size: 35px;
}
.afp-contact-content p {
    font-size: 16px;
}
    .afp-contact-content {
    max-width: 92%;
    margin: 40px auto;
    padding-right: 0%;
}
       .fleet-academy-view-all-items .spon-welcome img {
    height: 240px;
}
.fleet-academy-view-all-items .spon-contants-show {
    width: 70%;
    height: 70%;
}
.fleet-academy-view-all-items .spon-contants-show img {
    width: 60px;
    height: 60px;
}
.fleet-academy-view-all-items .spon-contants-show {
    padding: 10px;
}
.fleet-academy-view-all-items .spon-contants-show h6 {
    font-size: 14px;
}
    .fleet-academy-view-all-items {
    max-width: 92%;
}
    .apexcharts-inner {
    transform: translateX(300px) !important;
}
.reminder-top-heading h5 {
    font-size: 20px;
}
.reminder-top-heading span {
    font-size: 17px;
}

    .afp-other-left-item {
    padding: 65px 65px;
}
.spon-welcome img {
    height: 320px;
}
.spon-contants-show img {
    width: 70px;
    height: 70px;
}
.spon-contants-show {
    width: 72%;
    height: 80%;
}
.msg-icns-show {
    max-width: 45% !important;}
.spon-contants-show h6 {
    padding-top: 18px;
    font-size: 15px;
}
    .banner-main:before {
    background-color: #00000082;
    content: "";
    position: absolute;
    width: 100%;
    height: 165px;
}
    .afp-other-right-item {
    width: 100%;
}
.afp-other-left-item {
    width: 100%;
}
.afp-start-view-main {
    display: block;
}
   .all-item-megamenu ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 80%;
    margin: 60px auto 0 auto;
}
    .top-header-main .Logout-now {
    width: 100%;
}
    .top-header-main .navbar-nav.ml-auto li {
    padding-left: 0 !important;
    border-left: 0;}
    .banner-main img {
    width: 100%;
    height: 165px;
    object-fit: cover;
}
.top-header-main .navbar-nav li a {
    padding: 0px 0 0 0;
}
.membership-will img {
    height: auto !important;
    width: auto !important;
}
.banner-contants-main {
    padding-left: 3rem;
}
.membership-will span {
    font-size: 15px;
}
.banner-contants-main h1 {
    font-size: 30px;
    padding-bottom: 10px;
}
    .top-header-main .bg-light {
    padding: 0 20px;
}
    .top-header-main {
    padding: 5px 0;
}
.top-header-main .logo-main {
    width: 20%;
}
.logo-main a img {
    width: 120px;
}
#toggle {
    width: 28px;
    height: 30px;
    margin: 10px auto;
    position: absolute;
    right: 20px;
}

#toggle div {
    width: 100%;
    height: 5px;
    background: #57b197;
    margin: 4px auto;
    transition: all 0.3s;
    backface-visibility: hidden;
}

#toggle.on .one {
  transform: rotate(45deg) translate(5px, 5px);
}

#toggle.on .two {
  opacity: 0;
}

#toggle.on .three {
  transform: rotate(-45deg) translate(7px, -8px);
}

#menu-custom {
    border-radius: 0px !important;
    z-index: 999999;
    color: white;
    width: 100%;
    height: auto;
    padding: 10px;
    width: calc((100vw - 0px) /1);
    margin-left: -15px !important;
    border-radius: 3px;
    font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
    line-height: 100px;
    text-align: center;
    margin: auto;
    display: none;
    position: absolute;
    top: 81px;
    left: 0;
    background-color: #ffffff;
    right: 0;
    box-shadow: 30px 31px 70px 40px #57b1978c;
}
}

@media only screen and (max-width: 575px){
/*    .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr {
    flex-wrap: wrap;
    gap: 10px;
}*/
.fc .fc-button {
    font-size: 12px !important;
    padding: 3px 5px !important;
}
.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
    margin-left: 0px !important;
    display: block;
    margin-top: 6px;
}
.fc .fc-toolbar {
    align-items: flex-start !important;
}
.fc .fc-button .fc-icon {
    font-size: 15px !important;
}
.fc .fc-toolbar-title {
    font-size: 14px !important;
    padding: 0px 8px;
}
   .dt-list {
    grid-template-columns: 1fr !important;
}
    .dt-list .dt-item:nth-child(4) {
    width: 100% !important;
}
.dt-list .dt-item {
    width: 100% !important;
}
.dt-list .dt-item:nth-child(1) {
    width: 100% !important;
    text-align: center !important;
}
.stdby-info {
    justify-content: center !important;
}
    .tabbing {
    display: grid;
    grid-row-gap: 10px;
    grid-template-columns: 1fr !important;
}
    .calender-view-link {
    text-align: center;
}
    .accelerate-all-reviews {
    grid-row-gap: 25px !important;
}
    .event-review-button {
    padding: 5px 65px 5px 30px !important;
    font-size: 15px !important;
}
    .spon-btn-add.cmn-btn.vehicle-bg {
    padding: 6px 32px !important;
    font-size: 14px !important;
}
    .feet-vehicle-contants-main {
    padding: 40px 15px 35px 15px !important;
}
    .accelerate-contants-main h4 {
    font-size: 21px !important;
}
    .dashboard-wrap {
    padding: 25px 10px;
}
.read-more {
    padding: 5px 16px;
}
.dashboard-box h5 {
    font-size: 16px;
}

    /* scroll */
.widget-content.widget-content-area::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background: #000;
}
.widget-content.widget-content-area::-webkit-scrollbar
{
width: 100%;
height: 5px;
background: #00E853;
}
.widget-content.widget-content-area::-webkit-scrollbar-thumb
{
background-color: #0eb495;
}
.scrollbar {
float: left;
background: transparent linear-gradient(64deg, #0014FF 0%, #00FF5BE5 100%) 0% 0% no-repeat padding-box;
}

.widget-content.widget-content-area {
    overflow: auto;
}
/* scroll */

.widget-content.widget-content-area .col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 100%;
    max-width: 100%;
}
   .fleet-academy-view-all-items .spon-welcome img {
    height: 270px !important;
}
.fleet-academy-view-all-items {
    max-width: 100%;
}
.fleet-academy-view-all-items .spon-contants-show img {
    height: 65px !important;
    width: 65px !IMPORTANT;
}
    .fleet-academy-view-all-items {
    grid-template-columns: 1fr !important;
}
    .col-md-12.reminders-massage-space {
    margin-top: 1rem;
}
.reminder-top-heading h5 {
    font-size: 18px;
}
.reminder-top-heading span {
    font-size: 15px;
}
.afp-other-right-item .apexcharts-inner {
transform: translateY(10px) !important;
}
    .icn-massages {
    width: 55px;
    height: 55px;
    min-width: 55px !important;
}
    .reminders-massage-now ul li a {
    column-gap: 20px;
}
    .afp-other-right-item {
    padding: 60px 15px 60px 15px;
}
.poll-top-heading h3 {
    font-size: 20px;
}
    .afp-other-left-item {
    padding: 45px 15px !important;
}
.spon-welcome img {
    height: 300px !important;
}
.spon-welcome .msg-icns-show {
    max-width: 46% !important;
}
.spon-contants-show img {
    width: 70px !important;
    height: 70px !important;
}
.spon-contants-show h6 {
    padding-top: 18px !important;
    font-size: 15px !important;
}
.apexcharts-legend {;
    padding: 0 0px !important;
}
.apexcharts-legend-text {
    font-size: 11px !important;
    padding-left: 4px !important;
}
}
.col-md-12.reminders-massage-space {
    margin-top: 0 !important;
}
.afp-other-right-item {
    overflow-y: auto !important;
    height: 1360px;
}

@media only screen and (max-width: 767px){
    .reminders-massage-now.next-reminders ul li {
    column-gap: 12px;
}
    .chat_system_afp .col-md-7 {
     border-left: 0 !important; 
}
    #general-info {
    overflow: auto;
}
.col-md-7.laptop_size_mng {
    max-width: 100%;
}
    .card-post-list .card-post-item:nth-child(2) {
    width: 100%;
}
.profile p {
    font-size: 16px;
    word-break: break-word;
}
    .general-info .info, .general-info .save-info {
    padding: 10px;
}
.profile p {
    font-size: 16px;
}
.tablet_space_mng {
    padding: 0 !important;
}
    .dt-list .dt-item:nth-child(1) {
    width: 92%;
    text-align: left;
}
    .dt-list .dt-item:nth-child(4) {
    width: 100%;
}
    .read-more {
    padding: 10px 10px;
}
    .dt-list {
    grid-template-columns: 2fr 1fr 1fr 2fr;
    display: grid;
}
    .chat_system_afp .table > tbody > tr > td {
    font-size: 12px;
}
    .chat_system_afp .card-header.text-black {
    text-align: center;
}
#chattingarea h5 {
    font-size: 17px;
}
    .chat_system_afp .form-group.mt-5 {
    padding: 0px 0;
}
.chat_system_afp .form-control {
    border: 2px solid #acacac !important;
    border-radius: 8px;
    height: 85px;
}
    .poll-vote-now h4 {
    font-size: 18px !important;
    padding: 10px !important;
}
    .accelerate-main {
    padding: 0px 0 0px 0 !important;
}
    .event-review-button.event-diffrent-bg.size-manages.very-out-poll {
    transform: translate(237px, -33px) !important;
}
    .feet-vehicle-contants-main.accelerate-contants-main.pool-boat-contant {
    padding: 31px 15px 30px 15px !important;
}
    .accelerate-main-heading {
    margin-bottom: 2rem;
}
    .accelerate-main-heading.webinars-heading h3 {
    font-size: 30px;
    padding-bottom: 15px;
}
.click-now-button-calender {
    font-size: 14px;
}
    .accelerate-contants-main span {
    font-size: 16px;
}
.accelerate-main.cmn-section.webinars-main.event-main-scn {
    padding: 55px 0 40px 0;
}
.feet-vehicle-contants-main p {
    padding: 10px 0 !important;
}
    .feet-vehicle-contants-main.accelerate-contants-main h3 {
    font-size: 28px;
    margin-bottom: 20px;
}
    .feet-vehicle-contants-main {
    padding: 30px 11px 40px 47px;
}
    .event-review-button {
    transform: translatex(305px);
}
        /* scroll */
    .table-responsive::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background: #000;
}
.table-responsive::-webkit-scrollbar
{
width: 100%;
height: 5px;
background: #00E853;
}
.table-responsive::-webkit-scrollbar-thumb
{
background-color: #0eb495;
}
    /* scroll */
.afp-contact-content {
    max-width: 100%;
    margin: 0px auto;
    margin-bottom: 40px;
}
.afp-contact-content h1 {
    font-size: 30px;
}
.afp-contact-content p {
    font-size: 14px;
}
    .fleet-academy-view-all-items {
    grid-template-columns: 1fr 1fr;
}
.afp-other-right-item .apexcharts-inner {
transform: translateY(10px) !important;
}
.afp-other-left-item {
    padding: 55px 45px;
}
.afp-other-left-item .row {
    margin-bottom: 0 !important;
}
.afp-other-left-item .col-md-4 {
    margin-bottom: 25px;
}
.spon-welcome img {
    height: 400px;
}
.spon-contants-show {
    width: 70%;
    height: 70%;
}
.spon-contants-show img {
    width: 110px;
    height: 110px;
}
.spon-contants-show h6 {
    padding-top: 22px;
    font-size: 20px;
}
    .logo-main a img {
    width: 85px;
}
.top-header-main .bg-light {
    padding: 0 0px;
}
#toggle {
    right: 0px;
}
.top-header-main {
    padding: 12px 0;
}
#menu-custom {
    top: 66px;
}
    .banner-contants-main {
    padding-left: 2rem;
}
.banner-contants-main h1 {
    font-size: 22px;
}
.membership-will span {
    font-size: 14px;
}
.all-item-megamenu ul {
    grid-template-columns: 1fr 1fr 1fr;
    margin: 35px auto 0 auto;
    grid-row-gap: 20px;
    max-width: 100% !important;
}
}
.top-header-main #navbarSupportedContent {
    justify-content: end;
}
.all-item-megamenu {
    display: flex;
    align-items: center;
}













/*tooltip css*/
.tooltipevent{
    width:200px;
    background:#0eb495;
    position:absolute;
    z-index:10001;
    transform:translate3d(-50%,-100%,0);
    font-size: 0.8rem;
    box-shadow: 1px 1px 3px 0px #888888;
    line-height: 1rem;
    padding: 10px;
    border-radius: 10px;
}

.tooltipevent .tooltiptitle{
    color: white;
    font-weight: 400;
}
/*tooltip css*/

.chat_system_afp .general-info {
    border-radius: 0px;
    border: 3px solid #bcbdc0c9;
}

.chat_system_afp .card {
    border: 2px solid #e8f5f4 !important;
    border-radius: 30px;
    background-color: #e8f5f4;
    margin-bottom: 40px;
}

.chat_system_afp .card-header.d-flex.justify-content-between.align-items-center.p-3 {
    border-top: 0 !important;
}
.chat_system_afp #threadbody tr td span {
    background-color: #57b197;
    /* padding: 9px 22px; */
    border-radius: 5px;
    transition: all 0.5s;
    font-size: 13px !important;
    display: flex;
    width: 115px;
    justify-content: center;
    padding: 8px 0px;
}
.chat_system_afp #threadbody tr td span:hover {background-color: #000;transition: all 0.5s;}
.chat_system_afp .openprofilelink {
    background-color: transparent !important;
    padding: 0 !important;
}
.chat_system_afp .btn.btn-p-5.text-white {
    background-color: transparent !important;
    padding: 0 !important;
}
.chat_system_afp .table > tbody > tr > td {
    font-size: 14px;
    font-weight: 700;
    padding: 13px 8px;
    color: #000;
}
.chat_system_afp .card-body {
    color: #000;
}
.chat_system_afp #threadbody tr {
    border-bottom: 0 !important;
}
.chat_system_afp #threadbody tr:nth-child(even) {
    background-color: #e8f5f4;
}
.chat_system_afp .bg-antiquewhite {
    background-color: #f1e8e8 !important;
}
.chat_system_afp .form-control {
    border: 2px solid #acacac !important;
    border-radius: 20px;
}
.chat_system_afp .read-more {
    background: #000;
    color: #fff;
    padding: 10px 16px;
    margin-right: 10px;
    display: inline-block;
    transition: 0.5s all;
    background-color: #57b197;
    padding: 9px 22px;
    border-radius: 5px;
    transition: all 0.5s;
    border: 1px solid #57b197;
}
.chat_system_afp #replyform {
    padding: 15px;
}
.chat_system_afp .general-info .info label {
    color: #000000;
    font-size: 16px;
    font-weight: 600;
}
.chat_system_afp .general-info .info, .general-info .save-info {
    padding: 0px;
}
.chat_system_afp .read-more:hover {
    background-color: #000 !important;
    border-color: #000 !IMPORTANT;
}
.chat_system_afp #chattingarea {
    border-top: 3px solid #bcbdc0c9;
    padding: 15px;
}
.spinner-grow {border-radius: 100px !important;} 
.chat_system_afp .col-md-7 {
    border-left: 3px solid #bcbdc0c9;
    padding-left: 0px;
}

.chat_system_afp .form-group.mt-5 {
    margin-top: -1rem!important;
    padding: 45px 0;
}
.chat_system_afp .card-header.text-black {
    padding: 10px 0;
}

.chat_system_afp .treeview li, ul, div {
    border-radius: 0px !important;
}
.chat_system_afp .card-header.text-black.btn-success-reply a u i {
    position: absolute;
    right: 10px;
    font-size: 18px;
    color: white;
}
.chat_system_afp .card-header.text-black.btn-success-reply a u i:hover {color: #f00;}
/*.chat_system_afp .card-header.text-black.btn-success-reply a u {
    background-color: #fff;
    color: #000;
    padding: 4px 15px;
    font-weight: 700;
    border-radius: 3px;
    font-size: 12px;
    text-transform: capitalize;
    cursor: pointer;
}
.chat_system_afp .card-header.text-black.btn-success-reply a {
text-decoration: none;
}*/


.poll-vote-now {
    padding-top: 80px;
}
.resource-tabble-all-btn ul {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 1px;
    flex-wrap: wrap;
}
.resource-tabble-all-btn ul li a {
    background-color: #0eb495;
    color: #fff;
    border-color: #0eb495;
    font-weight: 500;
    border-radius: 0;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    width: 280px;
    font-size: 16px;
    border: 2px solid #0eb495;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.resource-tabble-all-btn ul li a:hover {
    background-color: transparent;
    color: #0eb495;
    border-color: #0eb495;
}
.btn.btn-cmn-tabble.active {
    background-color: #8e68a6;
    border-color: #8e68a6;
}
.btn.btn-cmn-tabble.active:hover {color: #fff !important;background-color: #8e68a6 !important;
    border-color: #8e68a6 !important;}
.search-now {
    width: 100%;
    text-align: end;
    padding: 40px 0;
}
.resource-scn-start {
    width: 100%;
    padding-left: calc((100vw - 1800px) /2);
    padding-right: calc((100vw - 1800px) /2);
    display: inline-block;
    padding-top: 20px;
    padding-bottom: 20px;
}
.resource-scn-start .search-now label {
    margin: 0;
    color: #0e1726;
    font-weight: 700;
    font-size: 18px;
    padding-right: 8px;
}
.resource-scn-start .search-now input {
    min-width: 350px;
    background-color: #dfefec;
    border: 1px solid #0eb495;
    height: 44px;
    padding: 0 10px;
}
.resource-scn-start table th, table td {
  padding: 0.25em 0.5em;
  text-align: left;
  vertical-align: top;
}
.resource-scn-start table th {
    color: #0e1726;
    font-weight: 700;
    font-size: 18px;
}
/*.resource-scn-start table tr {
  transition: all 1s ease-in-out;
}
.resource-scn-start table tr.slide-out {
  transform: translateX(100%);
}*/
.resource-scn-start table.zigzag {
    width: 100%;
}
.resource-scn-start table.zigzag tr td {
    padding: 10px 10px;
    color: #0e1726;
    font-weight: 600;
    font-size: 16px;
    line-height: 45px;
}
.resource-scn-start table.zigzag tr td:first-child {
    width: 11%;
}
.resource-scn-start table.zigzag tr th {
    padding: 28px 10px;
}
.resource-scn-start table.zigzag tr td:last-child {
    width: 6%;
    text-align: center;
}
.resource-scn-start table.zigzag tr th:last-child {
    text-align: center;
}
/*.resource-scn-start table.zigzag tr th:nth-child(2) {
    text-align: center;
}*/
.resource-scn-start table.zigzag tr td:nth-last-child(2) {
    width: 10%;
    text-align: center;
}
.resource-scn-start table.zigzag tr th:nth-last-child(2) {
    text-align: center;
}
.resource-scn-start tr:nth-child(even) {
    background-color: #dfefec !important;
}
@media only screen and (min-width:1200px) and (max-width:1575px){
.afp-other-right-item {
    height: 1010px;
}
}
@media only screen and (min-width:1400px) and (max-width:1770px){
.resource-tabble-all-btn ul li a {
    width: 218px;
    font-size: 14px;
    height: 65px;
}
.resource-scn-start table.zigzag tr td:first-child {
    width: 13%;
}
.resource-scn-start .search-now input {
    min-width: 300px;
    height: 40px;
}
.resource-scn-start .search-now label {
    font-size: 17px;
}
.resource-scn-start table.zigzag tr td {
    font-size: 15px;
}
.resource-scn-start table th {
    font-size: 17px;
}
}

@media only screen and (min-width:1200px) and (max-width:1400px){
.resource-tabble-all-btn ul li a {
    width: 182px;
    font-size: 14px;
    height: 62px;
}
.resource-scn-start table.zigzag tr td:first-child {
    width: 13%;
}
.resource-scn-start .search-now input {
    min-width: 260px;
    height: 38px;
}
.resource-scn-start .search-now label {
    font-size: 17px;
}
.resource-scn-start table.zigzag tr td {
    font-size: 15px;
}
.resource-scn-start table th {
    font-size: 17px;
}
}

@media only screen and (max-width:1200px){
    .afp-other-right-item {
    height: 730px;
}
.resource-tabble-all-btn ul li a {
    width: 225px;
    font-size: 15px;
    height: 58px;
}
.resource-scn-start .search-now input {
    min-width: 240px;
    height: 38px;
}
.resource-scn-start .search-now label {
    font-size: 16px;
    padding-right: 6px;
}
.resource-scn-start {
    padding-top: 10px;
    padding-bottom: 10px;
}
.resource-scn-start table.zigzag tr td:first-child {
    width: 19%;
}
.resource-scn-start table.zigzag tr td {
    font-size: 15px;
    line-height: 45px;
}
.resource-scn-start table th {
    font-size: 17px;
}
}

@media only screen and (max-width:991px){
    .msg-icns-show {
    max-width: 61% !important;
}
    .resource-scn-start table.zigzag {
    overflow: auto;
}
    .resource-scn-start {
    overflow: auto;
    padding: 0 !IMPORTANT;
}
.resource-scn-start table.zigzag tr td:first-child {
    width: 23%;
}
.resource-scn-start .search-now input {
    min-width: 200px;
    height: 35px;
}
.resource-scn-start table {
     border-collapse: inherit !important; 
}
}
@media only screen and (max-width:575px){
     .resource-scn-start .resource-tabble-all-btn ul {
            justify-content: flex-start !important;
        grid-row-gap: 8px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
}
    .resource-scn-start table.zigzag tr td:nth-child(2) {
    min-width: 350px !important;
}
    .resource-scn-start table.zigzag tr td:first-child {
    min-width: 155px;
}
.resource-scn-start table.zigzag tr td {
    font-size: 13px;
    line-height: 22px;
}
}
@media only screen and (max-width:767px){
    .msg-icns-show {
    max-width: 25% !important;
}
.resource-scn-start table.zigzag tr td {
    line-height: 25px;
}
}


/*dashboard fixes 16-02-2024*/
.message_start_text{
    font-size: 18px !important;
}



/* tabble-style calendar-scn */
.fc .fc-multimonth-title {
    font-size: 18px;
    font-weight: 700;
    padding: 1em 0px;
    text-align: center;
    color: #000;
    font-weight: 700;
}
.fc .fc-daygrid-day-top {
    justify-content: center;
}
 .fc-daygrid-day-top a {
    font-size: 13px;
    font-weight: 600;
    color: #3c4547;
}
 .fc .fc-daygrid-more-link {
    font-size: 8px !important;
    color: #fff !important;
    background-color: #000 !important;
}
 .fc-scrollgrid-sync-inner a {
    color: #3c4547;
}
 .fc .fc-multimonth-multicol .fc-multimonth-month {
    padding: 0 10px !important;
}
 .fc-theme-standard td, .fc-theme-standard th {
    border: 1px solid #3c4547 !important;
}
.fc-multimonth {
    border: 2px solid #000 !important;
    border-radius: 15px !important;
}
.fc-view-harness.fc-view-harness-active {
/*    height: 70vh !IMPORTANT;*/
}
.fc .fc-timegrid-axis-cushion {
    color: #000;
    font-weight: 600;
}
.fc .fc-timegrid-slot-label-cushion {
    color: #000;
    font-weight: 600;
}
.fc-toolbar-chunk H2 {
    color: #57b197;
}
.reminders-massage-now.next-reminders ul li {
    display: flex;
    column-gap: 30px;
}
.icn-massages {
    min-width: 62px;
    max-height: 62px;
    border-radius: 12px !important;
}
.reminder-top-heading.cl-diff a {
    color: #57b197;
    font-weight: 600;
    font-size: 17px;
}
.reminder-top-heading span {
    font-weight: 500 !important;
}
.reminder-top-heading.cl-diff p {
    color: #0e1726;
    font-size: 15px;
    margin: 0;
    padding: 12px 0;
}
.accelerate-all-reviews .video-wrap {
    clip-path: none !important;
}
.afp-other-right-item .btn.btn-primary {
    background-color: #57b197 !important;
    border-color: #57b197;
    padding: 6px 20px;
    font-size: 13px;
    text-transform: uppercase;
    max-width: fit-content;
    border-radius: 0;
}
.afp-other-right-item .btn.btn-primary:hover {
    background-color: transparent !important;
    color: #57b197 !important;
}

/*11-03-2024*/
.fleet-academy-view-all-items.committeelist_col6 {
    grid-template-columns: 1fr 1fr 1fr;
}


/* committee-scn css-start  */
.committee-members-scn-main .committee-heading h2 {
    text-transform: capitalize;
    font-size: 44px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 6rem;
}
.committee-members-scn-main .committee-all-review ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    text-align: -webkit-match-parent;
    grid-row-gap: 28px;
    max-width: 79%;
    margin: 0 auto;
}
.committee-members-scn-main .committee-all-review ul li {
    display: flex;
    column-gap: 12px;
}
.committee-members-scn-main .user-icn i {
    color: #057b19;
    font-size: 18px;
}
.committee-members-scn-main .cmm-mmbr-cnt h6 {
    color: #3b3f5c;
    font-size: 20px;
    font-weight: 600;
}
.committee-members-scn-main .cmm-mmbr-cnt p {
    font-size: 17px;
    padding-top: 4px;
}
.committee-members-scn-main .committee-all-review {
    width: 100%;
    display: inline-block;
}
.committee-members-scn-main {
    width: 100%;
    position: relative;
    background-color: #f2f2f2;
    padding: 135px 0 50px 0;
}
.committee-members-scn-main:before {
    content: '';
    background-color: #fff;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 4% 100%, 0 0);
    width: 50%;
    position: absolute;
    right: 0;
    top: 0px;
    height: 75px;
}

.join-us-left-items.membership-contant {
    display: grid;
    align-content: center;
    height: 100%;
    padding: 0 50px 0 195px;
    background-color: #fff;
}
.join-us-left-items.membership-contant h3 {
    margin-bottom: 45px;
    font-size: 47px;
    font-weight: 500;
    color: #57b197;
}
.join-us-left-items.membership-contant p {
    margin: 0px 0 30px 0;
    color: #3c4547;
    font-size: 17px;
}
.accelerate-all-reviews.membership-main.membersarea-scns {
    background-color: #fff;
    padding: 88px 0;
}
.tpc-sd h5 {
    font-size: 26px;
    line-height: 36px;
    font-weight: 600;
    color: #333333;
    margin: 0 0 50px 0;
}
.tpc-sd ul li {
    color: #333333;
    font-size: 18px;
    line-height: 26px;
}
.tpc-sd ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
}
.tpc-sd.Topics-Include-scn-main {
    background-color: #fff;
    width: 100%;
    padding: 28px 185px 55px 185px;
}
.container-fluid.space_cut_committee {
    padding: 0 !important;
}
.Topics-Include-review-show ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 12px;
}
.Topics-Include-review-show ul li i {
    color: #57b197;
    font-weight: normal;
    padding-right: 5px;
}
.Topics-Include-review-show ul li:before {
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "✔";
    font-size: 18px;
    color: #0eb495;
    position: absolute;
    left: 0;
    top: 0;
}
.Topics-Include-review-show ul li {
    position: relative;
    padding-left: 28px;
}
.btn.btn-primary {
    background-color: #57b197 !important;
    border-color: #57b197;
    padding: 5px 38px;
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 0px !important;
}
.btn.btn-primary:hover {
    border-color: #0e1726;
    background-color: #0e1726 !important;
}
#commiteeForm {
    max-width: 45%;
    margin: 0 auto;
}
.form_heading_info {
    max-width: 45%;
    margin: 0 auto;
}
.form_heading_info h3 {
    font-size: 33px;
    font-weight: 700;
    color: #57b197;
    padding-bottom: 6px;
}
.form_heading_info p {
    font-size: 16px;
    margin-bottom: 40px;
}
.form_heading_info p a {
    color: #57b197;
    font-weight: 700;
}
.form-control {
    border: 1px solid #57b197;
    color: #3b3f5c;
}
#message {
    height: 110px;
    margin-bottom: 25px;
}
.contact_section {
    padding: 140px 0 60px 0;
    width: 100%;
    position: relative;
}
.contact_section:before {
    content: '';
    background-color: #fff;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 4% 100%, 0 0);
    width: 50%;
    position: absolute;
    right: 0;
    top: 0px;
    height: 75px;
}
.text-left.video_link_heading_info h3 {
    font-size: 33px;
    font-weight: 700;
    color: #57b197;
    padding-bottom: 40px;
}
.video_links_row .text-center h4 strong {
    font-size: 19px;
    color: #000;
    margin-bottom: 0 !important;
}
.video_links_row .text-center h4 {
    color: #57b197;
    margin-bottom: 10px;
}
.committee_videos_section{
    width: 100%;
    display: inline-block;
    padding: 70px 0;
    background-color: #fff;
}
.video_link_heading_info {
    max-width: 79%;
    margin: 0 auto;
}
.video_links_row {
    max-width: 79%;
    margin: 0 auto;
    grid-row-gap: 35px;
}
/*body {background-color: #fff !important;}*/
/* committee-scn css-end  */


/* responsive css-start 3/12/2024 */
@media only screen and (min-width: 1200px) and (max-width: 1650px)  {
    .text-left.video_link_heading_info h3 {
    font-size: 28px;
    padding-bottom: 25px;
}
    .tpc-sd.Topics-Include-scn-main {
    padding: 28px 88px 55px 88px;
}
    .join-us-left-items.membership-contant {
    padding: 0 50px 0 85px;
}
.join-us-left-items.membership-contant h3 {
    margin-bottom: 25px;
    font-size: 38px;
}
.Topics-Include-review-show ul li {
    padding-left: 25px;
    font-size: 16px;
}
.committee-members-scn-main .committee-heading h2 {
    font-size: 36px;
    padding-bottom: 4rem;
}
.committee-members-scn-main .cmm-mmbr-cnt h6 {
    font-size: 18px;
}
.committee-members-scn-main .cmm-mmbr-cnt p {
    font-size: 16px;
}
.form_heading_info {
    max-width: 60%;
}
#commiteeForm {
    max-width: 60%;
}
.form_heading_info h3 {
    font-size: 28px;
    padding-bottom: 0px;
}
    .contact_section:before {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 7% 100%, 0 0);
    height: 66px;
}
}

@media only screen and (max-width: 1200px)  {
    .contact_section:before {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 7% 100%, 0 0);
    height: 66px;
}
    .form_heading_info h3 {
    font-size: 28px;
    padding-bottom: 0px;
}
        .text-left.video_link_heading_info h3 {
    font-size: 28px;
    padding-bottom: 25px;
}
.form_heading_info {
    max-width: 60%;
}
#commiteeForm {
    max-width: 60%;
}
    .committee-members-scn-main:before {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 7% 100%, 0 0);
}
    .committee-members-scn-main .committee-all-review ul {
    grid-row-gap: 20px;
    grid-column-gap: 60px;
}
    .Topics-Include-review-show ul {
    grid-column-gap: 45px;
}
    .tpc-sd.Topics-Include-scn-main {
    padding: 28px 88px 55px 88px;
}
    .join-us-left-items.membership-contant {
    padding: 0 50px 0 85px;
}
.join-us-left-items.membership-contant h3 {
    margin-bottom: 25px;
    font-size: 30px;
}
.Topics-Include-review-show ul li {
    padding-left: 25px;
    font-size: 16px;
}
.committee-members-scn-main .committee-heading h2 {
    font-size: 36px;
    padding-bottom: 4rem;
}
.committee-members-scn-main .cmm-mmbr-cnt h6 {
    font-size: 16px;
}
.committee-members-scn-main .cmm-mmbr-cnt p {
    font-size: 14px;
    padding-top: 0;
}
}

@media only screen and (max-width: 991px)  {
    .committee-members-scn-main .committee-all-review ul {
    max-width: 83%;
}
    .text-left.video_link_heading_info h3 {
    font-size: 25px;
    padding-bottom: 5px;
}
.video_links_row .col-sm-4.mt-4 {
    min-width: 100% !important;
    display: inline-block;
}
.video_link_heading_info {
    max-width: 83%;
}
.form_heading_info h3 {
    font-size: 25px;
}
.form_heading_info p {
    font-size: 14px;
    margin-bottom: 30px;
}
.video_links_row {
    max-width: 83%;
    grid-row-gap: 25px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
    .tpc-sd.Topics-Include-scn-main {
    padding: 20px 55px 55px 55px;
}
    .text-center h1 {
    font-size: 32px;
}
    .committee-members-scn-main:before {
    height: 60px;
}
.committee-members-scn-main .cmm-mmbr-cnt h6 {
    font-size: 16px;
}
.committee-members-scn-main .committee-heading h2 {
    font-size: 32px;
    padding-bottom: 3rem;
}
    .committee-members-scn-main {
    padding: 110px 0 50px 0;
}
.join-us-left-items.membership-contant {
    padding: 0 31px 0 67px;
}
.join-us-left-items.membership-contant h3 {
    margin-bottom: 22px;
    font-size: 28px;
}
.btn.btn-primary {
    padding: 3px 24px;
    font-size: 15px;}
.accelerate-all-reviews.membership-main.membersarea-scns {
    padding: 75px 0 25px 0;
}
.Topics-Include-review-show ul {
    grid-column-gap: 25px;
}
.Topics-Include-review-show ul li {
    font-size: 15px;
}
.committee-members-scn-main .committee-all-review ul {
    grid-column-gap: 32px;}
}

@media only screen and (max-width: 767px)  {
    .video_link_heading_info {
    max-width: 100%;
}
.video_links_row {
    max-width: 100%;}
    .form_heading_info {
    max-width: 100%;
}
    .video_links_row {
        max-width: 100%;
    grid-row-gap: 20px;
    grid-template-columns: 1fr !important;
}
#commiteeForm {
    max-width: 100%;
}
    .committee-members-scn-main .committee-all-review ul {
    grid-column-gap: 20px;
}
.committee-members-scn-main .cmm-mmbr-cnt h6 {
    font-size: 15px;
}
.text-center h1 {
    font-size: 28px;
}
    .committee-members-scn-main .committee-heading h2 {
    font-size: 26px;
}
.join-us-left-items.membership-contant {
    padding: 0 15px 50px 15px;
}
.tpc-sd.Topics-Include-scn-main {
    padding: 20px 15px 55px 15px;
}
.committee-members-scn-main .committee-all-review ul {
    max-width: 100%;
}
}

@media only screen and (max-width: 575px)  {
.msg-icns-show img {
    width: 18px !important;
    height: 18px !important;
}
    .Topics-Include-review-show ul {
    grid-template-columns: 1fr;
    grid-row-gap: 20px;
}
.tpc-sd h5 {
    font-size: 26px;
    margin: 0 0 30px 0;
}
.committee-members-scn-main .committee-all-review ul {
    max-width: 75%;
    grid-template-columns: 1fr;
}
}

/* responsive css-end 3/12/2024 */

.msg-icns-show {
    max-width: 35%;
    display: inline-block;
    text-align: center;
    background-color: #d2d2d2;
    padding: 8px;
    border-radius: 8px;
    margin: 0 0 0 auto;
    border-top-left-radius: 0px;
}
.msg-icns-show img {
    width: 20px;
    height: auto;
    margin: 0 0 0 auto !important;
    -webkit-filter: invert(40%) grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(400%) contrast(2);
    filter: grayscale(100%) brightness(100%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(1.8);
}

.msg-icns-show span {
    display: block;
    color: #000;
    font-weight: 500;
    font-size: 11px;
    line-height: 14px;
    margin-top: 8px;
}
@media (min-width: 1200px) and (max-width: 1700px) {.spon-contants-show {
    height: 85%;}
    .spon-welcome img {
    height: 270px !important;
}
.msg-icns-show {
    max-width: 50%;}
    .spon-contants-show img {
    height: 55px !important;
}
.msg-icns-show img {
    max-height: 18px !important;
}
}

/*08-04-2024*/
.field-wrapper .login_btn:hover{
    /* border-color: #0eb495 !important; */
    background-color: transparent !important;
    color: #000 !important;
}

/*22-04-2024*/
.badges img.img-fluid{
    height: 48px;
    margin-right: 5px;
    width: auto;
}

.badges{
    margin-top: 10px;
}

.badge-success-meeting{
    background-color: #57b197;
    color:white;
}