/*********FOR THEME ONLY*************/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Scoped global styles to usome-buzz container to avoid conflicts */
.usome-buzz * {
    font-family: 'Poppins', sans-serif;
    margin: 0;
    letter-spacing: -0.5px;
    transition: all 0.3s ease;
}



/***********************RESPONSIVE MOBILE FIXES***********************/
@media screen and (max-width: 768px) {
    /* Shipping Popup Modal - Mobile */
    .shipping-popped-modal .modalContent .modalbody-wrapper .modalbody-inWrapper {
        width: 90vw !important;
        max-width: 500px;
        margin: 0 15px;
    }
    
    .shipping-popped-modal .modalContent .topImageContent .imageHolder {
        height: 180px;
    }
    
    .shipping-popped-modal .modalContent .modalbody .bottomTextContent {
        padding: 10px 20px 25px;
    }
    
    .shipping-popped-modal .modalContent .modalbody .bottomTextContent .modal-text-content {
        width: 100% !important;
        max-width: 380px;
    }
    
    .shipping-popped-modal .modalContent .modalbody .bottomTextContent .modal-text-content .title-content {
        font-size: 22px;
        line-height: 1.3em;
    }
    
    .shipping-popped-modal .modalContent .modalbody .bottomTextContent .modal-text-content .para-content {
        font-size: 16px;
    }
    
    .shipping-popped-modal .modalContent .modalbody .bottomTextContent .modal-button-group .button-group {
        gap: 8px;
    }
    
    .shipping-popped-modal .modalContent .modalbody .bottomTextContent .modal-button-group .button-group .shopping-button .btn-primary {
        height: 45px;
        font-size: 16px;
    }
}

@media screen and (max-width: 480px) {
    .shipping-popped-modal .modalContent .modalbody-wrapper .modalbody-inWrapper {
        width: 95vw !important;
        margin: 0 10px;
        border-radius: 8px;
    }
    
    .shipping-popped-modal .modalContent .topImageContent .imageHolder {
        height: 150px;
    }
    
    .shipping-popped-modal .modalContent .modalbody .bottomTextContent {
        padding: 10px 15px 20px;
    }
    
    .shipping-popped-modal .modalContent .modalbody .bottomTextContent .modal-text-content .title-content {
        font-size: 20px;
    }
    
    .shipping-popped-modal .modalContent .modalbody .bottomTextContent .modal-text-content .para-content {
        font-size: 14px;
    }
}
/***********************RESPONSIVE MOBILE FIXES***********************/


.usome-buzz i,
.usome-buzz .fa,
.usome-buzz .fas,
.usome-buzz .far,
.usome-buzz .fab {
    font-family: "Font Awesome 6 Free" !important;
}

.usome-buzz .testDiv {
    height: 100vh;
    width: 100vw;
    background-color: pink;
    background-image: url(../assets/testimage.jpg);
    background-size: 100% 100%;
}
.usome-buzz .triggerPopups {
    background-color: blue;
    color: white;
    width: 250px !important;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
/*********FOR THEME ONLY*************/

:root {
    --facebook-blue: #1674EA;
    --twitter-blue: #1DA1F2;
    --youtube-red: #FF0000;
    --insta-grad: linear-gradient(60deg, rgba(254,218,117,1) 0%, rgba(250,126,30,1) 25%, rgba(214,41,118,1) 50%, rgba(150,47,191,1) 75%, rgba(79,91,213,1) 100%);
    --yellowOne: #fed133;

    --fst-one: #de7b1e;
    --fst-two: #cd721c;

    --bdt-one: #f1f6ff;
    --bdt-two: #b1bacb;
    --bdt-three: #0b56aa;   

    --mst-one: #545CD2;

    --pcdt-one: #f39346;
    --pcdt-two: #ea6d29;

    --scdt-one: #E35549;
    --scdt-two: #FF7062;

    --White: #ffffff;
    --BlackOne: #000000;
    --BlackTwo: #16161D;
    --BlackThree: #4B4B4B;
    --BlackFour: #858585;
    --BlackFive: #CDCFD2;
    --BlackSix: #F0F0F0;
}

.usome-buzz .hidden {
    display: none !important;
}

.usome-buzz .show {
    display: block !important;
}

.usome-buzz a {
    text-decoration: none !important;
}

.usome-buzz figure {
    overflow: hidden;
    line-height: 0;
}

.usome-buzz img {
    width: 100%;
}

.usome-buzz button {
    cursor: pointer;
    display: block;
}

.usome-buzz button:focus {
    outline: none;
    border: none;
}

.usome-buzz .btn-primary {
    border-radius: 6px;
    height: 50px;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    border: none;
}

.usome-buzz ul {
    list-style: none;
    padding: 0;
}

.usome-buzz .form-group {
    margin-bottom: 10px;
    position: relative;
}

.usome-buzz .form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--BlackFour);
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid var(--BlackOne);
    border-radius: 6px;
    box-sizing: border-box;
}

.usome-buzz .form-control:focus {
    outline: none;
}

.usome-buzz .dual-width-input {
    gap: 15px;
}

.usome-buzz .dual-width-input .form-group{
    flex: 1;
}

.usome-buzz input[type=submit],
.usome-buzz select {
    cursor: pointer;
}

.usome-buzz textarea {
    resize: none;
}

.usome-buzz .close {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 10px;
    background-color: transparent;
    border: none;
    font-size: 18px;
}

.usome-buzz .displayFlex {
    display: flex;
}

.usome-buzz .displayFlexColumn {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.usome-buzz .txt-center {
    text-align: center;
}

.usome-buzz .br-six {
    border-radius: 6px;
}

.gradient-blueShade {
    background-image: linear-gradient(45deg,#1B03A3, #1432BA, #0E61D1, #0790E8);
    background-size: 500% 100%;
    animation: discountDisco 6s ease infinite;
}
@keyframes discountDisco {
    0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.popUpModal {
    position: fixed;
    display: none;
}

/**************************FLOAT MODAL****************************/
.float-modal {
    width: 100%;
    bottom: 0;
    left: 0;
}
/**************************FLOAT MODAL****************************/

/***********************FULL SCREEN MODAL*************************/
.fullScreen-modal {
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
}
.fullScreen-modal .modalContent {
    position: relative;
    width: 100vw;
    height: 100vh;
}
.fullScreen-modal .modalContent .modalbody-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}
/***********************FULL SCREEN MODAL*************************/

/**************************POPUP MODAL****************************/
.popped-modal {
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: rgba(0, 0, 0, 0.4);
}
.popped-modal .modalContent {
    position: relative;
    width: 100vw;
    height: 100vh;
}
.popped-modal .modalContent .modalbody-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}
.popped-modal .modalContent .modalbody-wrapper .modalbody-inWrapper {
    margin: auto;
    position: relative;
}
/**************************POPUP MODAL****************************/

/**********************SOCIAL FLOATING BAR************************/
.socialFloat-modal {
    min-height: 180px;
    background-color: var(--White);
    box-shadow: 0px -4px 38px 1px rgba(158,158,158,0.3);
    -webkit-box-shadow: 0px -4px 38px 1px rgba(158,158,158,0.3);
    -moz-box-shadow: 0px -4px 38px 1px rgba(158,158,158,0.3);
}
.socialFloat-modal .modalContent .modalbody-wrapper .modalbody-inWrapper {
    max-width: 980px;
    margin: auto;
}
.multiSocial-modal .modalContent .close {
    color: var(--BlackFour);    
}
.multiSocial-modal .modalContent .close:hover {
    color: var(--BlackTwo);
}
.multiSocial-modal .modalContent .modalbody {
    padding: 20px 0 30px;
    position: inherit;
    z-index: 1; 
}
.multiSocial-modal .modalContent .modalbody .modal-text-content {
    padding: 10px 0 20px;
}
.multiSocial-modal .modalContent .modalbody .modal-text-content .title-content {
    color: var(--BlackTwo);
    font-size: 27px;
    font-weight: 600;
}
.multiSocial-modal .modalContent .modalbody .modal-text-content .para-content {
    color: var(--BlackThree);
    font-size: 18px;
    font-weight: 400;
}
.multiSocial-modal .modalContent .modalbody .modal-button-group .button-group {
    gap: 20px;
}
.multiSocial-modal .modalContent .modalbody .modal-button-group .button-group .social-button .sf-button-holder {
    text-decoration: none;    
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 295px;
    color: var(--White);
}
.multiSocial-modal .modalContent .modalbody .modal-button-group .button-group .social-button .sf-button-holder:hover {
    margin-top: -3px;
}
.multiSocial-modal .modalContent .modalbody .modal-button-group .button-group .social-button .sf-button-holder .icon-holder {
    line-height: 0;
}
.multiSocial-modal .modalContent .modalbody .modal-button-group .button-group .social-button .sf-button-holder .icon-holder i {
    font-size: 22px;
}
.multiSocial-modal .modalContent .modalbody .modal-button-group .button-group .social-button .sf-button-holder .text-holder {
    font-size: 18px;
}
#getsFacebook {
    background-color: var(--facebook-blue);
}
#getsTwitter {
    background-color: var(--twitter-blue);
}
#getsInstagram {
    background: var(--insta-grad);
}
/**********************SOCIAL FLOATING BAR************************/

/*********************DISCOUNT FLOATING BAR***********************/
.multiDiscount-modal {
    box-shadow: 0px 0px 0px 0px #ffffff;
    color: var(--White);
    border-top: 3px dashed var(--yellowOne);
}
.multiDiscount-modal  .modalContent .modalbody-wrapper .modalbody-inWrapper{
    padding: 24px 0 20px;
    max-width: 980px;
    margin: auto;
}
.multiDiscount-modal  .modalContent .close {
    color: var(--BlackFive);
}
.multiDiscount-modal  .modalContent .close:hover {
    color: var(--White);
}
.multiDiscount-modal  .modalContent .modalbody .discount-dualModal {
    gap: 100px;
}
.multiDiscount-modal  .modalContent .modalbody .discount-dualModal .modal-text-content .title-content,
.multiDiscount-modal  .modalContent .modalbody .mini-modal-wrapper .miniModal-content .mini-title {
    font-size: 26px;
    font-weight: 700;
}
.multiDiscount-modal  .modalContent .modalbody .discount-dualModal .modal-text-content .title-content span,
.multiDiscount-modal  .modalContent .modalbody .mini-modal-wrapper .miniModal-content .mini-title span {
    color: var(--yellowOne);
}
.multiDiscount-modal  .modalContent .modalbody .discount-dualModal .modal-text-content .para-content,
.multiDiscount-modal  .modalContent .modalbody .mini-modal-wrapper .miniModal-content .mini-para {
    font-size: 16px;
    font-weight: 500;
}
.multiDiscount-modal .modalContent .modalbody .discount-dualModal .modal-button-group .discount-button-group .discount-button button {
    width: 300px;
    text-transform: uppercase;    
}
.multiDiscount-modal .modalContent .modalbody .discount-dualModal .modal-button-group .discount-button-group .discount-button .miniModal-trageter {
    height: 45px;
    display: flex;
    background-color: var(--yellowOne);
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: var(--BlackThree);
    border: 2px solid var(--BlackFour);
}
.multiDiscount-modal .modalContent .modalbody .discount-dualModal .modal-button-group .discount-button-group .discount-button .miniModal-trageter:hover {
    background-color: var(--White);
    box-shadow: 10px 10px 9px -5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 10px 10px 9px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: 10px 10px 9px -5px rgba(0,0,0,0.2);
}
.multiDiscount-modal .modalContent .modalbody .discount-dualModal .modal-button-group .discount-button-group .discount-button .miniModal-rejecter {
    background: transparent;
    border: none;
    font-size: 12px;
    font-weight: 700;
    color: var(--BlackFive);
    margin-top: 10px;
}
.multiDiscount-modal .modalContent .modalbody .discount-dualModal .modal-button-group .discount-button-group .discount-button .miniModal-rejecter:hover {
    color: var(--White);
}

.mini-modal{
    display: none;
    /*padding: 4px 0 8px;*/
}
/*********************DISCOUNT FLOATING BAR***********************/

/********************SOCIAL FULL SCREEN BAR**********************/
.social-fullScreen-modal {
    background-color: var(--White);
}
.multiSocial-modal .modalContent .close {
    right: 10px;
    top: 10px;
}
.social-fullScreen-modal .modalContent .modalbody-wrapper .modalbody-inWrapper {
    margin: auto;
    position: relative;
    width: 980px;
}
.social-fullScreen-modal .modalContent .close {
    background-color: white;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    opacity: 0.7;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}
.social-fullScreen-modal .modalContent .close:hover {
    transform: rotate(360deg);
    opacity: 1;
}
.social-fullScreen-modal .modalContent .modalbody {
    padding: 45px 0;
}
.social-fullScreen-modal .modalContent .modalbody .modal-text-content .title-content {
    margin-bottom: 5px;
}
.social-fullScreen-modal .modalContent .modalbody .modal-text-content {
    padding: 0 0 30px;
}
.social-fullScreen-modal .modalContent .modalbody .modal-button-group .button-group .social-button .sf-button-holder {
    height: 55px;
}

.animationBody {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none;
}
.animationBody .actors {
    opacity: 0.1;
    position: absolute;
    border-radius: 50px;
}
.animationBody .body-one {
    height: 700px;
    width: 700px;
    background-color: var(--twitter-blue);
    right: 200px;
    bottom: -150px;
    transform: rotate(360deg);
    animation: rotatorOne 20s linear infinite;
}
.animationBody .body-two {
    height: 500px;
    width: 500px;
    background-color: var(--yellowOne);
    right: -100px;
    bottom: -80px;
    transform: rotate(-360deg);
    animation: rotatortwo 16s linear infinite;
}
.animationBody .body-three {
    height: 500px;
    width: 500px;
    background-color: var(--facebook-blue);
    top: -150px;
    right: -100px;
    transform: rotate(360deg);
    animation: rotatorthree 18s linear infinite;
}

@keyframes rotatorOne {
    0% {
		transform: rotate(360deg);
	}
	100% {
		transform: rotate(180deg);
	}
}
@keyframes rotatortwo {
    0% {
		transform: rotate(-360deg);
	}
	100% {
		transform: rotate(-180deg);
	}
}
@keyframes rotatorthree {
    0% {
		transform: rotate(360deg);
	}
	100% {
		transform: rotate(180deg);
	}
}
/********************SOCIAL FULL SCREEN BAR**********************/

/*******************DISCOUNT FULL SCREEN BAR*********************/
.discountFullScreen-modal {
    border-top: none;
    animation-duration: 20s;
}
.discountFullScreen-modal .modalContent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1000px;
}
.discountFullScreen-modal .modalContent .modalbody .discount-dualModal {
    align-items: center;
    justify-content: center;
    gap: 50px;
}
.discountFullScreen-modal .modalContent .modalbody .discount-dualModal .leftImageContent,
.discountFullScreen-modal .modalContent .modalbody .discount-dualModal .rightTextContent {
    flex: 1;
}
.discountFullScreen-modal .modalContent .modalbody .discount-dualModal .modal-text-content .title-content {
    font-size: 40px;
    font-weight: 800;
    line-height: 1.2em;
    margin-bottom: 20px;
}
.discountFullScreen-modal .modalContent .modalbody .discount-dualModal .modal-text-content .para-content {
    font-size: 24px;
    margin-bottom: 30px;
    line-height: 1.2em;
}
.discountFullScreen-modal .modalContent .modalbody .discount-dualModal .modal-text-content .para-content span {
    font-weight: bold;
    color: var(--yellowOne);
    text-decoration: underline;
    text-shadow: 1px 1px var(--White);
}
.discountFullScreen-modal .modalContent .modalbody .discount-dualModal .modal-button-group .discount-button-group .discount-button .miniModal-trageter {
    height: 55px;
    border: 3px dashed var(--BlackThree)
}
.discountFullScreen-modal .modalContent .modalbody .discount-dualModal .modal-button-group .discount-button-group .discount-button .miniModal-rejecter {
    margin-top: 15px;
}
.discountFullScreen-modal .modalContent .modalbody .discount-dualModal .modal-form-content .fullscreenDiscount-form .form-control {
    padding: 15px 20px;
    font-weight: 600;
}
/*******************DISCOUNT FULL SCREEN BAR*********************/

/***********************SOCIAL POPUP BAR*************************/
.social-popped-modal .modalContent .modalbody-wrapper .modalbody-inWrapper {
    background-color: white;
    width: 600px;
    padding: 30px;
}
.social-popped-modal .modalContent .modalbody {
    padding: 0;
    width: 400px;
}
.social-popped-modal .modalContent .modalbody .modal-text-content {
    padding: 0 0 25px
}
.social-popped-modal .modalContent .modalbody .modal-text-content .title-content {
    margin-bottom: 10px;
}
.social-popped-modal .modalContent .modalbody .modal-button-group .button-group {
    flex-direction: column;
    gap: 10px;
}
.social-popped-modal .modalContent .modalbody .modal-button-group .button-group .social-button .sf-button-holder {
    width: 335px;
    height: 55px;
}
.social-popped-modal .modalContent .modalbody .modal-button-group .button-group .social-button .sf-button-holder:hover {
    margin-top: 0;
    margin-left: 5px;
}
.social-popped-modal .modalContent .modalbody .modal-button-group .button-group .social-button .text-closure {
    display: block;
    text-align: center;
    color: var(--BlackTwo);
    cursor: pointer;
    width: 335px;
    font-size: 13px;
    font-weight: 400;
    margin-top: 10px;
}

.social-popped-modal .animationBody .body-one {
    height: 300px;
    width: 300px;
    right: -100px;
    bottom: -20px;
}
.social-popped-modal .animationBody .body-two {
    height: 200px;
    width: 200px;
    top: -50px;
}
.social-popped-modal .animationBody .body-three {
    height: 200px;
    width: 200px;
}
/***********************SOCIAL POPUP BAR*************************/

/**********************SHIPPING POPUP BAR************************/

/**********************SHIPPING POPUP BAR************************/
.shipping-popped-modal .modalContent .modalbody-wrapper .modalbody-inWrapper {
    width: 500px;
    background-color: var(--BlackSix);
    overflow: hidden;
    border-radius: 10px;
}
.shipping-popped-modal .modalContent .close {
    background: white;
    border-radius: 100%;
    right: 10px;
    top: 10px;
    height: 25px;
    width: 25px;
    padding: 0;
    background-color: var(--White);
    color: var(--fst-one);
}
.shipping-popped-modal .modalContent .close:hover {
    background-color: var(--fst-one);
    color: var(--White);
}
.shipping-popped-modal .modalContent .topImageContent .imageHolder {
    height: 240px;

}
.shipping-popped-modal .modalContent .topImageContent .imageHolder img {
    height: 100%;
}
.shipping-popped-modal .modalContent .modalbody .bottomTextContent {
    padding: 10px 35px 30px;
}
.shipping-popped-modal .modalContent .modalbody .bottomTextContent .modal-text-content {
    width: 380px;
    margin: auto;
    margin-bottom: 15px;
}
.shipping-popped-modal .modalContent .modalbody .bottomTextContent .modal-text-content .title-content {
    font-size: 26px;
    font-weight: 700;
    line-height: 2em;
    color: var(--BlackTwo);
}
.shipping-popped-modal .modalContent .modalbody .bottomTextContent .modal-text-content .para-content {
    font-size: 18px;
    font-weight: 400;
    color: var(--BlackThree);
}
.shipping-popped-modal .modalContent .modalbody .bottomTextContent .modal-button-group .button-group {
    flex-direction: column;
    gap: 10px;
}
.shipping-popped-modal .modalContent .modalbody .bottomTextContent .modal-button-group .button-group .shopping-button .shopper {
    display: block;
}
.shipping-popped-modal .modalContent .modalbody .bottomTextContent .modal-button-group .button-group .shopping-button .benifitButton {
    background-color: var(--fst-one);
    color: var(--White);
}
.shipping-popped-modal .modalContent .modalbody .bottomTextContent .modal-button-group .button-group .shopping-button .benifitButton:hover {
    background-color: var(--fst-two);
}
    .shipping-popped-modal .modalContent .modalbody .bottomTextContent .modal-button-group .button-group .shopping-button .nonBenifitButton {
        background-color: var(--BlackSix);
        color: #505152;
    }
.shipping-popped-modal .modalContent .modalbody .bottomTextContent .modal-button-group .button-group .shopping-button .nonBenifitButton:hover {
    background-color: var(--BlackFive);
    color: var(--White);
}
.shipping-popped-modal .modalContent .modalbody .bottomTextContent .modal-button-group .button-group .shopping-button .shopper .textHolder {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-weight: 500;
}
/**********************SHIPPING POPUP BAR************************/

/***********************BOOKED POPUP BAR*************************/
.book-popped-modal .modalContent .modalbody-wrapper .modalbody-inWrapper {
    background-color: var(--bdt-one);
    width: 800px;
    position: relative;
}
.book-popped-modal .modalContent .close {
    height: 45px;
    width: 45px;
    color: var(--BlackOne);
}
.book-popped-modal .modalContent .close:hover {
    color: var(--bdt-three);
}
.book-popped-modal .modalContent .modalbody .outer-modal-wrapper {
    align-items: center;
}
.book-popped-modal .modalContent .modalbody .outer-modal-wrapper .leftImageContent figure {
    width: 350px;
}
.book-popped-modal .modalContent .modalbody .outer-modal-wrapper .rightTextContent {
    flex: 1;
    padding: 40px 30px 30px 20px;
}
.book-popped-modal .modalContent .modalbody .modal-text-content .title-content {
    font-size: 30px;
    font-weight: 800;
    line-height: 1.1em;
    color: var(--BlackTwo);
    margin-bottom: 20px;
}
.book-popped-modal .modalContent .modalbody .modal-text-content .title-content span {
    color: var(--bdt-three);
}
.book-popped-modal .modalContent .modalbody .outer-modal-wrapper .rightTextContent .modal-button-group .button-group .booking-button .demoBooker {
    background-color: var(--bdt-three);
    color: var(--White);
    font-size: 20px;
    font-weight: 600;
}
.book-popped-modal .modalContent .modalbody .outer-modal-wrapper .rightTextContent .modal-button-group .button-group .booking-button .demoBtns {
    width: 300px;
    margin: auto;
    display: block;
}
.book-popped-modal .modalContent .modalbody .outer-modal-wrapper .rightTextContent .modal-button-group .button-group .booking-button .demoBooker:hover,
.book-popped-modal .modalContent .modalbody .mini-modal-wrapper .freeDemo-form-container .freeDemo-form input[type=submit]:hover  {
    opacity: 0.8;
}
.book-popped-modal .modalContent .modalbody .outer-modal-wrapper .rightTextContent .modal-button-group .button-group .booking-button .nonDemoBooker {
    background-color: transparent;
    color: var(--BlackThree);
    font-size: 14px;
    font-weight: 400;
}

.book-popped-modal .modalContent .modalbody .mini-modal-wrapper {
    padding:  45px 45px 30px;
}
.book-popped-modal.mini-modal .modalContent .modalbody .mini-modal-wrapper {
    display: block;
}
.book-popped-modal .modalContent .modalbody .modal-text-content .para-content {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3em;
    color: var(--BlackThree);
    margin-bottom: 15px;
}
.book-popped-modal .modalContent .modalbody .mini-modal-wrapper .freeDemo-form-container .freeDemo-form label {
    font-size: 13px;
}
.book-popped-modal .modalContent .modalbody .mini-modal-wrapper .freeDemo-form-container .freeDemo-form .form-control {
    border-radius: 3px;
    border: 1px solid var(--bdt-three);
    font-size: 14px;
    background-color: transparent;
}
.book-popped-modal .modalContent .modalbody .mini-modal-wrapper .freeDemo-form-container .freeDemo-form textarea {
    height: 100px;
}
.book-popped-modal .modalContent .modalbody .mini-modal-wrapper .freeDemo-form-container .freeDemo-form input[type=submit] {
    background-color: var(--bdt-three);
    color: var(--White);
    font-size: 18px;
}
/***********************BOOKED POPUP BAR*************************/

/***********************THEME COUNTDOWN*************************/
.plainCountDown-modal {
    background-color: var(--pcdt-one);
    text-align: center;
    color: var(--BlackTwo);
}
.plainCountDown-modal .modalContent .modalbody-wrapper .modalbody-inWrapper {
    width: 600px;
    margin: auto;
    position: relative;
}
.plainCountDown-modal .modalContent .modalbody-wrapper .modalbody-inWrapper::before {
    content: '';
    position: absolute;
    background-color: var(--pcdt-two);
    height: 50%;
    width: 10px;
    top: 0px;
    left: 49.2%;
    border-radius: 20px;
    transform: translate(-50%, 0);
    animation: clocker 60s infinite steps(60);
    transform: rotate(0deg);
    transform-origin: 60% 100%;
    z-index: -1;
    box-shadow: 5px 5px 5px -3px rgba(0,0,0,0.31);
    -webkit-box-shadow: 5px 5px 5px -3px rgba(0,0,0,0.31);
    -moz-box-shadow: 5px 5px 5px -3px rgba(0,0,0,0.31);
}
.plainCountDown-modal .modalContent .modalbody-wrapper .modalbody-inWrapper::after {
    content: '';
    position: absolute;
    background-color: var(--pcdt-two);
    height: 30px;
    width: 30px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    z-index: -1;
    box-shadow: 5px 5px 5px -3px rgba(0,0,0,0.31);
    -webkit-box-shadow: 5px 5px 5px -3px rgba(0,0,0,0.31);
    -moz-box-shadow: 5px 5px 5px -3px rgba(0,0,0,0.31);
}
@keyframes clocker {
    100% {transform: rotate(360deg);}
}
.countDown-fullScreen .modalContent .modalbody-wrapper .modalbody-inWrapper .brand-holder figure{
    display: block;
    width: 150px;
    margin: auto;
    margin-bottom: 20px;
}
.plainCountDown-modal .modalContent .modalbody-wrapper .modalbody-inWrapper .modalbody .modal-text-content .title-content {
    position: relative;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 38px;
    z-index: 1;
}
.plainCountDown-modal .modalContent .modalbody-wrapper .modalbody-inWrapper .modalbody .modal-text-content .para-content {
    font-size: 22px;
    font-weight: 600;
}
.plainCountDown-modal .modalContent .modalbody-wrapper .modalbody-inWrapper .modalbody .modal-text-content .highlight-para {
    font-weight: 800;
    text-transform: uppercase;
    background-color: rgba(255, 255, 255, 0.4);
    display: inline-block;
    margin: 15px 0px 0px;
    padding: 5px 15px;
}
.plainCountDown-modal .countDown-container {
    margin: 40px 0;
    display: flex;
    color: var(--White);
}
.plainCountDown-modal .countDown-container .theTimeContainer {
    flex: 1;
}
.plainCountDown-modal .countDown-container .theTimeContainer .theTime {
    font-weight: 600;
    font-size: 40px;
    text-shadow: 2px 2px var(--BlackThree);
}
.plainCountDown-modal .countDown-container .theTimeContainer .timeName {
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
}
.plainCountDown-modal .modalContent .modalbody-wrapper .modalbody-inWrapper .modalbody .button-holder {
    margin-top: 25px;
}
.plainCountDown-modal .modalContent .modalbody-wrapper .modalbody-inWrapper .modalbody .button-holder button {
    width: 100%;
    height: 65px;
}
.plainCountDown-modal .modalContent .modalbody-wrapper .modalbody-inWrapper .modalbody .button-holder .claimButton {
    background-color: var(--BlackTwo);
    color: var(--White);
    border-radius: 100px;
    border: 2px solid var(--pcdt-two);
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.plainCountDown-modal .modalContent .modalbody-wrapper .modalbody-inWrapper .modalbody .button-holder .claimButton::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    background-image: url(../assets/cele.png);
    background-size: contain;
    z-index: -1;
    transition: all 0.3s ease;
}
.plainCountDown-modal .modalContent .modalbody-wrapper .modalbody-inWrapper .modalbody .button-holder .claimButton:hover::before {
    opacity: 0.6;
    transition: all 0.3s ease;
}
.plainCountDown-modal .modalContent .modalbody-wrapper .modalbody-inWrapper .modalbody .button-holder .nonClaimButton {
    background-color: transparent;
    border: none;
    color: var(--White);
    font-size: 15px;
    opacity: 0.7;
    height: 35px;
    margin-top: 10px;
}
.plainCountDown-modal .modalContent .modalbody-wrapper .modalbody-inWrapper .modalbody .button-holder .nonClaimButton:hover {
    opacity: 1;
}
/***********************THEME COUNTDOWN*************************/

/***********************SPLIT COUNTDOWN*************************/
.splitCountDown-modal {
    background-image: url(../assets/b.png);
    /*background: linear-gradient(-120deg, rgba(255,112,98,1) 0%, rgba(227,85,73,1) 100%);*/
    background-color: var(--scdt-one);
    background-size: cover;
}
.splitCountDown-modal .split-content-holder {
    align-items: center;
    gap: 50px;
    width: 1000px;
    margin: auto;
}
.splitCountDown-modal .split-content-holder .leftImageContent,
.splitCountDown-modal .split-content-holder .rightTextContent {
    flex: 1;
}
.splitCountDown-modal .split-content-holder .rightTextContent {
    color: var(--White);
}
.splitCountDown-modal .split-content-holder .rightTextContent .title-content {
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
}
.splitCountDown-modal .split-content-holder .rightTextContent .para-content {
    font-size: 18px;
    font-weight: 500;
}
.splitCountDown-modal .split-content-holder .rightTextContent .countDown-container {
    display: flex;
    gap: 30px;
    color: var(--White);
    font-weight: 700;
    font-size: 32px;
    margin: 40px 0;
    max-width: 300px;
}
.splitCountDown-modal .split-content-holder .rightTextContent .countDown-container .theTimeContainer {
    flex: 1;
}
.splitCountDown-modal .split-content-holder .rightTextContent .countDown-container .theTimeContainer .theTime {
    position: relative;    
    width: 55px;
    text-shadow: 1px 2px var(--BlackTwo);
}
.splitCountDown-modal .split-content-holder .rightTextContent .countDown-container .theTimeContainer .theTime::before,
.splitCountDown-modal .split-content-holder .rightTextContent .countDown-container .theTimeContainer .theTime::after {
    position: absolute;
    content: '';
    height: 6px;
    width: 6px;
    border-radius: 100%;
    background-color: var(--White);
    right: 0px;
}
.splitCountDown-modal .split-content-holder .rightTextContent .countDown-container .theTimeContainer .theTime::before {
    top: 14px; 
}
.splitCountDown-modal .split-content-holder .rightTextContent .countDown-container .theTimeContainer .theTime::after {
    bottom: 14px; 
}
.splitCountDown-modal .split-content-holder .rightTextContent .countDown-container .theTimeContainer:last-child .theTime::before,
.splitCountDown-modal .split-content-holder .rightTextContent .countDown-container .theTimeContainer:last-child .theTime::after {
    display: none;
}
.splitCountDown-modal .split-content-holder .rightTextContent .countDown-container .theTimeContainer .timeName {
    font-size: 14px;
    font-weight: 400;
}
.splitCountDown-modal .split-content-holder .rightTextContent .scdt-modal-form-container .dual-width-input {
    border-radius: 50px;
    border: none;
    background-color: var(--White);
    overflow: hidden;
}
.splitCountDown-modal .split-content-holder .rightTextContent .scdt-modal-form-container .dual-width-input .form-group {
    margin-bottom: 0;
    flex: auto;
}
.splitCountDown-modal .split-content-holder .rightTextContent .scdt-modal-form-container input[type=email] {
    border: none;
    padding: 10px 25px;    
    height: 50px;
    font-size: 14px;
}
.splitCountDown-modal .split-content-holder .rightTextContent .scdt-modal-form-container input[type=submit] {
    width: auto;
    min-width: 110px;
    height: 40px;
    border-radius: 50px;
    border: none;
    background-color: var(--BlackThree);
    color: var(--White);
    float: right;
    margin: 5px 5px 0 0;
    font-size: 14px;
}
.splitCountDown-modal .split-content-holder .rightTextContent .scdt-modal-form-container input[type=submit]:hover {
    opacity: 0.8;
}
.splitCountDown-modal .split-content-holder .rightTextContent button {
    background: transparent;
    border: none;
    height: 30px;
    margin-top: 15px;
    font-size: 14px;
    color: var(--White);
    opacity: 0.7;
}
.splitCountDown-modal .split-content-holder .rightTextContent button:hover {
    opacity: 1;
}
/***********************SPLIT COUNTDOWN*************************/

/***********************SUBSCRIPTION***************************/
.subcription-fullScreen-modal,
.subcription-float-modal {
    background-color: var(--BlackTwo);
}
.subscription-modal .modalContent .modalbody-inWrapper {
    margin: auto;
    position: relative;
}
.subscription-modal .modalContent .modalbody-inWrapper .close {
    color: var(--BlackFive);
}
.subscription-modal .modalContent .modalbody-inWrapper .close:hover {
    color: var(--White);
}
.subscription-modal .modalContent .modalbody .modal-text-content {
    margin-bottom: 30px;
}
.subscription-modal .modalContent .modalbody .modal-text-content .title-content {
    color: var(--White);
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 15px;
}
.subscription-modal .modalContent .modalbody .modal-text-content .para-content {
    color: var(--BlackFive);
    font-size: 16px;
    font-weight: 500;
}
.subscription-modal .modalContent .modalbody .button-holder button {
    display: block;
    width: 250px;
    margin: auto;
}
.subscription-modal .modalContent .modalbody .button-holder .subcribeButton {
    background-color: var(--mst-one);
    color: var(--White);
    text-transform: capitalize;
}
.subscription-modal .modalContent .modalbody .button-holder .subcribeButton:hover {
    opacity: 0.8;
}
.subscription-modal .modalContent .modalbody .button-holder .noSubscribeButton {
    background-color: transparent;
    color: var(--BlackFive);
    border: none;
    height: 30px;
    margin-top: 10px;
}
.subscription-modal .modalContent .modalbody .button-holder .noSubscribeButton:hover {
    color: var(--White);
}
.subscription-modal .subscribe-form-container .subscribe-form .dual-width-input {
    gap: 5px;
}
.subscription-modal .subscribe-form-container .subscribe-form .dual-width-input .form-group {
    flex: initial;
}
.subscription-modal .subscribe-form-container .subscribe-form .dual-width-input .forEmail{
    flex: 1;
}
.subscription-modal .subscribe-form-container .subscribe-form .dual-width-input .form-group .form-control {
    height: 50px;
}
.subscription-modal .subscribe-form-container .subscribe-form .dual-width-input .form-group input[type=submit] {
    background-color: var(--mst-one);
    color: var(--White);
    text-transform: capitalize;
    width: 200px;
}
.subscription-modal .subscribe-form-container .subscribe-form .dual-width-input .form-group input[type=submit]:hover {
    opacity: 0.8;
}

.subcription-fullScreen-modal .modalContent .modalbody-inWrapper {
    width: 650px;
    padding: 50px 0 35px;
}

.subcription-popped-modal .modalContent .modalbody-inWrapper {
    background-color: var(--BlackTwo);
    padding: 35px;
    width: 650px;
}
.subcription-popped-modal .modalContent .modalbody-inWrapper .close {
    top: -50px;
}

.subcription-float-modal {
    border-top: 1px solid var(--BlackFive);
}
.subcription-float-modal .modalContent .modalbody-inWrapper {
    width: 980px;
    padding: 20px 0;
    position: initial;
}
.subcription-float-modal .modalContent .modalbody-inWrapper .modal-text-content {
    margin-bottom: 0;
}
.subcription-float-modal .modalContent .modalbody-inWrapper .dualContentHolder {
    gap: 20px;
    margin-top: 20px;
    align-items: center;
}
.subcription-float-modal .modalContent .modalbody-inWrapper .dualContentHolder .modal-text-content,
.subcription-float-modal .modalContent .modalbody-inWrapper .dualContentHolder .button-holder {
    flex: 1;
}
.subcription-float-modal .modalContent .modalbody-inWrapper .dualContentHolder .button-holder button {
    width: 100%;
}
.subcription-float-modal .subscribe-form-container {
    width: 50%;
}
.subcription-float-modal .subscribe-form-container .subscribe-form .dual-width-input .form-group input[type=submit] {
    width: 140px;
}
/***********************SUBSCRIPTION***************************/