.animated-button { display: inline-flex; align-items: center; justify-content: center; background-color: #fff; color: #000; border: none; border-radius: 25px; padding: 7px 15px 7px 5px; font-size: 16px; font-weight: 400; cursor: pointer; overflow: hidden; position: relative; transition: background-color 0.5s ease; }
.animated-button .icon { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; color: #fff; margin-right: 8px; position: relative; transition: transform 0.5s ease, color 0.5s ease, background-color 0.5s ease; }
.animated-button .icon::before { content: "→"; font-size: 18px; font-weight: bold; color: #000000; position: absolute; top: 0px; }
.animated-button .text { transition: transform 0.5s ease, color 0.5s ease; }
.animated-button:hover { color: #000; padding: 7px 15px 7px 10px; transition: all 0.5s ease-in-out; }
.animated-button:hover .icon { transform: translateX(100px); transition: all 0.5s ease-in-out; }
.animated-button:hover .icon::before { color: #000; }
.animated-button:hover .text { transform: translateX(-27px); color: #000; transition: all 0.5s ease-in-out; }
.design01 { background-color: #fff; color: #000; }
.design01 .icon { background-color: #FF6600; }
.design01:hover { background-color: #ff6600; }
.design01:hover .icon { background-color: #ffffff; color: #fff; }
.design02 { background-color: #FF6600; color: #000000; border: 1px solid #ff6600; }
.design02 .icon { background-color: #fff; font-size: 0px; }
.design02:hover { background-color: #fff; color: #000; border: 1px solid #ff6600; }
.design02:hover .icon { background-color: #ff6600; color: #fff; }
.animated-button.design02:hover .text { color: #000; }
.animated-button.design02 .text { color: #fff; }
.animated-button.design02.Proposal:hover .icon { transform: translateX(180px); transition: all 0.5s ease-in-out; }
.animated-button.order_now:hover .icon { transform: translateX(95px); }
.footer_form_sec { position: relative; }
.footer_form_sec::before { position: absolute; content: ""; background-image: url(https://digiquacks.com/wp-content/uploads/2024/11/Rectangle-12389.png); width: 65px; height: 65px; background-repeat: no-repeat; top: 35px; left: -33px; z-index: 9; }
#sp-wp-tabs-wrapper_1269 .sp-tab__nav {justify-content: center;border-radius: 10px;padding: 5px;box-shadow: 0px 6px 20px #cbcbcbb8;position: relative;overflow: visible !important; background: #fff;  width: fit-content;    margin: auto;}
#sp-wp-tabs-wrapper_1269.sp-tab__lay-default > .sp-tab__tab-content .sp-tab__tab-pane {   border: 0px;    padding: 0px;    background-color: transparent;}
#sp-wp-tabs-wrapper_1269 .sp-tab__nav-tabs .sp-tab__nav-item.show .sp-tab__nav-link, #sp-wp-tabs-wrapper_1269.sp-tab__lay-default ul li .sp-tab__nav-link.sp-tab__active{    border: none;}
#sp-wp-tabs-wrapper_1269.sp-tab__lay-default > ul > li > .sp-tab__nav-link, #sp-wp-tabs-wrapper_1269.sp-tab__lay-default > ul > li > a {border-color: transparent;}
li.sp-tab__nav-item:hover , li.sp-tab__nav-item {background-color: transparent !important;    margin-top: 0px !important;}
ul#sp-tab__ul {  border: 0px !important;padding: 10px !important;}
span.sp-tab__nav-link.sp-tab__active {    background-color: #000 !important;    border-radius: 10px !important;}
span.sp-tab__nav-link.sp-tab__active > span{    color: #fff !important;}
span.sp-tab__nav-link.sp-tab__active > span > h4 {    color: #fff !important;}
span.sp-tab__nav-link > span > h4 {    text-transform: uppercase;}
div#sp-wp-tabs-wrapper_1269 .animated-button .icon::before{position:relative;}

/*++++++++++++++++++++++++++++++++++++*/
.elementor-field-type-submit .elementor-button {display: inline-flex !important; align-items: center !important; justify-content: center !important; background-color: #FF6600 !important; color: #fff !important; border: 1px solid #fe6700 !important; border-radius: 25px !important; padding: 7px 15px 7px 5px !important; font-size: 16px !important; font-weight: 400 !important; cursor: pointer !important; overflow: hidden !important; position: relative !important; transition: background-color 0.5s ease, transform 0.5s ease, color 0.5s ease !important;}
.elementor-field-type-submit .elementor-button::before {content: "→" !important; display: inline-block !important; font-size: 16px !important; font-weight: bold !important; color: #000000 !important; margin-right: 8px !important; transition: transform 0.5s ease, color 0.5s ease !important; background: #fff; border-radius: 25px; padding: 6px;}
.elementor-field-type-submit .elementor-button .elementor-button-content-wrapper {display: flex !important; align-items: center !important; justify-content: center !important;}
.elementor-field-type-submit .elementor-button:hover {background-color: #ffffff !important; color: #000000 !important; padding: 7px 15px !important; transition: all 0.5s ease-in-out !important; border: 1px solid #fe6700;}
.elementor-field-type-submit .elementor-button:hover::before {color: #000000 !important; transform: translateX(180px) !important; background: #fe6700;}
.elementor-field-type-submit .elementor-button:hover .elementor-button-text {transform: translateX(-5px) !important; transition: all 0.1s ease-in-out !important;}
.elementor-field-type-submit .elementor-button:active {transform: scale(0.95) !important; transition: transform 0.2s ease !important;}
.elementor-form .elementor-button:hover .elementor-button-content-wrapper {transform: translateX(-25px) !important;}
.right_icon_btn span.elementor-icon.elementor-animation- {margin-top: 5px;}
.tesi_slider .uc_quote_item {HEIGHT: 405PX;}
.elementor-13 .elementor-element.elementor-element-eb516ed .owl-carousel .owl-nav .owl-next {right: 10px;}
.elementor-13 .elementor-element.elementor-element-eb516ed .owl-carousel .owl-nav .owl-prev {left: 70%;}
.element-slide > h4, .element-slide > p {color: #fff; text-align: center;}
.cus_toggle_des .elementor-tabs-wrapper {width: fit-content; margin: auto; border-radius: 10px; padding: 5px; box-shadow: 0px 6px 20px #cbcbcbb8; position: relative; overflow: visible !important; background: #fff;}
.cus_toggle_des .elementor-tabs-wrapper .elementor-active {background: #000; border-radius: 6px;    transition: all 0.5s ease-in-out;}
.cus_sub_innerhead {text-align: center; color: #FF6600; padding-top: 10px;font-family: 'Poppins';}
h4.sp-tab__tab_title{font-family: 'Poppins';}
.parent_card {display: flex; gap: 10px; padding: 12px;}
.sp-tab__tab-pane { padding-top: 30px !important;}
/*.cus_toggle_des .elementor-tabs-wrapper::before {content: ""; position: absolute; background: linear-gradient(90deg, black, #FF6600); width: 100.2%; height: 103%; top: -1px; border-radius: 11px; z-index: -2;}*/
.inner_card {border:2px solid #000; position: relative; border-radius: 20px; padding: 20px; background: #fff; background-image: url(https://digiquacks.com/wp-content/uploads/2024/12/Ellipse-77-1.png); background-size: cover; box-shadow: 2px 3px 10px #b5b4b4;}
/*.inner_card::before {content: ""; position: absolute; background: linear-gradient(180deg, black, #FF6600, #FF6600); width: 101.1%; height: 100.7%; top: -2px; border-radius: 22px; z-index: -2; left: -2px;}*/
.price > div h6 {color: #000; margin: 5px;font-family: 'Poppins';}
.inner_card h5 {color: #FF6600; text-transform: uppercase; font-family: 'Poppins'; font-weight: 600; font-size: 22px; margin-bottom: 10px;}
.cus_toggle_des .elementor-tab-content {padding: 0px !important;}
.price h3 {font-family: 'Poppins'; color: #000; font-weight: 700; font-size: 40px;}
.price p {font-family: 'Poppins'; color: #000; font-weight: 600;}
.price {display: flex; gap: 10px;}
ul.package_list {padding: 0px; list-style: none;}
ul.package_list li {position: relative; font-family: 'Poppins';list-style-type:none; padding-left: 25px; padding-bottom: 10px; font-size: 14px; color: #000; font-weight: 400;}
ul.package_list li::before {content: ""; background-image: url(https://digiquacks.com/wp-content/uploads/2024/12/star-2-2.png); position: absolute; width: 18px; height: 18px; left: 0px;}
.package_listhead {font-size: 24px; line-height: 34px; color: #101727;}
.bottom_btn {margin: 25px auto 0px; display: block; width: fit-content;}
.inner_card.middle {background: #000;}
.inner_card.middle * {color: #fff;}
.elementor-tab-content {margin-top: 25px;}
.elementor-active > div {  animation: fadeInUp 0.5s ease forwards;}
@keyframes fadeInUp {
    from {opacity: 0; transform: translateY(20px);}
    to {opacity: 1; transform: translateY(0);}
    
}
.elementor-active > div {animation: fadeInUp 0.5s ease forwards;}
.wc-block-checkout__actions_row > a , .wp-block-woocommerce-checkout-order-summary-cart-items-block.wc-block-components-totals-wrapper {
    display: none;}
    button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
    width: 100%;
    border-color: black;
    color: #000;
}

.elementor-message.elementor-message-success.elementor-message-svg {
    color: #fff;
    padding: 15px 0px 0px;
    text-align: center;
}

.uc_author {display: none !important;}
.thumnail-image img.attachment-full.size-full.wp-image-1546 {border-radius: 20px;}

.body{overflow-x: hidden;}
.cus-des-form .row {display: flex;  gap: 30px;}
.cus-des-form .row .col {width: 100%;}
div#popmake-1594 { border: 0px;border-radius: 20px; background-color: transparent; background-image: linear-gradient(180deg, #9a3e01 0%, #0a0401 100%);}
.cus-des-form .row .col label {  color: #fff;    padding-bottom: 10px;}
.pum-theme-1586 button.pum-close.popmake-close {background: transparent; border: 0px; box-shadow: none; top: 6px;
    right: -1px;
    font-size: 35px;}
.cus-des-form .row .col textarea {  height: 180px;}
.cus-des-form .row .col label span{color:red;}

input.wpcf7-form-control.wpcf7-submit.design02 {border-radius: 50px;color: #fff;}
input.wpcf7-form-control.wpcf7-submit.design02:hover {color: #000;}

.wpcf7 form.invalid .wpcf7-response-output {  background: #c91d1d;} 
.wpcf7 form.sent .wpcf7-response-output{background: green;  }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {
-moz-animation: cssAnimation 0.5s ease-in 3s forwards;
-webkit-animation: cssAnimation 0.5s ease-in 3s forwards;
-o-animation: cssAnimation 0.5s ease-in 3s forwards;
animation: cssAnimation 0.5s ease-in 3s forwards;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
border: none;
color: #fff;
padding: 16px 20px;
margin:0em 0em 1em;}
@keyframes cssAnimation {
0% {opacity: 1;}
50% {opacity: 0.5;}
100% {opacity: 0;display: none;} 
}

@media screen and (max-width: 767px) {
    .animated-button {font-size: 14px;} 
    .elementor-element-982e041 > div > p > br {display: none;} 
    .tesi_slider .uc_quote_item {HEIGHT: 405PX;} 
    .footer_form_sec::before {content: none;}
    h2 > br, p > br {display: none;}
    .elementor-13 .elementor-element.elementor-element-eb516ed .owl-carousel .owl-nav .owl-prev {left: 67%;}
    .html_btn .elementor-widget-container {display: block; margin: auto !important; width: fit-content;}
    .parent_card{display:block;}
    .inner_card {   margin-bottom: 20px;}
    .elementor-tabs-content-wrapper {padding: 0px 20px;}
    .cus-des-form .row {display: block;}
    .cus-des-form .row .col textarea {
    height: 100px;}
    
    
}
@media screen and (max-width: 430px) {
    .animated-button.design02.Proposal:hover .icon {transform: translateX(160px);}
    .animated-button .icon::before {top: -1px;}
    .animated-button:hover .icon {transform: translateX(90px);
        
    }
    
}