@font-face {
    font-family: "Brush King";
    src: url(../fonts/BrushKing.otf);
}

@font-face {
    font-family: "Avenir";
    src: url(https://fonts.cdnfonts.com/css/avenir-next-lt-pro);
}

:root {
    --coral: #fc8411;
    --lblu: #18bed3;
    --sky: #EEF3F8;
    --wht: #fff;
    --lpink: #FFFCE2;
    --avenir: "Avenir Next LT Pro", sans-serif;
    --brush: "Brush King";
}

body {
    font-family: var(--avenir);
}
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 25px;
}

  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  .slider-checkbox {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  .savebtn {
    font-size: 18px;
    border-radius: 110px;
}

.savebtn:hover {
    background: #000;
}
.heading-form {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding: 12px;
}
  .slider-checkbox:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  label.col-form-label.slidercheckbox {
    padding-bottom: 0px;
    padding-top: 0;
    position: relative;
    top: 1px;
}
  input:checked + .slider-checkbox {
    background-color: #fc8411;
  }

  input:focus + .slider-checkbox {
    box-shadow: 0 0 1px #fc8411;
  }

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

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

  .slider-checkbox.round:before {
    border-radius: 50%;
  }
.fbrush {
    font-family: var(--brush);
}
span.star {
    color: red;
}
.bgcoral {
    background-color: var(--coral);
}

.corg {
    color: var(--coral);
}

.csky {
    color: var(--sky);
}

.clblu {
    color: var(--lblu);
}

.cwht {
    color: var(--wht);
}

.lpink {
    color: var(--lpink);
}

.bgwht {
    background-color: var(--wht)
}

.bgorg {
    background-color: var(--coral)
}

.bgsky {
    background-color: var(--sky)
}

.bglblu {
    background-color: var(--lblu)
}

.bglpink {
    background-color: var(--lpink)
}

.offcanvas {
    width: 550px !important;
}

.users>.col {
    justify-content: center;
    display: flex;
}

.udetails {
    border-radius: 10px;
    padding: 10px 15px;
    display: grid;
    justify-content: center;
    text-align: center;
    background-color: var(--wht);
    border: 1px solid #eee;
    max-width: 275px;
    width: 275px;
}

.avatar {
    display: flex;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 1.5rem;
    line-height: 60px;
    align-items: center;
    justify-content: center;
    text-align: center;
    user-select: none;
    background-color: rgb(255, 193, 7);
    color: rgb(0, 0, 0);
    margin: 7px auto;
}

.avatar1 {
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 1.5rem;
    line-height: 60px;
    align-items: center;
    justify-content: center;
    text-align: center;
    user-select: none;
    background-color: rgb(255, 193, 7);
    color: rgb(0, 0, 0);
}

.firstimg {
    min-height: 298px;
}

.proimg {
    position: absolute;
    top: 125px;
    left: 50px;
    border: solid 1px lightblue;
}

.object-cover {
    object-fit: initial;
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 700;
}

.lineheight {
    line-height: 1rem;
}

.tox-statusbar__branding {
    display: none;
}

.cke_toolbar_separator,
.cke_button__source,
.cke_button__source+span,
.cke_button__source+span+a,
.cke_button__source+span+a+a,
.cke_button__source+span+a+a+a,
.cke_button__source+span+a+a+a+a,
.cke_button__source+span+a+a+a+a+span,
.cke_button__source+span+a+a+a+a+span+a,
.cke_button__cut,
.cke_button__cut+a,
.cke_button__cut+a+a,
.cke_button__cut+a+a+a,
.cke_button__cut+a+a+a+a,
.cke_button__cut+a+a+a+a+span,
.cke_button__cut+a+a+a+a+span+a,
.cke_button__cut+a+a+a+a+span+a+a,
.cke_button__find,
.cke_button__find+a,
.cke_button__find+a+span,
.cke_button__find+a+span+a,
.cke_button__language,
.cke_button__scayt,
.cke_button__form,
.cke_button__form+a,
.cke_button__form+a+a,
.cke_button__form+a+a+a,
.cke_button__form+a+a+a+a,
.cke_button__form+a+a+a+a+a,
.cke_button__form+a+a+a+a+a+a,
.cke_button__form+a+a+a+a+a+a+a,
.cke_button__form+a+a+a+a+a+a+a+a,
.cke_button__image,
.cke_button__image+a,
.cke_button__image+a+a,
.cke_button__image+a+a+a,
.cke_button__image+a+a+a+a,
.cke_button__image+a+a+a+a+a,
.cke_button__image+a+a+a+a+a+a,
.cke_button__image+a+a+a+a+a+a+a,
.cke_button__maximize,
.cke_button__maximize+a,
.cke_button__about {
    display: none !important;
}

.cke_toolgroup a.cke_button:last-child::after,
.cke_toolgroup a.cke_button.cke_button_disabled:hover:last-child::after {
    border-right: 0 solid #bcbcbc !important;
}

.icon_size {
    font-size: 24px !important;
}

footer .social a {
    border: 1px solid;
    border-radius: 50%;
    padding: 2px;
    width: 32px;
    height: 32px;
    color: #cfcfcf;
    margin: 0 5px;
}

footer .links a {
    color: #cfcfcf;
    text-decoration: none;
    margin: 0 5px;
    font-size: 0.75rem;
}

footer a:hover {
    color: var(--coral)
}

.error {
    color: #ff0000;
}

#password-strength {
    display: block;
    position: relative;
    font-size: 0px;
    top: 2px;
}

#PasswordForm .box {
    position: relative;
    width: 25%;
    height: 14px;
    display: inline-block;
    background-color: #e4e4e4;
    text-align: center;
}

#PasswordForm .box div.bar-text {
    position: absolute;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    font-size: 8px;
    z-index: 3;
    line-height: 15px;
}


#PasswordForm .box div.bar {
    position: absolute;
    width: 0%;
    height: 100%;
    z-index: 2;
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}

#PasswordForm .normal .box.box1 div.bar {
    background: #FF0000;
    width: 100%;
}

.box.box1,
#PasswordForm .box.box1 div.bar {
    border-radius: 5px 0px 0px 5px;
}

.box.box4,
#PasswordForm .box.box4 div.bar {
    border-radius: 0px 5px 5px 0px;
}

#PasswordForm .normal .box.box1 div.bar-text,
#PasswordForm .medium .box.box1 div.bar-text,
#PasswordForm .strong .box.box1 div.bar-text,
#PasswordForm .vstrong .box.box1 div.bar-text
{
color: #fff;
}

#PasswordForm .medium .box.box1 div.bar {
    background: #E66C2C;
    width: 100%;
}

#PasswordForm .medium .box.box2 div.bar {
    background: #E66C2C;
    width: 100%;
}

#PasswordForm .strong .box.box1 div.bar {
    background: #2D98F3;
    width: 100%;
}

#PasswordForm .strong .box.box2 div.bar {
    background: #2D98F3;
    width: 100%;
}

#PasswordForm .strong .box.box3 div.bar {
    background: #2D98F3;
    width: 100%;
}

#PasswordForm .vstrong .box.box1 div.bar {
    background: #006400;
    width: 100%;
}

#PasswordForm .vstrong .box.box2 div.bar {
    background: #006400;
    width: 100%;
}

#PasswordForm .vstrong .box.box3 div.bar {
    background: #006400;
    width: 100%;
}

#PasswordForm .vstrong .box.box4 div.bar {
    background: #006400;
    width: 100%;
}

.myDiv{
	display:none;
}

.main_menu li a {
    color: #000;
    text-decoration: none;
}

.main_menu .sub-menu {
    display: none;
}

.top-menu-link {
    padding-left: 0;
}

.main_menu .top-menu-link li {
    position: relative;
    border: 1px solid #E0E5EA;
    display: inline;
    padding: 10px;
}

#uploadverifiedForm .btn, #bulkUploadForm .btn {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.formgroup input {
    width: 100%;
    max-width: 200px;
}
.formgroup {
    display: flex;
    gap: 10px;
    justify-content: end;
}

#softdeleteavatar{
    width: 650px !important;
}

.softdelete{
    margin-left: 10px;
    margin-right: 10px;
}
.currentimage{
    float: right;
}

#outer
{
    width:100%;
    text-align: center;
}
.trashed
{
    display: inline-block;
}
.bannerimg {
    width: 100% !important;
    max-width: 400px;
}
.banner-section {
    background: #fffce2;
    padding: 20px 0px 20px 0;
}
.right-image {
    text-align: right;
}

.hide{
    display: none;
}
.expcvv {
    gap: 10px;
}
.name {
    margin-top: 8px;
}
input.buttons {
    margin: 0;
}

*{padding:0; margin:0; box-sizing: border-box; font-family:sans-serif;}


header{
	width: 100vw;
	min-height: 100vh;
	background: #34495e;
	font-size: 1.2rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.paymentcont {
    background: whitesmoke;
    max-width: 800px;
    min-height: 500px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px 20px 20px 20px;
    margin-top: 40px;
    margin-bottom: 40px;
    border-radius: 20px;
    box-shadow: -1px 4px 20px 0px #7c7c7c69;
}
.left{
	flex-basis: 50%;
}
.right{
	flex-basis: 50%;
}
.payment-form{
	padding: 1rem;
}

h3{
	margin-top: 1rem;
	color:#2c3e50;
	}

.payment-form input[type="text"]{
	width: 100%;
	padding: 0.5rem 0.7rem;
	margin: 0.5rem 0;
	outline: none;
}

#zip{
	display: flex;
	margin-top: 0.5rem;
}
#zip select{
	padding: 0.5rem 0.7rem;
}
#zip input[type="number"]{
	padding: 0.5rem 0.7rem;
	margin-left: 5px;
}
.payment-form input[type="submit"]{
	width: 100%;
	padding: 0.7rem 1.5rem;
	background: #34495e;
	color: white;
	border: none;
	outline: none;
	margin-top: 1rem;
	cursor: pointer;
}
.payment-form input[type="submit"]:hover{
	background: #2c3e50;
}
#slid .owl-item > div img {
    object-fit: none !important;
    height: auto !important;
}
@media only screen and (max-width: 770px){

	body{
		overflow-x: hidden;
	}
    .caps p {
        color: #fff;
        font-size: 16px;
        width: 100% !important;
    }
    #vide .col > div {
        height: 100%;
        position: relative;
        padding-bottom: 15px !important;
    }
    ul.navbar-nav.ms-auto.appicons {
        display: -webkit-inline-box !important;
    }
    #slid .owl-item > div img {
        object-fit: cover !important;
        height: 100% !important;
    }
    div#tabspill {
        display: block !important;
    }
    div#tabspill .tabspull {
        justify-content: space-around;
    }
    .taby > button.nav-link {
        min-width: 82px !important;
        background: #000;
        color: #fff;
        border: 2px solid transparent;
        padding: 14px 5px;
    }
    div#v-pills-tab {
        margin: 0px !important;
    }
    div#tabspill .tabspull {
        height: auto !important;
    }
    div#tabspill .tabspull {
        flex-direction: row !important;
    }

    .timeline li .timeline-panel {
        width: 100% !important;
        /* float: left; */
        background: #fff;
        border: 1px solid #d2e3f9;
        padding: 15px;
        position: relative;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 5px;
        -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    }

    .timeline li .tl-circ {
        position: relative !important;
        top: -10px !important;
        left: 48.4% !important;
        text-align: center;
        background: #2196F3;
        color: #fff;
        width: 25px;
        height: 25px;
        line-height: 25px;
        margin-left: -13px;
        border: 5px solid #d2e3f9;
        border-top-right-radius: 50%;
        border-top-left-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        z-index: 1;
    }

    .timeline li .timeline-panel::before {
        position: absolute;
        top: 26px;
        right: -15px;
        display: inline-block;
        border-top: 15px solid transparent !important;
        border-left: 15px solid transparent !important;
        border-right: 0 solid transparent !important;
        border-bottom: 15px solid transparent !important;
        content: " ";
    }
   .Subscribebtn {
        text-align: center;
    }
}
.payment-success p {
    font-weight: 600;
    font-size: 22px;
    color: green;
    margin-bottom: 0;
}
.payment-success a.close {
    position: absolute;
    font-size: 30px;
    text-decoration: none;
    right: 8px;
    bottom: 28px;
    color: #000;
}


@media (min-width: 768px) and (max-width: 1366px) {

    #slid .owl-item > div img {
        object-fit: cover !important;
        height: 100% !important;
    }
    div#tabspill {
        display: block !important;
    }
    div#tabspill .tabspull {
        justify-content: space-around;
    }
    .taby > button.nav-link {
        min-width: 170px !important;
        background: #000;
        color: #fff;
        border: 2px solid transparent;
        padding: 14px 5px;
    }
    div#v-pills-tab {
        margin: 0px !important;
    }
    div#tabspill .tabspull {
        height: auto !important;
    }
    div#tabspill .tabspull {
        flex-direction: row !important;
    }
 }