body{
	background-color:white;
}
.card {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0,0,0,.125);
border-radius: 0.25rem;
}
.f-36 {
font-size: 36px;
}
.f-16 {
font-size: 16px;
}
.br-14 {
border-radius: 14px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
}
section.campaign-detail {
padding-top: 10px;
position: relative;
padding-bottom: 30px;
}

section.campaign-detail .mobile-channel {
display: none;
}

section.campaign-detail .desktop-channel {
border: 1px solid #D0D0D0;
margin-top: 20px;
}

section.campaign-detail .desktop-channel .nav-pills {
border-right: 1px solid #D0D0D0;
padding: 10px;
height: 100%;
}

section.campaign-detail .desktop-channel .tab-content .tab-pane {
height: 490px;
overflow-y: scroll;
}

section.campaign-detail .desktop-channel .nav-pills a {
margin: 10px 0px;
}

section.campaign-detail .desktop-channel .nav-pills a:hover {
color: #672E85;
opacity: 0.7;
}

section.campaign-detail .desktop-channel .nav-pills a.active {
background-color: #672E85;
color: #FFF;
}

section.campaign-detail .owl-campaign-detail-area {
margin-top: 20px;
}

/*section.campaign-detail .owl-campaign-detail-area .owl-campaign-detail {
margin-bottom: 13px;
}*/

section.campaign-detail .owl-campaign-detail-area {
border: 1px solid #D0D0D0;
border-radius: 10px;
}

section.campaign-detail .owl-campaign-detail-area h4 {
margin-top: 20px;
margin-left: 20px;
}

section.campaign-detail .owl-campaign-detail-area .owl-nav .owl-prev,
section.campaign-detail .owl-campaign-detail-area .owl-nav .owl-next {
width: 20px;
height: 89px;
background-color: #FFF !important;
top: 1px !important;
border-radius: 10px;
}

section.campaign-detail .owl-campaign-detail-area .owl-nav .owl-prev {
left: 0px;
}

section.campaign-detail .owl-campaign-detail-area .owl-nav .owl-next {
right: 0px;
}

section.campaign-detail #accordion {
margin-top: 20px;
}

section.campaign-detail #accordion .card {
border: 0px;
padding: 0px;
background-color: #FFFFFF;
border: 1px solid #D0D0D0;
border-radius: 10px;
}

section.campaign-detail #accordion .card .card-header {
background-color: #FFF;
border-bottom: 0px;
border-radius: 10px;
padding: 20px;
}

section.campaign-detail #accordion .card .card-header .btn {
padding: 0px;
color: #672E85;
font-size: 22px;
font-family: 'gilroy-eb';
text-decoration: none;
}

section.campaign-detail #accordion .card .card-header .plus {
transition: transform 0.3s;
width: 24px;
height: 24px;
transform: rotate(180deg);
position: absolute;
right: 20px;
top: 0px;
bottom: 0px;
margin: auto;
}

section.campaign-detail #accordion .card .card-header .plus::before {
content: '';
display: block;
width: 24px;
height: 0px;
border-bottom: solid 4px #D60A29;
position: absolute;
bottom: 11px;
transform: rotate(90deg);
transition: width 0.3s;
}

section.campaign-detail #accordion .card .card-header .plus::after {
content: '';
display: block;
width: 24px;
height: 0px;
border-bottom: solid 4px #D60A29;
position: absolute;
bottom: 11px;
}

section.campaign-detail #accordion .card .card-header.active .plus::before {
content: '';
display: block;
width: 0px;
height: 0px;
border-bottom: solid 2px #D60A29;
position: absolute;
bottom: 11px;
transform: rotate(90deg);
}

section.campaign-detail #accordion .card .card-header.active .plus {
transform: rotate(0deg);
}

section.campaign-detail #accordion .card .card-header {
cursor: pointer;
position: relative;
}

section.campaign-detail #accordion .card .card-body {
padding: 15px 0px;
padding-left: 24px;
padding-top: 0px;
padding-right: 28px;
}

section.campaign-detail .form-area {
background: url("../images/base/form_bg%402x.png");
background-repeat: no-repeat;
background-size: cover;
}

section.campaign-detail .card .card-body ul li {
line-height: 21px;
margin-top: 20px;
position: relative;
/* font-weight: 900; */
}

section.campaign-detail .card .card-body .owl-carousel {
margin: 20px 0px;
}

section.campaign-detail .card .card-body .btn-modal {
border-radius: 25px;
background-color: #561283;
background: #561283 linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 100%);
box-shadow: inset 0 1px 1px 0 rgba(255,255,255,0.5), 0 16px 24px -12px rgba(0,0,0,0.3);
width: 200px;
padding: 16px 0px;
float: right;
position: relative;
/* left: 30px; */
text-align:center;
}

section.campaign-detail .card .card-body .btn-modal:hover {
color: #FFF;
}

section.campaign-detail .card .card-body ul {
padding-left: 30px;
}

section.campaign-detail .card .card-body ul li:first-child {
margin-top: 0px;
}

section.campaign-detail .card .card-body ul li:before {
/* content: ''; */
/* display: block; */
/* height: 5px; */
/* width: 5px; */
/* background: red; */
/* border-radius: 50%; */
/* position: absolute; */
/* top: 8px; */
/* left: -20px; */
}

section.campaign-detail .card {
padding: 10px;
position: relative;
border: 1px solid #D0D0D0;
padding-bottom: 30px;
}

section.campaign-detail .card .card-body {
padding: 0px;
}

section.campaign-detail .card .img-area {
margin-bottom: 20px;
}

section.campaign-detail .card .img-area .text-area {
position: absolute;
top: 30px;
left: 30px;
}

section.campaign-detail .card .img-area .text-area hr {
border-top: 1px solid rgba(255,255,255,0.3);
margin-top: 15px;
margin-bottom: 15px;
}

section.campaign-detail .card .img-area .text-area .title,
section.campaign-detail .card .img-area .text-area p {
letter-spacing: 0.3px;
}

section.campaign-detail .card .img-area .text-area p {
width: 278px;
}

section.campaign-detail .card .img-area .price-area {
position: absolute;
bottom: 11.5px;
left: 0px;
justify-content: space-between;
text-align: center;
text-align: left;
color: white;
margin-left: 10px;
}

section.campaign-detail .card .img-area .price-area .text {
width: 110%;
border-right: 1px solid rgba(255, 255, 255, 0.5);
line-height: 46px;
padding: 14px 15px;
}

section.campaign-detail .card .img-area .price-area .new-price {
width: 70%;
padding: 13px 0px 10px 20px;
}

section.campaign-detail .card .img-area .price-area .new-price em {
position: relative;
display: inline-block;
text-align: left;
margin: 0px;
padding: 0px;
width: 100%;
margin-top: 15px;
padding-left: 14px;
}

section.campaign-detail .card .img-area .price-area .new-price em sup {
top: -2.5em;
position: relative;
line-height: 0px;
left: 4px;
}

section.campaign-detail .card .img-area .price-area .new-price em sub {
bottom: 0em;
vertical-align: baseline;
position: relative;
left: -30px;
}


section.campaign-detail .card .logo-slider .owl-stage-outer {
border: 1px solid #D0D0D0;
border-radius: 10px;
min-height: 90px;
}

section.campaign-detail .card .logo-slider .owl-nav .owl-prev, section.campaign-detail .card .logo-slider .owl-nav .owl-next {
width: 40px;
height: 90px;
background-color: #FFF !important;
top: 1px !important;
border-radius: 10px;
}

section.campaign-detail .card .logo-slider .owl-nav .owl-prev {
left: 1px;
}

section.campaign-detail .card .logo-slider .owl-nav .owl-next {
right: 1px;
}


section.campaign-detail .card .banner-img {
}

section.campaign-detail .form {
position: -webkit-sticky;
position: sticky;
top: 10px;
}

section.campaign-detail .form-area .form-top {
padding: 30px 0px 24px 33px;
border-bottom: 1px solid rgba(255,255,255,0.2);
}

section.campaign-detail .form-area .form-top a:hover {
color: #FFFFFF;
}

section.campaign-detail .form-area .form-bottom {
padding: 30px 40px 30px 40px;
}

section.campaign-detail .form-area .form-bottom .form-group {
margin-bottom: 0px;
margin-top: 20px;
}

section.campaign-detail .form-area .form-bottom .form-group label.input-label {
margin-bottom: 12px;
letter-spacing: 0.4px;
}

section.campaign-detail .form-area .form-bottom .form-group label.error {
font-size: 13px;
color: #D60A29;
top: 5px;
position: relative;
font-family: 'gilroy-l';
font-weight: 900;
}

section.campaign-detail .form-area .form-bottom .form-group input {
height: 50px;
    padding: 5px 15px;
}

section.campaign-detail .form-area .form-bottom .btn-submit {
    background-color: #dd1936;
    background: #dd1936 linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 100%);
    box-shadow: inset 0 1px 1px 0 rgb(255 255 255 / 50%), 0 16px 24px -12px rgb(0 0 0 / 30%);
    width: 170px;
    padding: 16px 0px;
    margin-top: 30px;
    border-radius: 10px;
    text-align: center;
    margin-left: 29px;
}

section.campaign-detail .form-area .form-bottom .btn-submit:hover {
color: #FFFFFF;
}

section.campaign-detail .media-area .desc-card {
border: 1px solid #D0D0D0;
margin-bottom: 20px;
}

section.campaign-detail .media-area .desc-card img {
/* position: absolute; */
/* right: 0; */
/* left: 0; */
/* bottom: 0; */
/* top: 0; */
/* margin: auto; */
}

section.campaign-detail .media-area .desc-card .media-body {
/* border-left: 1px solid #D0D0D0; */
padding: 8px 0px;
}

section.campaign-detail .owl-stage-outer .owl-item {
padding: 10px;
}

section.campaign-detail .owl-stage-outer .owl-item img {
display: table;
margin: auto;
}

section.campaign-detail .campaignAll .owl-stage-outer .owl-item img {
position: relative;
}

section.campaign-detail .owl-carousel .owl-stage {
display: flex;
align-items: center;
min-height: 90px;
}

/* Starting All Campaign Detail Style
----------------------------------------- */

section.campaign-detail.campaign-all .card {
padding-bottom: 10px;
}

section.campaign-detail.campaign-all .media-area .desc-card {
position: relative;
margin-bottom: 0px;
margin-top: 20px;
}

section.campaign-detail.campaign-all .media-area .desc-card .ribbon {
position: absolute;
left: -5px;
top: -5px;
z-index: 1;
overflow: hidden;
width: 75px;
height: 75px;
text-align: right;
font-family: 'gilroy-eb';
}

section.campaign-detail.campaign-all .media-area .desc-card .ribbon span {
font-size: 10px;
font-weight: bold;
color: #FFF;
text-transform: uppercase;
text-align: center;
line-height: 25px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
width: 100px;
display: block;
background: #79A70A;
background: linear-gradient(#D60A29 0%, #D60A29 100%);
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
position: absolute;
top: 19px;
left: -21px;
}

section.campaign-detail.campaign-all .media-area .desc-card .ribbon span::before {
content: "";
position: absolute;
left: 0px;
top: 100%;
z-index: -1;
border-left: 3px solid #D60A29;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #D60A29;
}

section.campaign-detail.campaign-all .media-area .desc-card .ribbon span::after {
content: "";
position: absolute;
right: 0px;
top: 100%;
z-index: -1;
border-left: 3px solid transparent;
border-right: 3px solid #D60A29;
border-bottom: 3px solid transparent;
border-top: 3px solid #D60A29;
}

section.campaign-detail.campaign-all .img-area {
margin-bottom: 0px;
}

section.campaign-detail.campaign-all .media-area .desc-card .left-area .campaign-img {
background-size: cover;
width: 100%;
height: 180px;
background-repeat: no-repeat;
border-radius: 10px;
background-position: center center;
}

section.campaign-detail.campaign-all .media-area .desc-card .left-area {
padding: 10px 0px 10px 10px;
}

section.campaign-detail.campaign-all .media-area .desc-card .middle-area {
padding: 15px 10px 10px 10px;
}

section.campaign-detail.campaign-all .media-area .desc-card .middle-area .sub-title {
min-height: 27px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 16px;
}

section.campaign-detail.campaign-all .media-area .desc-card .middle-area .campaignAll .owl-stage-outer {
border: 1px solid #D0D0D0;
border-radius: 10px;
min-height: 80px;
margin-top: 24px;
}

section.campaign-detail.campaign-all .media-area .desc-card .middle-area .campaignAll .owl-stage-outer .owl-item {
padding: 10px;
}

section.campaign-detail.campaign-all .media-area .desc-card .middle-area .campaignAll .owl-nav .owl-next,
section.campaign-detail.campaign-all .media-area .desc-card .middle-area .campaignAll .owl-nav .owl-prev {
width: 20px;
height: 90px;
background-color: #FFF !important;
top: 1px !important;
border-radius: 10px;
}

section.campaign-detail.campaign-all .media-area .desc-card .middle-area .campaignAll .owl-nav .owl-next {
right: 1px;
}

section.campaign-detail.campaign-all .media-area .desc-card .middle-area .campaignAll .owl-nav .owl-prev {
left: 1px;
}

section.campaign-detail.campaign-all .media-area .desc-card .right-area {
padding: 10px 10px 10px 0px;
}

section.campaign-detail.campaign-all .media-area .desc-card .right-area .price-area {
border-radius: 0 12px 0 16px;
background: #672E85;
background: -webkit-linear-gradient(to right, #672E85, #1f1c18);
background: linear-gradient(to right, #672E85, #1f1c18);
}

section.campaign-detail.campaign-all .media-area .desc-card .right-area .price-area .top-text {
border-bottom: 1px solid rgba(255,255,255,0.5);
padding: 15px 0px;
}

section.campaign-detail.campaign-all .media-area .desc-card .right-area .price-area .bottom-text {
padding: 15px;
}

section.campaign-detail.campaign-all .media-area .desc-card .right-area .price-area .bottom-text .new-price em {
position: relative;
display: inline-block;
text-align: center;
margin: 0px;
padding: 0px;
width: 100%;
padding-left: 20px;
}

section.campaign-detail.campaign-all .media-area .desc-card .right-area .price-area .bottom-text .new-price em sup {
top: -2.5em;
position: relative;
line-height: 0px;
left: 2px;
}

section.campaign-detail.campaign-all .media-area .desc-card .right-area .price-area .bottom-text .new-price em sub {
bottom: 0em;
vertical-align: baseline;
position: relative;
left: -30px;
}

section.campaign-detail.campaign-all .media-area .desc-card .right-area .btn-area a {
background-color: #561283;
background: #561283 linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 100%);
width: 100%;
display: block;
text-align: center;
margin-top: 10px;
padding: 16.5px 0px;
}

section.campaign-detail.campaign-all .media-area .desc-card .right-area .btn-area a:hover {
color: #FFF;
}

.gilroy-eb{
line-height: inherit;
color: #672E85;
font-size: 18px;
}

.unreceipted-table {
width: 100%;
text-align: left;
overflow: hidden;
margin-top: 20px;
}

.unreceipted-table .d-table-head {
background: #672E85;
background: #672E85;
background: #672E85;
border-radius: 14px 14px 0 0;
}

.unreceipted-table .d-table-head .d-table-cell {
padding: 20px;
width: 23%;
}

.unreceipted-table .d-table-row .d-table-cell {
width: 23%;
}

.unreceipted-table .d-table-body .d-table-cell {
padding: 20px 20px 10px 20px;
}

.unreceipted-table .d-table-head .d-table-cell {
border: 0px;
}

.unreceipted-table .d-table-body .d-table-cell {
border: 1px solid #D0D0D0;
}

.unreceipted-table .d-table-body .d-table-cell .img-area img {
margin-right: 20px;
margin-bottom: 10px;
}

.unreceipted-table .d-table-body .d-table-cell:first-child {
vertical-align: middle;
}

.unreceipted-table .d-table-body .d-table-cell:last-child {
vertical-align: middle;
}

.unreceipted-table .d-table-body .d-table-cell:nth-child(1),
.unreceipted-table .d-table-body .d-table-cell:nth-child(2) {
border-right: 0px;
}

.unreceipted-table .d-table-body .d-table-row .d-table-cell:nth-child(1),
.unreceipted-table .d-table-body .d-table-row .d-table-cell:nth-child(2),
.unreceipted-table .d-table-body .d-table-row .d-table-cell:nth-child(3) {
border-bottom: 0px;
}

.unreceipted-table .d-table-body:last-child .d-table-row .d-table-cell:nth-child(1),
.unreceipted-table .d-table-body:last-child .d-table-row .d-table-cell:nth-child(2),
.unreceipted-table .d-table-body:last-child .d-table-row .d-table-cell:nth-child(3) {
border-bottom: 1px solid #d0d0d0;
}

.white-color{
color:white!important;
}

.slick-slide-before {
	background: url(../images/content_mask.png) no-repeat left center;
	/* content: ''; */
	height: 300px;
	margin-left: 150px;
	position: absolute;
	/* background-color: white; */
	margin-top: -300px;
	width: 490px;
	border-right: 1px solid #000000;
    border-radius: 13px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.campaign-carousel img{
	margin-top: -235px;
    z-index: 999;
    width: 300px;
    height: 182px;
    margin-left: 48px;
    position: absolute;
}

.asdg{
	position: absolute;
    width: 261px;
    margin-left: 360px;
    margin-top: -208px;
}
.asdg h4{
	    font-size: 12px;
    margin-top: 16px;
}

   section.campaign-detail .form-area {
        background: url("../images/form_bg2x.png");
        background-repeat: no-repeat;
        background-size: cover;
    }
	
	.campaign-card:hover {
    color: #000 !important;
}
.campaign-card {
    border: 1px solid #d0d0d0;
    padding: 13px;
    border-radius: 13px;
    background-color: #fff;
    width: 100% !important;
}
.campaign-card h3 {
    font-size: 21px;
    color: #000;
}
.campaign-card img {
    border-radius: 15px;
}
.asd {
    border-radius: 12px;
    font-weight: 600;
    text-align: center;
    display: block;
    width: 134px;
    text-decoration: none;
    line-height: 40px;
    color: #fff;
    background-color: var(--color-theme);
    font-size: 14px;
}


  .asdghj.price-area {
            border-radius: 0 12px 0 16px;
            background: #672E85;
            background: -webkit-linear-gradient(to right, #672E85, #1f1c18);
            background: linear-gradient(to right, #672E85, #1f1c18);
        }

            .asdghj.price-area .top-text {
                border-bottom: 1px solid rgba(255,255,255,0.5);
                padding: 15px 0px;
				    font-size: 10px;
    text-align: center;
            }

            .asdghj.price-area .bottom-text {
                padding: 15px;
            }

                .asdghj.price-area .bottom-text .new-price em {
                    position: relative;
    display: inline-block;
    text-align: left;
    margin: 0px;
    padding: 0px;
    width: 100%;
    /* padding-left: 20px; */
    font-size: 31px;
                }

                    .asdghj.price-area .bottom-text .new-price em sup {
                            top: -1.8em;
    position: relative;
    line-height: 0px;
    left: 6px;
                    }

                    .asdghj.price-area .bottom-text .new-price em sub {
    vertical-align: baseline;
    margin-left: -25px;
}
                    }
