/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: A lightweight and minimalist WordPress theme for Elementor page builder.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.8.1.1691497407
Updated: 2023-08-08 12:23:27

*/

/* body{
	background: #213443;
} */

button.cbtn {
  font-size: 20px;
	padding:12px 25px 12px 25px;
	height: 200px;
  border-radius: 20px !important; 
	font-weight:700;
	white-space: wrap;
}
#redeemBtn{
	background-color:#000;
}
button.cbtn:hover
{
	border-radius:20px; 
}
.menu-item{
	color: white!important;
}
header .wpr-offcanvas-content{
    animation: slide-in 770ms ease-in-out;
}
@keyframes slide-in{
    from { transform: translateX(100%) }
    to { transform: translateX(0%) }
}

header .wpr-offcanvas-content>[data-elementor-type="section"]{
    animation: slide-in 770ms ease-in-out;
    animation-delay: 110ms;
}

.hdr-menu span.wpr-close-offcanvas {
    width: 62px !important;
    height: 62px !important;
    text-align: center;
    background: #f5f5f5;
    border-radius: 100% !important;
	margin-left: 20px;
}
.hdr-menu span.wpr-close-offcanvas i.fa-times {
    font-size: 32px !important;
}
.wpr-offcanvas-fade-in .wpr-offcanvas-header {
    position: sticky;
    top: 0;
}
/***/

.klm-error{
	color: #b30000;
}
.wpr-offcanvas-content-right{
	width: 388px!important;
}
.member-loggedin .hide-after-login li:not(:has(.after-login)){
    display: none;
}
.member-logout .show-before-login li:is(:has(.after-login)){
    display: none;
}
.member-loggedin .footer-adrs .elementor-widget {
    margin: 0 !important;
}
.member-loggedin .resize-after-login{
    width: 126px
}
.show-after-login{
	display: none;
}
.member-loggedin .show-after-login{
	display: initial;
}

/***/

.member-loggedin .panel-btn {
    display: none !Important;
}

.member-loggedin .footer-adrs .elementor-widget {
    margin: 0 !important;
}

label.error {
    color: #a50000;
}
table.dataTable td, table.dataTable th{
	border-color: transparent;
	padding-block: 10px;
	font-weight: 400;
}
table.dataTable tbody>tr>td, table.dataTable tbody>tr>th {
    text-align: left;
}
table tfoot th, table thead th{
    font-size: 14px;
    font-weight: bold!important;
}
table.dataTable tbody>tr>td, table.dataTable tbody>tr>th {
    background-color: initial;
    vertical-align: middle;
	font-size: 14px;
}
.dt-container .dt-info{
	font-size: 20px;
}
.elementor-kit-69 table.dataTable+div :where(button) {
    background-color: #243343;
    border: none;
    color: white;
    margin-inline: 2px;
}

.member-loggedin .hide-if-login{
	display: none;
}
.member-logout .hide-if-logout{
	display: none;
}

.toggle-password{
	    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%)
}

.banner {
    min-height: 70px;
		align-content: center;
}
.klm-custom-submit-btn{
    text-align: right;
}
.from-input {
    min-height: 42px;
}
.from-input:focus-visible{
    outline: none;
}
p.error {
    color: #b30000;
}
.klm-good{
	color: #006c00;
}
table tr:not(:last-child) td{
    border-bottom: 1px solid #dcdcdc;
}
a.klm-link-small {font-weight: 500;
}
.apm-button-box {
    text-align: left !important;
    display: block;
}
:where(input[readonly]){
        background: #ebebeb!important;
    border-color: #ebebeb!important;
}
input:focus-visible, input[type=text]:focus, select:focus, input[readonly]:focus {
    outline: none !important;
}


/***/

.giftcard-sec .product {
    border-bottom: 1px solid #cccccc;
    padding: 0 0 20px;
    margin: 0 0 30px;
}
.giftcard-sec .product:after, .pro_right_sec form:after {
    display: table;
    clear: both;
    content: '';
}
.giftcard-sec .pro_left_sec {
    float: left;
    width: 320px;
    text-align: left;
}
.giftcard-sec .pro_right_sec {
    display: inline-block;
    width: calc(100% - 320px);
    vertical-align: top;
}
.pro_right_sec h2 {
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 8px;
    font-family:inherit;
} 
.pro_right_sec .responseMessage, 
.pro_right_sec form {
    margin: 15px 0;
}
.pro_right_sec form label {
	display: block;
    margin: 0 0 5px;
font-family:inherit;
	font-weight:600;
}
.pro_right_sec form select {
    float: left;
    width: 50%;
}

.pro_right_sec .form-group {
  width: 200px;
  display: inline-block;
  margin: 0 10px 10px 0;
}


.pro_right_sec form button {
    margin: 0 0 0 8px;
    background: #000 !important;
    border-color: #000;
    border-radius: 60px;
    min-width: 100px;
    text-transform: uppercase;
    letter-spacing: 0;
     font-family:inherit;
    color: #fff !important;
    font-size: 14px;
}
.pro_right_sec .responseMessage .klm-error
{
	color:red;
}
.pro_right_sec .responseMessage .klm-good
{
	color:green;
}

.discterms p{
	font-style:italic;
}



#SubmitForm {
    text-transform: capitalize;
    background: #FF5C36;
    color: white;
    border-radius: 0.3e10px !important;
	min-width: 100%;
}
.wpcf7-form-control {
    border-radius: .5rem !important;
border: none!important;
background: white;
	padding: 1rem 1.5rem!important;
}
.wpcf7-form-control::placeholder{
    color: #213443!important;
}
.visual-hiddn{
	appearance: none!important;
	display: none;
}
label#privacy_policy-error {
    position: absolute;
    bottom: -6px;
}
table:has(td.dt-empty) thead{
    display: none;
}
.dt-container:has(td.dt-empty) #topbar,.dt-container:has(td.dt-empty) #bottombar{
    display: none;
} 
.dt-container{
	overflow: auto;
}
.wpcf7-not-valid-tip {
    background-color: #F9E4E8!important;
    color: #E04562!important;
    font-size: 11px !important;
    padding: 0.4em 0.7rem!important;
    font-weight: initial!important;
    margin-top: 7px;
}
.wpr-offcanvas-trigger path{
    stroke: currentColor!important;
}
.wpcf7-spinner {
    position: absolute;
    left: 0;
    transform: translateY(18px);
}

form .w-full .select2-container .select2-selection--multiple {
    min-height: 46px;
    border-radius: 0.75rem;
    border-color: #000;
		padding-top: 5px;
}
form .select2-container--default .select2-selection--multiple .select2-selection__clear {
    height: 32px;
}
form input#Other_For_Household_Pets {
    border-radius: 0.75rem;
}
.select2:has(textarea:focus) {
    outline: 2px solid;
    border-radius: 10px;
    outline-offset: 2px;
}

/***/
.footer-sec p {
    margin: 0;
}
.footer-sec p strong, .footer-sec p strong a {
    font-weight: 600;
}

/***/

form.klm-form input {
    outline: none !important;
}
form#klm_reset_password label.error {
    margin-top: 8px;
}

/*** header language option ***/


.member-loggedin .hdr-lang {
	display: none !important;
}

#lang_sel {
    width: 64px;
    position: relative;
}
#lang_sel:before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-right: 1px solid #444444;
    border-bottom: 1px solid #444444;
    transform: rotate(45deg);
    margin-left: 10px;
    margin-bottom: 3px;
    position: absolute;
    right: 5px;
    top: 4px;
}
a.lang_sel_sel {
    padding: 12px 0;
}
a.lang_sel_sel svg {
    width: 20px;
}
ul.lang-drop {
    position: absolute;
    top: 25px;
    right: 0;
    display: none;
    min-width: 120px;
}
ul.lang-drop li {
    margin-top: 8px;
    background: #eee;
}
ul.lang-drop li:hover {
    background: #020101;
}
ul.lang-drop li a {
    padding: 6px 12px;
    display: block;
    font-size: 14px !important;
}
ul.lang-drop li:hover a {
    color: #fff;
}
#lang_sel:hover ul.lang-drop, #lang_sel:focus ul.lang-drop {
    display: block;
}

/***/

/*otp css*/

#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .7);
    z-index: 9999;
    display: none;
    justify-content: center;
    align-items: center;
}

.spinner {
    width: 60px;
    height: 60px;
    border: 6px solid #ddd;
    border-top: 6px solid #730093;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.login-otp-sec {
    text-align: center;
}

.login-otp-sec form.otp-form {
    text-align: center;
    width: 480px;
    margin: 0 auto;
    max-width: 100%;
}

.otp-form div input {
    border-radius: 10px;
}

.login-otp-sec .login-otp-boxes {
    display: flex;
    justify-content: center;
    gap: 10px;
    padding-top: 20px;
}

.otp-form div input {
    border-radius: 10px;
}

.otp-form div input {
    width: 98px;
    height: 106px;
    box-shadow: 0px 0px 7.32px 0px rgba(0, 0, 0, 0.1);
    border: 0.73px solid rgba(203, 203, 203, 1);
    outline: none;
    font-size: 45px;
}

.login-otp-sec form.otp-form p.resend_text {
    margin: 40px 0 0;
    color: #666;
}

.login-otp-sec .otp-form button.otp-btn {
    padding: 12px 15px;
    width: 100%;
}

button:disabled {
    opacity: .5;
}

form.otp-form  p.success {
    color: #167201;
}

/*** blog list ***/

.blog-list h1.elementor-heading-title a {
    text-decoration: none;
     font-weight: normal;
}
.blog-list .read-more a {
    text-decoration: none;
    /*color: #222222 !important;*/
    font-weight: 600;
}





/*** media ***/

@media (min-width: 1200px) {
.logo-col img.attachment-large, .logo-col .elementor-widget-image img {width: auto !important;  height: 50px;}
#lang_sel li a {font-size: 16px;}
}


@media (max-width: 767px) {
.giftcard-sec .pro_left_sec, .giftcard-sec .pro_right_sec {width: 100%;}
.giftcard-sec .pro_left_sec img {width: auto; max-width: 100%;}
.giftcard-sec .pro_right_sec {padding-top: 20px;}
  }	




@media (max-width: 575px) {
.wpr-offcanvas-content-right {width: 300px!important;}
.hdr-menu span.wpr-close-offcanvas {margin-left: 5px;}	
.otp-form div input {width: 64px; height: 64px; font-size: 22px;}
}


@media screen and (max-width: 428px){
	.dt-container th{
    display: none;
}
.dt-container td{
    float: left;
    white-space:nowrap;
    min-width: 100%;
    text-align: left!important;
}
.dt-container td:nth-child(1)::before{
    content: "Title : "
}
.dt-container td:nth-child(2)::before{
    content: "Active : "
}
.dt-container td:nth-child(3)::before{
    content: "Date : "
}
.dt-container td:nth-child(4) button{
    min-width: 100%;
}
	.dt-container tr:not(:last-child){
		border-bottom: 1px solid #26324373;
	}
	.dt-container table {
  border-collapse: separate;
  border-spacing: 0 20px
}
}