@font-face {
  font-family: 'FuturaPTBook';
  src: url('../fonts/FuturaPTBook.eot');
  src: url('../fonts/FuturaPTBook.eot') format('embedded-opentype'),
       url('../fonts/FuturaPTBook.woff2') format('woff2'),
       url('../fonts/FuturaPTBook.woff') format('woff'),
       url('../fonts/FuturaPTBook.ttf') format('truetype'),
       url('../fonts/FuturaPTBook.svg#FuturaPTBook') format('svg');
}

/*@font-face {
font-family: 'FuturaBold';
src: url('../fonts/FuturaBold.eot');
src: url('../fonts/FuturaBold.eot') format('embedded-opentype'),
     url('../fonts/FuturaBold.woff2') format('woff2'),
     url('../fonts/FuturaBold.woff') format('woff'),
     url('../fonts/FuturaBold.ttf') format('truetype'),
     url('../fonts/FuturaBold.svg#FuturaBold') format('svg');
}*/


/* Header css*/
header { padding: 15px;}
.user-text { color: #989898; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: normal;}
ul.top-nav { margin: 0px; padding: 0px; display: flex; align-items: center;}
ul.top-nav li { list-style: none; margin: 0px 11px;}
ul.top-nav li a {font-size: 14px; transition: all 0.3s; font-family: 'Montserrat', sans-serif; font-weight: 500; color: #000; text-decoration: none;}
ul.top-nav li a.active, ul.top-nav li a:hover {    text-shadow: 0px 0px 1px; color: #58C6C0;}

.black-header { background-color: #000; text-align: center; padding: 30px 30px;}
.black-header a img {width: 315px;}

/* Training course*/
.training-status-block {background-color: #272727; padding: 25px 75px;}
.training-status-block h2 {font-family: 'FuturaPTBook'; color: #fff; text-transform: uppercase; font-size: 32px; font-weight: 400; letter-spacing: 7.5px;}
.set-arrow-pos { position: relative; top: 1px;}
.custom-text h3 {color: #000000; font-family: 'Montserrat', sans-serif; font-size: 20px;}
.custom-text p {color: #989898; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 500;}
.training-banner-img { background: url(../images/blue-bg-color.png) no-repeat; background-size: cover;  height: 170px;}
.training-banner-img .training-banner-img-1 {display: inline-block; margin-left: 145px;}
.fw-normal { line-height: normal; font-family: 'roboto';}
.error-text {color: #FF535D; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: 500; margin-top: 15px;}
/* utilize css */
.progress {
  font-size: 20px; font-family: 'roboto'; height: 2rem;  border-radius: 50px;
}
.custom-d-none {display: none;}
.roboto {font-family:'roboto' ;}
.progress-bar {
  background-color: #58C6C0; padding-left: 196px; border-radius: 50px;
}
a {
  color: #58C6C0; font-size: 16px; font-family: 'Montserrat', sans-serif; text-decoration: none;
}
a:hover {
  color: #6bddd8;
}
.fs-14 { font-size: 14px;}
.fs-12 { font-size: 12px;}
.btn-dark { border-radius: 0px; padding: 10px 25px; font-size: 16px; text-transform: uppercase; font-weight: 700; font-family: 'Montserrat', sans-serif; background-color: #000000;}
.custom-z-index-1 { position: relative; z-index: 1;}

/* Marketing Banner */
.marketing-banner {padding: 0px 55px;
background: rgb(54,136,185);
background: -moz-linear-gradient(90deg, rgba(54,136,185,1) 2%, rgba(106,181,226,1) 17%, rgba(54,136,185,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(54,136,185,1) 2%, rgba(106,181,226,1) 17%, rgba(54,136,185,1) 100%);
background: linear-gradient(90deg, rgba(54,136,185,1) 2%, rgba(106,181,226,1) 17%, rgba(54,136,185,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3688b9",endColorstr="#3688b9",GradientType=1);
}

.marketing-banner2 {padding: 0px 55px;
background: rgb(54,136,185);
background: -moz-linear-gradient(90deg, rgba(54,136,185,1) 32%, rgba(106,181,226,1) 67%, rgba(54,136,185,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(54,136,185,1) 32%, rgba(106,181,226,1) 67%, rgba(54,136,185,1) 100%);
background: linear-gradient(90deg, rgba(54,136,185,1) 32%, rgba(106,181,226,1) 67%, rgba(54,136,185,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3688b9",endColorstr="#3688b9",GradientType=1);
}

.marketing-banner-purple {
background: rgb(135,96,137);
background: -moz-linear-gradient(90deg, rgba(135,96,137,1) 12%, rgba(88,32,92,1) 58%);
background: -webkit-linear-gradient(90deg, rgba(135,96,137,1) 12%, rgba(88,32,92,1) 58%);
background: linear-gradient(90deg, rgba(135,96,137,1) 12%, rgba(88,32,92,1) 58%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#876089",endColorstr="#58205c",GradientType=1);
}
.hourse-img {height: 100%; object-fit: contain;}

.marketing-banner .marketing-banner-img {
    width: 425px;
    margin-top: 5px;
}
.marketing-banner .medicalversion-img { width: 680px;}

.yellow-bg{background-color: #F9BC00;}
.lightblue-bg{background-color: #3688b9;}

.custom-img-width {width: 302.8px;}
.banner-content h2{font-family: 'FuturaPTBook'; color: #fff; text-transform: uppercase; font-size: 48px; font-weight: 400; letter-spacing: 7.5px;}
.banner-content p {font-family: 'Montserrat', sans-serif;  font-size: 18px; color: #fff; font-weight: 400;}

/* Training Banner */
.training-banner {height: 100%; position: relative; padding-left: 35px;
background: rgb(88,198,192);
background: -moz-linear-gradient(90deg, rgba(88,198,192,1) 00%, rgba(149,235,230,1) 100%, rgba(88,198,192,1) 150%);
background: -webkit-linear-gradient(90deg, rgba(88,198,192,1) 00%, rgba(149,235,230,1) 100%, rgba(88,198,192,1) 150%);
background: linear-gradient(90deg, rgba(88,198,192,1) 00%, rgba(149,235,230,1) 100%, rgba(88,198,192,1) 150%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#58c6c0",endColorstr="#58c6c0",GradientType=1);
}
.traing-baner-img {text-align: right; position: absolute; bottom: 0px; right: 0px;}
.traing-baner-img img {width: 89%; margin-top: -75px; margin-right: -12px;}
.traing-baner-img-2 img {
width: 112%;
margin-top: -75px;
margin-right: -52px;
}


/*Dentist Store Banner */
.dentist-store-banner img{
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.medical-store-banner img{
  position: absolute;
  bottom: 0px;
  left: 0px;
  width:75%;
} 


.summus-brochure-content{
  width: 35%;
  float: right;
  margin-right: 3rem;
  margin-top: 20rem;
}
.summus-brochure-content.medical-b{
  width: 40%;
  margin-top: 3rem;
}

.vet-store-text{
  padding-bottom:2rem;
}

/* become Laser Certified */
.certified-banner { padding-left: 35px; height: 100%;position: relative;
background: rgba(41,41,41,1);
background: -moz-linear-gradient(-45deg, rgba(41,41,41,1) 0%, rgba(53,53,53,1) 49%, rgba(64,64,64,1) 57%, rgba(120,120,120,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(41,41,41,1)), color-stop(49%, rgba(53,53,53,1)), color-stop(57%, rgba(64,64,64,1)), color-stop(100%, rgba(120,120,120,1)));
background: -webkit-linear-gradient(-45deg, rgba(41,41,41,1) 0%, rgba(53,53,53,1) 49%, rgba(64,64,64,1) 57%, rgba(120,120,120,1) 100%);
background: -o-linear-gradient(-45deg, rgba(41,41,41,1) 0%, rgba(53,53,53,1) 49%, rgba(64,64,64,1) 57%, rgba(120,120,120,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(41,41,41,1) 0%, rgba(53,53,53,1) 49%, rgba(64,64,64,1) 57%, rgba(120,120,120,1) 100%);
background: linear-gradient(135deg, rgba(41,41,41,1) 0%, rgba(53,53,53,1) 49%, rgba(64,64,64,1) 57%, rgba(120,120,120,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292929', endColorstr='#787878', GradientType=1 );
}
.certified-banner-img {text-align: right;}
.certified-banner img {width: 100%;margin-top: -80px; margin-right: 0px; float: right; float: right;}
.certified-img {position: absolute; bottom: 0px; right: 0px; margin-left: 0px;}

.aesthetic-bro {position: absolute; bottom: 0px; left: 0px; margin-left: -30px; width:70%;}
.aesthetic-extra-padd{padding-top:30rem;}

/* summus stories  */
.graybox-bg {
  padding-left: 35px; padding-right: 35px; padding-top: 47px; background: rgb(143,60,149);
  background: -moz-linear-gradient(90deg, rgba(143,60,149,1) 33%, rgba(88,32,92,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(143,60,149,1) 33%, rgba(88,32,92,1) 100%);
  background: linear-gradient(90deg, rgba(143,60,149,1) 33%, rgba(88,32,92,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8f3c95",endColorstr="#58205c",GradientType=1);
}

.bluebox-bg-2 {
  background: rgb(106,181,226);
  background: -moz-linear-gradient(90deg, rgba(106,181,226,1) 22%, rgba(54,136,185,1) 60%);
  background: -webkit-linear-gradient(90deg, rgba(106,181,226,1) 22%, rgba(54,136,185,1) 60%);
  background: linear-gradient(90deg, rgba(106,181,226,1) 22%, rgba(54,136,185,1) 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6ab5e2",endColorstr="#3688b9",GradientType=1);
}

.yellowbox-bg-2 {
  background: rgb(253,215,100);
  background: -moz-linear-gradient(90deg, rgba(253,215,100,1) 22%, rgba(249,188,1,1) 60%);
  background: -webkit-linear-gradient(90deg, rgba(253,215,100,1) 22%, rgba(249,188,1,1) 60%);
  background: linear-gradient(90deg, rgba(253,215,100,1) 22%, rgba(249,188,1,1) 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdd764",endColorstr="#f9bc00",GradientType=1);
} 

.lightbluebox-bg-2 {
  background: rgb(62,145,194);
  background: -moz-linear-gradient(90deg, rgba(62,145,194,1) 22%, rgba(54,136,185,1) 60%);
  background: -webkit-linear-gradient(90deg, rgba(62,145,194,1) 22%, rgba(54,136,185,1) 60%);
  background: linear-gradient(90deg, rgba(62,145,194,1) 22%, rgba(54,136,185,1) 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4191c2",endColorstr="#3688b9",GradientType=1);
} 

.bluebox-bg-2 .summus-stories-img{
  width: 111% !important;
  margin-top: -92px;
  margin-left: -20px;
  z-index: 11;
}

.yellowbox-bg-2 .summus-stories-img {
  width: 111% !important;
  margin-top: -92px;
  margin-left: -30px;
  z-index: 11;
}

.dog-img2 {    width: 86%;
margin-left: 25px;}

.summus-stories-img {
width: 128% !important;
  margin-top: -92px;
  margin-left: -55px;
  z-index: 11;
}

/* store section */
.store-bg { display: flex; height: 100%; padding-right: 35px; background: radial-gradient(37.32% 69.3% at 12.68% 70.28%, #FFE89F 0%, #F9BC00 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;}
.eyeimg {    width: 122% !important; position: relative; top: -35px;}
/* support page css */
.support-banner {position: relative; background: radial-gradient(23.58% 912.63% at 33.41% 54.08%, #C5F3F1 0%, #58C6C0 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;}
.support-banner h2 { color: #fff;    font-family: 'FuturaPTBook'; text-transform: uppercase; font-size: 64px; position: absolute; bottom: 35px;font-weight: 400; letter-spacing: 7.5px;}
.training-status-block-white {background-color: #fff;}
.training-status-block-white h2 {color: #000000;}
.custom-card h2 {font-size: 20px;  letter-spacing: 0; text-transform: uppercase; color: #000; font-family: 'Montserrat', sans-serif; margin-bottom: 0px;}
.custom-card .smalltext {color: #989898; font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 14px;}
ul.list-menu { list-style: none; margin: 15px 0px 0px; padding: 0px;}
ul.list-menu li {list-style: none; padding: 8px 0px; position: relative; padding-left: 25px; border-bottom: #EEEEEE solid 1px;}
ul.list-menu li::before{background: url(../images/pdf-img.png) no-repeat; height: 17px; width: 14px; position: absolute; left: 0px; content: ""; top: 50%; transform: translateY(-50%)}
ul.list-menu li a { color: #58C6C0; font-family: 'Montserrat', sans-serif; font-weight: 500;}
ul.list-menu li a:hover { color: #79e5e0;}
ul.list-menu li:last-child{border-bottom: none;}
.custom-text { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 500;}
.custom-text .bluetext {color: #58C6C0;}
.custom-text .light-text {color: #989898;}
.custom-text hr {background-color: #EEEEEE;}
.custom-card .card-body{padding: 1.45rem; }

.custom-accordion .accordion-item { border: none;}
.custom-accordion .accordion-item  button, .custom-accordion .accordion-item  .accordion-body { padding-left: 0px; padding-right: 0px;}
.custom-accordion .accordion-item .accordion-button {color: #000000; font-family: 'Montserrat', sans-serif; font-weight: 700;}
.custom-accordion .accordion-button:not(.collapsed){background-color:transparent; color: #58C6C0; box-shadow: none;}
.custom-accordion .accordion-body {color: #989898; font-family: 'roboto'; font-weight: 400; line-height: 22px; font-size: 14px;}
.custom-accordion .accordion-button:not(.collapsed)::after {
 display: none;
}
.custom-accordion .accordion-button::after {
  display: none;
}

.custom-accordion .accordion-button:not(.collapsed)::before {
  background-image: url("../images/down-arrow.png");
  transform: rotate(-180deg);
}
.custom-accordion .accordion-button::before {flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-right: 5px; content: ""; background-image: url("../images/down-arrow.png"); background-repeat: no-repeat; background-size: 1.1rem;background-position: center center; transition: transform 0.2s ease-in-out;}
.custom-accordion .accordion-button:focus{outline: none; box-shadow: none;}

/* My Account */
.my-account-banner { position: relative; background: radial-gradient(43.62% 1185.45% at 32.45% 56.38%, #A576A8 0%, #58205C 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;}
.my-account-banner h2 {color: #fff; font-family: 'FuturaPTBook'; text-transform: uppercase; font-size: 64px; position: absolute; bottom: 35px;font-weight: 400; letter-spacing: 7.5px;}
.purple-progress-bar .progress-bar{ padding-left: 0px; background-color: #58205C;}
.training-status-block-white.purple-progress-bar { padding-bottom: 16px;}
.blue-progress-bar .progress-bar{ padding-left: 0px; }
.training-status-block-white.blue-progress-bar { padding-bottom: 16px;}

/* training */
.bottom-black-card { background-color: #000; padding: 10px;}
.bottom-black-card h3 {font-family: 'FuturaPTBook'; color: #fff; margin: 0px; font-size: 20px; text-transform: uppercase;}
.bottom-black-card p {color: #989898; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 500; margin: 0px;}
.bottom-white-card {background-color: #fff; padding: 10px 0px;}
.bottom-white-card h3 {font-family: 'FuturaPTBook'; color: #000000; margin: 0px; font-size: 16px; text-transform: uppercase;}
.bottom-white-card p {color: #989898; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 500; margin: 0px;}
.bannersmalltext { color: #fff;    font-family: 'FuturaPTBook'; text-transform: uppercase; font-size: 32px; position: absolute; bottom: 110px;font-weight: 400; letter-spacing: 7.5px; }

.blue-banner {position: relative; background: radial-gradient(31.74% 870.38% at 33.41% 54.08%, #98C9E6 0%, #3688B9 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;}
.blue-banner h2 { color: #fff;    font-family: 'FuturaPTBook'; text-transform: uppercase; font-size: 64px; position: absolute; bottom: 35px;font-weight: 400; letter-spacing: 7.5px;}
.darkbg-card { background-color: #272727; padding: 40px 30px 50px ; border-radius: 2px;}
.darkbg-card .welcometext { color: #989898; font-family: 'FuturaPTBook';  font-size: 20px; margin-bottom: 10px;}
.darkbg-card  h2 { font-family: 'FuturaPTBook'; color: #fff; letter-spacing: 6.5px; margin-bottom: 10px; text-transform: uppercase; font-size: 28px;}
.darkbg-card  p{ font-family: 'roboto';  color: #989898; font-weight: normal; font-size: 12px; }
ul.top-nav li { list-style: none; margin: 0px 8px;}
.progress-bar {    padding-left: 237px;}
.border-left-0 { border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
.border-right-0 { border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
.steps-block h2 {font-family: 'FuturaPTBook'; color: #000000; letter-spacing: 6.5px; margin-bottom: 10px; text-transform: uppercase; font-size: 36px;}
.steps-block .step-bold{color: #3688B9; font-family: 'FuturaPTBook'; font-size: 96px; line-height: 72px;}
.steps-block .steptext{color: #989898; font-family: 'FuturaPTBook'; font-size: 20px; line-height: normal;}
.custom-btn-primary {background-color: #3688B9; padding: 12px 20px; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 700; color: #fff; text-transform: uppercase;}
.custom-btn-primary:hover { color: #fff;}
.form-custom p{color: #000000;  font-family: 'roboto'; font-size: 14px;}
.form-custom label{color: #989898; font-weight: 400; font-family: 'roboto'; font-size: 14px;}
.form-custom input {border: #E1E1E1 solid 1px; background-color: #F8F8F8; border-radius: 0px;}
.form-custom textarea {border: #E1E1E1 solid 1px; background-color: #F8F8F8; border-radius: 0px; resize: none;}
.form-custom input:focus{ box-shadow: none;}
.darkbg-card-2 {padding: 40px 25px 50px;}
.darkbg-card-2 h2 {font-size: 23px;}
ul.training-section-list {
  margin: 0px; padding: 0px 11px 0px 0px;
}
ul.training-section-list li { display: flex; flex-wrap: wrap; list-style: none; line-height: normal; position: relative; padding-left: 32px; margin-bottom: 12px; }
ul.training-section-list li .list-circle { position: absolute; left: 0px;}
ul.training-section-list li.active a{ color: #fff;}
ul.training-section-list li a{ list-style: none; line-height: normal; color: #989898;font-family: 'FuturaPTBook';  position: relative; font-size: 20px;}
.online-quiz h3{font-family: 'FuturaPTBook';  color: #000; font-size: 20px; text-transform: uppercase; margin-bottom: 20px;}
.online-quiz p{color: #989898; font-family: 'roboto'; font-size: 14px;}

.form-check-label {
  font-family: 'roboto';
  font-size: 16px;
  line-height: normal;
}
.incorrent-bg { background-color: #fff6f7; border: #FF535D solid 1px;}
.incorrent-bg h3{color: #FF535D;}
.currect-bg{ background-color: #f6fcfc; border: #58C6C0 solid 1px;}
.currect-bg h3 {color: #58C6C0;}
.white-color { color: #fff !important;}
.body-graycolor{
  background-color: #f9fdff;
}
.custom-logo { padding: 50px; text-align: center;}
.custom-logo .logo-width{ width: 190px; display: inline-block;}
.custom-card-2 { background-color: #fff; box-shadow: 0px 0px 8px #E1EFF8; border-radius: 2px;}
.card-b-purple { padding-top: 50px; background: radial-gradient(43.36% 260.31% at 33.71% 53.6%, #9B689E 0%, #58205C 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;}
.img-login{width: 431px; margin-left: -33px;}
.login-card-bg { width: 980px;}
.login-containt  { padding-left: 40px; padding-right: 20px;}
.login-containt h3 {color: #000000;font-family: 'FuturaPTBook'; letter-spacing: 0.2em; text-transform: uppercase; font-weight: 400;
  font-size: 32px;}
  .notmember { font-weight: 400; font-size: 14px; font-family: 'Montserrat', sans-serif;}
  .notmember a {color: #58C6C0;}
  .fs-14 {font-size: 14px;}

.card-custom-block { border: #E1E1E1 solid 1px; padding: 25px;}
.card-custom-block h3 {color: #000000;font-family: 'FuturaPTBook'; font-size: 20px;}
.card-custom-block p {color: #989898;font-family: 'Montserrat', sans-serif; font-size: 14px;}
.card-left { background-color: #fff; padding: 8px;}
.budget-tick { position: absolute; left: -11px;
  top: -9px;background: url(../images/checkmark.png) no-repeat; z-index: 1; width: 20px; height: 20px;}
.card-left h3 {color: #000000;font-family: 'FuturaPTBook'; font-size: 20px; margin-bottom: 0px;}
.card-left .time {color: #989898; font-family: 'Roboto', sans-serif; font-size: 14px;}
.card-left-gray { background-color: #F5F5F5;}
.graybox-card { background-color: #F8F8F8; padding: 15px; border-bottom: #E1E1E1 solid 1px;}
.textdiv { color: #989898; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 500;}
h4 { font-size: 20px;  font-family: 'Roboto', sans-serif; color: #000;}
.footer-card { border: #E1E1E1 solid 1px; background-color: #F8F8F8; padding: 15px;}
.content-text h3 {font-family: 'FuturaPTBook'; font-size: 20px; text-transform: uppercase; }
.content-text p {font-family: 'Roboto', sans-serif; font-size: 14px;  color: #989898; }


.custom-btn-padding { padding: 0.56rem 1.25rem;}

.blue-banner {position: relative; background: url(../images/events-banner.png) no-repeat; background-size: cover; /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;}
.blue-banner h2 { color: #fff;    font-family: 'FuturaPTBook'; text-transform: uppercase; font-size: 64px; position: absolute; bottom: 35px;font-weight: 400; letter-spacing: 7.5px;}
.custom-nav {border-bottom: none;}
.nav-tabs.custom-nav .nav-link { margin-bottom: 0px;}
.nav-tabs.custom-nav .nav-link {color: #989898; position: relative; padding-left: 0px; padding-right: 0px; font-weight: 400; padding-top: 0px; padding-bottom: 0px; font-size: 16px; font-family: 'Montserrat', sans-serif; text-transform: uppercase;}
.nav-tabs.custom-nav .nav-link.active, .nav-tab.custom-nav .nav-item.show .nav-link { background-color: transparent; border-color: transparent; color: #58205C; font-weight: bold;}
.nav-tabs.custom-nav .nav-link:hover { box-shadow: none; border-color: transparent;}
.nav-tabs.custom-nav .nav-link.active::after{ content: ""; width: 100%; position: absolute; height: 3px; background-color: #58205C;     left: 0;
  right: 0;
  bottom: -16px;}
  .nav-tabs.custom-nav li { padding-left: 15px; padding-right: 15px;}
  .blue-banner-2 { background: radial-gradient(31.74% 870.38% at 33.41% 54.08%, #98C9E6 0%, #3688B9 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;}

.custom-card-3 {background-color: #F9FDFF; border: #E1E1E1 solid 1px;}
.text-3 { color: #000; text-align: center; font-size: 20px; font-family: 'Montserrat', sans-serif;}
.custom-select-counting { font-size: 14px; background-color: #F8F8F8;  font-family: 'Roboto', sans-serif; color: #989898;}
.light-text-custom { color:#989898}
.padding-65 { padding: 0.60rem 1.25rem;}
.custom-table.table > :not(:last-child) > :last-child > * {     border-bottom-color: #E1E1E1; border-top: #E1E1E1 solid 1px;}
.custom-table.table td ,.custom-table.table th{font-family: 'Roboto', sans-serif;}
.custom-table.table th {text-transform: uppercase;}
.custom-table.table td { color: #989898; border: none;}
.custom-table.table.table-striped > tbody > tr:nth-of-type(odd) {    --bs-table-accent-bg: rgb(255 255 255 / 5%);}
.custom-table.table.table-striped > tbody > tr:nth-of-type(even) {background-color: #F8F8F8;}
.custom-pagination .page-link { border: none;}
.custom-pagination .page-link {color: #989898; font-family: 'Roboto', sans-serif; font-size: 14px;}
.custom-pagination .page-item.active .page-link { background-color: #58C6C0; color: #fff; border-radius: 4px;}

.img-btn .radiobtn { width: 15px; height: 15px; background-color: #D9D9D9; border-radius: 50px; position: absolute; left: -20px;}
.img-btn > input:checked + .radiobtn { width: 15px; height: 15px; background-color: #3688B9; border-radius: 50px; position: absolute; left: -20px;}
.img-btn > input:checked + .radiobtn::after {width: 6px; height: 6px; position: absolute;  left: 4.5px; top: 4.9px;background-color: #D9D9D9 ; content: ""; border-radius: 50px;}
.text2 {color: #989898; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400;}
.text-editor #wysiwyg {
  border-radius: 8px;
  width: 100%;

  max-height: 100%;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.text-editor #wysiwyg .btns {
  padding: 0.3em 0.3em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid #EFEFEF;
  background-color: white;
  flex-grow: 2;
}
.text-editor #wysiwyg .btns .category {
  display: flex;
  align-items: center;
  border-right: 1px solid #EFEFEF;
  padding: 0 4px;
}
.text-editor { border:#E1E1E1 solid 1px}

.text-editor #wysiwyg #editor {
  resize: none;
  background-color: white;
  outline-style: none;
  border: none;
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  max-height: calc(80vh);
  overflow: auto;
}
.text-editor #wysiwyg #editor img {
  max-width: 100%;
}
.text-editor option {
  background-color: white;
  color: grey;
}

.text-editor select, .text-editor input, .text-editor button {
  background-color: white;
  border: none;
  padding: 0.5em 0.8em;
  border-radius: 4px;
  color: grey;
  cursor: pointer;
  outline-style: none;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
}
.text-editor select:hover,.text-editor input:hover, .text-editor button:hover {
  background-color: #EFEFEF;
  color: black;
}
.text-editor select:not(:last-child),.text-editor input:not(:last-child),.text-editor button:not(:last-child) {
  margin-right: 4px;
}
.text-editor select[type=color],.text-editor input[type=color],.text-editor button[type=color] {
  width: 1.2em;
}
.text-editor select[type=number],.text-editor input[type=number],.text-editor button[type=number] {
  width: 3em;
}

.img-btn  { position: relative;}

.img-btn > input{
display:none
}
.img-btn > img{  border:4px solid white !important;}

.img-btn > input:checked + .radiobtn + img{
border-color: #3688B9 !important;

}
.blue-color-light{position: absolute;
left: 0;
right: 0;
height: 72px;
background: #ebf4f8;}
.blue-color-dark{
display: none;
  height: 72px;
  background: #3688B9;}
  .blue-color-dark .eventtext { color: #fff; font-size: 20px; font-family: 'Montserrat', sans-serif; text-transform: uppercase;}
.blue-color-dark:has(+ .p-sm-4 .tab-pane2.tab-pane.active) { background-color: #3688B9; display: block;}
.custom-modal .modal-content{ border: none; box-shadow: 0px 1px 4px #15151578; }
/* .custom-modal .modal-dialog {max-width: 650px;} */
.custom-modal .modal-dialog h2 {color: #000000;  font-size: 20px; font-family: 'Montserrat', sans-serif; font-weight: 400; text-transform: uppercase;}
.green-bg td{background-color: #58C6C01A;}

.form-switch .form-check-input { width: 40px; height: 22px;}
.form-check-input { background-color: #E3E3E3; border: none;}

/* css for store page start */

/* css store sidebar start */
.store-sidebar h3 {font-family: 'FuturaPTBook';  margin-bottom: 15px; font-size: 32px; text-transform: uppercase; letter-spacing: 2.5px;}
.store-sidebar ul { margin: 0px; padding: 0px;}
.store-sidebar ul li { list-style: none;}
.store-sidebar ul li a { color: #989898; font-family: 'Montserrat', sans-serif; line-height: 18px; font-size: 14px;}
.store-sidebar ul li a.active {color: #58C6C0;}
/* css store sidebar end */


/* css store Products start */
.product-img img {width: 100%;}
.product-img { position: relative;  }
.product-img::after { content: "";  background-color: transparent; transition: 0.3s; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; }
.product-img:hover::after { content: "";  background-color: #0000005e; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;  }
.product-img .view-btn {font-family: 'Montserrat', sans-serif; font-size: 16px; color: #fff;padding: 10px 20px; position: absolute; font-weight: bold; background-color: #58C6C0; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0;     transition: opacity 1s; }
.product-img:hover .view-btn {font-family: 'Montserrat', sans-serif; z-index: 2; font-size: 16px; color: #fff;padding: 10px 20px; position: absolute; font-weight: bold; background-color: #58C6C0; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 1;}

.product-title-block { padding: 10px 0px;}
.product-title-block h4 {font-family: 'FuturaPTBook'; margin-bottom: 0px; font-size: 20px;}
.product-title-block {font-family: 'Montserrat', sans-serif; font-size: 16px; color: #989898;}
hr { background-color: #E1E1E1;}
/* css store Products end */

/* css for store page end*/
.custom-subtable { margin-bottom: 0px;}
.custom-subtable td{ padding:0.5rem 0.5rem;}
.custom-form-check .form-check-input {    background-size: auto;}
.custom-form-check .form-check-input:checked { background-color: #fff; border-color: #E1E1E1; }
.custom-form-check .form-check-input:checked[type=checkbox] {
background-image: url('../images/checked-img.png') ;
}
.btn-rmv1,
.btn-rmv2,
.btn-rmv3,
.btn-rmv4,
.btn-rmv5 {
display: none;
}

.rmv {
cursor: pointer;
color: #58C6C0;
font-size: 16px; font-weight: 400; margin-top: 10px;
display: inline-block;font-family: 'Roboto', sans-serif;
}
.preview-img { width: 100%;}
.preview-img img {min-width: 250px;}

#ImgPreview.preview1.it ~ .btn_upload{display: none;}
.btn_upload {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
}

.btn_upload:hover,
.btn_upload:focus {
background-color: #7ca9e6;
}
.btn_upload input {
cursor: pointer;
top: 0px;
left: 0px;
width: 140px;

position: absolute;
height: 42px;
filter: alpha(opacity=1);
-moz-opacity: 0;
opacity: 0;
}
.sectionnone {display: none;}

/* meet the team page */
.top-meet-section { background-color: #000; padding: 10px 0px;}
.top-meet-section ul { margin: 0px; padding: 0px; display: flex; flex-wrap: wrap;}
.top-meet-section ul li  { list-style: none; padding-right: 15px;  padding-left: 15px;position: relative;}
.top-meet-section ul li::before{ content: ""; width: 1px; height: 16px; top: 50%; transform: translateY(-50%); background-color: #fff; position: absolute; right: 0px;}
.top-meet-section ul li:last-child:before { display: none;}
.top-meet-section ul li a img {display: block; width: 20px;}
.top-meet-section ul li a  {display: flex;  align-items: center; font-family: 'FuturaPTBook'; color: #fff; text-transform: uppercase;}
.top-meet-section ul li a.active { font-family: 'futura-pt-demi', sans-serif; }
.top-meet-section ul li a i { margin-right: 10px;}
.top-meet-section ul li:first-child{padding-left: 0px;}
ul.custom-navbar-nav-team li a { color: #000; font-family: 'FuturaBold'; font-size: 14px; text-transform: uppercase;}
ul.custom-navbar-nav-team li a:hover, ul.custom-navbar-nav-team li a.active { color: #58C6C0;}
.event-team-banner { background-color: #58205C; overflow: hidden;}
.custom-event-team-banner {height: 440px; position: relative; }
.custom-event-team-banner::after{

background: rgb(255,255,255);
background: -moz-radial-gradient(circle, rgba(255,255,255,0.48792016806722693) 0%, rgba(255,255,255,0.26102941176470584) 40%, rgba(255,255,255,0) 88%);
background: -webkit-radial-gradient(circle, rgba(255,255,255,0.48792016806722693) 0%, rgba(255,255,255,0.26102941176470584) 40%, rgba(255,255,255,0) 88%);
background: radial-gradient(circle, rgba(255,255,255,0.48792016806722693) 0%, rgba(255,255,255,0.26102941176470584) 40%, rgba(255,255,255,0) 88%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
content: ""; height: 440px; width: 100%; position: absolute; top: 0px; right: -330px;}
.img-height-250{ height: 440px; }
.z-index-1 { z-index: 2; position: relative;}
.team-event-banner-content { position: absolute; bottom: 70px; padding-left: 100px;}
.team-event-banner-content h2 {font-family: 'FuturaPTBook'; font-size: 78px; color: #fff; text-transform: uppercase; margin: 0px; padding: 0px; line-height: 65px;}
.team-event-banner-content .upcoming-eventtext {font-family: 'FuturaPTBook'; font-size: 32px; text-transform: uppercase; color: #fff; margin: 0px; padding: 0px;}
.event-team-content p{font-family: 'FuturaPTBook'; font-size: 16px; color: #000; }
.custom-py-5 { padding: 80px 0px;}
.event-team-content h2 {font-family: 'FuturaPTBook'; font-size: 32px; color: #000; text-transform: uppercase; }
.event-team-block-card {border: #C4C4C4 solid 1px; border-radius: 10px; padding: 10px;}
.event-section-content { padding-top: 20px; padding-bottom: 20px; padding-right: 10px; padding-left: 10px;}
.event-section-content h3 {font-family: 'FuturaPTBook'; font-size: 18px; margin: 0px; font-weight: normal; text-transform: uppercase; color: #000;}
.event-section-content .customdate {font-family: 'FuturaPTBook'; font-size: 12px; font-weight: normal; padding: 16px 0px; }
.event-section-content  a.readmore { font-weight: bold; font-family: 'futura-pt-demi', sans-serif;font-size: 14px; color: #000; text-decoration: underline; }

.custom-event-footer-block { background-color: #000; position: relative; padding: 60px 15px; background-image: url(../images/bg-lines.png); background-size: auto 100%; background-repeat: no-repeat; background-position: right;}
.address-details { margin-top: 45px;}
.address-details p { margin-bottom: 10px; color: #fff; font-size: 16px; font-family: 'Montserrat', sans-serif; }
.address-details p a { color: #fff; font-size: 16px; font-family: 'Montserrat', sans-serif; }
.event-team-social-icon ul{ display: flex; align-items: center; margin: 0px; padding: 0px; }
.event-team-social-icon ul li { margin-right: 15px; list-style: none;}

.transparent-card-footer {
background: #00000014; border-radius: 10px; padding:50px 35px;
}
.transparent-card-footer label { font-size: 16px; color: #fff; text-transform: uppercase; font-family: 'FuturaPTBook'; }
.transparent-card-footer input[type="text"] { border-radius: 0px;}

.transparent-card-footer h3 {font-family: 'futura-pt-demi', sans-serif;font-size: 20px; color: #fff; text-transform: uppercase;}
.submit-btn {font-family: 'FuturaBold'; font-size: 16px;}
.smalltext-2{color: #fff; font-size: 10px; font-family: 'Montserrat', sans-serif;}
.footerbottom { position: absolute; margin: auto; text-align: center; bottom: 10px; left: 0px; right: 0px; color: #fff; font-size: 10px; font-family: 'Montserrat', sans-serif;}
#myform .preview1  {max-width: 300px;}
.created_events_img{    width: 326px;     margin-top: -95px;
margin-left: -35px;}

.training-banner-new {    height: calc(100% - 263px);}
.training-banner-new .banner-content p {max-width: 170px;}
.training-banner-new .traing-baner-img img {    width: 73%;}
.graybox-bg-height{ height: 263px;}
.summus-stories-img-new {    width: 143% !important;}
.certified-banner-new img {
width: 90%;
}


.sectionblock, .sectionnone, .admin-training-section, .admin-banner-section, .online-training-section-details, .online-training-section  {
animation: fadein 2s;
-moz-animation: fadein 2s; /* Firefox */
-webkit-animation: fadein 2s; /* Safari and Chrome */
-o-animation: fadein 2s; /* Opera */
}
.blue-banner-2.graybgbanner-2 {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5b5b5b+0,919191+25,5b5b5b+55,5b5b5b+80 */
background: rgb(91,91,91); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(91,91,91,1) 0%, rgba(145,145,145,1) 25%, rgba(91,91,91,1) 55%, rgba(91,91,91,1) 80%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(91,91,91,1) 0%,rgba(145,145,145,1) 25%,rgba(91,91,91,1) 55%,rgba(91,91,91,1) 80%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(91,91,91,1) 0%,rgba(145,145,145,1) 25%,rgba(91,91,91,1) 55%,rgba(91,91,91,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#5b5b5b',GradientType=1 ); /* IE6-9 */
}

.customcard-body h4  { color: #000;  font-family: 'Montserrat', sans-serif; font-weight: 500; margin-bottom: 0px;}
.customcard-body p.smalltexttext-2 { color: #989898; font-family: 'roboto'; margin-bottom: 10px; font-weight: 400; font-size: 14px; }

.shareblock h3 {color: #000000;  font-family: 'FuturaPTBook'; margin-bottom: 14px; font-size: 20px; text-transform: uppercase;}
.shareblock p {color: #989898; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: 500;}
.img-gallery-block img { width: 100%; }
.img-gallery-body { color: #58C6C0; font-family: 'roboto'; font-size: 14px;}
.form-check-default a {font-size: 14px;}
.btn-close-img-modal { float: right;}
.custom-modal-block h2 {color: #000000;  font-family: 'FuturaPTBook'; text-transform: uppercase; margin-bottom: 25px; font-size: 32px; }
.custom-modal-block .modal-content { border-radius: 0px;}
.custom-modal-block .modal-body { padding: 35px;}
.custom-modal-block p {color: #989898; font-size: 14px; font-family: 'Montserrat', sans-serif;  margin-bottom: 25px; }
.customcarousel .carousel-control-prev,.customcarousel .carousel-control-next {
position: absolute;
top: 50%;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 45px;
padding: 0;
color: #fff;
text-align: center;
margin-top: -22px;
height: 45px;
background: none;
border: 0;
opacity: 0.5;
transition: opacity 0.15s ease;
}

.customcarousel2  .carousel-control-prev,.customcarousel2  .carousel-control-next {
position: absolute;
top: 50%;
bottom: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 45px;
padding: 0;
color: #fff;
text-align: center;
margin-top: -22px;
height: 45px;
background: none;
border: 0;
opacity: 0.5;
transition: opacity 0.15s ease;
}

.customcarousel2 .carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.customcarousel2 .carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.customcarousel2 .carousel-control-prev {    margin-left: -50px;}
.customcarousel2 .carousel-control-next {    margin-right: -50px;}

.customcarousel .carousel-control-prev {    margin-left: -33px;}
.customcarousel .carousel-control-next {    margin-right: -33px;}
.storebanner-content { position: absolute;
bottom: 110px;
left: 70px;
text-transform: uppercase;}
.storebanner-content h2 {color: #000000; font-family: 'FuturaPTBook';  font-size: 64px; letter-spacing: 5px; margin-bottom: 25px;}
.graybox-card-new { border-bottom: none; background-color: transparent;}
.newmodal-design .modal-content{border-radius: 0px; border: none; }
.newmodal-design .modal-content .modal-header { background-color: #58205C; border-radius: 0px; padding-left: 32px; padding-right: 32px; padding-top: 10px; padding-bottom: 10px;}
.newmodal-design .modal-content .modal-header h5 { color: #ffff ; font-family: 'FuturaPTBook'; text-transform: uppercase;  font-size: 40px; letter-spacing: 5px; }
.newmodal-design .modal-content .modal-header .btn-close {
box-sizing: content-box;
width: 1em;
height: 1em;
padding: 0.25em 0.25em;
color: #000;
background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
border: 0;
border-radius: 0.25rem;
opacity: 0.5;
}

.newmodal-design .modal-content .modal-body { padding-left: 32px; padding-right: 32px; padding-top: 30px; padding-bottom: 30px;}
.storyleft-modal-section h3 { color: #000; font-size: 22px; font-family: 'FuturaPTBook'; text-transform: uppercase;}
.storyleft-modal-section .before-img { margin-right: -50px;}
.storyleft-modal-section .modal-story-discriotion h4 {color: #000; font-size: 20px; font-family: 'FuturaPTBook'; text-transform: uppercase;}
.modal-story-discriotion { padding-top: 25px;}
.storyleft-modal-section .modal-story-discriotion P{color: #989898; font-size: 14px; line-height: 23px; font-family: 'Montserrat', sans-serif;  }

.storyright-modal-section h3{ color: #000; font-size: 32px; text-align: right; font-family: 'FuturaPTBook'; text-transform: uppercase;}
.storyleft-modal-section { padding-top: 80px; position: relative; z-index: 1;}
.storyright-modal-section .modal-story-discriotion { padding: 50px 50px 50px 76px; position: relative;}
.storyright-modal-section .modal-story-discriotion .quote-img { position: absolute;    top: 25px;
left: 0;}
.storyright-modal-section .modal-story-discriotion p {font-family: 'Montserrat', sans-serif; font-size: 20px; color: #000; font-style: italic;}
.storyright-modal-section .modal-story-discriotion .usernameblock { font-size: 14px; font-family: 'Montserrat', sans-serif; color: #989898;}
.graybgbanner-2.summus-story-banner { }
.summus-banner-content { margin-top: 25px; margin-bottom: 25px; padding-right: 90px;}
.summus-banner-content h2 { position: static; }
.summus-banner-content p{font-family: 'Montserrat', sans-serif; font-size: 18px; color: #fff;}
.purple-bg-summus-story { background: url(../images/purple-bg.png) no-repeat; background-size: cover;  padding-left: 60px;}
.purple-bg-summus-story h3 { font-family: 'FuturaPTBook'; font-weight: 400; text-transform: uppercase;  font-size: 48px; color: #fff;}
.purple-bg-summus-story p {font-family: 'Montserrat', sans-serif; font-size: 18px; color: #fff; line-height: 28px; }
.summus-img-5 img { margin-bottom: -15px;}

.yellow-bg-summus-story { background: url(../images/yellow-bg.png) no-repeat; background-size: cover;  padding-left: 40px; height: 100%; position: relative;}
.yellow-bg-summus-story .yellow-bg-summus-story-content{position: absolute; z-index: 6; width: 50%; top: 50%; transform: translateY(-50%);}
.yellow-bg-summus-story .yellow-bg-summus-story-content h3 {font-family: 'FuturaPTBook';
font-weight: 400;
text-transform: uppercase;
font-size: 48px;
color: #fff;}
.yellow-bg-summus-story .yellow-bg-summus-story-content p {font-family: 'Montserrat', sans-serif; font-size: 18px; color: #fff; line-height: 28px;}
.yellow-bg-summus-story-img img {    margin-top: -45px;
z-index: 5; width: 100%;
position: relative;
}
#add_new-staff, #edit_staff  {display: none;}

.yellow-bg-summus-story-img {     width: 495px;
float: right;}


.dashboard-my-auarterly h3{ font-size: 20px; color: #000000; font-family: 'FuturaPTBook'; text-transform: uppercase;}
.progress-bar-height { height: 10px; margin-top: 10px;}
.dashboard-progressbar h4{ color: #58C6C0; font-size: 40px; font-weight: 600;font-family: 'Montserrat', sans-serif; margin-bottom: 0px; line-height: normal; }
.dashboard-progressbar .quarterly-goal { color: #989898; font-family: 'Montserrat', sans-serif;  font-size: 14px;}
.dashboard-progressbar strong {font-family: 'Montserrat', sans-serif; font-size: 14px; color: #000;}
.dashboard-progressbar .normltext {font-family: 'Montserrat', sans-serif; font-size: 14px; color: #989898;}
.dashboard-progressbar .text-5{ color: #595959; font-family: 'Montserrat', sans-serif; font-size: 14px; font-family: 'Montserrat', sans-serif;}
.accountbold {color: #3688B9; font-size: 24px; font-weight: 600; line-height: normal; font-family: 'Montserrat', sans-serif;}
.accountnormal { color: #989898; font-size: 14px; font-family: 'Montserrat', sans-serif; }
.hrcustom{margin: 7px 0px;}
.dashboard-my-auarterly h4 {color: #3688B9; font-size: 24px; font-family: 'Montserrat', sans-serif; font-weight: 600; margin: 0px;}
.dashboard-my-auarterly .bluetext {color: #58C6C0; font-size: 14px; font-family: 'Montserrat', sans-serif;}
.dashboard-my-auarterly .redtext {color: #FF535D; font-size: 14px; font-family: 'Montserrat', sans-serif;}
.dashboard-my-auarterly .text-6 {color: #989898; font-size: 12px; font-family: 'Montserrat', sans-serif; line-height: normal; margin-bottom: 5px;}
.chartblock {font-size: 10px; font-family: 'Montserrat', sans-serif; color: #000;}
.dashboard-my-auarterly .text-5{ color: #595959; font-size: 14px; font-family: 'Montserrat', sans-serif;}
.header-custom {text-align: center;}
.header-custom h2 { margin: 0px; padding: 0px; font-family: 'FuturaPTBook'; text-transform: uppercase; letter-spacing: 1.5px; font-size: 32px; color: #000000;}
.header-custom h2 span {color: #58C6C0;}
.result-box { border-bottom: #000000 solid 1px; font-size: 12px; font-family: 'FuturaPTBook'; color: #000000;}
.provider-header-text { font-size: 12px; font-family: 'FuturaPTBook'; color: #000000;}
.provider-card h3{font-size: 20px; font-family: 'FuturaPTBook'; color: #000000; text-transform: uppercase; margin-top: 5px;}
.provider-card p {color: #000000; font-size: 16px; font-family: 'FuturaPTBook'; margin-bottom: 7px;}
.provider-card a.btn-dark {font-size: 14px; font-weight: 500;}
.height-450px { max-height: 550px; overflow: auto;}
.map-450px { max-height: 550px; object-fit: cover;}
.form-check-custom input{border: #000000 solid 1px; border-radius: 0px;}
.form-check-custom .form-check-label {color: #000000; font-size: 16px; font-family: 'FuturaPTBook';}
.result-pt-45 { padding-top: 45px;}
.providertext {color: #000000; font-size: 16px; font-family: 'FuturaPTBook'; text-transform: uppercase;}
.text_red{color:#F00;}

/* Medical version CE Page */
.white-section-block{padding: 70px 50px; text-align: center;}
.white-section-block h3 { color: #000; font-size: 36px; font-family: 'FuturaPTBook'; text-transform: uppercase; letter-spacing: 4px;}
.dinner-event-section {text-align: left;padding-left: 30px; padding-right: 30px; padding-top: 5px; height: 100%; padding-bottom: 5px;}
.white-section-block .col-md-4:last-child .dinner-event-section{border-right: 0px;}
.dinner-event-section-right { border-right: #989898 solid 1px; }
.dinner-event-section h4 {font-size: 23px;  font-family: 'FuturaBold';margin-bottom: 10px; }
.dinner-event-section p {font-size: 23px; font-weight: 400; font-family: 'FuturaPTBook'; margin-bottom: 0px; line-height: 28px; }
.purlplebg{background-color: #58205C;}
.event-shedule-text { padding-left: 130px; padding-top: 20px; padding-bottom: 20px;}
.event-shedule-text h3 { color: #FFFFFF; font-weight: 400; font-family: 'FuturaPTBook';  font-size: 36px; margin-bottom: 25px;}
.event-shedule-text {color: #FFFFFF; font-weight: 400; font-family: 'Roboto', sans-serif;
font-size: 18px;}
.blackbg-section { background-color: #000; padding-top: 70px; padding-bottom: 70px; padding-left: 15px; padding-right: 15px;  }
.blackbg-section p {color: #FFFFFF; font-weight: 400; font-family: 'FuturaPTBook';  font-size: 36px; line-height: 42px;}
.marketing-banner2 .banner-content h2 { font-size: 60px;}
.marketing-banner2 .banner-content p { font-size: 28px;}
.marketing-banner2.marketing-banner3 .banner-content h2 { font-size: 36px;}
.marketing-banner2.marketing-banner3 .banner-content p { line-height: 29px; font-size: 18px; font-family: 'Roboto', sans-serif;}
.marketing-banner2.marketing-banner3 .medicalversion-img {
width: 690px;
}
.yellowbg { background-color: #F9BC00;}
.black-section { background-color: #000000; padding: 50px;}
.text-black-section  {text-align: center;}
.text-black-section h3 {font-size: 32px; margin-bottom: 30px; color: #FFFFFF;  font-family: 'FuturaPTBook'; text-transform: uppercase; letter-spacing: 4px; }
.text-black-section .hostedblock {display: block;}
.text-black-section .hostedblock .smalltext {color: #989898; margin-bottom: 10px; text-transform: uppercase;  font-size: 12px; font-family: 'Roboto', sans-serif; font-weight: bold;}
.text-black-section .hostedblock .hostnametext {color: #FFFFFF; margin-bottom: 30px; text-transform: uppercase; line-height: normal;  font-family: 'FuturaPTBook'; font-size: 20px;}
.text-black-section .hostedblock .phonetext  { font-size: 16px; color: #fff; font-family: 'Roboto', sans-serif; }
.customfooterbg { text-align: center; background-color: #fff; padding: 45px 35px;}
.customfooterbg a img { width: 350px;}
.lightbluebg{background-color: #58C6C0; position: relative; padding-bottom: 350px;}
.lightbluebg-2-img { position: absolute; bottom: 0px;}
.black-section-padding-100 { padding-top: 100px; padding-bottom: 100px;}
.custom-new-section { padding-left: 100px; padding-top: 70px; padding-right: 100px;}
.custom-new-section  h3 {font-family: 'FuturaPTBook'; margin: 0px 0px 15px; font-size: 32px; letter-spacing: 4px; text-transform: uppercase; color: #fff; }
.custom-new-section  p {font-family: 'FuturaPTBook'; margin: 0px 0px 15px; font-size: 16px; color: #fff; }
.custom-new-section .iconimg {margin-bottom: 20px;}
.marketing-banner-purplebg {background: url(../images/purplebg.png) no-repeat; background-size: cover;}
.marketing-banner-purplebg { padding: 0px 85px;}
.marketing-banner-purplebg .banner-content { max-width: 725px;}
.bluebg { background-color: #3688B9;}
.marketing-banner-purplebg .bulldog_with_doggles {
width: 385px;
}
.marketing-banner-purplebg .doctor-img {width: 535px;}
.scrollbar::-webkit-scrollbar-track
{

border-radius: 10px;
background-color: #DDDDDD;
}

.scrollbar::-webkit-scrollbar{
  width: 8px;
  background-color: #F5F5F5;
}

.scrollbar::-webkit-scrollbar-thumb{
  border-radius: 10px;
  background-color: #7A7A7A;
}

#registrationModal .modal-header{
display:block;
background: #000;
color: #fff;
font-family: 'FuturaPTBook';
text-transform: uppercase;
letter-spacing: 4px;
padding:30px 50px;
text-align:center;
}
#registrationModal .modal-header .btn-close{
position:absolute;
top:10px;
right:10px;
}
#registrationModal .modal-header .date{
margin-top:20px;
color:#58c6c0;
}
#EventRegistrationForm h2{
font-family: 'FuturaPTBook';
text-transform: uppercase;
}
.register-complete h4{
font-family: 'FuturaPTBook';
text-transform: uppercase;
}
.register-complete .complete-circle{
background-color: #58c6c0;
width: 100px;
border-radius: 50px;
margin: auto;
height: 100px;
margin:auto;
}
.checkmark {
display: inline-block;
width: 22px;
height: 50px;
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
transform: rotate(45deg);
margin-top: 27px;
}
.checkmark_stem {
position: absolute;
width: 8px;
height: 33px;
background-color: #fff;
left: 12px;
top: 5px;
}
.checkmark_kick {
  position: absolute;
  width: 20px;
  height: 8px;
  background-color: #fff;
  left: 0px;
  top: 31px;
}

#buttons .btn-group .btn-secondary{
background-color:#3688b9;
border-color:#3688b9;
}

.r-video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; 
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

@keyframes fadein {
from {
    opacity:0;
}
to {
    opacity:1;
}
}
@-moz-keyframes fadein { /* Firefox */
from {
    opacity:0;
}
to {
    opacity:1;
}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
from {
    opacity:0;
}
to {
    opacity:1;
}
}
@-o-keyframes fadein { /* Opera */
from {
    opacity:0;
}
to {
    opacity: 1;
}
}

@media (max-width: 2000px) {.summus-brochure-content{margin-top: 16rem;}}
@media (max-width: 1900px) {.summus-brochure-content{margin-top: 13rem;margin-right: 2.5rem;}}
@media (max-width: 1800px) {
  .summus-brochure-content{
    margin-top: 9rem;
  }
  .dentist-store-banner img{
    width: 56%;
  }
  .aesthetic-extra-padd{padding-top:25rem;}
}
@media (max-width: 1600px) {
  .summus-brochure-content{width: 45%;margin-right: 2.5rem;margin-top: 7rem;}
  .summus-brochure-content.medical-b{width: 50%;margin-right: 0.5rem;}
  .aesthetic-extra-padd{padding-top:20em;}
}
@media (max-width: 1500px) {
  .summus-brochure-content{margin-top: 5rem;}
  .aesthetic-extra-padd{padding-top:17rem;}
}
@media (max-width: 1400px) {
  .summus-brochure-content.medical-b{margin-top: 0rem;}
  .aesthetic-extra-padd{padding-top:16rem;}
}
@media (max-width: 1300px) {
  .summus-brochure-content {width: 55%;margin-right: 0.5rem;margin-top: 3rem;}
  .aesthetic-extra-padd{padding-top:15rem;}
}
@media (max-width: 1200px) {
  .aesthetic-extra-padd{padding-top:3rem;}
  .aesthetic-bro{margin-left: 20px; width: 48%;}
}
@media (max-width: 1024px) {
  .summus-brochure-content {margin-top: 0rem;}
  .vet-store-text{padding-left:2rem;padding-top:2rem;}
  .aesthetic-extra-padd{padding-top:1rem;}
}
@media (max-width: 850px) {
  .summus-brochure-content {width: 64%;margin-right: 0rem;}
  .aesthetic-bro{margin-left: -15px;width: 60%;}
}
@media (max-width: 768px) {
  .summus-brochure-content {margin-top: 23rem;margin-bottom: 5rem;width: 55%;}
  .vet-store-text{padding-left:2rem;padding-top:10rem;}
  .summus-brochure-content.medical-b{margin-top: 11rem;}
  .cb-mobile{padding-top:6rem;}
  .aesthetic-bro{margin-left: -15px;width: 45%;}
}
@media (max-width: 650px) {
  .summus-brochure-content {margin-top: 18rem;}
  .vet-store-text{padding-left:2rem;padding-top:7rem;}
}
@media (max-width: 600px) {
  .summus-brochure-content {margin-top: 13rem;}
}
@media (max-width: 574px) {
  .aesthetic-bro{ margin-left: -150px; width: 80%;}
}

@media (max-width:500px) {
  .certified-banner{padding-top:1rem;}
  .summus-brochure-content {margin-top:3rem; width:45%;}
  .summus-brochure-content.medical-b{margin-top:2rem; margin-bottom:1rem; padding-left:50px;}
  .vet-store-text{padding-left:2rem;padding-top:0rem;}
}  

@media (max-width:400px) {
  .aesthetic-bro{ margin-left: -170px; width: 100%;}
}

@media (max-width: 1399.5px) {
.marketing-banner-purplebg .doctor-img {
  width: 405px;
}
.marketing-banner2 .banner-content h2 {
  font-size: 40px;
}
.marketing-banner2 .banner-content p {
font-size: 20px;
}
.lightbluebg { padding-bottom: 260px;}
.custom-new-section {
padding-left: 70px;
padding-top: 50px;
padding-right: 70px;
}
.custom-new-section h3 { font-size: 28px;}
.dinner-event-section h4, .dinner-event-section p { font-size: 18px;}
.dinner-event-section p { line-height: 21px;}
.dinner-event-section { padding-left: 20px; padding-right: 20px;}
.white-section-block h3 ,.event-shedule-text h3{ font-size: 30px;}
.event-shedule-text { font-size: 14px;}
.event-shedule-text h3 { margin-bottom: 15px;}
.event-shedule-text {
padding-left: 80px;
padding-top: 20px;
padding-bottom: 20px;
}
.blackbg-section p { font-size: 30px; line-height: 32px;}
.marketing-banner2.marketing-banner3 .medicalversion-img {
width: 460px;
}
.marketing-banner2.marketing-banner3 .banner-content h2 {
font-size: 26px;
}
.marketing-banner2.marketing-banner3 .banner-content p {
line-height: 22px;
font-size: 14px;
}
.text-black-section h3 { font-size: 22px;}
.text-black-section .hostedblock .hostnametext { font-size: 16px;}
.text-black-section .hostedblock .phonetext {
font-size: 14px;
}
.marketing-banner .medicalversion-img {
width: 520px;
}

  .darkbg-card h2 {
      font-size: 18px;
  }
  .created_events_img {    width: 267px;}
  .summus-stories-img {    width: 148% !important;}
  .steps-block h2 { font-size: 28px;}
  .steps-block .steptext {font-size: 15px;}
  .steps-block .step-bold{font-size: 65px;}
  ul.top-nav li { list-style: none; margin: 0px 8px;}
  ul.top-nav li a, .user-text{font-size: 12px;}
  .logo { width: 176px;}
  .training-status-block h2 { font-size: 26px;}

    .progress-bar {
        padding-left: 0;
    }
  a { font-size: 14px;}
  .progress { height: 24px; font-size: 17px;}
  .marketing-banner .marketing-banner-img {
      width: 385px;
  }
  .banner-content h2 { font-size: 38px;}
  .banner-content p{font-size: 16px;}
  .btn-dark { font-size: 14px;}
  .traing-baner-img img {
      width: 78%;
  }
  .certified-img {
      position: absolute;
      right: 0px;
      margin-left: 0;
  }
  .certified-banner img {
      width: 91%;
      margin-right: 0;
      float: right;
  }
  .traing-baner-img-2 img {width: 110%;}
  .marketing-bannernew .marketing-banner-img {
    width: 315px;
}
.training-banner-new {
  height: calc(100% - 212px);
}
.training-banner-new .traing-baner-img img {
width: 64%;     margin-right: -10px;
}
.summus-stories-img-new {
width: 178% !important;
}
.yellow-bg-summus-story-img {
width: 405px;
float: right;
position: absolute;
bottom: 0;
right: 0;
}
.yellow-bg-summus-story .yellow-bg-summus-story-content {width: 275px;}
.purple-bg-summus-story { position: relative;}
.summus-img-5 {
position: absolute;
width: 345px;
transform: translateY(-50%);
top: 50%;
}
.progress-bar-height {
height: 10px;
margin-top: 10px;
}
}

@media (max-width: 1199.5px) {
.marketing-banner .medicalversion-img {
  width: 409px;
}
.marketing-banner-purplebg .bulldog_with_doggles {
width: 315px;
}
.lightbluebg {
padding-bottom: 199px;
}
.marketing-banner2 .banner-content h2 {
font-size: 30px;
}
.marketing-banner2 .banner-content p {
font-size: 16px;
}
.dinner-event-section h4, .dinner-event-section p {
font-size: 14px;
}
.dinner-event-section p {
line-height: 16px;
}
.white-section-block h3, .event-shedule-text h3 {
font-size: 26px;
}
.event-shedule-text {
font-size: 12px;
}
.blackbg-section p {
font-size: 22px;
line-height: 28px;
}
.marketing-banner2.marketing-banner3 .banner-content h2 {
font-size: 24px;
}
.text-black-section h3 {
font-size: 20px;
}
.customfooterbg a img {
width: 220px;
}
.customfooterbg {

padding: 30px 35px;
}
.black-header a img {
width: 196px;
}
.marketing-banner2.marketing-banner3 .medicalversion-img {
width: 380px;
}
.img12 {     height: 295px; object-fit: cover;}
  .blue-banner h2 { font-size: 32px;}
  .bannersmalltext { font-size: 24px; bottom: 80px;}
  .darkbg-card {padding: 28px 15px 35px;}
  ul.top-nav li a,.user-text {
      font-size: 11px;
  }
  ul.top-nav li {

      margin: 0px 5px;
  }
  .training-status-block h2 {
      font-size: 20px;
  }
  .marketing-banner {
      padding: 0px 25px;
  }
  .marketing-banner .marketing-banner-img {
      width: 337px;
  }
  .traing-baner-img img {
      width: 64%;
  }
  .graybox-bg{ padding-top: 25px;}
  .store-bg { padding-right: 25px;}

  .certified-banner {
      padding-left: 25px;
  }
  .training-banner { padding-left: 25px;}
  .graybox-bg {
      padding-left: 25px;
      padding-right: 25px;
  }
  .banner-content h2 {
      font-size: 32px;
  }
  .banner-content p {
      font-size: 14px;
  }
  .btn-dark {
      font-size: 12px;
  }
  ul.training-section-list {

      padding: 0px 0px 0px 0px;
  }
  .traing-baner-img-2 img {
    width: 110%;
}
.dog-img {
  width: 100%;
  margin-left: 25px;
}
.cat-img-5 {object-fit: cover;}
.dog-img2 {
width: 96%;
margin-left: 25px;
}
.created_events_img {
width: 194px;     margin-left: -25px;
}
.marketing-bannernew .marketing-banner-img {
width: 300px;
}
.training-banner-new {
height: calc(100% - 192px);
}
.blue-banner-2.graybgbanner-2 img{ width: auto;}
.storebanner-content h2 { font-size: 40px;}
.summus-img-5 {width: 289px;}
.purple-bg-summus-story h3, .yellow-bg-summus-story .yellow-bg-summus-story-content h3 { font-size: 32px;}
.purple-bg-summus-story p, .yellow-bg-summus-story .yellow-bg-summus-story-content p { font-size: 16px;}
.yellow-bg-summus-story .yellow-bg-summus-story-content {
width: 225px;
}
.blue-banner-2.graybgbanner-2.summus-story-banner img.dog-img {width: 515px !important; margin-left: 0px !important;}
.summus-banner-content { padding-right: 60px;}
.summus-banner-content p { margin-bottom: 0px;}
.yellow-bg-summus-story-img {
width: 345px;
}

}

@media (max-width: 991.5px) {
.marketing-banner-purplebg .doctor-img {
  width: 345px;
  position: absolute; right: 0px;
}
.lightbluebg-2-img { position: static;}
.lightbluebg {
  padding-bottom: 0px;
}
.marketing-banner-purplebg .banner-content {
max-width: 100%;
}
.marketing-banner-purplebg .bulldog_with_doggles {
width: 266px; position: absolute;
}
.custom-new-section p {margin-bottom: 25px;}

.marketing-banner2 { overflow: hidden; position: relative;}
.marketing-banner .medicalversion-img { position: absolute; margin-right: -65px; right: 0px; width: 449px;}
.marketing-banner2 { padding-right: 315px;}
.dinner-event-section {
  padding-left: 0px;
  padding-right: 0px;
}
.white-section-block {
padding: 70px 10px;
text-align: center;
}
.customfooterlogo img {
  width: 210px;
}

.custom-event-team-banner::after { right: 0px;}
.img-height-250 {
  height: 350px;
}
.team-event-banner-content {
position: absolute;
bottom: 40px;
padding-left: 30px;
}
.custom-event-team-banner::after { height: 350px;     right: -120px;}
.custom-event-team-banner { height: 350px;     }
.certified-banner {
  padding-left: 25px;
  padding-right: 25px;
}
.traing-baner-img img { margin-right: 0px;}
.summus-stories-img {
  width: 149% !important;
  margin-left: -23px;
}
  .img-login {width: 323px;}
  .login-containt {padding-right: 50px;}
  header { padding: 15px 0px; position: relative;}
  ul.top-nav.custom-nav {height: 0px; display: block; overflow: hidden; position: absolute; left: 0px; right: 0px;     margin-top: 55px; width: 100%;  z-index: 2;   padding: 0px 25px;}
  ul.top-nav.custom-nav{width: 100%; transition: 0.5s;}
  ul.top-nav.custom-nav.custom-nav-show { display: block; height: auto; position: absolute; left: 0px; right: 0px; background-color: #182322; z-index: 2;   padding: 25px 25px;
      margin-top: 55px;}
  ul.top-nav li a{ color: #fff;}
  ul.top-nav li a, .user-text {
      font-size: 12px;
  }
  ul.top-nav li {
      margin: 6px 5px;
  }
.btn1 {
  width: 34px;
  height: 40px;
  margin-left: auto;
  position: relative;
  transition-duration: 0.5s;
}
.btn1 .icon-left {
  transition-duration: 0.5s;
  position: absolute;
  height: 5px;
  width: 20px;
  top: 20px;
  background-color: #212121;
  left: 0px;
}
.btn1 .icon-left:before {
  transition-duration: 0.5s;
  position: absolute;
  width: 20px;
  height: 5px;
  background-color: #212121;
  content: "";
  top: -10px;
}
.btn1 .icon-left:after {
  transition-duration: 0.5s;
  position: absolute;
  width: 20px;
  height: 5px;
  background-color: #212121;
  content: "";
  top: 10px;
}
.btn1 .icon-left:hover {
  cursor: pointer;
}
.btn1 .icon-right {
  transition-duration: 0.5s;
  position: absolute;
  height: 5px;
  width: 20px;
  top: 20px;
  background-color: #212121;
  left: 15px;
}
.btn1 .icon-right:before {
  transition-duration: 0.5s;
  position: absolute;
  width: 20px;
  height: 5px;
  background-color: #212121;
  content: "";
  top: -10px;
}
.btn1 .icon-right:after {
  transition-duration: 0.5s;
  position: absolute;
  width: 20px;
  height: 5px;
  background-color: #212121;
  content: "";
  top: 10px;
}
.btn1.open .icon-left {
  transition-duration: 0.5s;
  background: transparent;
}
.btn1.open .icon-left:before {
  transform: rotateZ(45deg) scaleX(1) translate(2px, 2px);
}
.btn1.open .icon-left:after {
  transform: rotateZ(-45deg) scaleX(1) translate(2px, -2px);
}
.btn1.open .icon-right {
  transition-duration: 0.5s;
  background: transparent;
}
.btn1.open .icon-right:before {
  transform: rotateZ(-45deg) scaleX(1) translate(-2px, 2px);
}
.btn1.open .icon-right:after {
  transform: rotateZ(45deg) scaleX(1) translate(-2px, -2px);
}
.btn1:hover {
  cursor: pointer;
}
.marketing-banner .marketing-banner-img {
  width: 217px;    margin-top: 0;
}
.banner-content h2 {
  font-size: 26px;
}
.traing-baner-img img {
  width: 55%;
}
.traing-baner-img-2 img {
width: 110%;
}
.hourse-img {
height: 225px;
object-fit: fill;
}
.bluebox-bg-2 .summus-stories-img,
.yellowbox-bg-2 .summus-stories-img {
width: 141% !important;
}
.created_events_img {
width: 131px;
}
.banner-content-createvent h2 {
font-size: 20px;
}
.getstarted { font-size: 10px; padding-left: 10px; padding-right: 10px;}
.training-banner-new {
height: calc(100% - 131px);
}
.training-banner-new .banner-content p {
max-width: 158px;
}
.training-banner-new .traing-baner-img img {
width: 64%;
margin-right: -5px;
}
.img15 {    height: 205px;}
.summus-stories-img-new {width: 259% !important;}
.storebanner-content {
position: absolute;
bottom: 40px;
left: 30px;
text-transform: uppercase;
}
.custom-nav{
display: flex;
white-space: nowrap;
overflow: auto;
flex-wrap: nowrap;
}
.blue-banner-2.graybgbanner-2.summus-story-banner img.dog-img {width: 100% !important;}
.summus-banner-content {
padding-right: 30px; padding-left: 30px;
}
.yellow-bg-summus-story {height: 345px;}
.yellow-bg-summus-story .yellow-bg-summus-story-content {
width: 435px;
}
.summus-img-5 {
width: 359px
}
.summus-banner-content { padding-top: 40px; padding-bottom: 40px;}
}

@media (max-width: 1400px) {
.form-check{padding-left:0px;font-size:12px;}
}
@media (max-width: 1200px) {
.form-check{font-size:9px;}
}
@media (max-width: 991px) {
.form-check{padding-left:1.5em;font-size:14px;}
}


@media (max-width: 767.5px) {
.marketing-banner-purplebg .doctor-img {
  width: 345px;
  position: static; right: 0px;
} .lightbluebg { padding-top: 20px;}
.marketing-banner-purplebg .bulldog_with_doggles { position: static; margin: auto;}
.marketing-banner .medicalversion-img { position: static;}
.marketing-banner2 {
  padding-right: 25px;
}
.custom-new-section {
padding-left: 50px;
padding-top: 50px;
padding-right: 50px;
}
.dinner-event-section-right { border-right: 0px;}
.dinner-event-section {text-align: center;}
.custom-event-footer-block {
  background-position: 85px 0px;
}
.white-section-block .dinner-event-section a{ margin: auto;}
.transparent-card-footer { padding: 25px 0px;}
.summus-stories-img {
  width: 127% !important;
  margin-left: -23px;
}
.event-shedule-text {
padding-left: 50px;
padding-top: 50px;
padding-bottom: 50px;
}
.blackbg-section p {
font-size: 16px;
line-height: 18px;
}
.custom-event-team-banner::after {
height: 350px;
right: 130px;
width: 170%;
right: 0;
left: 0;
}
.eyeimg  {    top: 0; left: -24px;}
.store-sidebar ul {display: flex; flex-wrap: wrap; margin-bottom: 25px;}
.store-sidebar ul li { padding: 0px 5px;}
  .nav-tabs.custom-nav .nav-link {font-size: 12px;}
  .nav-tabs.custom-nav li { padding-left: 5px; padding-right: 5px;}
  .text-3 {font-size: 16px;}
  .blue-banner h2 {
      bottom: 10px; font-size: 20px;
  }
  .bannersmalltext {
      font-size: 12px;
      bottom: 46px;
  }
  .training-status-block h2 {
      font-size: 20px;
  }
  .logo-width {width: 100%;}
  .img-login { margin-left: 0px; width: 100%;}
  .dog-img {width: 315px;}

  .support-banner h2 { font-size: 41px;}
  .my-account-banner h2 { font-size: 41px;}
  .traing-baner-img img {
      width: 42%;
  }
  .certified-banner .banner-content  { width: 60%;}
  .store-bg {
      padding-right: 25px;
      padding-left: 25px;
  }
  .login-containt { padding-left: 15px; padding-right: 15px;}
  .hourse-img {
    height: 225px;
    object-fit: contain;
}
.training-banner-new .traing-baner-img img {
  width: 47%;
  margin-right: -5px;
}
.training-banner-new .banner-content p {
max-width: initial;
}
.training-banner-new .traing-baner-img img {
width: 43%;
margin-right: -5px;
}
.created_events_img {
width: 100%;
}
.banner-content-createvent h2 {
font-size: 26px;
}
.getstarted {
font-size: 12px;
}
.created_events_img {
width: 100%;
margin-top: -30px;
}
.training-banner-new {
height: auto;
}
.marketing-bannernew.marketing-banner .marketing-banner-img {    width: 247px;}

.certified-banner .certified-img-new img {
width: 61%;

}
.certified-banner .banner-content {
width: 80%;
}
.summus-stories-img-new {
width: 175% !important;
margin-left: -23px;
}
.blue-banner-2.graybgbanner-2 img {
width: 215px;
}
.storebanner-content h2 {
font-size: 21px;
}
.customcarousel .carousel-control-next { margin-right: 0;}
.customcarousel .carousel-control-prev { margin-left: 0;}
.summus-banner-content {
padding-top: 20px;
padding-bottom: 20px;
}
.purple-bg-summus-story {    padding-left: 20px;}
.summus-img-5 {
width: 289px;
}
.purple-bg-summus-story { overflow: hidden;}
.summus-img-5 img { margin-left: -15px;}
.yellow-bg-summus-story .yellow-bg-summus-story-content {
width: 355px;
}
.blue-banner-2.graybgbanner-2.summus-story-banner .summus-banner-content h2 {    font-size: 24px;}
.summus-banner-content p { font-size: 14px;}
}

@media (max-width: 575.5px) {
  .marketing-banner-purplebg .bulldog_with_doggles {width: 186px;}
  .custom-new-section {
    padding-left: 30px;
    padding-top: 20px;
    padding-right: 20px;
  }
  .custom-new-section h3 {
    font-size: 22px;
  }
  .event-shedule-text { padding-left: 20px;}
    .custom-modal-block .modal-body {
      padding: 15px;
  }
  .marketing-banner-purplebg .doctor-img { width: 267px;}
  .custom-modal-block h2 { font-size: 26px; margin-top: 25px;}
  .certified-banner .banner-content  { width: 100%;}
  .team-event-banner-content h2 {font-size: 46px;}
  .team-event-banner-content .upcoming-eventtext { font-size: 18px;}
    .custom-nav{
        display: flex;
    white-space: nowrap;
    overflow: auto;
    flex-wrap: nowrap;
    }
    .custom-nav { height: 25px;}
    .text-editor select, .text-editor input, .text-editor button { font-size: 10px;}
    .nav-tabs.custom-nav .nav-link.active::after { bottom: 0px;}
.mobile-m-auto{margin-left: auto;}
.steps-block .step-bold {
    font-size: 38px; line-height: 39px;
}
.steps-block .steptext {
    font-size: 10px;
}
.dog-img {
    width: 235px;
}
.blue-banner h2{bottom: 13px; margin-bottom: 0px;     font-size: 14px;
    letter-spacing: 2px;}
    .bannersmalltext {
        font-size: 10px;
        bottom: 38px;
        letter-spacing: 2px;
    }
.steps-block h2 {
    font-size: 20px;
}
.support-banner h2{bottom: 13px; margin-bottom: 0px; font-size: 34px;}
.my-account-banner h2{bottom: 13px; margin-bottom: 0px; font-size: 34px;}

ul.top-nav.custom-nav.custom-nav-show { margin-top: 50px;}
.training-status-block {
    padding: 25px 15px;
}
.progress-bar {
    padding-left: 50px;
}
.marketing-banner {
    padding: 0px 15px; overflow: hidden;
}
.marketing-banner .marketing-banner-img {
    width: 227px;
    margin-top: 0;
    margin-left: -65px;
}
.traing-baner-img img {

    margin-right: 2px;
}
.certified-banner img {
    width: 59%;
}
.graybox-bg {
    padding-left: 15px;
    padding-right: 15px;
}
.banner-content h2 {
    font-size: 22px;
}
.traing-baner-img-2 img {
  width: 43%;margin-right: -7px;
}
.bluebox-bg-2 .summus-stories-img,
.yellowbox-bg-2 .summus-stories-img {
  width: 141% !important;
}
.dog-img2 {
  width: 106%;
  margin-left: 0;
}
.img-height-250 {
  height: 251px;
}
.custom-event-team-banner {
  height: 251px;

}
.marketing-bannernew.marketing-banner .marketing-banner-img {    margin-left: 0px;}
.created_events_img { margin-left: -15px;}
.training-banner-new .traing-baner-img img {
  width: 165px;
  margin-right: -5px;
}
.created_events_img {
  width: 125%;
  margin-top: 0;

}
.summus-stories-img-new {
  width: 205% !important;
}
.storebanner-content { bottom: 15px;}
.storebanner-content h2 {
  font-size: 14px;     margin-bottom: 10px;
}
.storebanner-content .btn-dark {
  font-size: 10px;
}
.purple-bg-summus-story h3, .yellow-bg-summus-story .yellow-bg-summus-story-content h3 {
  font-size: 24px;
}
.purple-bg-summus-story p, .yellow-bg-summus-story .yellow-bg-summus-story-content p {
  font-size: 14px;
  line-height: 22px;
}
.summus-banner-content {
  padding-right: 15px;
  padding-left: 15px;
}
.summus-img-5 {
  width: 149px;
}
.summus-img-5 img {
  margin-left: -5px;
}
.yellow-bg-summus-story { padding-left: 15px; padding-right: 15px;}
.yellow-bg-summus-story .yellow-bg-summus-story-content {
  width: 60%;
}
.marketing-banner2 .banner-content h2 {
  font-size: 22px; letter-spacing: 2px;
}
.marketing-banner2 .banner-content p {
  font-size: 14px;
}
.marketing-banner .medicalversion-img {width: 100%; margin-right: 0px;}
.blackbg-section { padding-top: 50px; padding-bottom: 50px;}
.marketing-banner2.marketing-banner3 .banner-content h2 {
  font-size: 22px;
}
.black-section {
  background-color: #000000;
  padding: 50px 15px;
}

.form-check{padding-left:0px;font-size:12px;}
}


.custollisting ul {margin: 0px; padding: 0px;}
.custollisting ul li {position: relative; list-style: none; padding-left: 15px;}
.custollisting ul li::after{ position: absolute; left: 0px; top: 15px; width: 5px; height: 2px; background-color: #565A60; content: "";}