@font-face {
  font-family: 'Sofia Pro';
  src: url('fonts/SofiaPro-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Sofia Pro';
  src: url('fonts/SofiaPro-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

/* etc. */

body {
    background: #fff;
    color: #1A3B51 !important;
	font-family: 'Sofia Pro', sans-serif !important;
	font-weight: 500 !important;
	font-style: normal;
    font-size: 16px !important;
    line-height: 1.5 !important;
    margin: 0;
    padding: 0;
}
iframe{
margin: 0;
}
sub, sup {
    font-size: 75%;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: 10px;
    left: 10px;
}
sub {
    bottom: 10px;
    right: 10px
}
ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul li {
    padding: 0;
    margin: 0;
}
h1, h2, h3, h4, h5, h6{
    padding: 0;
    margin:0;
    font-family: 'Sofia Pro', sans-serif;
    font-style: normal;
    margin-bottom: 15px;
	margin-top: 0 !important;
    letter-spacing: 0px !important;
	color: var(--primarycolor) !important;
	font-weight: bold !important;
	
}
h1 {
    font-size: 40px;
    line-height: 1.2;
    color: var(--primarycolor);
    font-family: 'Sofia Pro', sans-serif;
    margin-bottom: 15px;
}
.homeslider h1{
    color: #fff !important;
    font-weight: normal !important;
    line-height: 1 !important;
}
h2 {
    font-size: 34px !important;
    line-height: 1.2;
    color: #000 !important   
    margin-bottom: 15px !important;
}
h3 {
    font-size: 30px !important;
    line-height: 1.2;
    color: #1A3B51 !important
    margin-bottom: 15px !important;
}
h4 {
    font-size: 24px;
    line-height: 1.2;
    color: #1A3B51 !important
    margin-bottom: 15px !important;
}
h5 {
    font-size: 16px;
    line-height: 1.3;
    color: #1A3B51 !important;
    margin-bottom: 15px;
}
p {
    padding: 0 0 20px 0 !important;
    margin:0 !important;
}
a {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    color: var(--secondcolor);
    outline: none;
    text-decoration: none;
}
a:hover, a:focus {
    color: var(--primarycolor);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    text-decoration: none !important;
    outline:none !important;
}
a > img {
    line-height: 0;
}
select, button, input{
    box-shadow:none;
    outline:none;
} 
select:hover, button:hover, input:hover, select:focus, button:focus, input:focus{
    box-shadow:none;
    outline:none;
}
select {
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none;
    background-image:url(images/seclect-arrow.png);
    background-repeat:no-repeat;
    background-position: 95% center;
}
.site, .site-branding{
    margin:0;
}
.site-inner{
    width:100%;
    max-width:100%;
    margin:0;
}
.site-header{
    padding:0;
}
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after {
    height: auto;
}
.site-branding, .site-header-menu, .header-image {
    margin-bottom: 0;
    margin-top: 0;
}
.main-navigation, .site-main{
    margin:0;
}
.site-header-main {
    display: block;
}
.site-content{
    padding:0;
}
.content-area {
    float: none;
    margin-right: 0;
    width: 100%;
}
.site-footer {
    display: block;
    padding: 0;
}
.entry-title {
    font-size: 2vw;
    line-height: 2vw;
    margin-bottom: 15px;
}
.srccch .entry-footer{
    margin-top:0;
    margin-bottom:20px;
    padding:10px;
    border-radius:4px;
    background:#f1f1f1;
}
body:not(.search-results) .entry-header + .entry-summary {
    margin-top: 0;
    margin-bottom:0;
}
.titbg{
    font-size:20px;
    line-height:20px;
    padding:15px;
    margin-bottom:20px;
    background:#f1f1f1;
    border-radius:4px;
}
.sidebar_wrp {
    padding: 5px;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
}
.sidebar_wrp .widget-title {
    color: #000;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 10px;
    font-family: "Urbanist", sans-serif;
    
    font-style: normal;
    padding: 10px;
    background: #f1f1f1;
}
.sidebar_wrp > .widget {
    margin-bottom: 15px;
}
.sidebar_wrp .widget ul {
    margin-left: 10px;
}
.sidebar_wrp .widget ul li, .cont_con ul li {
    display: block;
    position: relative;
    margin: 10px 0;
    padding-left: 10px;
}
.sidebar_wrp .widget ul li a {
    color: #333;
}
.srchform .form-control {
    background: #fff;
    height: 36px;
    font-size: 16px;
    border: 1px solid #333;
    font-family: "Urbanist", sans-serif;
    font-weight: normal;
    font-style: normal;
}
.srchform .btn-secondary {
    background: #333;
    border-color: #333;
    color: #fff;
    height: 36px;
    width: 36px;
    padding: 0;
}
.srchform .btn-secondary {
    color: #fff;
}
.post-thumbnail {
    margin-bottom: 20px;
}
.post-thumbnail > img.attachment-post-thumbnail {
    padding: 4px;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    width:100%;
}
.single .entry-content, .archive .entry-content {
    float: none !important;
    width: 100% !important;
}
.single .entry-footer, .archive .entry-footer {
    margin-top: 0 !important;
    float: none !important;
    width: 100% !important;
    padding: 5px;
    background: #f1f1f1;
    border: 1px solid #ccc;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 20px;
}
.entry-footer .byline {
    float: left;
    margin-right: 10px;
    margin-bottom: 0 !important;
}
.comments-title, .comment-reply-title {
    border-top: none;
    font-size: 20px;
    font-style: normal;
    color: #2a375e;
    margin-bottom: 20px;
}
.comment-form {
    padding-top: 0;
}
.comment-notes {
    padding: 0;
    margin: 0;
}
.comments-area, .post-navigation {
    margin-bottom: 0;
    border: none;
}
.post-navigation a {
    padding: 0;
}
.post-navigation div + div {
    border-top: none;
}
.nav-links:after, .nav-links:before {
    content: '';
    clear: both;
    display: table;
}
.nav-previous {
    float: left;
}
.nav-next {
    float: right;
}
.nav-links .post-title {
    display: none;
}
.btn_submit, input[type="submit"], input.btn_submit[type="submit"] {
    background: var(--primarycolor) !important;
    color: #fff;
    border: 1px solid var(--primarycolor) !important;
    border-radius: 5px;
    font-style: normal;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 14px 30px;
    display: inline-block;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.btn_submit:hover, input[type="submit"]:hover, input.btn_submit[type="submit"]:hover, .btn_submit:focus, input[type="submit"]:focus, input.btn_submit[type="submit"]:focus {
    background: #222 !important;
    color: #fff !important;
    border: 1px solid #222 !important;
    outline: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
@media (min-width: 1200px){
    .container {
        max-width: 1400px;
    }
	.alignfull.si-wrap-content>div, .si-container, .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer>ul {
    padding: 0 20px;
    margin: 0 auto;
    width: 100%;
}
.mdiind-main .si-container, .alignfull.si-wrap-content > div {
    max-width: 1400px !important;
}	

}
@media (min-width: 1400px){
	.products-carousel .swiper-button-prev {
		left: -67px;
	}
	.products-carousel .swiper-button-next {
		left: auto;
		right: -67px;
	}
}
.store-locator-review-form > .store-locator-row:last-child{
    margin-top:10px;
}
/* general end*/

header.header.fixed .clkheresec .btnwhite {
    background-color: var(--primarycolor);
    color: #fff !important;
}
.ftrtop .btnwhite:focus{
    color: var(--primarycolor);
}
header.header.fixed .btnwhite{
    background-color: var(--primarycolor); 
    color: #fff;
}
.logo{
/*  padding:5px; */
    border-radius: 5px;
}
.logo img{
    
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    width: 190px;
}

.clkheresec{
    position: relative;
}
.clkhere{
    position: absolute;
    right: 90%;
    top: 100%;
}
.clkhere img{
    min-width: 100px;
}
header.header {
    width: 100%;
    background: rgba(0,0,0,0);
    padding: 0;
}
.hdrbtm{
    padding: 5px 0;
    background: rgba(0,0,0,0);
    width: 100%;
    z-index: 100;
    width: 100%;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
header.header.fixed .hdrbtm{
    top: 0;
	position: fixed;
}
.btn.btn-primary {
    padding: 12px 30px;
    border-radius: 50px;
    font-size: 1.1rem;
    background: var(--primarycolor);
    border: var(--primarycolor) 1px solid;
}

.headerlogo img {
    transition: all 0.5s;
}

.mnutog{
    display: none;
}

nav.nav .primary-menu > li.current-menu-item > a, 
nav.nav .primary-menu > li:hover > a, 
header.header.fixed nav.nav .primary-menu > li.current-menu-item > a, 
header.header.fixed nav.nav .primary-menu > li:hover > a{
     color: #ff1335;
}
nav.nav .primary-menu > li > ul {
    position: absolute;
    left: 0;
    top: 20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    box-shadow: 0 .5rem 1rem rgb(2 65 57 / 51%);
    background: #f6f7f2;
    z-index: 100;
    min-width: 100%;
    margin-top: 10px;
    border-radius: 3px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 20px;
    gap: 20px;
	min-height: 450px;
	max-height: 600px;
	height: 500px;
	overflow-y: auto;
}
nav.nav .primary-menu > li:hover > ul{
    top:100%;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
nav.nav .primary-menu > li > ul > li > a{
    padding: 10px 15px;
    color: #333;
    display: block;
    font-size: 13px;
    border-bottom: #ccc 1px dashed;
}
nav.nav .primary-menu > li > ul > li:hover > a {
    background: var(--primarycolor);
    color: #fff;
    border-color: var(--primarycolor);
    border-radius: 3px;
}
ul.sub-menu li a:hover {
color: var(--primarycolor);
}
big{
    font-size: 130%;
    font-weight: 300;
    line-height: 1.8;
}
.title1{
    font-size: 46px;
    line-height: 1.2;
	letter-spacing: 2px !important;
    color: #0e0e0e;
	font-weight: normal;
}

@-webkit-keyframes rotate {
  from {
    background-position: -3000px;
  }
  to {
    background-position: 0px;
  }
}
@keyframes rotate {
  from {
    background-position: -3000px;
  }
  to {
    background-position: 0px;
  }
}
.wlcmimg{
    position: relative;
}
.wlcmimg img{
    width: 100%;
}
.play-btn {
  width: 50px;
  height: 50px;
  background: #22bdc9;
  border-radius: 50%;
  position: absolute;
  left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  box-shadow: 0px 0px 25px 3px rgba(0, 0, 0, 0.7);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.play-btn:hover{
    background: #00649b;  
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.play-btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-40%) translateY(-50%);
  transform: translateX(-40%) translateY(-50%);
  transform-origin: center center;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 20px solid #fff;
  z-index: 100;
  -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.play-btn:before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate1 2s;
  animation: pulsate1 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(255, 255, 255, .75);
  top: -25%;
  left: -25%; 
    transform: translate(-25%, -25%);
  background: rgba(198, 16, 0, 0);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
@-webkit-keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}
@keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}

.blg_thmb h3{
    
    font-size: 20px;
    margin-bottom: 5px;
}
.box-content p{
    padding: 0;
}
.contactform .form-control {
    background-color: #fff !important;
    border-top-color: #fff !important;
    border-left-color: #fff !important;
    border-right-color: #fff !important;
    box-shadow: none !important;
    padding-left: 0;
    border-radius: 0;
}
.contactform .wpcf7-textarea.form-control {
    height: 50px;
}
.contactform select.form-control{
    color: #848586;
    background-position: 98% center;
}
.confld i {
    height: 70px;
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    background: #377DC2;
    color: #fff;
    font-size: 20px;
}
.confld a {
    color: #333;
}
.contactform .wpcf7-form > p {
    padding: 0;
    position: relative;
}
.srchtog{
    line-height: 0;
}
.textwidget a{
    box-shadow: none !important;
}
.hdttop{
    padding: 5px 0;
    background: var(--primarycolor);
    color: #fff;
}
.hdttop a{
    color: #fff;
    cursor: pointer;
}
.hdrtoplft.soc ul li{
    background-color: rgba(0,0,0,0) !important;
}
.hdrtoplft.soc ul li a{
    padding: 0 !important;
    font-size: 18px;
}
.cpy{
    background: #2e404e;
    color: #fff;
    font-size: 12px;
}
footer.footer  {
    width: 100%;
    background: url(images/footerptn.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding:0;
	background-color: #000;
}
.ftr-menu > li{
    display: block;
    margin-bottom: 5px;
}

.plyr__control--overlaid {
    background: #00b2ff;
    background: #eb1e27 ;
}

.overflow-hidden{
    overflow: hidden;
}
.hoverimg{
    transition: all 0.5s;
}
.hoverbox:hover .hoverimg{
    transform: scale(1.2);
}
.ftrtop{
    padding: 50px 0 20px;
    background: #28313c;
    font-size: 12px;
    color: #e1e1e1;
}
.ftrtop h3{
    color: #fff;
    font-size: 16px;
    
    padding-bottom: 5px;
    margin-bottom: 20px;
    position: relative;
}
.ftrtop h3:after{
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    width: 30px;
    height: 3px;
    background: var(--primarycolor);
}
.contactcon strong{
    display: block;
}
.contactinfo i{
    font-size: 22px;
}
.contactinfo .d-flex{
    align-items: center;
}
.contactinfo a{
    color:#e1e1e1; 
    margin-left: 5px;
}

.fadeUp {
    opacity: 0;
    -webkit-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    transform: translate(0, 50px);
}
.fadeUp.in-view {
    opacity: 1;
    transform: translateX(0) translateY(0) translateZ(0);
    transition: opacity 1.5s ease 0s, transform 1.5s ease 0s;
}
.fadeLeft {
    opacity: 0;
    -webkit-transform: translate(-50px, 0);
    -ms-transform: translate(-50px, 0);
    transform: translate(-50px, 0);
}
.fadeLeft.in-view {
    opacity: 1;
    transform: translateX(0) translateY(0) translateZ(0);
    transition: opacity 1.5s ease 0s, transform 1.5s ease 0s;
}
.fadeRight {
    opacity: 0;
    -webkit-transform: translate(50px, 0);
    -ms-transform: translate(50px, 0);
    transform: translate(50px, 0);
}
.fadeRight.in-view {
    opacity: 1;
    transform: translateX(0) translateY(0) translateZ(0);
    transition: opacity 1.5s ease 0s, transform 1.5s ease 0s;
}
.fadePopup {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
}
.fadePopup.in-view {
    opacity: 1;
    transform: scale(1);
    transition: opacity 1.5s ease 0s, transform 1.5s ease 0s;
} 
.overflowhidden{
    overflow: hidden;
}
.entry-content h2, .entry-summary h2, .comment-content h2 {
    font-size: 20px;
    margin-bottom: 10px;
}
.singllocsidebar h3{
    padding-bottom:10px;
    position:relative;
}
.singllocsidebar h3:after{
    content:'';
    height:3px;
    width:100px;
    position:absolute;
    left:50%;
    bottom:0;
    transform:translatex(-50%);
    background:#ffc107;
}

@keyframes arrow
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}



#buttonTop.show {
    opacity: 1;
    visibility: visible;
}
#buttonTop {
    display: inline-block;
    background-color: var(--primarycolor);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    text-align: center;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    transition: all 0.3s;
    cursor: pointer;
}
#buttonTop svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#buttonTop:hover {
    bottom: 34px;
}
span.cartcountno {
    position: absolute;
    right: -5px;
    top: -7px;
    background: #c26d28;
    width: 16px;
    height: 16px;
    line-height: 0;
    font-size: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}


/* ------------------------------new css start----------------------- */
.scrolling-words-container {
  display: flex;
  justify-content: center;
  font-size: 2rem;
  font-weight: 600;
}

.scrolling-words-box {
  height: 80px;
  overflow: hidden;
}

.scrolling-words-box ul {
  margin: 0;
  padding: 0;
  list-style: none;
  animation: scrollUp 15s infinite;
}

.scrolling-words-box ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
}

.typetexting {
  margin: 0;
  /* Remove explicit color if set, so it uses <li> color */
}
@keyframes scrollUp {
  0%, 15% {
    transform: translateY(0);
  }
  20%, 35% {
    transform: translateY(-80px);
  }
  40%, 55% {
    transform: translateY(-160px);
  }
  60%, 75% {
    transform: translateY(-240px);
  }
  80%, 100% {
    transform: translateY(-320px);
  }
}

label.checked {
    font-weight: 600 !important;
}

ul.list-unstyled.filter-categories li label {
    cursor: pointer;
	transition: all 0.5s;
}
ul.list-unstyled.filter-categories li label:hover {
    font-weight: 600;
}
.single-product .content-area, .woocommerce-cart .content-area, .woocommerce-checkout .content-area, .woocommerce-account .content-area{
    padding-top: 30px;
}
#si-scroll-top:hover::before, .si-btn, input[type=submit], input[type=reset], .comment-form input[type=checkbox]:checked, #comments .bypostauthor-badge, .single .post-tags a:hover, .single .post-category .cat-links a:hover, .tagcloud a:hover, #main .mejs-controls .mejs-time-rail .mejs-time-current, .si-btn.sinatra-read-more::after, .post_format-post-format-quote .si-blog-entry-content .quote-post-bg::after, .si-hover-slider .post-category a, .si-single-title-in-page-header.single .page-header .post-category a, .entry-media > a:hover .entry-media-icon::before, .si-pre-footer-cta-style-1 #si-pre-footer .si-flex-row::after, .si-pre-footer-cta-style-2 #si-pre-footer::after, .select2-container--default .select2-results__option--highlighted[aria-selected], .si-input-supported input[type=radio]:checked::before, .si-input-supported input[type=checkbox]:checked, .sinatra-sidebar-style-2 #secondary .widget-title::before, .sinatra-sidebar-style-2 .elementor-widget-sidebar .widget-title::before, .widget .cat-item a:hover + span, .widget_archive li a:hover + span, .widget .cat-item.current-cat a + span, #sinatra-footer .widget .cat-item a:hover + span, #sinatra-footer .widget_archive li a:hover + span, #sinatra-footer .widget .cat-item.current-cat a + span, .si-btn.btn-outline:hover, #infinite-handle span {
    background-color: var(--primarycolor) !important;
}
#comments .comment-actions .reply a:hover, .comment-form input[type=checkbox]:checked, .comment-form input[type=checkbox]:focus, .comment-form input[type=radio]:checked, .comment-form input[type=radio]:focus, .single .post-category a, #colophon, #secondary .widget-title, .elementor-widget-sidebar .widget-title, .si-hover-slider .post-category a, .si-single-title-in-page-header.single .page-header .post-category a, .si-entry blockquote, .wp-block-quote.is-style-large, .wp-block-quote.is-large, .wp-block-quote.has-text-align-right, .navigation .nav-links .page-numbers.current, .page-links > span, .site-content .page-links > span, .si-input-supported input[type=radio]:checked, .si-input-supported input[type=checkbox]:checked, .si-btn.btn-outline {
    border-color: var(--primarycolor) !important;
}
.si-input-supported input[type=checkbox]:hover {
    box-shadow: var(--primarycolor) inset 0 0 0 1px !important;
    border-color: var(--primarycolor) !important;
}
.si-input-supported input[type=checkbox] {
    box-shadow: inset 0 0 0 0;
    background: #fff !important;
    opacity: 1 !important;
    border: var(--primarycolor) 1px solid !important;
}
.shop-sidebar label {
    display: inline-block;
    font-weight: 500;
    margin-bottom: .1875rem;
    font-size: 17px;
}
nav.navigation.pagination {
    justify-content: center;
}
nav.navigation.pagination span.page-numbers.current {
    background: var(--primarycolor) !important;
    color: #fff !important;
    border: var(--primarycolor) 1px solid !important;
}
.navigation .nav-links .page-numbers {
    box-shadow: inset 0 0 0 0;
    background: #fff !important;
    opacity: 1 !important;
    border: var(--primarycolor) 1px solid !important;
    color: var(--primarycolor) !important;
    /* opacity: 0.5 !important; */
	transition: all 0.5s;
}
.sinatra-pagination {
    margin: 40px 0 0 !important;
}
span#si-orderby {
    position: absolute;
    z-index: -1;
    background-color: #ffffff;
    box-shadow: 0px 3px 16px 0px #00000021;
    padding: 6px 10px;
    font-size: 14px;
    border-radius: 3px;
}
select.orderby.custom-select-loaded {
    background: transparent;
    opacity: 0.1;
}
.woocommerce-ordering {
    display: flex;
    flex-wrap: nowrap;
}
span#si-orderby svg {
    width: 22px;
    height: 22px;
    margin-left: 8px;
}
.navigation .nav-links .page-numbers:hover {
    background: var(--primarycolor) !important;
    color: #fff !important;
    border: var(--primarycolor) 1px solid !important;
}
.navigation .nav-links a.next.page-numbers, .navigation .nav-links a.prev.page-numbers {
    background: transparent !important;
    box-shadow: none !important;
    background-color: transparent;
    border: 0 !important;
	display: block;
}
button.sinatra-animate-arrow.right-arrow:after {
    content: "Next";
    position: absolute;
    left: 0;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 15px;
    color: #1A3B51;
    font-weight: 500;
	transition: all 0.5s;
}
button.sinatra-animate-arrow.left-arrow:after {
    content: "Prev";
    position: absolute;
    left: auto;
    right: 0;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 15px;
    color: #1A3B51;
    font-weight: 500;
	transition: all 0.5s;
}
button.sinatra-animate-arrow.left-arrow:hover:after, button.sinatra-animate-arrow.right-arrow:hover:after {
	color: var(--primarycolor);
}
button.sinatra-animate-arrow {
    position: relative;
}
button.sinatra-animate-arrow.right-arrow svg, button.sinatra-animate-arrow.left-arrow svg{
	display: none;
}
nav.navigation.pagination .nav-links {
    display: flex;
    align-items: center;
    gap: 12px;
}

.headercat i {
    width: 20px;
    height: 20px;
}
.arrow svg {
    position: absolute;
    left: 2px;
    top: 2px;
}
.arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #c26d28;
    color: #fff;
    font-size: 2rem;
    padding: 10px;
    cursor: pointer;
    z-index: 10;
    display: none;
    user-select: none;
    width: 23px;
    height: 23px;
    border-radius: 100%;
	transition: all 0.5s;
}
.arrow.arrow-right svg {
    left: 3px;
}
.arrow:hover {
    background: #1A3B51;
}
.arrow-left {
  left: 10px;
}

.arrow-right {
  right: 10px;
}

a.arrowbtn {
    display: inline-flex;
    width: 50px;
    height: 50px;
}

.productsection {
    background-image: url('images/mainbanner.webp');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}	
.products-carousel .swiper-button-prev:after {
    content: '';
    background: url('images/leftpd.svg');
    width: 100%;
    height: 100%;
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
}
.products-carousel .swiper-button-next:after {
    content: '';
    background: url('images/rightpd.svg');
    width: 100%;
    height: 100%;
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
}
.products-carousel .swiper-button-prev, .products-carousel .swiper-button-next {
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 100%;
}

.card-img-top {
    width: 100%;
    border-radius: 20px;
    margin-bottom: 15px;
}

.card-title {
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 10px;
  color: #fff;
}

.card-text {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 20px;
}

.btn-group {
  display: flex;
  justify-content: center;
	align-items: center;
  gap: 20px;
  margin-top: auto;
}

.btn {
  cursor: pointer;
  transition: all 0.4s ease;
}

.btn-outline {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
    padding: 15px 15px;
    border-radius: 50px !important;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
	width: 50%;
}
.btn-filled {
    background: var(--primarycolor);
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    border-radius: 5px !important;
    padding: 18px 15px;
    box-shadow: 1px 1px 0px 1px #00000042;
    box-shadow: inset 0 2px 12px rgba(0, 0, 0, 0.2);
    height: 100%;
    width: 50%;
}
.btn.btn-outline:hover {
    color: var(--primarycolor) !important;
    background: var(--secondcolor) !important;
    border-color: var(--primarycolor) !important;
}
.btn.btn-filled:hover {
    background: var(--secondcolor) !important;
}
.products-carousel .btn.btn-filled:hover {
    background: #fff !important;
    color: var(--primarycolor) !important;
}
.btn:hover {
  opacity: 0.85;
}
.productcart:hover .productimg{
	transform: scale(1.2);
}
.productimg{
	transition: all 0.5s;
}
.badge.badgenew {
    background: var(--primarycolor) !important;
    color: #fff;
    margin-right: 13px !important;
}
.badge {
    background: #d6e7d2 !important;
    color: var(--primarycolor);
    padding: 8px 12px;
    font-size: 12px;
    border-radius: 6px;
    position: absolute !important;
    top: 10px !important;
    left: auto;
    right: auto;
	margin-left: 13px !important;
}
.forskinsec:before{
	content: "";
	background-color: var(--primarycolor);
	position: absolute;
	left: 0;
	top: 50%;
	transform: translatey(-50%);
	width: 100%;
	height: 75%;
}
.forskinsec:after {
    content: "";
    position: absolute;
    left: 0;
    top: 122px;
    width: 100%;
    height: 70%;
    background-image: url(images/newpdptn.webp);
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    opacity: 0.3;
}
.rounded-25{
	border-radius: 25px !important; 
}
.newarrivalsec .nav-pills .nav-link.active, .newarrivalsec .nav-pills .show>.nav-link {
    color: #fff;
    background-color: var(--primarycolor);
	border: var(--primarycolor) 1px solid !important;
}
.newarrivalsec .nav-link {
    display: block;
    padding: 12px 25px;
    color: #0d6efd;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    border: #ccc 1px solid !important;
    color: #5a5a5a;
    text-transform: uppercase;
	font-size: 15px;
}
.products-carousel:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #4c7c9cd9;
    z-index: 1;
}
.products-carousel{
	background-image: url(images/productbg.webp);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.prdbtns {
    position: absolute;
    top: -42px;
    left: 50px;
    z-index: 10;
}
.prdbtns a {
    background: #595959;
    padding: 15px 30px;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0;
    border-radius: 50px;
    background-image: linear-gradient(#595959, #595959), linear-gradient(90deg, #fff, #ED742F);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    border: 2px solid transparent;
    transition: all 0.5s ease 0.1s;
    position: relative;
    z-index: 1;
}
.prdbtns a:hover {
    background-image: linear-gradient(#595959, #595959), linear-gradient(90deg, #ED742F, #ED742F);
	background: #ED742F;
}
.innrbtn a.btn.btn-filled:hover {
    background: #c26d28 !important;
}
img.testiimgs{
    position: absolute;
    top: -106px;
    left: 0;
    width: 44% !important;
    border-radius: 15px;
	z-index: 1;
}
.testisldmains:before {
    content: "";
    background: #c26d28e6;
    position: absolute;
    right: 0;
    top: 0;
    width: 95%;
    height: 100%;
    border-radius: 15px;
}
.testicntns p {
    color: #fff;
    font-size: 22px;
    line-height: 36px;
}
.testimonialSwiper .swiper-slide {
  background: transparent;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: none;
}
.testimonialSwiper span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    color: #fff !important;
    background: #fff;
    opacity: 1;
}
.testimonialSwiper button.btn-dark {
  font-size: 14px;
  background-color: #000;
  border: none;
}

.testimonialSwiper .swiper-button-next,
.testimonialSwiper .swiper-button-prev {
  width: 30px;
  height: 30px;
  background: rgba(255,255,255,0.3);
  border-radius: 50%;
}

.testimonialSwiper .swiper-button-next::after,
.testimonialSwiper .swiper-button-prev::after {
  color: #fff;
  font-size: 14px;
}

section.hero-section h2 {
    font-weight: 400 !important;
    font-size: 56px !important;
    margin-bottom: 10px;
}
.opacityheading {
    position: absolute;
    left: 65%;
    bottom: -31px;
    font-size: 80px;
    font-weight: 700;
    color: #fff;
    z-index: 2;
    opacity: 0.2;
}
button.accordion-button:hover {
  background-color: #fff;
  box-shadow: 0 4px 20px 0px rgb(0 0 0 / 20%);
  border-color: #fff !important;
}
.faqsec .accordion-item {
    background-color: transparent;
    border: none;
    margin-left: 30px;
}
.faqsec .accordion-button:before {
    content: "Q";
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translatey(-50%);
    width: 40px;
    height: 40px;
    background: var(--primarycolor);
    text-align: center;
    color: #fff;
}
.faqsec .accordion-collapse {
    padding-left: 35px;
	position: relative;
	overflow: initial;
	opacity: 0;
	visibility: hidden;
}
.faqsec .accordion-collapse.collapse.show {
	overflow: initial;
	opacity: 1;
	visibility: visible;
}
.faqsec .accordion-collapse:before {
    content: "A";
    position: absolute;
    left: -20px;
    top: 7px;
    width: 40px;
    height: 40px;
    background: var(--secondcolor);
    text-align: center;
    color: var(--primarycolor);
    font-size: 20px;
    font-weight: 700;
    line-height: 39px;
}
.faqsec .accordion-button {
  background-color: transparent;
  color: inherit;
  box-shadow: none;
}
.faqsec .nav-tabs .nav-item.show .nav-link, .faqsec .nav-tabs .nav-link.active {
    color: #fff;
    background-color: var(--primarycolor);
    border-color: var(--primarycolor);
    border-radius: 4px;
}
.faqsec .nav-tabs .nav-link {
    border: 1px solid transparent;
    background: #ffffff;
    padding: 18px 29px;
    color: #000;
    border-radius: 4px !important;
    box-shadow: 0 4px 20px 0px rgb(0 0 0 / 20%);
}

.faqsec .accordion-button:not(.collapsed) {
    background-color: #fff;
    /* color: inherit; */
    color: #1A3B51;
    box-shadow: none;
    font-weight: 700;
    /* box-shadow: 1px 1px; */
    box-shadow: 0 4px 20px 0px rgb(0 0 0 / 20%);
    border-radius: 12px;
    padding: 10px 20px;
    font-size: 20px;
    padding-left: 50px;
    border-color: #fff !important;
}

.faqsec .accordion-body {
  background-color: transparent;
  color: #1A3B51;
 font-weight: 400;
}


img.faqimgs {
    position: absolute;
    top: 0;
    right: -70px;
    z-index: 1;
	height: 100%;
    object-fit: cover;
}
.faqsec {
  background-image: url('images/faqbg.webp'); 
  background-size: cover;                  
  background-position: center center;     
  background-repeat: no-repeat; 
}
section.cpysec {
    font-size: 16px;
}
.subscribemaincnt p {
    padding: 0 !important;
}
.cpysec p{
	padding-bottom: 0 !important;
}
.subscribefrm input.wpcf7-form-control.wpcf7-submit.has-spinner.submitbtn {
    width: 100%;
    border-radius: 5px;
    padding: 10px 32px;
    font-size: 17px;
    margin: 5px;
    margin-right: 0;
    margin-left: 0;
    letter-spacing: 0;
    text-transform: capitalize;
    line-height: 0;
    background: var(--primarycolor) !important;
    border-color: var(--primarycolor) !important;
}
.subscribefrm input.wpcf7-form-control.wpcf7-submit.has-spinner.submitbtn:hover {
	background: var(--secondcolor) !important;
	border-color: var(--primarycolor) !important;
	color: var(--primarycolor) !important;
}
.ftr-menu li {
    margin-bottom: 6px;
}
.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited {
    color: var(--primarycolor) !important;
    fill: var(--primarycolor) !important;
    font-size: 26px;
}
.ftrbtm h3.socheading {
    margin-bottom: 0 !important;
}
.ftrbtm a:hover{
	color: #fff;
}
.ftrbtm a {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    color: #ffffffb3;
}
.ftrbtm .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor, .ftrbtm .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg, .ftrbtm .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active, .ftrbtm .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover, .ftrbtm .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited {
    color: #fff !important;
    fill: #fff !important;
    font-size: 26px;
}
footer.footer .border-bottom {
    border-bottom: 1px solid #dee2e659 !important;
}
.subscribefrm .wpcf7 .form-control {
    border-radius: 0;
    background: transparent;
    border: 0 !important;
    font-size: 16px;
    font-weight: 600;
}
.subscribemaincnt {
    background: #fff;
    display: inline-flex !important;
    border: #1A3B51 1px solid;
    border-radius: 5px;
    padding-right: 5px;
    padding-left: 5px;
}

.arrowbtn, .arrowicons{
	transition: all 0.5s;
}
.rotatebox:hover h3 {
    color: #ffffffa8 !important;
}
.rotatebox h3 {
    transition: all 0.5s;
}
.typetexting{
  color: white;
/*     border-right: 2px solid red; */
    font-size: 55px;
    color: rgb(255, 30, 0);
	display: inline-flex;
	height: 64px;
}
span.typed-cursor, span.typed-cursor.typed-cursor--blink {
 display: none;
}
.rotatebox.rotatebox3:hover {
    background: #FF6767 !important;
}
.rotatebox.rotatebox1:hover {
    background: #A961AB !important;
}
.rotatebox.rotatebox2:hover {
    background: #70c1e7 !important;
}
.rotatebox.rotatebox4:hover {
    background: #76a674 !important;
}
.rotatebox.rotatebox5:hover {
    background: #7E59F1 !important;
}
.rotatebox.rotatebox6:hover {
    background: #EFAE88 !important;
}
.rotatebox:hover h3 span {
    color: #fff !important;
}
.rotatebox h3 span {
    transition: all 0.5s;
}
.rotatebox.rotatebox1 h4 span {
    color: #A961AB;
}
.rotatebox:hover h4 span {
    color: #fff !important;
}
.rotatebox:hover h4 {
    color: rgba(255, 255, 255, 0.43) !important;
}
.rotatebox h4 {
  transition: all 0.5s;  
}
.rotatebox.rotatebox2 h4 span {
    color: #70c1e7;
}
.rotatebox.rotatebox3 h4 span {
    color: #FF6767;
}
.rotatebox.rotatebox4 h4 span {
    color: #76a674;
}
.rotatebox.rotatebox5 h4 span {
    color: #7E59F1;
}
.rotatebox.rotatebox6 h4 span {
    color: #EFAE88;
}
.rotatebox h3 {
    font-size: 22px !important;
    font-weight: 600;
	transition: all 0.5s;
}
.rotatebox {
	border-radius: 30px;
	transition: all 0.5s;
}
.rotatebox h3{
	color: #1A3B51;
}

.hero-section {
  padding-top: 150px;
  background-image: url('images/mainbanner.webp'); 
  background-size: cover;                  
  background-position: center center;     
  background-repeat: no-repeat; 
  min-height: 750px;	
}
section.hero-section h1 {
    font-size: 60px;
    font-weight: bolder;
}
a.hrdnavlink {
    background: #C26D28;
    height: 100%;
    display: inline-flex;
    align-items: center;
    padding: 10px 30px;
    color: #fff;
	min-width: 173px;
}

:root {
  --primarycolor: #024139;
  --secondcolor: #D6E7D2;
  --thirdcolor: #f0c431;
}

a.hdricobtn {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    color: #fff;
}
.hdrtop .wp-social-link, .hdrtop .wp-block-social-link-anchor, .hdrtop li.wp-social-link.wp-social-link-facebook.wp-block-social-link {
    background-color: transparent !important;
}
.ftrbtm .wp-social-link, .ftrbtm .wp-block-social-link-anchor, .ftrbtm li.wp-social-link.wp-social-link-facebook.wp-block-social-link {
    background-color: transparent !important;
    border-radius: 5px;
}
ul.wp-block-social-links.is-layout-flex.wp-block-social-links-is-layout-flex {
    gap: 0px !important;
}
li.wp-social-link.wp-social-link-instagram.wp-block-social-link {
    background: transparent !important;
}
.ftrbtm h3 {
    position: relative;
    display: inline-block;
    font-weight: 600;
    font-size: 20px !important;
    margin-top: 0;
    margin-bottom: 30px !important;
    color: #fff !important;
}
.ftrbtm h3::after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 50%;
    height: 2px;
    background-color: var(--primarycolor);
}

.hdrtop .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor, .hdrtop .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg, .hdrtop .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active, .hdrtop .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover, .hdrtop .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited {
    color: #fff;
    fill: #fff;
}
.btn1 {
    padding: 15px 35px;
    border: none;
    line-height: 0;
    text-align: center;
    color: #fff;
    background: var(--primarycolor);
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase; 
    border-radius: 7px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    display: inline;
    letter-spacing: 2px;
}
.hdrbtm .btn1 {
    padding: 12px 27px;
    border: none;
    line-height: 0;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #C26D28;
    border: #C26D28 1px solid;
    border-radius: 30px;
    letter-spacing: 0;
    text-transform: capitalize;
    font-weight: 500;
}
.hdrbtm .btn1:hover, .hdrbtm .btn1:focus {
    background: transparent;
    border: #C26D28 1px solid;
	color: #C26D28;
}
.hdrbtm .btn1:hover svg path, .hdrbtm .btn1:focus svg path {
	fill: #C26D28;
}
.btn1:hover, .btn1:focus {
    color: #fff;
    background: var(--secondcolor);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.hdrbtm .btn2 {
    padding: 12px 27px;
    border: none;
    line-height: 0;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #1A3B51;
    border: #1A3B51 1px solid;
    border-radius: 30px;
    letter-spacing: 0;
    text-transform: capitalize;
    font-weight: 500;
}
.hdrbtm .btn2:hover, .hdrbtm .btn2:focus {
    background: transparent;
    border: #1A3B51 1px solid;
	color: #1A3B51;
}
.hdrbtm .btn2:hover svg, .hdrbtm .btn2:focus svg {
	fill: #1A3B51;
}
.hdrbtm .btn1 svg, .hdrbtm .btn2 svg {
	transition: all 0.5s;
}
.hdrbtm .btn1 svg path {
	transition: all 0.5s;
}
::-webkit-scrollbar {
     width:5px;
}
 ::-webkit-scrollbar-track {
     -webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3);
     border-radius: 0px;
     background: #ccc;
}
 ::-webkit-scrollbar-thumb {
     border-radius: 00px;
     background: var(--primarycolor);
     transition: all 0.8s;
}
::-webkit-scrollbar-thumb:hover {
     background: #222;
}
nav.nav .primary-menu > li {
    display: inline-block;
    margin-left: 15px;
}
nav.nav .primary-menu > li > a {
    font-size: 15px;
    color: #ddd;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 0;
    padding: 8px 20px;
    transition: all 0.5s;
}
nav.nav .primary-menu > li.current-menu-item > a, nav.nav .primary-menu > li:hover > a, header.header.fixed nav.nav .primary-menu > li.current-menu-item > a, header.header.fixed nav.nav .primary-menu > li:hover > a {
    color: #fff;
}
.ftrbtm p {
    padding: 0;
    margin: 0;
}
.cpyp p {
	padding-bottom: 0 !important;
	font-size: 12px;
}
.promo-image img {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
}
.ftrbtm .border-top {
    border-top: 1px solid #dee2e66b !important;
}
.ftrbtm {
    font-size: 14px;
    color: #1A3B51;
}
.plyr__control--overlaid {
    background: #00b2ff;
    background: var(--primarycolor) !important;
}
.plyr--full-ui input[type=range] {
    color: var(--primarycolor) !important;
}
#h5vp_player .plyr .plyr__control--overlaid {
    background: var(--primarycolor) !important;
}
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
    background: var(--primarycolor) !important;
    color: #fff;
}
.step-new span {
    background: var(--primarycolor);
    padding: 15px 20px;
    font-size: 20px;
    color: #fff;
    width: 100%;
    font-weight: 600;
    border-radius: 0px 0px 5px 0px;
}
.headingweight h2 {
    font-weight: normal;
}
.whtexthmbico-new {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translate(-50%);
    background: #fff;
    box-shadow: 0 .125rem .25rem
    rgba(0,0,0,.075)!important;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    padding: 15px;
    border: var(--primarycolor) 2px solid;
}
a.btnylw {
    border: rgb(205, 177, 108) 2px solid;
    color: #fff;
    background: linear-gradient(0deg, rgb(159, 121, 58) 0%, rgb(205, 177, 108) 100%);
    padding: 10px 25px;
    border-radius: 4px;
    
    transition: all 0.5s;
    color: #fff;
    font-size: 14px;
	transition: all 0.5s;
}
a.btnylw:hover {
    background: linear-gradient(0deg, rgb(205, 177, 108) 0%, rgb(159, 121, 58) 100%);
    border: rgb(205, 177, 108) 2px solid;
    color: #fff;
}
.hoverbox.whtexthmbwrp-new p {
    font-size: 15px;
    line-height: 25px;
}
.title1 strong {
    
    color: var(--primarycolor);
}
.certified h2 {
    margin-bottom: 10px;
    color: var(--primarycolor);
    font-size: 46px;
    font-weight: normal;
}
.liststyle ul li {
    width: 100%;
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
}
.liststyle ul {
    margin-bottom: 20px;
    margin-left: 5px;
}
.liststyle ul li:after {
    content: '';
    height: 20px;
    width: 20px;
    position: absolute;
    left: 0;
    top: 2px;
    background-image: url(images/check-box.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 19px auto;
}
a.viewmore {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 7px;
    font-size: 17px;
    color: var(--primarycolor);
    transition: all 0.4s;
    position: relative;
}
a.viewmore:hover:before {
	background: var(--primarycolor);
}
a.viewmore:hover {
   letter-spacing: 1px;
	color: var(--primarycolor);
}
.singleblog .badge {
    top: 15px !important;
    left: 30px;
}
.blosidebar h3 {
    font-size: 20px !important;
    margin-top: 30px !important;
}
ul.wp-block-latest-posts__list.has-dates.wp-block-latest-posts li {
    margin-bottom: 20px;
    display: inline-block;
}
ul.wp-block-latest-posts__list.has-dates.wp-block-latest-posts li a img {
    border-radius: 4px;
}

.whtexthmb-new h4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5em;
    max-height: 60px;
    margin-bottom: 20px !important;
}
.whtexthmb-new:hover .bottomimgdv img {
    transform: scale(1.2);
}

h3 strong, h3 em, h4 strong, h4 em{
    color: var(--primarycolor);
    font-weight: normal;
    
}
.bgprimary{
background-color: var(--primarycolor) !important;   
}
.modal .btn-close {
    box-sizing: content-box;
    position: absolute !important;
    right: -16px !important;
    top: -17px !important;
    width: 20px;
    height: 20px;
    padding: .25em .25em;
    color: #fff;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    background-size: 12px auto;
    border-radius: .25rem;
    opacity: 1;
    /* filter: brightness(100); */
    background-color: #fff;
    border-radius: 100%;
    z-index: 2;
}
.btn-close:hover {
    background-color: #fff;
}
.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: visible;
}
.wpcf7 .form-control {
    background-color: #fff;
    font-size: 15px;
    height: 50px;
    border-radius: 4px;
    padding: 15px;
    color: #000;
    border-left: 0;
    border: 1px solid #ced4da;
}
.wpcf7 .form-select {
    background-color: #ebebeb;
    font-size: 14px;
    height: 50px;
    border-radius: 5px;
    padding: 15px;
    color: #000;
    border-left: var(--primarycolor) 3px solid;
}
.modal .btn_submit, .modal input[type="submit"], .modal input.btn_submit[type="submit"] {
    background: var(--primarycolor);
    color: #fff;
    border: 1px solid var(--primarycolor);
    border-radius: 5px;
    
    font-style: normal;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 14px 30px;
    text-transform: uppercase;
    width: 100%;
}
.modal span.wpcf7-spinner {
    position: absolute;
    right: 8px;
    top: 45%;
    transform: translatey(-50%)
}
[tabindex="-1"]:focus, input:read-write:focus, select:focus, textarea:focus {
    outline: 0;
    box-shadow: 0 0 3px 0 #ebebeb !important;
    --formfieldbordercolor: #ebebeb !important;
}
.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: var(--primarycolor);
	border-bottom: var(--primarycolor) 1px solid !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(196 98 0 / 17%);
}
.widget select, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper, form input:read-write, form select, form select option, form textarea, form.wp-block-search input.wp-block-search__input {
    border-color: #ebebeb;
    border-width: 0px;
}
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 12px !important;
    font-weight: normal;
    display: block;
}
.stepbtns a.btnylw {
    border: #ab8546 2px solid;
    color: #fff;
    background: linear-gradient(0deg, rgb(159, 121, 58) 0%, rgb(205, 177, 108) 100%);
}
.stepbtns a.btnylw:hover {
    background: linear-gradient(0deg, rgb(205, 177, 108) 0%, rgb(159, 121, 58) 100%);
    border: #ab8546 2px solid;
    color: #fff;
}
.ftrcontact a:hover, .ftrmnu a:hover{
    color: #fff;
}
.btn:hover, .button.button-primary:hover, .is-style-primary .wp-block-button__link:hover, button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
    background-color: var(--secondcolor) !important;
    color: var(--primarycolor) !important;
    border-color: var(--primarycolor) !important;
}
li.breadcrumb-item a {
    color: var(--primarycolor);
}
.accordion-button {
    font-size: 20px;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
}
.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: var(--secondcolor);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
.faqsec .accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("images/plus.svg");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
	
}
.faqsec .accordion-button:hover, .faqsec .accordion-button:focus {
    background: #fff !important;
    border: #fff 1px solid;
    box-shadow: 0 4px 20px 0px rgb(0 0 0 / 20%);
    color: #1A3B51 !important;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("images/minus.svg");
	top: -8px;
    position: relative;
}
.accordion-button, .accordion-button:after{
    transition: all 0.5s;
}
.bg-light-blue {
    background: #ffc68d6b;
}
li.breadcrumb-item {
    font-size: 14px;
}
.inrpgcont .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex {
    margin: 0;
}
figure.wp-block-image.size-full img {
    border-radius: 5px;
}
h3.wp-block-heading {
    font-weight: normal;
}
/* .gradient-text {
    background: -webkit-linear-gradient(#CDB16C, #9F793A);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
} */
.gradient-text h2, h2.gradient-text {
    background: -webkit-linear-gradient(#CDB16C, #9F793A);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
	font-weight: normal;
}
h2.gradient-text strong {
    color: #222;
}
a.btnylw.viewmores {
    padding: 13px 30px;
    border-radius: 4px;
    font-size: 16px;
    transition: all 0.5s;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.golderpath:before {
    position: absolute;
    right: 0;
    top: -1px;
    content: '';
    height: 100%;
    width: 100%;
    background: #ab8847;
    clip-path: polygon(100% 0, 0 0, 100% 5%);
    z-index: 2;
}
.golderpath:after {
    position: absolute;
    right: 0;
    bottom: -1px;
    content: '';
    height: 100%;
    width: 100%;
    background: #ab8847;
    clip-path: polygon(0 95%, 0% 100%, 100% 100%);
    z-index: 2;
}
.bypath:before {
    position: absolute;
    right: 0;
    top: -1px;
    content: '';
    height: 100%;
    width: 100%;
    background: #D1B87A;
    clip-path: polygon(100% 0, 0 0, 100% 10%);
    z-index: 1;
}
.bypath:after {
    position: absolute;
    right: 0;
    bottom: -1px;
    content: '';
    height: 100%;
    width: 100%;
    background: #ab8847;
    clip-path: polygon(0 90%, 0% 100%, 100% 100%);
    z-index: 1;
}

.blackpath:before {
    position: absolute;
    right: 0;
    top: -1px;
    content: '';
    height: 100%;
    width: 100%;
    background: #000;
    clip-path: polygon(100% 0, 0 0, 100% 15%);
    z-index: 1;
}
.blackpath:after {
    position: absolute;
    right: 0;
    bottom: -1px;
    content: '';
    height: 100%;
    width: 100%;
    background: #000;
    clip-path: polygon(0 85%, 0% 100%, 100% 100%);
    z-index: 1;
}
.freconsection1.blackpath:before{
	background: #fff;
}
.btnwhite {
    letter-spacing: 1px;
    font-size: 15px;
}
.freconsection1 .btnwhite:after{
	background-color: #d1b87a;
}
.hovertop{
	transition: all 0.5s;
}
.hovertop:hover{
	transform: translatey(-8px);
}
.whiteoverlay .bnnroverlayspan {
    background: #ffffff8f;
}
.videoicon .vdowrapper {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
	z-index: 2;
}
.boxtitle{
	font-size: 30px;
}

.videoicon .video-main {
  position: relative;
  display: inline-block;
}

.videoicon .video {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 100%;
  background: transparent;
  color: #fff;
  display: inline-block;
  background: var(--secondcolor);
  z-index: 999;
}

@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }
  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

.videoicon .fa-play:before {
  content: "\f04b";
}

.videoicon .waves {
  position: absolute;
  width: 150px;
  height: 150px;
  background: rgb(241 79 90);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-radius: 100%;
  right: -50px;
  bottom: -50px;
  z-index: -1;
   -webkit-animation: waves 3s ease-in-out infinite;
  animation: waves 3s ease-in-out infinite;
}
        
.videoicon .wave-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.videoicon .wave-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.videoicon .wave-3 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

h2.wp-block-heading {
    font-weight: normal;
    margin-bottom: 13px;
}
.headingwhite .wp-block-heading{
	color: #fff;
}
.faqsec .accordion-button {
    font-size: 20px;
    text-align: left;
    line-height: 43px;
    color: #1A3B51;
    font-weight: 700;
    padding-left: 50px;
    border: #bababa 1px solid;
    border-radius: 12px !important;
    margin-bottom: 25px;
    padding: 12px 20px;
    padding-left: 50px;
	position: relative;
}
.faqsec .bg-light-blue {
    background: url(images/inspire.webp);
	background-size: cover;
	background-repeat: no-repeat;
}
.faqsec .accordion-button:focus {
    z-index: 3;
    border-color: unset;
    outline: 0;
    box-shadow: none;
}
.footer .btnylw {
    background: transparent !important;
    border-radius: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: normal !important;
}
.footer .btnylw:hover {
    background: var(--primarycolor) !important;
}
.freconsection1 a.btnwhite {
    border: #000 2px solid;
    border-radius: 30px;
}
.mapbox iframe{
	min-height: 270px;
}
.mapbox h3{
	color: #fff;
	margin-bottom: 10px;
	font-weight: normal !important;
	font-size: 25px;
}
.locsec .nav-tabs .nav-item .nav-link {
    border: #000 2px solid;
    margin: 0px 10px;
    color: #222;
    padding: 15px 40px;
}
.locsec .nav-tabs .nav-item .nav-link.active {
    background: var(--primarycolor);
    border: var(--primarycolor) 2px solid;
	color: #fff;
}
.locsec .btn1 {
    padding: 13px 20px;
    border-radius: 4px;
	border: #000 2px solid;
}
.locsec .btn1:hover {
    background: transparent;
	border: var(--primarycolor) 2px solid;
	color: var(--primarycolor);
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram {
    background-color: var(--primarycolor) !important;
}
button.mnutog.hdricobtn.d-flex.d-lg-none:hover, button.btnico.mnucls:hover {
    background-color: transparent !important;
    color: #fff !important;
    border-color: transparent !important;
}
.breadcrumb-item+.breadcrumb-item::before {
    color: var(--primarycolor);
}
.breadcrumb-item.active {
    color: #303030;
}

.hero-slider {
    width: 100%;
    min-height: 600px;
	max-height: 600px !important;
}
.rounded-10{
	border-radius: 10px;
}
.herobannercnt{
    position: relative;
    z-index: 3;
    padding: 180px 0 160px;
}
.herosection:before{
	content:"";
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000a8;
	z-index: 2;
}
.bnrlftcnt h1 {
    font-size: 60px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 75px;
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .herobnrform {
        -webkit-backdrop-filter: blur(10px);
       backdrop-filter: blur(5px);
        background-color: rgb(255 255 255 / 60%);
    }
}
.herobnrform{
	border-radius: 10px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.submitbtn {
    width: 100%;
    border-radius: 5px;
    padding: 15px;
    background: var(--primarycolor) !important;
    border: var(--primarycolor) 1px solid !important;
    text-transform: uppercase;
	transition: all 0.5s;
	font-size: 16px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.submitbtn:hover {
    background: transparent !important;
    border: var(--primarycolor) 1px solid !important;
	color: var(--primarycolor) !important;
}
.herobnrform span.wpcf7-spinner {
    position: absolute;
    right: 10px;
    top: 14px;
}
.herobnrform p {
    padding: 0 !important;
}
.herobnrform h3{
    font-size: 30px;
    text-transform: capitalize;
}
.text-dark.smallcaps {
    font-size: 13px;
    color: #000 !important;
}
.cpya{
	font-size: 16px;
}
img.rightcircleimg {
    position: absolute;
    right: 0;
    top: -759px;
    /* width: 100%; */
    z-index: 2;
    width: 360px;
}
.bycolor h2 em {
    color: #C26D28;
    font-style: normal !important;
}
h1.mainh1 {
    color: #4C7C9C !important;
    font-size: 69px;
}
.innrbtn a {
    width: auto;
    padding: 13px 24px;
}
.padding-top-ctrl .hdrcnt h2{
	font-size: 53px !important;
	font-weight: normal !important;
	margin-bottom: 20px;
}
.padding-top-ctrl{
	padding-top: 140px !important;
}
.underline{
    text-decoration: underline;
}
.categorycnt {
    background: #D6E7D2;
    width: 150px;
    height: 150px;
    margin: 0 auto;
}
.categorycnt img {
    transition: all 0.4s;
}
.categorycnt:hover img {
    transform: scale(1.2);
}
.rounded-top-50 {
    border-radius: 50px 50px 0px 0px;
}
.iconboxlink a {
    font-size: 17px;
    font-weight: 500;
	transition: all 0.5s;
}
.bottomcntfnd {
    color: #1A3B51;
    font-weight: 700;
    font-size: 18px;
    margin-top: 20px;
    display: inline-block;
    padding-bottom: 15px;
	position: relative;
}
.bottomcntfnd:after{
	content: "";
	background: #C87B3D;
	width: 65%;
	height: 2px;
	position: absolute;
	left: 50%;
	transform: translatex(-50%);
	bottom: 0;
}
.hdrcnt h2 {
    margin-top: 0;
	text-transform: capitalize;
}
.herdsmltxt {
    font-size: 20px;
    font-weight: 600;
    color: #f14f5a;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.feturessec:before{
	content: "";
	background: #F8F8F8;
	position: absolute;
	left: 0;
	top: 0;
	width: 60%;
	height: 100%;
	z-index: -1;
}
.roundedtoprated:before {
    content: "";
    background: #00000061;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.reachoutsec:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgb(0 51 92 / 62%);
}
.pb-0 p {
    padding: 0 !important;
}
.testicnt h4{
	margin-top: 0!important;
}
.primary-bg{
	background-color: var(--primarycolor);
}
.vdoimgmain {
    position: absolute;
    bottom: 100px;
    right: 0;
    width: 30%;
	border-radius: 10px 0px 0px 10px;
	overflow: hidden;
}

.vdoimgmain:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #2a7eba70;
    z-index: 1;
}
/* .innerpagebanner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #08416ab3;
    z-index: 1;
} */
section.innerpagebanner {
    padding: 150px 0px 70px;
}
.videoModals .modal-content {
      background: transparent;
      border: none;
    }
   .videoModals .modal-body {
      padding: 0;
      position: relative;
    }
   .close-btn {
    position: absolute;
    top: -10px;
    right: -10px;
    background: #fff;
    border-radius: 50%;
    border: none;
    width: 35px;
    height: 35px;
    font-size: 25px;
    text-align: center;
    z-index: 10;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    padding: 5px;
}
.filterhover{
	transition: all 0.5;
}
.filterhover:hover{
    filter: brightness(0.2);
}

@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
    .blurbluebg {
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        background-color: rgb(42 126 186 / 75%);
    }
}
.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--secondcolor);
}
.swiper-pagination-bullet {
    background: var(--secondcolor);
}
.topratedsec h2{
    color: #fff !important;
}
.btn2 {
    background: var(--secondcolor);
    border: var(--secondcolor) 2px solid;
    padding: 15px 20px;
    text-transform: capitalize;
    border-radius: 6px;
    transition: all 0.5s;
	font-weight: 600;
}
.btn2:hover {
    background: #fff;
    border: #fff 2px solid;
    color: var(--secondcolor);
}
.heightcntrl {
    max-height: 380px;
    height: 330px;
}
.whychosesec .btn2{
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
}
.primary-color{
	color: var(--primarycolor);
}
.crssrvcnt .btn1, .crssrvcnt .btn2 {
    padding: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    min-height: 50px;
    line-height: 0;
    font-weight: 400;
}
.crssrvcnt .btn2:hover {
	background: var(--primarycolor);
	border-color: var(--primarycolor);
}
.crssrvcnt .btn1 {
	border-color: var(--primarycolor) 2px solid;
}
.crssrvcnt .btn1:hover {
	border-color: var(--primarycolor);
}
.crssrvcnt h4 {
    font-size: 22px;
    min-height: 66px;
}
.crssrvcnt .duranmain {
    min-height: 94px;
}
.pricemaincnt {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px 40px;
    border-radius: 0px 10px 0px 0px;
}
@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
    .pricemaincnt {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        background-color: rgb(241 79 90 / 83%);
    }
}
.bottomimgdv img{
	transition: all 0.5s;
}
.crsboxesxx:hover .bottomimgdv img{
	transform: scale(1.2);
}
.subscribefrm span.wpcf7-spinner {
    position: absolute;
    right: 10px;
    top: 10px;
}
.subscribefrm span.wpcf7-not-valid-tip {
    position: absolute;
    left: 5px;
    bottom: -30px;
}
.mobilefixedbottommenu {
    position: fixed;
    left: 0;
    bottom: 0;
    background: var(--secondcolor);
    padding: 10px 15px;
    z-index: 10;
    width: 100%;
    box-shadow: 0 10px 30px rgb(0 0 0 / 20%);
}
.contact_form span.wpcf7-spinner {
    position: absolute;
    right: 10px;
    top: 12px;
}
li#menu-item-38 a svg {
    width: 24px !important;
    height: 24px !important;
}
.bnrlftcnt h4 {
    display: inline-block;
    position: relative;
    background: linear-gradient(to left, #2a7ebad9, #e7515f94);
    color: white;
    padding: 20px;
}
.bnrlftcnt h4:before {
    display: block;
    content: '';
    left: 3px;
    bottom: -8px;
    width: 0;
    height: 0;
    position: absolute;
    border: calc(17px / 2) solid transparent;
    border-bottom-width: 75%;
    border-bottom-color: #a54b51;
    transform: rotate(45deg);
}
.bnrlftcnt h4:after {
  display:block;
  content:'';
  width: 0;
  height: 0;
  position:absolute;
  top: 0;
  right: -16px;
  width: 16px;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='12px' height='24px' viewBox='0 0 12 24' fill='lightgrey' enable-background='new 0 0 12 24' xml:space='preserve'%3E%3Cpolyline  points='0,0 12,0 0,12 '/%3E%3Cpolyline  points='0,24 12,24 0,12 '/%3E%3C/svg%3E");
  background-size: 16px 100%;
  /*
  border-right: 12px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0;
  border-style: solid;
  border-color:lightgrey;
  border-right-color:transparent;
  */
}
li.menu-item-has-children:hover a svg {
    transform: rotate(180deg);
}
li.menu-item-has-children a svg {
    transition: all 0.2s;
    width: 24px;
    height: 24px;
}
.single-post #secondary {
    width: 100%;
}
.single-post #add_payment_method table.cart td.actions .coupon .input-text, .single-post .woocommerce-cart table.cart td.actions .coupon .input-text, .single-post .woocommerce-checkout table.cart td.actions .coupon .input-text, .single-post input[type=date], .single-post input[type=email], .single-post input[type=password], .single-post input[type=search], .single-post input[type=tel], .single-post input[type=text], .single-post input[type=url], .single-post textarea {
    border: 1px solid rgb(143 143 143) !important;
}
.single-post #primary, .single-post #secondary {
    margin-top: 0;
    margin-bottom: 0;
}
a.darkicnbtn {
    border: #f54f58 2px solid;
    padding: 14px 30px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 28px;
    color: #f14f5a;
    text-transform: capitalize;
    font-weight: 600;
    transition: all 0.3s;
	line-height: 0;
}
a.darkicnbtn:hover {
    border: #2a7eba 2px solid;
    color: #2a7eba;
	gap: 10px;
}
a.darkicnbtn:hover i svg {
    fill: #2a7eba;
}
.testisldmains:after{
	content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 95%;
    height: 100%;
    border-radius: 15px;
	background-image: url(images/testitextuche.webp);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	z-index: -1;
}
.products-carousel .card-text {
    padding-bottom: 6px !important;
}
.products-carousel .card-img-top {
    height: 255px;
    object-fit: cover;
}
ul#menu-primary-menu {
    display: flex;
    align-items: center;
    justify-content: center;
	position: relative;
}
.borderend.position-relative:after {
    content: "";
    background: #024139;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.borderend.position-relative{
    min-height: 50px;
    max-height: 100%;
}
.accntbadge {
    background: var(--primarycolor);
    color: #fff;
    text-align: center;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    font-size: 12px;
    position: absolute;
    top: -11px;
    right: -10px;
}

/* Full height hero */
    section.hero-slider {
      width: 100%;
      height: 100vh;
      position: relative;
    }

    /* Background images */
    .hero-slider .swiper-slide {
      background-size: cover;
      background-position: center;
      width: 100%;
      height: 100%;
    }

    /* Overlay */
    .hero-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgb(0 0 0 / 20%);
      z-index: 1;
    }

    /* Content */
    .hero-content {
      position: relative;
      top: -370px;
      left: 0;
      z-index: 2;
      color: #fff;
      max-width: 600px;
      animation: fadeInUp 1s ease-in-out;
    }
    .hero-content h1 {
      font-size: 3rem;
      font-weight: bold;
    }
	.hero-content p {
		margin: 20px 0;
		font-size: 16px;
		color: #323232;
	}
    .hero-content .btn {
      padding: 12px 30px;
      border-radius: 50px;
      font-size: 1.1rem;
		background: var(--primarycolor);
		border: var(--primarycolor) 1px solid;
    }
	.hero-slider span.swiper-pagination-bullet.swiper-pagination-bullet-active {
		width: 30px;
		border-radius: 20px;
		background: var(--primarycolor);
	}
.hero-slider .swiper-pagination-bullet {
    background: #fff;
    opacity: 0.8;
}
.hero-slider .swiper-horizontal>.swiper-pagination-bullets, .hero-slider .swiper-pagination-bullets.swiper-pagination-horizontal, .hero-slider .swiper-pagination-custom, .hero-slider .swiper-pagination-fraction {
    bottom: 30px;
}

    /* Animation */
    @keyframes fadeInUp {
      from {opacity: 0; transform: translateY(30px);}
      to {opacity: 1; transform: translateY(0);}
    }
.primarytext{
	color: var(--primarycolor) !important;
}

.promo-banner {
      background: #fff;
      border-radius: 20px;
      box-shadow: 0 4px 20px rgba(0,0,0,0.1);
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: space-between;
      max-width: 900px;
    }
    .promo-text {
      flex: 1;
      padding: 20px;
		text-align: center;
    }
    .promo-text h2 {
      font-weight: 700;
      font-size: 2rem;
      margin-bottom: 15px;
    }
    .promo-text p {
      color: #444;
      font-size: 1rem;
      margin-bottom: 15px;
    }
    .promo-text h3 {
      font-size: 1.8rem;
      font-weight: 700;
      margin: 15px 0;
    }
    .promo-btn {
      background-color: #0d3b2f;
      color: #fff !important;
      border: none;
      padding: 10px 25px;
      border-radius: 6px;
      text-decoration: none;
      transition: 0.3s;
      font-weight: 500;
    }
    .promo-btn:hover {
      background-color: #08261f;
    }
.promo-image {
	flex: 1;
	text-align: right;
	position: relative;
	min-height: 304px;
}
    .promo-image img {
      max-width: 100%;
		height: 100% !important;
    }

.lineheading::after {
    content: '';
    position: absolute;
    bottom: -13px;
    left: 50%;
    transform: translatex(-50%);
    width: 100px;
    height: 4px;
    background-color: var(--primarycolor);
}
.lineheading {
    position: relative;
    display: inline-block;
    font-weight: 600;
}
img.productimg {
    border-radius: 30px 30px 0px 0px;
	margin-bottom: 0;
}
.productrating {
    font-size: 23px;
    color: #FFCC00;
}
.producttitle {
    margin-bottom: 10px;
    font-weight: 600;
	min-height: 55px;
}
span.woocommerce-Price-amount.amount {
    color: var(--primarycolor);
    text-decoration: none !important;
    border: 0;
    font-size: 20px;
    margin-left: 10px;
    text-decoration: none !important;
}
del span.woocommerce-Price-amount.amount {
    color: #999999;
    font-size: 19px;
	font-weight: 400;
}
.productprice del {
    color: #9c9999b8;
}
ins span.woocommerce-Price-amount.amount {
    color: var(--primarycolor);
    text-decoration: none !important;
    border: 0;
    font-size: 20px;
    margin-left: 10px;
	text-decoration: none !important;
}
.productprice ins {
    text-decoration: none;
}

.btncircl {
  width: 90%;
  height: 60px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  font-size: 20px;
  color: #fff;
  background: -webkit-linear-gradient(
    left,
    #d6e7d2 40%,
    #d6e7d2 70%,
    #d6e7d2 100%
  );
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #d6e7d2 40%, #d6e7d2 70%, #d6e7d2 100%);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(
    right,
    #d6e7d2 40%,
    #d6e7d2 70%,
    #d6e7d2 100%
  );
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #d6e7d2 40%, #d6e7d2 70%, #d6e7d2 100%);
 
  cursor: pointer;
}
.player-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.player-wrapper:nth-child(2) {
  left: 60%;
}
.player-wrapper .player {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 100;
 border: #fff 6px solid;
}
.offerbadge {
    width: 90px;
    height: 90px;
    position: absolute;
    top: 30px;
    left: 30px;
}
span.offerbadgetxt {
    font-size: 22px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-weight: 700;
}
.productdetailds {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translatex(-50%);
    width: 100%;
    padding: 20px;
}
.player-wrapper .player .playImg {
  margin: 29px 0 0 31px;
}
.player-wrapper .player .pauseImg {
  margin: 29px 0 0 28px;
}
.player-wrapper .player-circles {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.player-circles .circle {
  background: rgb(2 65 57 / 22%);
  width: 80px;
  height: 80px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
}
.player-circles .c-1 {
  -webkit-animation: 2000ms scaleToggleOne infinite;
  animation: 2000ms scaleToggleOne infinite;
}
.player-circles .c-2 {
  -webkit-animation: 2000ms scaleToggleOne infinite;
  -webkit-animation-delay: 300ms;
  animation: 2000ms scaleToggleOne infinite;
  animation-delay: 300ms;
}
.player-circles .c-3 {
  -webkit-animation: 2000ms scaleToggleOne infinite;
  -webkit-animation-delay: 600ms;
  animation: 2000ms scaleToggleOne infinite;
  animation-delay: 600ms;
}
@-webkit-keyframes scaleToggleOne {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scaleToggleOne {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.player .controler {
  position: absolute;
}
.player .paused {
    width: 0;
    height: 0;
    top: 18px;
    left: 26px;
    border: 16px solid transparent;
    border-left: 26px solid var(--primarycolor);
    border-right: 0;
}
.player .playing {
  width: 24px;
  height: 24px;
  top: 28px;
  left: 28px;
  background: #fff;
  border-radius: 4px;
}
.countdown {
      display: flex;
      justify-content: center;
      gap: 15px;
    }
    .count-box {
      background: #fff;
      border-radius: 8px;
      padding: 15px 20px;
      text-align: center;
      min-width: 90px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }
    .count-box h2 {
      font-size: 28px;
      font-weight: 700;
      margin: 0;
      color: #212529;
    }
    .count-box span {
      display: block;
      font-size: 14px;
      font-weight: 500;
      color: #333;
      margin-top: 5px;
    }
    .separator {
      font-size: 28px;
      font-weight: 700;
      display: flex;
      align-items: center;
      color: #212529;
    }

.testisecsec:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(images/testitxt.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.03;
}
.testisecsec .swiper-pagination-bullet {
    background: var(--primarycolor);
}
.tstp p{
	padding: 0 !important;
}
.quote-icon.qtleft{
	position: absolute;
	left: 0;
	top: 0;
}
.quote-icon.qtright{
	position: absolute;
	right: 0;
	top: 0;
}

.bottomaddtocart {
    background: var(--primarycolor);
    color: #fff;
    position: absolute;
    left: 0;
    bottom: -50px;
    width: 100%;
    transition: all 0.3s;
}
.rightsymbol {
    position: absolute;
    right: -50px;
    bottom: 75px;
    transition: all 0.3s;
}
.productcart:hover .rightsymbol{
	right: 10px;
}
.productcart:hover .bottomaddtocart{
	bottom: 0;
}
.bottomaddtocart a {
    width: 100%;
    padding: 10px 20px;
    text-align: end;
    font-size: 14px;
}
.producticon {
    background: #fff;
    padding: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
.productcart:hover{
   box-shadow: 0px 6px 10px #00000021;
}
.productcart{
	transition: all 0.4s;
}
.productsection .productcart .btn-filled {
    border-radius: 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}
.productsection .productcart:hover{
	box-shadow: none !important;
}
.custom-close {
  width: 25px;
  height: 25px;
  background-color: #fff !important;          /* white circle */
  border-radius: 50%;
  box-shadow: 0 6px 18px rgba(0,0,0,.15);
  opacity: 1;                      /* keep the X fully visible */
  background-position: center;     /* center the X icon */
  background-repeat: no-repeat;
  background-size: 50% 50%;        /* scale the X inside the circle */
}
.custom-close:hover { opacity: .9; }

/* Default: outline heart */
.loveicon a img {
    content: url('images/love.svg');
}

/* When wishlisted: filled heart */
.loveicon a.added img {
    content: url('images/love-filled.svg');
}
.yith_wcwl_wishlist_footer .yith-wcwl-share {
    float: initial !important;
    clear: both;
    margin-top: 30px;
	text-align: center;
}
#add_payment_method #payment, #add_payment_method #payment div.form-row, #add_payment_method #payment div.payment_box, #add_payment_method #payment ul.payment_methods, #main .woocommerce-MyAccount-navigation ul, #main .woocommerce-MyAccount-navigation ul li, #ship-to-different-address, .si-cart-item-title, .si-empty-cart, .woocommerce-Addresses header.title h3, .woocommerce-cart #payment, .woocommerce-cart #payment div.form-row, .woocommerce-cart #payment div.payment_box, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment, .woocommerce-checkout #payment div.form-row, .woocommerce-checkout #payment div.payment_box, .woocommerce-checkout #payment ul.payment_methods, .woocommerce-checkout-review-order h3, .woocommerce .show-on-hover, .woocommerce .widget_layered_nav_filters ul li, .woocommerce.widget_shopping_cart p, .woocommerce .widget_shopping_cart p, .woocommerce div.product .woocommerce-pagination ul li a, .woocommerce div.product .woocommerce-pagination ul li span, .woocommerce div.product .woocommerce-product-rating .star-rating, .woocommerce div.product .woocommerce-tabs table.shop_attributes, .woocommerce div.product .woocommerce-tabs table.shop_attributes td p, .woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce form.checkout_coupon p, .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .woocommerce-loop-category__title h3, .yith-wcwl-share, .yith-wcwl-share ul {
    justify-content: center;
}
.yith-wcwl-share ul li {
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    width: auto;
}
.yith-wcwl-share ul li:after {
    display: none;
}
.wp-block-woocommerce-cart.alignwide {
    margin-right: 0;
    margin-left: 0;
    max-width: unset;
    width: unset;
}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    background: var(--primarycolor);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.4s;
	border-radius: 5px;
}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover {
    background: var(--secondcolor);
    color: var(--primarycolor);
}
.alignfull, .alignwide, .wp-block-cover {
    margin-bottom: 0 !important;
}
.wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block {
    background: #f6f7f2;
    padding: 30px;
    border-radius: 5px;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
    padding-right: 30px;
}
h2.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
    font-size: 22px !important;
}
h3.wc-block-components-product-name {
    font-size: 17px !important;
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
    background: var(--primarycolor);
    border: var(--primarycolor) 1px solid;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    transition: all 0.4s;
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:hover {
    background: var(--secondcolor);
    color: var(--primarycolor);
}
p.wc-block-components-checkout-order-summary__title-text {
    text-align: center;
}
a.wc-block-components-checkout-return-to-cart-button {
    background: #b5cab7;
    color: #024139;
    padding: 14px;
    border-radius: 4px;
    text-align: center;
    display: flex;
    align-items: center;
    gap: 14px;
    width: 46%;
    justify-content: center;
}
.wc-block-checkout__actions_row .wc-block-components-checkout-return-to-cart-button svg {
    left: 15px;
}
h2.woocommerce-loop-product__title {
    font-size: 16px !important;
}


/* --- Buy Now button --- */
.single-product .button.buy-now-button {
    background: var(--primarycolor) !important;
    border-radius: 4px !important;
    transition: all 0.4s;
    border: 1px solid var(--primarycolor) !important;
    color: #fff !important;
}

.single-product .button.buy-now-button:hover {
    background: var(--secondcolor) !important;
    color: var(--primarycolor) !important;
}

/* --- Add to Cart button --- */
.single-product .single_add_to_cart_button.button.alt {
    color: var(--primarycolor) !important;
    border: 1px solid var(--primarycolor) !important;
    border-radius: 4px !important;
    background: transparent !important;
    transition: all 0.4s;
}

.single-product .single_add_to_cart_button.button.alt:hover {
    background: var(--primarycolor) !important;
    color: #fff !important;
}

.woocommerce #yith-wcwl-form table.shop_table .product-subtotal .amount, .woocommerce .woocommerce-cart-form table.shop_table .product-subtotal .amount, .woocommerce ul.products li.product .price, .woocommerce .woocommerce-checkout-review-order .order-total .woocommerce-Price-amount.amount, #main .woocommerce-MyAccount-navigation li.is-active, .woocommerce .star-rating span::before, .widget.woocommerce .wc-layered-nav-term:hover a, .widget.woocommerce .wc-layered-nav-term a:hover, .widget.woocommerce .product-categories li a:hover, .widget.woocommerce .product-categories li.current-cat > a, .woocommerce ins .amount, .woocommerce .widget_rating_filter ul li.chosen a::before, .widget.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen, .woocommerce .widget_shopping_cart .total .amount, .woocommerce .widget_shopping_cart .total .tax_label, .woocommerce.widget_shopping_cart .total .amount, .woocommerce.widget_shopping_cart .total .tax_label, .woocommerce .widget_shopping_cart .cart_list li a.remove:hover:before, .woocommerce.widget_shopping_cart .cart_list li a.remove:hover:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active > a, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce div.product #reviews .comment-form-rating .stars a, .woocommerce div.product .woocommerce-pagination ul li span.current, .woocommerce div.product .woocommerce-pagination ul li a:hover, .wc-cart-widget-header .si-cart-subtotal span, .si-header-widget__cart:hover > a, .si-woo-steps .si-step.is-active, .cart_totals .order-total td {
    color: var(--primarycolor) !important;
}
.widget.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item.chosen a:before, .woocommerce div.product div.images .flex-control-thumbs li img.flex-active, .woocommerce div.product .woocommerce-pagination ul li span.current {
    border-color: var(--primarycolor) !important;
}

.si-btn, body:not(.wp-customizer) input[type=submit], .site-main .woocommerce #respond input#submit, .site-main .woocommerce a.button, .site-main .woocommerce button.button, .site-main .woocommerce input.button, .woocommerce ul.products li.product .added_to_cart, .woocommerce ul.products li.product .button, .woocommerce div.product form.cart .button, .woocommerce #review_form #respond .form-submit input, #infinite-handle span {
    border-color: var(--primarycolor);
}
.woocommerce span.onsale, .woocommerce ul.products li.product .onsale {
    background-color: #d6e7d2 !important;
    color: #024139 !important;
}
ul.tabs.wc-tabs {
    background: #D6E7D2;
}
span.yith-wcwl-add-to-wishlist-button__label {
    color: var(--primarycolor);
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover:before {
    background: var(--primarycolor) !important;
}
.woocommerce div.product .woocommerce-product-gallery .flex-direction-nav .flex-next, .woocommerce div.product .woocommerce-product-gallery .flex-direction-nav .flex-prev {
    background-color: #d6e7d2 !important;
}
.single-product .price del {
    display: inline-grid !important;
}
ul.sub-menu li a img {
    width: 70px;
    border-radius: 5px;
}
ul.sub-menu li a {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}
ul.sub-menu li.menu-item-has-children svg {
    display: none;
}
ul.sub-menu span.description {
    font-size: 17px;
    color: var(--primarycolor);
    text-align: center;
}
nav.nav .primary-menu > li#menu-item-80 > ul > li > a {
    padding: 10px 15px;
    color: #333;
    display: flex;
    font-size: 16px;
    border-bottom: #ccc 1px dashed;
    margin-bottom: 0;
}
nav.nav .primary-menu > li#menu-item-80 > ul > li > a:hover {
    color: #fff;
    border-bottom: var(--primarycolor) 1px dashed;
}
li#menu-item-80 ul.sub-menu li a img {
    width: 50px;
    border-radius: 5px;
}
ul.sub-menu li a:hover {
    background: #fff;
    padding-right: 5px;
    border-radius: 3px;
}
ul.sub-menu li a {
    transition: all 0.4s;
}
.contactcnt ul.wp-block-social-links.is-layout-flex.wp-block-social-links-is-layout-flex {
    gap: 10px !important;
}
.contactcnt ul.wp-block-social-links.is-layout-flex.wp-block-social-links-is-layout-flex li {
    background: #D6E7D2 !important;
}
.svgcntrl {
    background: #d6e7d2;
    width: 50px;
    height: 50px;
	min-width: 50px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
.mapcont {
    border-left: #024139 3px solid;
    padding-left: 30px;
}
textarea.wpcf7-form-control.wpcf7-textarea.formcontrol {
    max-height: 110px;
    min-height: 110px;
    resize: none;
	border: 1px solid #ced4da;
}
.footertopsec a:hover{
	color: var(--secondcolor) !important;
}
section.innrcntsec h2, section.innrcntsec h3, section.innrcntsec h4 {
    font-weight: 500 !important;
	margin-top: 15px !important;
}
.bottomaddtocart a:hover {
    color: var(--secondcolor);
}
button.woocommerce-button.button.woocommerce-form-login__submit, button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit {
    padding: 16px 40px;
    font-weight: 600;
    border-radius: 3px;
    background-color: var(--primarycolor);
    transition: all 0.5s;
	color: #fff;
}
p.woocommerce-LostPassword.lost_password a {
    color: #024139 !important;
    font-weight: 700;
}
div#customer_login .u-column1, div#customer_login .u-column2 {
    padding: 40px 40px 20px;
    background: #d6e7d247;
    border-radius: 20px;
}
input#header-search {
    border: #6c757d 1px solid;
    border-radius: 3px;
}
.searchbtns{
	background: var(--primarycolor);
	border-color: var(--primarycolor);
	transition: all 0.4s;
}
.searchbtns:hover{
	background: var(--primarycolor);
	border-color: var(--primarycolor);
}
.searchbtns svg path{
	transition: all 0.4s;
}

.searchbtns:hover svg path{
	stroke: var(--primarycolor);
}
ul#search-results {
    position: absolute;
    left: 0;
    top: 24px;
    width: 100% !important;
}
.woocommerce-info::before {
    color: var(--primarycolor) !important;
}
.woocommerce-info {
    border-top-color: var(--primarycolor) !important;
}
a.button.wc-forward {
    background: var(--primarycolor);
    color: #fff !important;
    font-size: 16px;
    transition: all 0.4s;
    font-weight: 500;
    padding: 15px 20px;
}
a.button.wc-forward:hover {
    background: var(--secondcolor);
    color: var(--primarycolor) !important;
}
nav.woocommerce-MyAccount-navigation ul {
    background: #d6e7d247;
    padding: 25px;
    border-radius: 15px;
}
nav.woocommerce-MyAccount-navigation ul li {
    background: #D6E7D2;
    padding: 0;
    margin-bottom: 10px;
    border-radius: 5px;
}
nav.woocommerce-MyAccount-navigation ul li:after {
    display: none;
}
nav.woocommerce-MyAccount-navigation ul li a {
    display: flex;
    background: #D6E7D2;
    padding: 10px 15px;
    margin-bottom: 10px;
    border-radius: 5px;
    transition: all 0.4s;
}
nav.woocommerce-MyAccount-navigation ul li a:hover{
    background: var(--primarycolor);
    color: #fff;
}
nav.woocommerce-MyAccount-navigation ul li.is-active a{
	background: var(--primarycolor);
    color: #fff;
}
.woocommerce-MyAccount-content {
    background: #f4f8f2;
    padding: 30px;
    border-radius: 15px;
}
button.woocommerce-Button.button, a.woocommerce-Button.wc-forward.button, a.button.wc-forward {
    background: #024139 !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 18px 26px !important;
    transition: all 0.4s;
}
button.woocommerce-Button.button:hover, a.woocommerce-Button.wc-forward.button:hover, a.button.wc-forward:hover {
    background: var(--secondcolor) !important;
    color: var(--primarycolor) !important;
	border-color: var(--primarycolor) !important;
}
.woocommerce table .button {
    height: 40px!important;
    padding: 0 2em!important;
    font-size: .8125rem!important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #024139 !important;
    color: #fff !important;
    transition: all 0.4s;
	margin-left: 5px !important;
}
.woocommerce table .button:hover {
    background: var(--secondcolor) !important;
    color: var(--primarycolor) !important;
}
.woocommerce table.my_account_orders thead th, .woocommerce table.woocommerce-table--order-details thead th, .woocommerce table.woocommerce-table--order-downloads thead th {
    background-color: #d6e7d2 !important;
}
p.woocommerce-customer-details--phone {
    margin-left: 20px !important;
    margin-top: 10px !important;
    padding-bottom: 10px !important;
}
p.woocommerce-customer-details--email {
    margin-left: 20px !important;
}
p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    background: #d6e7d2;
    margin-bottom: 30px !important;
    padding: 20px 20px !important;
    border-radius: 4px;
    color: #024139;
    font-size: 18px;
    font-weight: 600;
}
a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart {
    background: #024139;
    color: #fff;
}
button#btn-razorpay {
    background: var(--primarycolor);
    padding: 16px 30px;
    border: var(--primarycolor) 1px solid;
    color: #fff;
    border-radius: 3px;
    transition: all 0.4s;
}
button#btn-razorpay-cancel {
    background: var(--secondcolor);
    padding: 16px 30px;
    border: var(--primarycolor) 1px solid;
    color: var(--primarycolor);
    border-radius: 3px;
    transition: all 0.4s;
    margin-left: 20px;
}
button#place_order {
    background: var(--primarycolor);
    transition: all 0.4s;
}
label.wc-block-components-radio-control__option {
    display: flex !important;
    align-items: center !important; 
    justify-content: start !important;
    gap: 20px !important;
    padding-left: 2px !important;
}
.wc-block-components-radio-control__input {
    top: 10px !important;
	width: 25px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    min-height: 24px !important;
}
.si-input-supported input[type=checkbox]:before {
    left: 8px !important;
    top: 4px !important;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    transform: scale(0);
    z-index: 2;
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-youtube {
    background-color: transparent !important;
    color: #fff;
}
.item-details {
    background: #d6e7d2;
    padding: 15px;
}
.shop-sidebar input[type=checkbox]:before {
    left: 7px !important;
    top: 3px !important;
}
.ingbxnm {
    width: 100%;
    background: #d6e7d1;
    padding: 15px;
    text-align: center;
    color: #fff;
}
.boxhovertop img{
	transition: all 0.5s;
}
.boxhovertop:hover img{
	transform: scale(1.1);
}
h1.titleinr {
    text-shadow: 1px 1px 3px #ffffff;
}
ul.product_list_widget li a img {
    width: 70px;
    border-radius: 5px;
}
ul.product_list_widget li {
    margin-bottom: 20px;
}
.bgtxt {
    font-size: 13px;
}
/* Cookie Popup Styling */
/* Cookie Popup Styling */
.cookie-popup {
  position: fixed;
  bottom: 20px;
  left: 20px;
  max-width: 300px;
  display: none;
  z-index: 100;
  font-size: 14px;
  background: #fff;
  border: 1px solid #ddd;
}

.cookie-popup p {
  margin: 0;
  color: #333;
}

.cookie-popup a {
  color: #0d6efd;
  text-decoration: underline;
}
#offerPopup .modal-content {
  border: none;
}
#offerPopup h5 {
  font-weight: 600;
}
p.comment-form-author {
    margin-right: 20px !important;
}
.amazon-style-rating .star-rating {
    float: none !important;
    display: inline-block;
    color: #ffa41c; /* Amazon orange */
    font-size: 16px;
    vertical-align: middle;
}
.amazon-style-rating .review-count {
    cursor: pointer;
}
.amazon-style-rating .review-count:hover {
    text-decoration: underline;
}



/* Media Query*/

@media only screen and (min-width: 992px) and (max-width:1200px){
	.container, .container-lg, .container-md, .container-sm {
        max-width: 1100px;
    }
	.personile2 .hdrcnt.text-white.py-3 {
    padding: 0px !important;
}
	.personile2 .col-lg-5 {
    flex: 0 0 auto;
    width: 48.666667% !important;
    padding-right: 24px !important;
}
	.personile2 {
    background-position: -26px 1px !important;
    background-size: contain !important;
}	
  .btn-filled, .btn-outline {
    font-size: 14px;
} 
img.faqimgs {
    right: 0px;
}
.post-type-archive .btn-group {
    gap: 6px !important;
    margin-top: auto;
    flex-wrap: wrap;
}
.productprice del {
    color: #ff0000;
    text-align: center;
    display: inline-flex;
}
ins span.woocommerce-Price-amount.amount {
    font-size: 17px !important;
    margin-left: 10px;
}
span.woocommerce-Price-amount.amount {
    font-size: 17px !important;
}
.productrating {
    color: #ED742F!important;
    font-size: 20px !important;
}
.ratingno {
    color: #4C7C9C;
    font-size: 14px !important;
    font-weight: 600;
}
.cateprdtcs {
    padding: 14px 12px;
    line-height: 0;
    color: #1A3B51;
    font-size: 13px !important;
    font-weight: 600;
    border-radius: 32px;
}
.post-type-archive h1.mainh1 {
    font-size: 24px !important;
}
.si-input-supported input[type=checkbox], .si-input-supported input[type=radio] {
    height: 14px !important;
    width: 14px !important;
    min-width: 14px !important;
}
.shop-sidebar label {
    display: inline-block;
    font-weight: 500;
    margin-bottom: .1875rem;
    font-size: 12px !important;
}	
}

@media (min-width: 992px) {
h1.mainh1 {
    color: #4C7C9C !important;
    font-size: 50px;
}	
.padding-top-ctrl .hdrcnt h2 {
    font-size: 30px !important;
    font-weight: normal !important;
    margin-bottom: 20px;
}	
li#menu-item-38 ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-width: 300px !important;
	
}
li#menu-item-256 ul, #menu-item-257 ul {
    display: block !important;
    padding: 15px;
    list-style: none;
	height: 420px;
	overflow: auto;
}
li#menu-item-256 ul li, li#menu-item-257 ul li {
    margin-bottom: 10px;
}
li#menu-item-256 ul{
    border-right: #ccc 1px dashed;
}
li#menu-item-38 ul li a{
background: #2a7eba;
    color: #fff;
    font-size: 16px;
    text-align: center;	
}
li#menu-item-256 ul li a, li#menu-item-257 ul li a {
    background: transparent;
	color: #000;
	transition: all 0.5s;
}
li#menu-item-256 ul li a:hover, li#menu-item-257 ul li a:hover {
	color: #f14f5a;
}	
}

@media only screen and (min-width: 992px) and (max-width:1169px){
    .apprhding {
        max-width: 70%;
    }   
}
@media only screen and (min-width: 768px) and (max-width: 991px){
.woocommerce table.my_account_orders .button {
    margin-bottom: 5px;
    width: 100%;
}	
.page-template-template-contact .productdetailds .count-box {
    min-width: 50px;
	padding: 10px 15px;
}	
.page-template-template-contact .count-box h2 {
    margin-bottom: 0 !important;
}	
a.product_type_simple.add_to_cart_button.ajax_add_to_cart.si-btn.add_to_cart.alt {
    padding: 10px 15px;
}	
.shop-sidebar .btn.btn-filled.btnclear {
    font-size: 13px !important;
    letter-spacing: 0 !important;
    padding: 12px 5px !important;
}	
.mobilezined .headerlogo img {
    width: 150px;
}	
nav.nav .primary-menu {
    display: block !important;
}	
nav.nav .primary-menu > li > a {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}	
.menu-item-has-children .sub-menu.submenu-open {
    display: none;
    opacity: 1;
    visibility: visible;
    padding: 15px;
}	
.menu-primary-menu-container {
    height: 100vh;
    padding-top: 35px;
}	
.accntbadge {
    background: var(--secondcolor);
    color: var(--primarycolor);
}	
.forskinsec:before {
    height: 100%;
}	
nav.nav .primary-menu > li > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}	
.col.iconboxexxcols {
    flex: 1 0 33.33% !important;
}	
.padding-top-ctrl .hdrcnt h2 {
    font-size: 32px !important;
    font-weight: normal !important;
    margin-bottom: 20px;
}
h1.mainh1 {
    color: #4C7C9C !important;
    font-size: 55px;
}
	.vdoimgmain {
    position: absolute;
    bottom: 100px;
    right: 0;
    width: 70%;
    border-radius: 10px 0px 0px 10px;
    overflow: hidden;
}
	h2 {
    font-size: 30px !important;
    line-height: 1.2;
    margin-bottom: 15px !important;
}
	button.mnutog.hdricobtn {
    padding-right: 0;
}
    .entry-summary, .entry-header, .post-thumbnail, .entry-content, .entry-footer, #comments, .navigation.post-navigation{
        margin: 0 0 15px 0 !important;
    }
    .entry-title {
        font-size: 24px;
        line-height: 1.2;
    }
nav.nav{
        position: fixed;
        right: 100%;
        width: 100%;
        top: 0;
        height: 100%;
        background: var(--primarycolor);
        z-index: 999;
        display: flex;
        width: 100%;
        height: 100%;
        -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    }
    header.header.active nav.nav{
        right: 0;
    }
    nav.nav .menu-main-menu-container{
        width: 300px;
        background: #fff;
        height: 100%;
        overflow: auto;
    }
    nav.nav .mnucls{
        background: transparent;
        width: auto;
        height: 100%;
        display: block;
		border: 0;
    }
    nav.nav .primary-menu {
    display: block;
}
    nav.nav .primary-menu{
        height: 100%;
        padding-top: 30px;
    }
    nav.nav .primary-menu > li{
        display: block;
        margin: 0;
    }
    nav.nav .primary-menu > li > a{
        color: #fff !important;
    }
  
    .logo img{
        width: 300px;
    }
nav.nav .primary-menu > li > a {
    margin: 0;
    font-size: 16px;
        font-weight: 400;
    padding: 10px 15px;
    display: block;
}
    nav.nav .primary-menu > li > ul{
    position: static;
    opacity: 1;
    visibility: visible;
    box-shadow: none;
	display: none;	
}
    nav.nav .primary-menu > li > ul > li a{
        padding-left: 30px;
    }
    .mnutog{
        display: block;
        margin-left: 0;
        color:#fff;
        font-size: 30px;
    }   
    .header.fixed .mnutog{
        color:#333;
    }
    
button.mnutog.hdricobtn {
    background: transparent;
    border: 0;
}
.menu-item-has-children .sub-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease;
    padding-left: 0;
}

  .menu-item-has-children .sub-menu.submenu-open {
    display: block;
    opacity: 1;
    visibility: visible;
	padding: 15px;
  }

  /* Optional: rotate SVG icon on toggle */
  .menu-item-has-children.active > a > svg {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
  }

  .menu-item-has-children > a > svg {
    cursor: pointer;
    transition: transform 0.3s ease;
  }	
	.mobilezined nav.nav {
		flex-wrap: nowrap;
	}	
	nav.nav .primary-menu {
		height: 500px !important;
		overflow: auto;
	}
	ul.sub-menu.submenu-open li {
    margin-bottom: 12px;
}
 nav.nav .primary-menu > li > ul > li a{
        font-size: 18px;
    }  
	#menu-primary-menu > li > a > svg {
    transform: rotate(0deg);
}
	#menu-primary-menu > li.active > a > svg {
    transform: rotate(180deg);
}
	ul.sub-menu.submenu-open li svg {
    transform: rotate(0deg);
}
	ul.sub-menu.submenu-open li.active svg {
    transform: rotate(180deg);
}
.container {
        max-width: 920px;
    }
.mainlogocnt {
    width: 17% !important;
}
	:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-x {
    background-color: transparent !important;
    color: #fff;
}
	:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook {
    background-color: transparent !important;
    color: #fff;
}
}

@media screen and (max-width: 767px){
div#customer_login .u-column1.col-1 {
    margin-bottom: 25px;
}	
ul#faqTabs {
    flex-wrap: nowrap;
}	
.faqsec .nav-tabs .nav-link {
    padding: 13px 15px;
    font-size: 15px;
    line-height: 20px;
}	
a.button.wc-forward {
    margin-top: 20px !important;
}	
a.button.wc-forward {
    margin-top: 20px;
}	
.wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
    padding-top: 0;
}	
a.wc-block-components-checkout-return-to-cart-button {
    width: 100%;
}	
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
    width: 100%;
}	
p.wc-block-components-checkout-order-summary__title-text {
    text-align: start;
    padding-bottom: 0 !important;
}	
button.single_add_to_cart_button.button.alt {
    width: 100%;
    margin: 15px auto !important;
}	
a.button.buy-now-button {
    width: 100%;
    margin: 0 !important;
}	
.woocommerce table .button {
    margin: 4px !important;
}	
nav.woocommerce-MyAccount-navigation ul {
    margin-bottom: 20px;
}	
.productsection {
    padding-top: 25px;
}	
.item-details .product-name h3 {
    font-size: 20px !important;
    margin-top: 0 !important;
}	
.wishlist_table .product-add-to-cart a {
    line-height: 2;
    margin-top: 20px !important;
}	
.itemsmenu a {
    color: #0d3b2f;
	font-size: 15px;
}	
#buttonTop:hover {
    bottom: 80px;
}	
#buttonTop {
    bottom: 76px;
    right: 20px;
}	
ul.sub-menu span.description {
    font-size: 13px;
}	
ul.sub-menu li a img {
    width: 80px;
}	

.modal .btn-close {
    right: 2px !important;
    top: 1px !important;
}	
.accntbadge {
    background: var(--secondcolor);
    color: var(--primarycolor);
}	
.count-box {
    min-width: 60px;
}	
.countdown {
    gap: 4px;
}	
.forskinsec:before {
    height: 100%;
}	
	
.col.iconboxexxcols {
    flex: 1 0 100% !important;
}	
.icon_box_icon {
    width: 70px;
    height: 70px;
}	
.personile2 .hdrcnt{
	padding-top: 213px !important;	
	}	
.personile2{
    z-index: 2;
    background-color: #e8e3cd !important;
    background-size: contain !important;
    background-position: 0 -18px !important;
}	
.hero-section {
    padding-top: 110px;
    min-height: 750px;
    padding-bottom: 50px;
}	
.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited {
    color: var(--primarycolor) !important;
    fill: var(--primarycolor) !important;
    font-size: 25px !important;
}	
.prdbtns {
    position: absolute;
    top: 7px;
    left: 41px;
    z-index: 10;
}	
.faqsec .accordion-collapse:before {
    line-height: 38px;
}	
.faqsec .accordion-button {
    line-height: 23px;
}	
.faqsec .accordion-button:before {
    line-height: 36px;
}
	
	:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-x {
    background-color: transparent !important;
    color: #fff;
}
	:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook {
    background-color: transparent !important;
    color: #fff;
}
	#menu-primary-menu > li > a > svg {
    transform: rotate(0deg);
}
	#menu-primary-menu > li.active > a > svg {
    transform: rotate(180deg);
}
	ul.sub-menu.submenu-open li svg {
    transform: rotate(0deg);
}
	ul.sub-menu.submenu-open li.active svg {
    transform: rotate(180deg);
}
	ul.sub-menu.submenu-open li {
    margin-bottom: 12px;
}
	nav.nav .primary-menu {
		height: 500px !important;
		overflow: auto;
	}
	
	.mobilezined nav.nav {
		flex-wrap: nowrap;
	}
	 .menu-item-has-children .sub-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease;
    padding-left: 0;
  }

  .menu-item-has-children .sub-menu.submenu-open {
    display: block;
    opacity: 1;
    visibility: visible;
	padding: 15px;
  }

  /* Optional: rotate SVG icon on toggle */
  .menu-item-has-children.active > a > svg {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
  }

  .menu-item-has-children > a > svg {
    cursor: pointer;
    transition: transform 0.3s ease;
  }
	
	section.innerpagebanner {
    padding: 120px 0px 70px;
}
	.page-id-17 section.iconboxsec {
    top: auto !important;
}
	.mobilezined  {
    position: relative;
    z-index: 999;
}
	.hero-slider .img {
	width: 100%;
	height: 100%;
    min-height: 1120px;
}
	.herobannercnt {
    position: relative;
    z-index: 3;
    padding: 140px 0 130px;
}
	.bnrlftcnt h1 {
    font-size: 34px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 40px;
}
	 .toplefttext{
    font-size: 12px;
    letter-spacing: 0;
    line-height: 14px;
}
	button.mnutog.hdricobtn {
    padding-right: 0;
}
	.locsec .nav-tabs .nav-item .nav-link {
    border: #000 2px solid;
    margin: 10px 10px;
    color: #222;
    padding: 15px 30px;
    font-size: 16px;
}
	.footer ul#menu-quick-links {
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom: 41px !important;
}
	.footer .btnylw {
    font-size: 13px;
}
	.freconsection1 a.btnwhite {
    font-size: 13px;
}
 .hdrbtm .btn1 svg {
    width: 16px;
    height: 16px;
    margin-left: 3px;
}
    .hdrtop ul.wp-block-social-links.is-layout-flex.wp-block-social-links-is-layout-flex {
    gap: 2px;
}
    button.mnutog.hdricobtn {
    background: transparent;
		border: 0 !important;
}
    a.headerlogo img {
    width: 120px;
}
    header.header.fixed .headerlogo img {
    width: 120px;
}
a.hrdnavlink {
    background: #C26D28;
    height: 100%;
    display: inline-flex;
    align-items: center;
    padding: 10px 14px;
    color: #fff;
    min-width: 130px;
}

    .stickycnt .wp-block-column.is-vertically-aligned-top.is-layout-flow.wp-block-column-is-layout-flow {
    position: inherit;
    top: auto;
}
    .collapse p {
    font-size: 14px;
}
    .faqshrd {
    font-size: 15px;
}
    nav.nav{
        position: fixed;
        right: 100%;
        width: 100%;
        top: 0;
        height: 100%;
        background: var(--primarycolor);
        z-index: 999;
        display: flex;
        width: 100%;
        height: 100%;
        -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    }
    header.header.active nav.nav{
        right: 0;
    }
    nav.nav .menu-main-menu-container{
        width: 250px;
        background: #fff;
        height: 100%;
        overflow: auto;
    }
   nav.nav .mnucls {
    background: transparent;
    width: auto;
    height: 100%;
    display: block;
	   border: 0;
}
    nav.nav .primary-menu {
    display: block !important;
}
    nav.nav .primary-menu{
        height: 100%;
        padding-top: 0;
    }
    nav.nav .primary-menu > li{
        display: block;
        margin: 0;
    }
    nav.nav .primary-menu > li > a{
        color: #fff !important;
    }
  
    .logo img{
        width: 200px;
    }
.ftr-menu > li {
    margin: 5px 0px !important;
}
.ftrmnu{
margin-bottom: 20px;
}

 big {
    font-size: 120%;
}

    nav.nav .primary-menu > li > a {
    margin: 0;
    font-size: 16px;
        font-weight: 400;
    padding: 10px 15px;
    display: block;
}
    nav.nav .primary-menu > li > ul{
    position: static;
    opacity: 1;
    visibility: visible;
    box-shadow: none;
}
    nav.nav .primary-menu > li > ul > li a{
        font-size: 18px;
    }
    .mnutog{
        display: block;
        margin-left: 0;
        color:#ffffffa6;
    }
    .header.fixed .mnutog{
        color:#333;
    }
    
    .entry-summary, .entry-header, .post-thumbnail, .entry-content, .entry-footer, #comments, .navigation.post-navigation{
        margin: 0 0 15px 0 !important;
        width: 100%;
    }
    .entry-title {
        font-size: 24px;
        line-height: 1.2;
    }
    .bnrmidtxt h2 {
    font-size: 36px;
}
    .bnrmidtxt{
        text-align: center;
padding: 15px;
background: rgba(0,0,0,0.5);
    }
    h2 {
    font-size: 30px;
}
    .whycollimg {
    margin-bottom: 15px;
}
    .contactcon{
        margin-bottom: 30px;
    }
    .ftr-menu {
    margin-top: 15px;
}
    h1 {
    font-size: 40px;
}
    .p-5.inrpgcont{
        padding: 15px !important;
    }
    .contactform{
        margin-bottom: 30px;
    }
	
}

@media screen and (max-width: 767px){
.quote-icon img {
    width: 25px;
}	
.promo-text {
    flex: 1;
    padding: 10px;
    text-align: center;
}	
	nav.nav .primary-menu > li > ul > li a span{
		font-size: 15px !important;
	}	
nav.nav .primary-menu > li > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}	
nav.nav .primary-menu > li > ul {
    display: none;
	min-height: auto;
    max-height: unset;
    height: auto;
}	
.menu-primary-menu-container {
    height: 100vh;
    padding-top: 35px;
}	
.hero-content {
    text-align: center;
}	
.hero-content h1 {
    font-size: 35px;
}	
.hdrsoc a.wp-block-social-link-anchor {
    padding: 10px 3px;
}	
.iconbox1, .iconbox2 {
    margin-bottom: 30px;
}	
.padding-top-ctrl .hdrcnt h2 {
    font-size: 30px !important;
    font-weight: normal !important;
    margin-bottom: 20px;
}	
	h1.mainh1 {
    font-size: 34px;
}
.mainlogocnt {
    width: 32% !important;
}
.mainlogocnt img {
    width: 100% !important;
}	
	.hdrbtm .btn2 svg {
    width: 16px;
    height: 16px;
    margin-left: 3px;
}
.hdrbtm .btn1, .hdrbtm .btn2 {
    padding: 10px 12px;
    font-size: 14px;
}
.crssrvcnt h4 {
    font-size: 25px;
}
	.reachoutsec .videoicon .vdowrapper {
		position: inherit;
	}
	.videoicon .vdowrapper {
		position: absolute;
	}
	.vdoimgmain {
    position: absolute;
    bottom: 94px;
    width: 70%;
}
	h2 {
    font-size: 30px !important;
    line-height: 1.2;
    margin-bottom: 15px !important;
}
        .mobscroll{
            max-width: 100%;
            overflow: auto;
            -ms-overflow-style: none;
            scrollbar-width: none; 
        }
        .mobscroll::-webkit-scrollbar {
            display: none;
        }
        .mobscroll > .card{
            min-width: 191px;
            margin: 0 auto;
            margin-right: 10px;
        }
    }


.freconsection1   {
    background-color:#ffc235;
    padding:70px 0;
}