/*
Theme Name: Rutland Pet Supplies
Theme URI: https://wordpress.org/themes
Author: the WordPress team
Author URI: https://wordpress.org/
Description: This is custome theme developed to get better performance in page speed.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: custome-theme
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Underscores is distributed under the terms of the GNU GPL v2 or later. */

@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&family=Titan+One&display=swap');
/*
font-family: "Poppins", sans-serif;
font-family: "Titan One", sans-serif;
*/

.container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1600px;
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: 0 0;
}
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    margin: 0;
    padding: 0;
    line-height: 1.5;
    font-size: 14px;
    font-family: "Poppins", sans-serif;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
* {
    margin: 0;
    padding: 0;
    outline: 0;
}
.section_padding{
    padding: 100px 0px;
}
.quote_section{
    padding: 150px 0px;
}
.mb-50{margin-bottom: 50px; }
.mb-25{margin-bottom: 25px; }
.mb-10{margin-bottom: 10px; }
.mr-15{margin-right: 15px; }
.mr-70{margin-right: 70px; }
.mt-50{margin-top: 50px;}
.pt-50{padding-top: 50px;}
.poppins_fonts{font-family: "Poppins", sans-serif;}
/*=========================
        Color group
==========================*/
.black_color,body,h1,h2,h3,h4,h5,h6,.btn-link:hover,a:hover,h3.widget-title,.comment-body table th,.entry-content table th,.commentlist li.bypostauthor .fn a,
.commentlist li.bypostauthor .fn, ol.commentlist li.bypostauthor .fn,.commentlist .reply a,ol.commentlist .reply a,.wpcf7 input[type="date" i],.wpcf7 input[type="email"],.wpcf7 input[type="number" i],
.wpcf7 input[type="tel"],.wpcf7 input[type="text"],select,.wpcf7 textarea,.headermenu ul li a,.headermenu ul li ul li.menu-item-has-children > a:after,.headermenu ul li a:hover,
.headermenu ul li.current-menu-ancestor a.parent,.headermenu ul li ul.sub-menu li.current_page_item a,.footer ul li a,
.social-icons a:hover,.prev-post span,.next-post span,.post-nav a,.eme-testimonials-widget .carousel-control-next,.eme-testimonials-widget .carousel-control-prev,
.eme-testimonials-widget .carousel-control-next,.eme-testimonials-widget .carousel-control-prev,a:hover{
    color:#290849;
}
.white_color,h1.page-title,#commentform input#submit,.btn-primary,.btn-secondary,.button,.footer_copyright_section,.header_top,.page-header-title,.wpcf7 input[type="submit"],input#searchsubmit,
.table .thead-light th,.button:hover,.nav-next a,.nav-previous a,.site-nav-next a,.site-nav-previous a,#commentform input#submit:hover,.wpcf7 input[type="submit"],.custom_breadcrumb,
.custom_breadcrumb a,ul.social li a, .header_cntct_info a{
    color:#fff;
}
.primary-color,.btn-link, #content-area a{
    color:#290849;
}
.headermenu ul li.current_page_item a, .headermenu ul li ul li a:hover, .headermenu ul li a:hover{
    color: #290849;font-weight: 700;
}
.purple_color{color: #290849 !important;}
.Yellow_color  { color:#FDC302 !important;}
.White_color  { color:#ffffff !important;}
.Black_color  { color:#000000 !important;}


/* Buttons */
a.btn, #btn1{
    padding: 15px 40px;
    color: #ffffff !important;
    background: #FDC302 !important;
    border-radius: 10px 0px 10px 0px;
    font-size: 18px;
    letter-spacing: 1px;
}
a.btn:hover, a.white_btn:hover{background:#000000;transition: border-radius 1s;}
a.purple_btn{
    padding: 15px 40px;
    color: #FDC302 !important;
    background: #290849 !important;
    font-family: "Poppins", sans-serif !important;
    background: #ffffff;
    border-radius: 100px;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    box-shadow: 4px 6px 0px 0px rgba(255, 242, 204, 1);
}
a.purple_btn:hover{
    color: #290849 !important;
    background: rgba(255, 242, 204, 1) !important;
    box-shadow: 4px 6px 0px 0px #290849;
}
a.yellow_btn, .wpcf7 input[type="submit"], button.single_add_to_cart_button, input#submit{
    padding: 15px 40px !important;
    color: #290849 !important;
    background: #FDC302 !important;
    font-family: "Poppins", sans-serif !important;
    border-radius: 100px !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    display: inline-block !important;
    box-shadow: 4px 6px 0px 0px #290849 !important;
    border: none !important;
}
a.yellow_btn:hover, .wpcf7 input[type="submit"]:hover, button.single_add_to_cart_button:hover, input#submit:hover{
    color: #FDC302 !important;
    background: #290849 !important;
    box-shadow: 4px 6px 0px 0px #FDC302 !important;
}
a.yellow_btnn{
    padding: 15px 40px;
    color: #290849 !important;
    background: #FDC302 !important;
    font-family: "Poppins", sans-serif !important;
    background: #ffffff;
    border-radius: 100px;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    box-shadow: 4px 6px 0px 0px #F5EDFD;
}
a.yellow_btnn:hover{
    background: #F5EDFD !important;
    box-shadow: 4px 6px 0px 0px #FDC302;
}

/*=========================
    Background group
==========================*/
.black_bgcolor,.table .thead-light th,.btn-secondary,.btn-primary:hover, .header_top{
    background:#000;
}
.white_bgcolor,body,.price tr:nth-child(odd),.commentlist article,.commentlist li.bypostauthor li article,ol.commentlist li.bypostauthor li article,
.cntct_header_menu,.white-popup,.commentlist,ol.commentlist,.headermenu ul li:hover > ul.sub-menu {
    background:#FFFDF5;
}
.primary-bgcolor,.responsive_menu,ul.social li a,#commentform input#submit,.btn-primary,.button,.footer_copyright_section,.page-header-title,.wpcf7 input[type="submit"],input#searchsubmit,
.logo_with_cnctcinfo ul.header_contect i,.btn-secondary:hover{
    background: #290849;
}
.header_top, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, a.btn, a.white_btn{
    font-family: "Titan One", sans-serif;;
}
.slider_text {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
}
h1,
h2,
h3,
h4
{
    font-family: "Titan One", sans-serif;
    margin: 0 0 20px;
    padding: 0;
    line-height: 1.1;
    font-weight: 400; 
    text-transform: uppercase;
}
h5,
h6 {
    font-family: "Titan One", sans-serif;
    font-weight: 600;
}
p ,#commentform input#submit,.btn-primary,.btn-secondary,.button {
    font-size: 16px;
}
h1{
    font-size: 100px;

}
h1.page-title {
    font-size: 40px;
    font-weight: 400 !important;
    margin-bottom: 0;
}
h2 {
    font-size: 60px;
    font-weight: 400 !important;
}
#sidebar h3,
h3 {
    font-size: 48px;
    font-weight: 300 !important;
}
h4 {
    font-size: 24px;
}
h5 {
    font-size: 22px;

}
h6 {
    font-size: 20px;
    font-family: "Poppins", sans-serif;
}
h1.page-title {
    /*text-align: center;*/
    font-weight: 700;
}
img {
    height: auto;
    max-width: 100% !important;
}
.aligncenter,
.gallery-caption,
.sticky,
.wp-caption,
.wp-caption-text {
    margin: 0;
    padding: 0;
    max-width: 100%;
}
.btn-link,
a {
    text-decoration: none;
}
.btn-link:hover,
a:hover {
    text-decoration: none;
}
ol li ol,
ul li ul {
    margin-left: 10px;
}
ol,
ul {
    margin: 0 0 1.5em;
    list-style: decimal;
    padding: 0;
}
ul {
    list-style: disc;
}
ol li,
ul li {
    position: relative;
    margin-bottom: 0;
}
#comment-nav-above .nav-previous,
#comment-nav-below .nav-previous {
    float: none !important;
    margin: 10px 0;
}
ol.comment-list li {
    list-style: none;
    margin-bottom: 5px;
}
.clear {
    clear: both;
}
.alignleft,
img.alignleft {
    float: left;
    margin: 0 15px 0 0;
    padding: 5px;
}
.alignright,
img.alignright {
    float: right;
    margin: 0 0 0 15px;
    padding: 5px;
}
.aligncenter,
img.aligncenter {
    margin: 0 auto 20px auto;
    padding: 5px;
    text-align: center;
}
aside.widget {
    margin-bottom: 30px;
}
aside.widget ul {
    list-style: disc;
}
h3.widget-title {
    padding: 12px 15px;
    margin-bottom: 5px;
    border: 1px solid #000;
    border-radius: 5px;
    font-size: 18px;
}

.grid-layout .siteblog_listing {
    float: left;
    width: 31.2%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0 2% 25px 0;
}
.grid-layout .siteblog_listing h3 {
    font-size: 18px;
}
.grid-layout .siteblog_listing .post-thumb {
    width: 100%;
    float: none;
    margin: 0 0 25px;
    height: 200px;
    overflow: hidden;
}
table {
    width: 100%;
}
.table .thead-light th{
    border-color: #fff;
    border-bottom: none;
    border-left: none;
    border-top: none;
}
.table td,
.table th {
    padding: 15px 10px;
}
table td,
table th {
    padding: 12px 10px;
    vertical-align: middle;
}
#commentform input#submit,
.btn-primary,
.btn-secondary,
.button {
    border: none;
    padding:16px 30px;
    display: inline-block;
}
.btn-secondary.focus,
.btn-secondary:focus,
.button:focus {
    box-shadow: none;
}
.nav-next,
.nav-previous,
.site-nav-next,
.site-nav-previous {
    float: left;
    padding: 10px;
    border-radius: 5px;
}
.nav-next,
.site-nav-next {
    float: right;
}
#comments {
    margin: 30px 0;
    padding: 0;
}
ol.commentlist {
    list-style: none;
}
#commentform p {
    margin: 5px 0;
}
#commentform label {
    display: inline-block;
}
.comment-respond {
    margin-bottom: 70px;
}
#commentform input#author,
#commentform input#eazycfc_captcha,
#commentform input#email,
#commentform input#url,
#commentform textarea {
    max-width: 94%;
    padding: 15px 2%;
    width: 100%;
    border: none;
    border-radius: 10px;
    background: #FFF2CC;
}
#commentform textarea {
    max-width: 98%;
}
ol.commentlist li {
    background: #F5EDFD;
    border-radius: 15px;
}
p.comment-form-author,
p.comment-form-email,
p.comment-form-url {
    width: 33.33%;
    float: left;
}
#commentform input#submit:hover {
    border-bottom-color: #000;
}
.form-allowed-tags {
    display: none;
}
ul.errormsg li {
    padding: 5px;
}
.table {
    color: inherit;
}
.comment-body table,
.entry-content table {
    border-collapse: collapse;
    margin: 10px 0;
}
.comment-body table td,
.comment-body table th,
.entry-content table td,
.entry-content table th {
    padding: 10px 5px;
    text-align: left;
}
.comment-body table th,
.entry-content table th {
    font: normal 18px Oswald;
    border-bottom: 1px #888 solid;
}
.comment-body table td,
.entry-content table td {
    border-bottom: 1px #000 solid;
}
.fvch-codeblock:hover .comment-form-url {
    display: block !important;
}
.commentlist,
ol.commentlist {
    list-style: none;
    margin: 10px 0;
    padding: 10px 0;
}
.commentlist li,
ol.commentlist li {
    list-style: none;
    background-image: none;
    padding: 30px;
    margin-left: 0;
    margin-bottom: 25px;
}
.comment-author img.avatar {
    width: 65px;
    display: block;
    margin-bottom: 15px;
    border-radius: 100%;
}
span.says {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
}
.commentlist li.bypostauthor .fn a {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
}
.commentlist li ol li.depth-2,
.commentlist li ol li.depth-3,
.commentlist li ol li.depth-4,
ol.commentlist li ol li.depth-2,
ol.commentlist li ol li.depth-3,
ol.commentlist li ol li.depth-4 {
    border-bottom: none;
}
.commentlist li.bypostauthor article,
ol.commentlist li.bypostauthor article {
    background: #f9ffe1;
}
.commentlist article,
.commentlist li.bypostauthor li article,
ol.commentlist li.bypostauthor li article {
    border: none;
    padding: 10px;
    position: relative;
}
.commentlist li .fn {
    font-weight: 400;
    font-size: 15px;
    font-style: normal;
}
img.avatar {
    vertical-align: middle;
    position: static;
    display: inline-block;
}
.commentlist article a time {
    display: block;
    clear: both;
    padding: 5px 0 10px;
    font-size: 11px;
    font-style: italic;
}
.commentlist,
ol.commentlist p {
    font-size: 14px;
}
.commentlist .reply span,
ol.commentlist .reply span {
    display: none;
}
.commentlist .reply a,
ol.commentlist .reply a {
    padding: 10px 0;
    text-align: center;
    line-height: 1.5;
    margin: 5px 0;
    font-weight: 700;
    border-radius: 5px;
}
.comment-author.vcard {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 15px;
}
.comment-list ul.children li.comment {
    background-image: none;
    padding-left: 5px;
}
.wpcf7 {
    margin: 30px 0 0;
    padding: 0;
}
.wpcf7 input[type="date" i],
.wpcf7 input[type="email"],
.wpcf7 input[type="number" i],
.wpcf7 input[type="tel"],
.wpcf7 input[type="text"],
select {
    width: 100%;
    background: #FFF2CC;
    padding: 17px;
    margin-bottom: 0;
    border-radius: 100px;
    border: none;
}
.wpcf7 textarea {
    width: 100%;
    background: #FFF2CC;
    height: 100px;
    padding: 20px;
    padding-right: 0;
    border-radius: 100px;
	margin-bottom:15px;
    border: none;
}
/*.wpcf7 input[type="submit"] {
    padding: 15px 19px;
    border: none;
    font-weight: 600;
    font-size: 16px;
    border-radius: 8px;
    width: 220px;
    margin-top: 15px;
}*/
.wpcf7 input[type="submit"]:hover{
    background: #ffc96a;
    color: #000000;
}
.wpcf7 input::placeholder {
    color: #290849;
}

.wpcf7-spinner{
    display: block;
}
.wpcf7 label {
    display: block;
}
span.wpcf7-list-item {
    margin: 0 1em 0 0;
    display: block;
}
button,
input,
optgroup,
select,
textarea {
    vertical-align: middle;
}
.logo {
    float: left;
    z-index: 999999!important;
    padding: 0px 0;
    position: relative;
}
.header_top {
    text-align: right;
    padding: 15px 0;
    z-index: 9999999 !important;
    position: relative;
    font-size: 18px;
    letter-spacing: 1px;
}
.header_top p{
    margin-bottom:0;
}
#header {
    padding: 10px;
    /*background: #000000;*/
}
.home #header {
    background: transparent;
}
.header .container {
    /*background: #F7F7F5;
    padding: 20px;
    border-radius: 15px;*/
}
.newClass .header {
box-shadow: -21.213px 21.213px 30px 0 rgba(158, 158, 158, 0.3);
}
ul.header_cntct_info, ul.social_info {
    list-style: none;
}
ul.header_cntct_info li, ul.social_info li {
    display: inline-block;
    margin-right: 25px;
}
li.social::after {
    content: ' ';
    width: 2px;
    height: 20px;
    background: #fff;
    display: inline-block;
    position: absolute;
    right: -15px;
}
.header {
    width: 100%;
    z-index: 999;
    top: auto;
    position: relative;
}
.header_main .navbar, .header_main .navbar-brand{
    padding: 0px;
}
#header .headermenu ul li.current_page_item:after, #header .headermenu ul li.current_page_item:before, #header .headermenu ul li:hover::after, #header .headermenu ul li:hover::before {
    width: 100%;
}

.headermenu ul {
    margin: 0;
    padding: 0;
    font-weight: 400;
    margin-right: auto !important;
}
.headermenu ul li {
    display: inline-block;
    position: relative;
    margin: 0;  
}
.headermenu ul li:last-child {
    border-right: none;
}
.headermenu ul li a {
    font-size: 16px;
    display: block;
    text-align: center;
    padding: 10px 25px;
    font-family: "Poppins", sans-serif;
    color: #290849;
}
.headermenu ul li ul li {
    display: block;
    position: relative;
    float: none;
    top: 0;
    padding: 0;
}
.headermenu ul li ul li.menu-item-has-children > a:after {
    display: none;
    content: "\e906";
    font-family: icomoon;
    font-size: 12px;
    padding: 0 3px;
    position: absolute;
    top: 8px;
    font-weight: 300;
}
.headermenu ul li.menu-item a>i {
    font-size: 12px;
    margin-left: 5px;
    line-height: 1;
    top: -2px;
}
.headermenu ul li ul li a {
    display: block;
    padding: 15px 20px;
    position: relative;
    top: 1px;
    text-align: left;
}
.headermenu ul li ul {
    display: none;
    z-index: 9999999;
    position: relative;
    top: 60px; 
    -webkit-box-shadow: 0px 5px 16px 0px rgb(0,0,0,0.28);
    -moz-box-shadow: 0px 5px 16px 0px rgb(0,0,0,0.28);
    box-shadow: 0px 5px 16px 0px rgb(0,0,0,0.28);
}
.headermenu ul li:hover > ul {
    display: block !important;
    width: 120px;
    position: absolute;
    left: 0;
    text-align: left;
}
.headermenu ul li:hover ul li ul {
    display: none;
    position: relative;
}
.headermenu ul li:hover ul li:hover > ul {
    display: block;
    position: absolute;
    left: 200px;
    top: 0;
}
.headermenu ul li ul li a {
    border-right: none;
    font-family: "Poppins", sans-serif;
    text-transform: capitalize;
    font-size: 16px;
}
.headermenu ul li ul li i {
    transform: rotate(-90deg) !important;
    right: 20px!important;
    position: absolute;
    top: 17px !important;
}
.headermenu ul li:hover > ul.sub-menu {
    top: 100%;
    width: 200px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.header .menu {
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    height: 45px;
    top: 50%;
    margin-top: -22px;
    background: transparent;
}
.header .col-xs-12 {
    display: flex;
    align-items: center;
    margin: 0 auto;
    max-width: 100%;
}
.header .logo img {
    max-width: 175px;
}
li.header_btn a {
    background: #F3765A;
    color: #ffffff !important;
    font-size: 14px !important;
    border-radius: 5px !important;
    margin-right: 15px;
}
.responsive_menu {
    position: fixed;
    display: none;
    height: 100%;
    width: 250px;
    right: -250px;
    z-index: 99999999;
    background: #290849;
}
ul#menu-main-menu-1 i.fas,
ul#menu-main-menu-2 i.fas {
    margin-left: 10px;
}
.newClass .sticky-top {
    transition: all 0.5s;
    box-shadow: -21.213px 21.213px 30px 0 rgba(158, 158, 158, 0.3);
    position: fixed;
    top: 0;
    width:100%;
    background: #fff2cc;
    left: 0;
    padding: 10px 0px;
}
.logo_with_cnctcinfo_sticky {
    display: none;
}
.newClass .logo_with_cnctcinfo_sticky {
    display: block;
}

.page-top.page-header-title {
    padding: 50px 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.custom_breadcrumb {
    font-weight: 700;
    margin: 15px 0;
}
.carousel-item.slide {
    height: 95vh;
    background-size:cover;
}
.carousel-inner::after, .arc_design::after {
    content: ' ';
    width: 156px;
    height: 147px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url(/wp-content/uploads/2020/12/arc.png);
    background-size: 100%;
}
.arc_design::before{
    content: ' ';
    width: 156px;
    height: 147px;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(/wp-content/uploads/2021/01/arc.png);
    background-size: 100%;
}
span.carousel-control-next-icon, span.carousel-control-prev-icon {
    position: relative;
}

span.carousel-control-next-icon::after, span.carousel-control-prev-icon::after {
    content: ' ';
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,0.8);
    display: block;
    position: absolute;
    top: -10px;
    left: -10px;
    border-radius: 0px 5px 0px 5px;
}
.arc_design{position: relative;}
.home #content-area {
    padding-top: 0px;
}
.home_slider {
    margin-top: -150px;
    z-index: 888;
}
.footer {
    width: 100%;
    z-index: 888;
    top: auto;
    position: relative;
    margin-top: 300px;
}
.footer p{
    color: #ffffff;
}
.footer ul{
    list-style: none;
        display: inline-block;
}
.footer ul li a {
    text-decoration: none;
    display: block;
    padding: 5px 0;
    font-size: 16px;
    color: #ffffff;
}
.footer ul li a:hover{
    color: #FDC302;
}
ul.social_icons li {
    display: inline-block;
    margin: 0px 10px 10px 0px;
}
.footer ul.services li {
    width: 50%;
    float: left;
}
.footer_widget_section {
    padding: 50px 0;
    border-top: 1px solid #000000;
}
.foo_contact ul li {
    margin-bottom: 15px;
}

.footer_copyright_section .container {
    padding: 15px 0;
    border-top: 1px solid #FDC302;
}
.foo_contact ul li img {
    vertical-align: middle;
    background: rgba(253, 195, 2, 0.2);
    border-radius: 100%;
    max-width: 50px !important;
    margin-right: 10px;
}
.footer_copyright_section a{
    color: #ffffff;
}
.footer_copyright_section p {
    margin-bottom: 0;
}
.page-not-found h2 {
    font-size: 140px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.5;
}
.page-not-found p {
    font-size: 1.4em;
    line-height: 36px;
}
.social-icons a {
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    margin: 0;
    padding: 8px;
    font-size: 18px;
}
.social-icons br {
    display: none;
}
ul.social {
    list-style: none;
}
ul.social li {
    display: inline-block;
    margin-right: 5px;
    margin-left: 0;
    text-align: center;
}
ul.social li:before {
    display: none;
}
ul.social li a {
    padding: 7px;
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50px;
}
ul.social li a i {
    font-size: 22px;
}
/*#content-area {
    padding: 40px 0;
}*/
.website_content {
    padding: 50px 0;
}
.main-content .left_side {
    padding-right: 30px;
}
.comment__post {
    padding-top: 50px;
}
h2.screen-reader-text {
    display: none;
}
.eme-signposts-widget .style1,
.eme-team-widget .style1 {
    text-align: center;
    padding: 10px;
}
.eme-signposts-widget .style2,
.eme-team-widget .style2 {
    display: inline-block;
    padding: 10px;
}
.eme-signposts-widget .style2 .eme-image,
.eme-team-widget .style2 .team_image {
    display: table-cell;
    vertical-align: top;
    width: 150px;
}
.eme-signposts-widget .style2 .card-body,
.eme-team-widget .style2 .card-body {
    display: table-cell;
    vertical-align: middle;
}
.eme-team-widget .team_social {
    display: inline-flex;
}
.eme-testimonials-widget .testimonial-image {
    width: 200px;
    margin: 0 auto;
}
.eme-testimonials-widget .content-testimonial {
    text-align: center;
}
.eme-testimonials-widget .carousel-control-next,
.eme-testimonials-widget .carousel-control-prev {
    font-size: 40px;
}
.eme-testimonials-widget .carousel-control-next:before,
.eme-testimonials-widget .carousel-control-prev:before {
    content: "";
    position: absolute;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 1px solid #000;
    margin-top: 8px;
    margin-left: 1px;
}
.white-popup {
    position: relative;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
}
.slider_info {
    top: 50%;
    transform: translate(-50%,-40%);
    position: absolute;
    left: 50%;
}
.slider_info h2 {
    font-size: 50px;
    color: #ff8000;
}
.services_block{
    padding: 25px 15px;
    background: #eeeeee;
    border-radius: 20px 0px 20px 0px;
    transition: transform 500ms ease-in-out 25ms;
}
.services_block:hover{
    color: #ffffff;
   /* transform: scale(1.05, 1.05);*/
    background-size: cover;
    background-image: linear-gradient(315deg, rgba(245,134,52,0.8) 0%, rgba(245,212,18,0.8) 100%),url(/wp-content/uploads/2020/12/services_bg.jpg);
}
.service_info .services_info {
    padding: 15px 15px 5px 15px;
}
.service_info img{
    margin-bottom: 0px !important;
    vertical-align: bottom;
    border-radius: 15px 15px 15px 15px;
}
.service_info a{
    color: #333333 !important;
}
.service_info a:hover .services_info {
    background: #664100;
    border-radius: 0px 0px 15px 15px;
}
.service_info a:hover img{
    border-radius: 15px 15px 0px 0px;
}
.service_info a:hover .services_info h4, .service_info a:hover .services_info p{color: #ffffff;}
.services_block:hover h6{color: #ffffff;}
.services_block:hover .services_icon{
    background: #ffffff;
    color: -webkit-linear-gradient(left,rgba(245,212,18,1) 0,rgba(245,134,52,1) 90%);
}
.services_block:hover .services_icon span{
    color: #cc7400;
    background: linear-gradient(to right bottom, #ffbf00, #ffb000, #ffa000, #ff9000, #ff8000);;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.services_icon {
    width: 87px;
    height: 87px;
    margin: 0 auto;
    padding: 24px;
    background: linear-gradient(to right bottom, #ffbf00, #ffb000, #ffa000, #ff9000, #ff8000);;
    margin-bottom: 25px;
    border-radius: 15px 0px 15px 0px;
    color: #ffffff;
}
span.icon-plus.readmore {
    position: absolute;
    padding: 12px;
    background: #ffffff;
    bottom: 10px;
    left: 50%;
    margin-left: -18px;
    color: rgb(245 134 52);
    border-radius: 10px 0px 10px 0px;
    opacity: 0;
    transition: 0.70s;
}
.services_block:hover span.icon-plus.readmore {
    opacity: 1;
    transform: rotate(360deg);
}
.portfolio_block img {
    filter: grayscale(1);
}
.portfolio_block {
    position: relative;
}
.btn_block {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgb(51,51,51);
    background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 77%);
    border-radius: 15px 0px 15px 0px !important;
}
a.white_btn.portfolio_btn {
    bottom: 15px;
    position: absolute;
    left: 15px;
}
.portfolio_block:hover img {
    filter: grayscale(0);
}
.portfolio_block:hover .btn_block {
    background: rgb(255,255,255);
    background: radial-gradient(circle, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 59%);
}
.process_step {
    width: 100px;
    height: 100px;
    background: #0E5841;
    border-radius: 100%;
    display: block;
    text-align: center !important;
    padding: 35px 25px !important;
    font-size: 32px;
    line-height: 1;
    margin: 0 auto;
    margin-bottom: 30px;
}
.process_step_details {
    background: #0E5841;
    padding: 15px;
    border-radius: 15px;
    color: #1DB686;
}
.process_step_details h4 {
    color: #1DB686;
}
.step_no{
    color: #1DB686;
}
.process_box:hover .process_step, .process_box:hover .process_step_details{
    background: #1DB686;
    
}
.process_box:hover .step_no, .process_box:hover .process_step_details h4, .process_box:hover .process_step_details{
    color: #ffffff;
}

.testimonial_block {
    border-radius: 15px;
    padding: 20px;
    max-width: 770px;
    border: 1px solid #FFC96A;
    background: #FFFBF5;
}
.col-md-7.project_col {
    padding-left: 13%;
}
.project_col {
    background-image: url(/claierhenry/wp-content/uploads/2024/10/test.png);
    background-repeat: no-repeat;
    background-position: 100px 0px;
}
.project_col button {
    border: none;
    background: transparent;
    bottom: 0;
    top: 105% !important;
    outline: none;
}
.slick-slide img {
    display: inline-block;
}
.footer_contact_form .container{
    background: #FDC302;
    padding: 70px 50px 0px;
    border-radius: 32px;
    margin-top: -250px;
}
.footer_logo {
    padding: 50px 0px;
}
a.ow-button-base.sowb-button {
    background: #F3765A;
    color: #ffffff !important;
    font-size: 14px !important;
    border-radius: 5px !important;
    margin-right: 15px;
    padding: 15px 30px;
    margin-top: 15px;
    display: inline-block;
}
a.ow-button-base.sowb-button:hover{
    background: #000000 !important;
}
.project_col button.slick-next.slick-arrow {
    right: 20%;
}
.project_col button.slick-prev.slick-arrow {
    right: 25%;
}
.testi_quoter.arc {
    width: 60px;
    height: 60px;
    font-size: 28px;
    background-image: linear-gradient(to right bottom, #ffbf00, #ffb000, #ffa000, #ff9000, #ff8000);
    padding: 10px;
    color: #ffffff;
    margin: 0 auto 50px auto;
}


.testimonial_block p{
    line-height: 1.2;
}
.services_area a.white_btn {
    width: 90%;
}
.footer_widget_section {
    background-size: cover;
    background-position: center;
    background-color: #290849;
    position: relative;
}
.footer_widget_section h6{
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-weight: 600;
}

a.white_btn:hover{
    background-image: linear-gradient(to right bottom, #ffbf00, #ffb000, #ffa000, #ff9000, #ff8000);
}
ul#menu-footer-menu li, ul.awesome_list_style li {
    width: 50%;
    float: left;
    margin-bottom: 15px;
    padding-left: 35px;
}
ul.awesome_list_style{list-style: none;}
ul.awesome_list_style li{line-height: 3;}
ul#menu-footer-menu li a {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
}
ul#menu-footer-menu li::before, ul.awesome_list_style li::before {
    content: ' ';
    width: 20px;
    height: 23px;
    display: block;
    background-image: linear-gradient(to right bottom, #ffbf00, #ffb000, #ffa000, #ff9000, #ff8000);
    border-radius: 5px 0px;
    position: absolute;
    left: 0;
    top: 10px;
}
.footer_logo {
    border-left: 2px dashed #aaa;
    border-right: 2px dashed #aaa;
    margin: 0px 5px;
}
ul.footer_contact_info li span {
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 18px;
}

ul.footer_contact_info li {
    padding-left: 40px;
    margin-bottom: 20px;
    color: #ffffff;
    list-style: none;
    font-size: 16px;
}
/*li.address::before, li.email::before, li.phone::before {
    position: absolute;
    left: 0;
    content: "\ef79";
    font-family: 'IcoFont';
    font-size: 24px;
}*/
/*li.address::before {content: "\ef79";}
li.email::before {content: "\ef14";}
li.phone::before {content: "\ec49";}*/
.footer_social ul {margin-bottom: 0;}
.footer_social ul li {display: inline-block;margin-right: 5px;}
.footer_social ul li a {padding: 5px;width: 40px;height: 40px;text-align: center;font-size: 20px;background: #fff; border-radius: 10px 0px; color: #ff8000;}
.footer_social ul li a:hover{background:#333;}
#casestudy, #beacome_stockist {
    position: relative;
}
.footer_widget_section::after, #casestudy::after, #beacome_stockist::after {
    content: ' ';
    width: 75px;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url(/wp-content/uploads/2025/04/shape-border11.png);
    background-size: 100% !important;
    background-size: contain;
}
.footer_widget_section::before, #casestudy::before, #beacome_stockist::before {
    content: ' ';
    width: 75px;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url(/wp-content/uploads/2025/04/shape-border22.png);
    background-size: 100% !important; 
    background-size: contain;
}
.slick-arrow {
    font-size: 40px;
    color: #ff8000;
    top: 45% !important;
    position: absolute;
    cursor: pointer;
}
.slick-custom-arrow-left.slick-arrow {
    left: -50px;
}
.slick-custom-arrow-right.slick-arrow {
    right: -50px;
}



/* Mega Menu */

.headermenu ul li.megamenu ul.sub-menu{
	max-width: 1320px;
    width: 1320px !important;
    position: absolute;
    transform: translateX(-58%);
    padding: 20px 15px;
}
.headermenu ul li.megamenu ul.sub-menu li {
    width: 25%;
    float: left;
    margin-bottom: 10px;
}

.headermenu ul li.megamenu ul.sub-menu li a:hover{color: rgb(245 134 52);}
.headermenu ul li.megamenu ul.sub-menu li a span{font-size: 24px;margin-right: 10px;}
.headermenu ul li.megamenu ul.sub-menu li:after, .headermenu ul li.megamenu ul.sub-menu li:before{
	display: none !important;
}
.header_icon span {
    font-size: 200px;
    opacity: 0.5;
}
.header_icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.headerinfo {
    position: relative;
}
.cinfo span, .cinfo a{
    display: block;
}
.cinfo {
    padding: 25px 50px;
    background: linear-gradient(to right bottom, #ffbf00, #ffb000, #ffa000, #ff9000, #ff8000);
}
input#Submit {
    padding: 15px 40px;
    color: #ffffff !important;
    background: rgb(255,255,0);
    background: linear-gradient(to right bottom, #ffbf00, #ffb000, #ffa000, #ff9000, #ff8000);
    border-radius: 10px 0px 10px 0px;
    font-size: 18px;
    letter-spacing: 1px;
}
span.icofont-location-pin {
    font-size: 50px;
    margin-bottom: 15px;
}
/*.page-template-contact #content-area, .page-template-about #content-area, .page-template-default #content-area { 
    padding-bottom: 0px; 
}*/
.contact_form input.wpcf7-form-control.wpcf7-text, .contact_form .wpcf7 textarea{margin-bottom: 30px;border: 1px solid #cccccc !important;}
.foo_form_sec {
    background-color: #fff;
    padding: 15px 26px 50px;
    -webkit-box-shadow: 0 8px 57px rgba(0, 0, 0, .25);
    -khtml-box-shadow: 0 8px 57px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 8px 57px rgba(0, 0, 0, .25);
    -ms-box-shadow: 0 8px 57px rgba(0, 0, 0, .25);
    -o-box-shadow: 0 8px 57px rgba(0, 0, 0, .25);
    box-shadow: 0 8px 57px rgba(0, 0, 0, .25);
    position: relative;
    border-radius: 0px 30px;
}
.foo_form_sec .wpcf7-form .wpcf7-form-control-wrap {
    margin-bottom: 16px;
    display: block;
}
.foo_form_sec input.wpcf7-form-control, .foo_form_sec .msg{
    background-color: #f6f6f6;
    border-color: #f6f6f6;
    font: 400 13.3333px Arial;
    font-style: italic;
}
.foo_form_sec:after {
    content: '';
    border-width: 30px;
    border-style: solid;
    border-color: #f5ad0d transparent transparent #f5ad0d;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.foo_form_sec:before {
    content: "\efb4";
    font-family: "IcoFont";
    font-size: 25px;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 2;
    color: #fff;
    line-height: 1;
}
.foo_service {
    box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.15);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 0px 0px 25px 0px;
    padding: 45px 30px;
    min-height: 240px;
    border-radius: 0px 10px;
}
.foo_service span {
    font-size: 50px;
    margin-bottom: 15px !important;
    display: block;
}
p.service_name {
    font-weight: 700;
    font-size: 18px;
}
.foo_service:hover {
    /*background: linear-gradient(90deg, rgba(255, 176, 0, 1) 0%, rgba(255, 128, 0, 0.8) 100%);*/
    background: linear-gradient(to right,#555 0,#000 100%);
    color: #ffffff; 
}
.service_desc {
    line-height: 2;
}
.technology {
    padding: 36px 30px 36px 38px;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 12px 19px 62px 28px rgba(13, 52, 79, 0.07);
    transition: 1.2s;
}
.technology:hover {
    transform: scale(1.05);
    background: linear-gradient(to right,#555 0,#000 100%);
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    box-shadow: 14px 24px 43px 0px rgba(33, 41, 48, 0.42);
    color: #ffffff;
    cursor: pointer;
}
.heading_block {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}
.experts_tech span{
    font-size: 40px;
    margin-bottom: 10px;
    display: block;
    position: relative;
    z-index: 8;
    margin-left: 8px;
}
.experts_tech {
    position: relative;
}
.experts_tech::after {
    content: ' ';
    width: 55px;
    height: 55px;
    display: block;
    background-image: linear-gradient(to right bottom, #ffbf00, #ffb000, #ffa000, #ff9000, #ff8000);
    border-radius: 15px 0px;
    position: absolute;
    bottom: -5px;
}
.page-template-portfolio .page-top {
    display: none;
}
.portfolio_img {
    display: block;
    width: 100%;
    height: 350px;
    overflow: hidden;
    position: relative;
    border: 2px solid #ff8000;
    border-radius: 1px;    
    background-size: 125%;
    background-position: top;

}
.portfolio_img:hover {
  top: 0%;
  -webkit-transition: all 11s;
  -moz-transition: all 11s;
  -ms-transition: all 11s;
  -o-transition: all 11s;
  transition: all 11s;
  background-size: cover;
    background-position: bottom;
}
p.section_description { 
    max-width: 1000px; 
    margin-left: auto; 
    margin-right: auto; 
}

#accordion .card{border-radius: 0px 20px;}
#accordion .card-header{background: linear-gradient(to right,#555 0,#000 100%);padding: 20px; border-radius: 0px 20px;}
#accordion .card-header a{color: #ffffff !important;display: block;}

.contact_link a{
    padding: 15px 5px 15px 65px;
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    color: #000000 !important;
    font-size: 16px;
    background-size: contain;
}
.phone_link a{
    background-image: url(/claierhenry/wp-content/uploads/2024/10/phone.png);
}
.mail_link a{
    background-image: url(/claierhenry/wp-content/uploads/2024/10/mail.png);
}
.address_link a{
    background-image: url(/sabin/wp-content/uploads/2024/08/Frame-4.png);
    padding-top: 0px;
}
.service_img {
    position: relative;
}
.readmore_link {
    position: absolute;
    width: 62px;
    height: 62px;
    right: 0;
    top: -13px;
    background: #333333;
    border-radius: 100%;
    padding: 19px;
}
.service_info a:hover .readmore_link{
    background: #F3765A;
}
.sp-lc-pagination.swiper-pagination.dots.swiper-pagination-clickable.swiper-pagination-bullets {
    display: none;
}
.logo-carousel-free .sp-lc-logo img{
    max-width: 250px;
}
#casestudy_slider{
    overflow: hidden;
}
#casestudy_slider img{
    border-radius: 15px;
}
#pgc-32-7-0 {
    margin-left: 13%;
}
.image_block {
    background-repeat: no-repeat;
}
form.is-search-form {
    max-width: 600px;
}
input#is-search-input-72 {
    height: 60px;
    border-radius: 30px 0px 0px 30px;
}
span.is-search-icon {
    width: 60px;
    height: 60px;
    padding-top: 18px !important;
    border-radius: 0px 30px 30px 0px;
}
.is-form-style button.is-search-submit{
    height: 60px;
}
ul.stockists_lists {
    list-style: none;
    width: 100%;
}
ul.stockists_lists li {
    width: 32%;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    margin: 5px 0px;
}
#our_stokies, #toys {
    position: relative;
}
#our_stokies::before, #toys::before {
    content: ' ';
    width: 55px;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url(/wp-content/uploads/2025/04/shape1.png);
    background-size: 100%;
    background-size: contain;
}
#our_stokies::after, #toys::after {
    content: ' ';
    width: 55px;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url(/wp-content/uploads/2025/04/shape2.png);
    background-size: 100%;
    background-size: contain;
}
#best_seller {
    background-image: url(/wp-content/uploads/2025/04/shape.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.newClass .sticky-top .logo img {
    max-width: 100px !important;
}
.eme-team-widget {
    background: #290849;
    border-radius: 16px;
}
.eme-team-widget .card-body {
    padding: 5px;
}
.eme-team-widget .card-text p {
    margin-bottom: 0px;
    font-size: 24px;
    color: #FDC302;
    font-weight: 600;
}
.sow-features-feature {
    border: 1px solid #290849;
    padding: 50px !important;
    border-radius: 25px;
}
.sow-features-feature .textwidget {
    margin-top: 15px;
}
.category-slide {
    padding: 6px;
    background: #290849;
    border-radius: 16px;
}
.category-slide img {
    background: #F5EDFD;
    border-radius: 12px;
}
.category-slide h3 {
    color: #FDC302;
    font-size: 24px;
    font-family: 'Poppins';
    text-transform: capitalize;
    font-weight: 600 !important;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0px;
}
.slick-category-slider .slick-slide {
    padding: 0px 20px;
}
.category-slide:hover h3 {
    color: #290849;
    background-image: url(/wp-content/uploads/2025/04/hover_icon.png);
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
}
.category-slide:hover {
    background: #FDC302;
}
.category-slide:hover img{
    background: #FFFDF5;
}
img.banner_img {
    max-width: 300px !important;
}
.woocommerce ul.products li.product {
    padding: 10px !important;
    background: #FFFFFF !important;
    border-radius: 16px;
    box-shadow: 0px -6px 16px 0px #B4BCC91F;
    min-height: 435px;
    margin: 0 1.4% 2.992em 1.4%;
}
.woocommerce ul.products li.product a img {
    border-radius: 10px;
}
ul.product-tags {
    padding-left: 10px !important;
}
ul.product-tags li {
    display: inline-block;
    background: #F5EDFD;
    padding: 10px 15px;
    margin-right: 10px;   
    border-radius: 40px;
    color: #290849 !important;
    font-size: 18px;
}
ul.product-tags li a{
    font-size: 14px;
}
.woocommerce ul.products li  h2.woocommerce-loop-product__title {
    font-size: 18px !important;
    font-family: 'Poppins';
    text-transform: capitalize;
    font-weight: 600 !important;
    padding: 5px 0px 10px 10px !important;
}
.woocommerce ul.products li span.price {
    font-size: 18px !important;
    color: #290849 !important;
    font-weight: 600 !important;
    padding-left: 10px;
}
.woocommerce ul.products li.product:hover{
    background: #290849 !important;
}
.woocommerce ul.products li.product:hover h2.woocommerce-loop-product__title{ 
    color: #ffffff;
}
.woocommerce ul.products li.product:hover span.price{
    color: #FDC302 !important;
}
.casestudy-item {
    background: #F5EDFD;
    box-shadow: 0px 6px 16px 0px #B4BCC91F;
    box-shadow: 0px -6px 16px 0px #B4BCC91F;
}
.casestudy-item h5{
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    font-weight: 600;
}
iframe.map_iframe {
    border-radius: 32px;
}
ul.contact_details {
    list-style: none;
}
ul.contact_details li {
    padding-left: 35px;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-position: left center;
    font-size: 16px;
}
ul.contact_details li.map{
    background-image: url(/wp-content/uploads/2025/04/location.png);
}
ul.contact_details li.phone_number{
    background-image: url(/wp-content/uploads/2025/04/phone-1.png);
}
ul.contact_details li.email_address{
    background-image: url(/wp-content/uploads/2025/04/mail-1.png);
}

/* Move product thumbnails to the left side */
/* Make gallery container flex */
.woocommerce div.product div.images {
    display: flex;
    flex-direction: row-reverse; /* Main Image on right, Thumbnails on left */
    gap: 20px;
}

/* Target WooCommerce default thumbnail container */
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    order: 2;
    flex: 1;
}

/* Thumbnail navigation */
.woocommerce div.product div.images .flex-control-thumbs {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 70%;
    order: 1;
}

/* Style each thumbnail */
.woocommerce div.product div.images .flex-control-thumbs li {
    width: 100%;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
h1.product_title.entry-title {
    font-size: 48px;
}
.single-product span.woocommerce-Price-amount.amount {
    font-size: 20px;
    color: #290849;
    font-weight: 600;
}
.single-product .product-tags {
    display: block;
    margin: 15px 0px 25px;
}
.single-product .product-tags a {
    display: inline-block;
    background: #F5EDFD;
    padding: 10px 20px;
    margin-right: 10px;
    border-radius: 40px;
    color: #290849 !important;
    font-size: 18px;
}

button.minus.qib-button {
    border-radius: 100px 0px 0px 100px;
    width: 51px;
}
button.plus.qib-button {
    border-radius: 0px 100px 100px 0px;
    width: 51px;
}
.qib-button-wrapper button.qib-button, .qib-button-wrapper div.quantity.wqpmb_quantity{
    height: 51px !important; 
}
.woocommerce-message{
    border-top-color: #290849;
    color: #290849;
}
.wc-block-components-sidebar-layout .wc-block-components-main, .wp-block-woocommerce-cart-order-summary-block, .wp-block-woocommerce-checkout-order-summary-block{
    background: #f5edfd;
    padding: 30px;
    border-radius: 15px;
    border: 1px solid #290849;
}
.woocommerce .woocommerce-MyAccount-navigation>ul>li.is-active, .woocommerce .woocommerce-MyAccount-navigation>ul>li:hover{
    background: #FDC302 !important;
}

.woocommerce .woocommerce-MyAccount-navigation>ul>li{
    border-top: 1px solid #290849 !important;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .woocommerce a.button.alt, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt{
    padding: 15px 40px !important;
    color: #290849 !important;
    background: #FDC302 !important;
    font-family: "Poppins", sans-serif !important;
    border-radius: 100px !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    display: inline-block !important;
    box-shadow: 4px 6px 0px 0px #290849 !important;
    border: none !important;
}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained, button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained{
    padding: 15px 40px !important;
    color: #290849 !important;
    background: #FDC302 !important;
    font-family: "Poppins", sans-serif !important;
    border-radius: 100px !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    display: inline-block !important;
    box-shadow: 4px 6px 0px 0px #290849 !important;
    border: none !important;
    margin-top: 15px;
}
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button .wc-block-components-checkout-place-order-button__text{
    display: block !important;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message{
    font-size: 16px;
}
.woocommerce a.button{
    margin-bottom: 5px;
}
/*Woo Tabs*/
.product-accordion {
    margin-top: 30px;
    display: inline-block;
    width: 100%;
}

.accordion-item {
    margin-bottom: 20px;
    /*border: 1px solid #ddd;*/
    border-radius: 5px;
}

.accordion-title {
    width: 100%;
    text-align: left;
    padding: 24px 25px;
    font-size: 24px;
    background: #F5EDFD;
    border: none;
    outline: none ! IMPORTANT;
    color: #290849;
    transition: background 0.3s ease;
    font-weight: 600;
    border-radius: 15px;
    margin-bottom: 20px;
}
.accordion-content h2 {
    display: none;
}
.accordion-title.active {
    background: #0071a1;
    color: white;
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding: 0px 15px;
    /*background: #fafafa;*/
}
.accordion-item button.accordion-title{
    background-image: url(/wp-content/uploads/2025/04/down.png);
    background-repeat: no-repeat;
    background-position: 98%;
}
.accordion-item.active button.accordion-title{
    background-image: url(/wp-content/uploads/2025/04/up.png);
    background-repeat: no-repeat;
    background-position: 98%;
}
.story-content.clearfix {
    padding: 50px 0px;
}
#commentform textarea {
    border: none;
    border-radius: 20px;
    background: #FFF2CC;
    margin-bottom: 15px;
}  
.single-product #content-area {
    position: relative;
}
.single-product #content-area::before {
    content: ' ';
    width: 55px;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url(/wp-content/uploads/2025/04/shape1.png);
    background-size: contain;
    background-repeat: no-repeat;
}
#respond {
    display: block;
    clear: both;
}
.left {
    width: 60%;
    float: left;
}
.right {
    width: 40%;
    float: left;
}
div#is-ajax-search-details-72 {
    display: none !important;
}
ul.header_contact_details {
    float: right;
    margin-top: -10px;
    z-index: 999999999999;
    position: relative;
}
ul.header_contact_details li a {
    width: 60px;
    height: 60px;
    padding: 15px;
    font-size: 22px;
    background: #FDC302;
    border-radius: 100%;
    margin-right: 15px;
    box-shadow: 4px 6px 0px 0px #290849;
}
ul.header_contact_details li a:hover {
    color: #FDC302 !important;
    background: #290849 !important;
    box-shadow: 4px 6px 0px 0px #FDC302 !important;
}
span.new_line {
    display: block;
}
.woocommerce-product-gallery__wrapper{
    width: 60% !important;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
    max-width: 48%;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background: #FDC302 !important;
    color: #290849;
    padding: 10px;
    font-weight: 700;
    font-size: 16px;
}
.woocommerce nav.woocommerce-pagination ul li a {
    background: #290849;
    padding: 10px;
    color: #ffffff !important;
    font-size: 16px !important;
}
h2.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title, .is-large.wc-block-cart .wc-block-cart-items th {
    font-weight: 700 !important;
    font-size: 16px !important;
}
.accordion-title.active{
        background: #290849;
}
@media (max-width: 1440px) {
    .ubermenu-skin-white .ubermenu-item-level-0>.ubermenu-target{
        font-size: 14px !important;
            padding: 10px 15px !important;
    }
    .slick-arrow{top: -15% !important;}
    .slick-custom-arrow-right.slick-arrow{right:15px;}
    .slick-custom-arrow-left.slick-arrow {left: 15px;}
    .carousel-inner::after, .arc_design::after, .arc_design::before{width: 110px; height: 100px;}
    body, p, #commentform input#submit, .btn-primary, .btn-secondary, .button, .footer ul li a {font-size: 14px;}
    .footer_social ul li a {font-size: 20px;}
    .header .logo img{max-width: 225px;    max-height: 80px;}
    /*.headermenu ul li a{font-size: 14px;padding: 23px 20px;}*/
    rs-layer#slider-1-slide-1-layer-21, rs-layer#slider-1-slide-1-layer-19, rs-layer#slider-1-slide-1-layer-17{font-size: 12px;}
    h1,
	h1.page-title {
	    font-size: 40px;
	}
	h2 {
	    font-size: 32px;
	}
	.slider_info h2 {
    	font-size: 35px;
    }
	#sidebar h3,
	h3 {
	    font-size: 30px;
	}
	h4 {
	    font-size: 26px;
	}
	h5 {
	    font-size: 22px;
	}
	h6 {
	    font-size: 15px;
	}
	.headermenu ul li.megamenu ul.sub-menu{
		max-width: 1170px;
		width: 1170px !important;
		transform: translateX(-56%);
	}
	.headermenu ul li.megamenu ul.sub-menu li{
		width: 33%;float: left;
	}
    .footer_copyright_section .container{
        padding: 15px 15px;
    }
    ul.megamenu_productlist li a {
    	font-size: 14px !important;
    }
    ul.megamenu_productlist li{
        margin: 5px 0px;
    }
}
@media (min-width: 1024px) {
    .fadeindown {
    animation: fadeInDown 1s ease-in both;
}
.fadeinup {
    animation: fadeInUp 1s ease-in;
}
.fadeinright {
    animation: fadeInRight 1s ease-in;
}
.fadeinleft {
    animation: fadeInLeft 1s ease-in;
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(100px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(100px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-100px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-100px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
}
@media (max-width: 1300px) {
	.arc_design::after, .arc_design::before{width: 80px; height: 74px;}
	.mt-50 {margin-top: 0px;}
	a.white_btn {padding: 15px 15px;}
	a.btn {padding: 10px 25px;}
	.services_block {padding: 10px 5px;min-height: 280px;}
	.services_icon{width:75px;height:75px;padding:20px;}
	.quote_section { background-position: 75%;}
    #menu-main-menu-1 li a {padding: 10px 10px;}
	.headermenu ul li.megamenu ul.sub-menu li{margin-bottom: 5px;}
	.headermenu ul li.megamenu ul.sub-menu {max-width: 950px;width: 950px !important;transform: translateX(-48%);}	 
	.wpcf7 textarea{height: 80px;}
	.foo_service{padding: 20px 10px;min-height: 180px;}
	p.service_name{font-size:16px;}
	.foo_cta .mt-50 {margin-top: 50px;}
        
}
@media (max-width: 1024px) {
	.header_top, ul.footer_contact_info li span, ul.footer_contact_info li{font-size:14px;}
	.menu.hidden-xs.headermenu.d-none.d-sm-block {display: none !important;}
	.menu.visible-xs.d-block.d-sm-none {display: block !important;}
	#btn1{padding: 10px;border-radius: 5px;position: absolute;right: 15px;top: -10px !important;}
	ul.header_cntct_info li, ul.social_info li { display: inline-block; margin-right: 15px; }
    #rev_slider_1_1_forcefullwidth {display: none;}
    div#pgc-32-2-1{display: none;}
    #pgc-32-7-0 { margin-left: 5%; }
    #header {padding: 0px;}
    h2{font-size: 28px;}
    .service_info h4{font-size: 18px;}
    .ipad_none{
        display: none;
    }
    .col-md-7.project_col {
        padding-left: 5%;
    }
    .process_step_details {
        text-align: center;
    }
    img.banner_img {
        max-width: 250px !important;
    }
    .footer_copyright_section .container{padding: 15px 20px;}
        .footer_copyright_section {
            margin-bottom: 58px;
        }
    .bottom_contac_details {
                    width: 100%;
                    text-align: center;
                    display: block !important;
                    position: fixed;
                    bottom: 0;
                    z-index: 999999;
                    border-top: 1px solid #ffffff;
    }
                .bottom_contac_details .btm_phone {
                    width: 33.33%;
                    float: left;
                }
                                        .btm_phone a {
                                                    padding: 10px;
                                                        display: block;
                                                        background: #FDC302 !important;
                                                        color: #ffffff;
                                                        font-size: 25px;
                                                        border-right: 1px solid #ffffff;
                                        }
}
@media (max-width: 991px) {
    #myNavbar.responsive_menu ul li {
        padding-left: 10px;
        margin-left: 0;
        position: relative;
    }
    .responsive_menu{
        overflow-x: auto;
    }
    #menu-main-menu {
        margin: 60.5px 0;
    }
    .responsive_menu ul li a {
        display: block;
    }
    .responsive_menu ul li i {
        right: 15px;
        position: absolute;
        display: none;
    }
    .open-menu {
        color: #fff;
        cursor: pointer;
        font-size: 1rem;
        padding: 0.7rem 1rem;
        position: absolute;
        right: 0;
        top: 0;
        transition: transform 250ms ease;
    }
    .responsive_menu ul.sub-menu {
        position: relative;
    }
    .responsive_menu ul.sub-menu {
        background-color: transparent;
    }
    ul.sub-menu li a {
        margin-bottom: 0;
        padding: 5px 0;
        text-transform: capitalize ;
    }
    .rotate {
        transform: rotate(135deg);
    }
    .header.logo_left.sticky-top {
        padding: 10px 0px;
    }
    .responsive_menu,.collapse:not(.show) {
        display: block;
    }
    a.responsive-close {
        position: absolute;
        right: 15px;
        top: 15px;
        font-size: 28px;
        color: #fff;
    }
    #menu-main-menu li a {
        font-size: 17px;
        color: #ffffff;
		font-weight:600;
        transition: all 0.3s ease-in-out;
        margin-bottom: 5px;
    }
    #menu-main-menu li {
        list-style: none;
        padding: 5px 0;
    }
    #menu-main-menu li a:focus,
    #menu-main-menu li a:hover {
        text-decoration: none;
        outline: 0;
        color: #ffffff;
		font-weight:600;
    }
    li.menu-item-has-children ul {
        display: none;
    }
    #menu-main-menu li.menu-item-has-children:hover > ul {
        display: block;
    }
    .fulwidth {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .logo img {
        max-width: 175px;
    }
    ul#menu-footer-menu li{width: 100%;}
    .footer_logo{border:none;margin: 0px;}
    .section_padding { padding: 50px 0px; }
    .arc_design::after, .arc_design::before {width: 50px;height: 45px;}
    .quote_section .col-md-6 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .quote_section {padding: 50px 0px;background-position: 0;}

    .readmore_link{
        width: 45px;
        height: 45px;
        padding: 10px;
        right: -11px;
        top: -18px;
    }
    span.new_line {
        display: inline;
    }
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
        margin: 7px;clear: inline-end;
    }
    ul.stockists_lists li{font-size: 16px;}
    .footer_contact_form .container{padding: 30px 35px 0px;}
    div#pgc-w6812fb6c34ae0-0-1{
        -ms-flex: 0 1 100%;
        -webkit-flex: 0 1 100%;
        flex: 0 1 100%;
    }
    #qq .panel-grid-cell:first-child, #qq .panel-grid-cell:last-child, #qqq .panel-grid-cell:first-child, #qqq .panel-grid-cell:last-child {
        display: none;
    }
    #qq .panel-grid-cell{margin-bottom: 0px !important;}
    .so-widget-eme-team {
        padding: 5px;
    }
    #qqq .panel-grid-cell{
        -ms-flex: 0 1 100% !important;
        -webkit-flex: 0 1 100% !important;
        flex: 0 1 100% !important;
        padding-right: 15px;
    }
    .tabs button{padding: 15px 20px !important;}
    .right{display: none;}
    .left{width: 100%;}
    .footer{margin-top: 250px;}
}
@media (max-width: 767px) {
    .header .logo img{max-height: 60px;}
    h1, h1.page-title, h1.product_title.entry-title {
        font-size: 35px;
    }
    h2 {
        font-size: 30px;
    }
    #sidebar h3, h3 {font-size: 26px;}
    .main {
        right: 0;
        position: relative;
    }
    #btn1{top: -2px !important;}
    img.banner_img {
        max-width: 125px !important;
    }
    .foo_nav__bar {
        float: none;
        padding: 0;
        text-align: center;
    }
    .foo_nav__bar ul li {
        margin: 0;
    }
    .header_top .txt_left,
    .header_top .txt_right {
        text-align: center;
    }
    .footer .logo {
        width: 100%;
        text-align: center;
    }
    .footer .widget {
        margin-bottom: 15px;
    }
    .mnone{display: none !important;}
    .services_block { padding: 20px 20px; min-height: 215px; }
    .services_area img{width: 100%;}
    .footer_widget_section { padding: 40px 0; }
    .footer_social.text-right {text-align: center !important;margin-top: 5px;}
    .slider_info {top: 60%;transform: translatey(-50%);position: absolute;left: 0;padding: 15px;}
    .mt-50 {margin-top: 0;}
    .foo_service {padding: 40px 10px;}
    .mr-70 {margin-right: 0px; margin-bottom: 20px;}
    .foo_cta .mt-50 {margin-top: 0px;}
    .page-top.page-header-title {padding: 25px 0;}
    .header_icon span {font-size: 100px;}
    h1.page-title {font-size: 30px;}
    .footer_widget_section{background-position: left;}
    ul.sub-menu li a{font-size: 15px;}
    ul.sub-menu li a span {display: none;}
    .carousel-inner::after, .arc_design::after, .footer_widget_section::after{bottom: -2px;}
    .footer_logo{padding-bottom: 50px;}
    .arc_design::before{top: -2px;}
    .header .logo img{max-width: 150px;margin-top: 6px;}
    #pgc-32-7-0 { margin-left: 0; padding: 0px 15px !important; }
    .contact_link, .site_logo {
        margin-bottom: 20px;
    }
    .social_link { text-align: center; }
    .address_link br{display: none;}
    .readmore_link {
        width: 62px;
        height: 62px;
        padding: 20px;
        right: -8px;
        top: -18px;
    }
    .service_info {
        margin-bottom: 25px;
    }
    h2.mobile_center{
        text-align: center;
    }
    h5 {
        font-size: 16px;
    }
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
        width: 100%;
    }
    span.is-search-icon{
        width: 40px;
    }
    .footer_copyright_section .container{
        padding: 15px;
    }
    .copyright {
        text-align: center !important;
        font-size: 12px;
    }
    .footer_widget_section h6{
        padding-bottom: 0px;
    }
    .footer_widget_section::before, .footer_widget_section::after, #our_stokies::before, #our_stokies::after, #casestudy::before, #casestudy::after, .single-product #content-area::before{
        width: 40px;
    }
    .footer .site_logo {
        text-align: center;
    }
    .footer_contact_form {
        max-width: 95%;
        margin: 0 auto;
    }
    .footer_contact_form .container{
        padding: 35px 25px 0px;
    }
    .footer{margin-top: 250px;}
    ul.stockists_lists li{font-size: 14px;}
    .hide_mobile {
        display: none;
    }
    .story-content.clearfix {
        padding: 30px 0px;
    }
    .right {
        display: none;
    }
    .left {
        width: 100%;
        float: left;
    }
    .tabs{
        background: transparent !important;
        border:none !important;
    }
    .tabs button{
        padding: 10px 20px !important;
    }
    body .qib-button-wrapper{float: left !important;}
    .woocommerce div.product form.cart .button{float: right !important;}
    .accordion-title{
        padding: 15px 15px;
        font-size: 14px;
    }
    .accordion-item{
        margin-bottom: 5px;
    }
        .woocommerce .col2-set .col-1,
        .woocommerce-page .col2-set .col-1,
        .woocommerce .col2-set .col-2,
        .woocommerce-page .col2-set .col-2 {
            max-width: 100%;padding: 15px 0px;
        }
                .woocommerce ul.order_details li{
                    float: none;
                    margin: 10px 0px;
                }
}