@charset "UTF-8";
/*
Theme Name: Elygon by Dientweb.
Theme URI: https://dientweb.net/
Author: the DientWeb team
Author URI: https://dientweb.net/
*/

/* Reset */
*     {box-sizing: border-box;margin:0;padding: 0;transition:0.2s;}
:root {
    --primary-color:#E80909; 
    --secondary-color:#00B2F4;
    --deep-red-color:#8A1800;
    --deep-blue-color:#001C8B;
    --dark-color: #000;
    --white-color:#fff;
    --grey-color: #707070;
    --light-grey-color: #F3F3F3;
}
html  {float:left;width:100%;overflow-x:hidden;}
body  {font-family: 'Poppins',sans-serif;color:#000;font-size: 16px;line-height: 1.5;background: #fff;width:100%;overflow-x:hidden;}
h1, h2, h3, h4, h5, h6 {font-family:'Outfit', sans-serif;font-weight:normal;}
ul 	  {list-style: none;}
a 	  {text-decoration:none;color: inherit;}
img   {max-width: 100%;}

/* Utilities */
.container      {margin: 0 auto;max-width: 1257px;float: none;padding: 0 15px;}
.container-sm   {margin: 0 auto;max-width: 1257px;float: none;padding: 0 15px;}
#wrapper        {margin: 0 auto;max-width: 1257px;float: none;}
#wrapper-c      {margin: 0 auto;max-width: 1218px;;float: none;}
#wrapper-sm     {margin: 0 auto;max-width: 900px;float: none;}

/* Texts */
h1              {font-size: 2.4rem;line-height: 1.2;font-weight: 900;margin:19px 0}
h2              {font-size: 2.0rem;line-height: 1.4;font-weight: normal;margin:12px 0;}
h3              {font-size: 1.4rem;line-height: 1.4;font-weight: normal;margin: 6px 0 0;}
p               {font-size: 1rem;line-height: 1.7;font-weight: normal;margin:20px 0 10px}
.text-sm p      {font-size: 1.1rem;line-height: 1.7;font-weight: normal;margin:10px 0 5px}
.text-center    {text-align: center;}

/* Buttons */
.btn, .btn p        {display: inline-block;border: none;font-weight: 400;font-size: 0.9rem;font-family:'Outfit', sans-serif;}
.btn a              {padding:10px 60px 10px 20px;border-radius: 8px;line-height: 2;}

.btn-block          {display: block;width:100%;border: none;font-weight: 400;font-size: 0.9rem;}
.btn-block a        {padding:10px 20px 10px 40px;border-radius: 30px;line-height: 2;}

.btn-white a        {background: var(--white-color) url('img/gbi.png') no-repeat center right 14px;color:var(--dark-color);}
.btn-grey a         {background: var(--white-color) url('img/gbi.png') no-repeat center right 14px;color:var(--dark-color); border:1px solid #ccc;}

.btn-red a          {background: var(--primary-color) url('img/rbi.png') no-repeat center right 17px;color:var(--white-color);}
.page-template-default .header-btn a, .archive .header-btn a, .product-template-default .header-btn a, .error404 .header-btn a {background: #000 url('img/rbi.png') no-repeat center right 17px;}
.btn-red a:hover    {background: var(--secondary-color) url('img/rbi.png') no-repeat center right 10px;color:var(--white-color);}

.btn-black a          {background: var(--dark-color) url('img/rbi.png') no-repeat center right 17px;color:var(--white-color);}
.btn-black a:hover    {background: var(--secondary-color) url('img/rbi.png') no-repeat center right 10px;color:var(--white-color);}


.btn-blue a         {background: var(--secondary-color) url('img/bbi.png') no-repeat center right 14px;color:var(--white-color);}
.btn-white a:hover  {background: var(--primary-color) url('img/rbi.png') no-repeat center right 10px;color:var(--white-color);}
.btn-grey a:hover   {background: var(--primary-color) url('img/rbi.png') no-repeat center right 10px;color:var(--white-color);}
.btn-blue a:hover   {background: var(--deep-blue-color) url('img/bbi2.png') no-repeat center right 10px;color:var(--white-color);}

.right-half .btn    {float: right;}

/* Header */
.prehead    {float:left;width:100%;height: 40px;background:#000;color:#fff;padding-top: 4px;}
.prehead-container {display:flex;justify-content: space-between;}
.prehead-container li {font-size:12px;list-style:none;height: 35px;padding-top: 6px;}
.prehead-container li:first-child {background:url('img/preheader-mail.png')no-repeat top 6px left;padding-left:30px;}
.prehead-container li:last-child {background:url('img/preheader-locator.png')no-repeat top 0px left;padding-left:35px;}
.prehead-container li:last-child a {color:#fff;}
.prehead-container a {color:#E80909;}
.prehead-container a:hover, .prehead-container li:last-child a:hover {color:var(--secondary-color);}

header              {position: relative;float: left;width: 100%;padding: 20px 0;}
header .container   {display: flex;align-items: center;justify-content: space-between;}
.logo               {float: left;width: 172px;position:relative;height:46px;}
.logo img           {width:100%;height: auto;float: left;margin-top: -5px;}
.home .logo-white, .logo-colored  {display: none;visibility: hidden;}
.home .logo-colored {visibility: visible;display: block;}


/* Home Slider Styles */
.bboxes {display: flex;width: 102%;height: 516px;overflow: hidden;}
.bbox {flex: 1;height: 100%;background: #f4f4f4;display: flex;align-items: flex-end;justify-content: end;position: relative;transition: flex 0.5s ease-in-out;cursor: pointer;padding-bottom: 0px;}
.bbox:hover {flex: 2;}
.bbox:not(:hover) {flex: 1;}
.bbox-content {display: flex;align-items: end;justify-content: start;flex-direction: column;position: relative;position: absolute;left: 30px;bottom: 40px;}
.title {font-family: 'Outfit', sans-serif;text-transform: uppercase;writing-mode: vertical-rl;transform: rotate(180deg);font-size: 30px;font-weight: bold;text-align: center;transition: transform 0.3s ease, margin-right 0.3s ease;color: #fff;}
.info {opacity: 0;transform: translateY(20px);transition: opacity 0.3s ease, transform 0.3s ease;text-align: left;max-width: 350px;width: 350px;display: none;padding-bottom: 10px;}
.info p {color: #fff;margin-bottom: 30px;font-size:13px;}
.bbox:hover .bbox-content {flex-direction: row;justify-content: flex-start;gap: 20px;}
.bbox:hover .info {opacity: 1;transform: translateY(0);display: block;}
.bbox .vc_column-inner {background-size:cover !important;height:516px !important;background-position: center center;background-repeat: no-repeat;}
#hide-on-desk {display:none}

/* Home */
.big-intro-text p {font-size: 27px; font-family: 'Outfit', sans-serif; padding: 50px 14% 30px;text-align: center;background:url('img/bl.png') no-repeat center bottom;margin-bottom:40px !important;}
.color-box  {border-radius: 20px;margin: 15px;overflow: hidden;width: 22.5% !important;}
.color-box2  {border-radius: 20px;margin: 15px;overflow: hidden;width: 46% !important;}
.color-box h2 {font-size:22px;color:#fff;margin:0 0 8px;font-weight:normal;line-height: 22px;}
.color-box2 h2 {font-size:22px;color:#fff;margin:0 0 8px;font-weight:bold;line-height: 22px;padding: 14px 0 0 56px;}
.color-box p {font-size: 13px;color: #fff;margin: 4px 0;line-height: 18px;}
.color-box2 p {font-size: 13px;color: #fff;margin: 12px 0 12px;line-height: 18px;}
.color-box img {float:right;width:auto;height:auto;margin:0 20px 20px;position:absolute;right:10px;bottom:10px;max-width:60px;}
.color-box .vc_column-inner {padding: 30px 34px !important;min-height:285px; position:relative;}
.color-box2 .vc_column-inner {padding: 30px 34px 0 !important;min-height:485px; position:relative;}
.color-box2 .btn {position:absolute;bottom:34px;left:34px;}
.color-box2 img {position: absolute;width: 9%;height: auto;top: 19px;left: 30px;}
.color-box:hover, .color-box2:hover {border-radius:40px;}

.orange-grad {margin:30px 0;border-radius: 20px;padding: 38px 20px 0;margin-top: 13px !important;background: rgb(214,35,37);background: -moz-linear-gradient(90deg, rgba(214,35,37,1) 0%, rgba(243,126,32,1) 100%);background: -webkit-linear-gradient(90deg, rgba(214,35,37,1) 0%, rgba(243,126,32,1) 100%);background: linear-gradient(90deg, rgba(214,35,37,1) 0%, rgba(243,126,32,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d62325",endColorstr="#f37e20",GradientType=1); }
.orange-grad h2 {color:#fff;line-height: 34px;margin-top:0;font-size: 28px;}
.orange-grad p {color:#fff;margin: 0 0 36px;font-size: 14px;}
.orange-grad:hover {border-radius:40px;}
.orange-grad img {width:100%;}

.intro-with-header, .intro-with-header-sm {text-align:center;background:url('img/bl.png') no-repeat center bottom;margin-bottom:30px !important;}
.intro-with-header {padding: 50px 14% 40px;}
.intro-with-header-sm {padding: 50px 24% 40px;margin-bottom: 50px !important;}
.intro-with-header h2, .intro-with-header-sm h2 {font-weight:normal}
.intro-with-header p, .intro-with-header-sm p {font-size:14px;}

.collection-boxes .color-box {height:200px;}
.collection-boxes .color-box h3, #collection-box7 h3 {color:#fff;margin-bottom:60px;line-height:22px;}
#collection-box1 .vc_column-inner {background-position: top 31px right 26px !important;}
#collection-box2 .vc_column-inner {background-position: top 8px right 22px !important;}
#collection-box3 .vc_column-inner {background-position: top -2px right 0px !important;}
#collection-box4 .vc_column-inner {background-position: top 43px right 0px !important;}

#collection-box5, #collection-box6  {width:45% !important;}
#collection-box7 {width: 94% !important;height: 200px;}
#collection-box5 .vc_column-inner {background-position: top 10px right -30px !important;}
#collection-box6 .vc_column-inner {background-position: top 8px right 22px !important;}
#collection-box7 .vc_column-inner {background-position: top 17px right 40px !important;}


.bestbox .vc_column-inner {height: 350px; padding: 20px; border-radius: 20px;overflow: hidden;}
#best-box1, #best-box2, #best-box3 {width: 30% !important;margin: 0 20px 40px !important;position:relative;}
#best-box1 .vc_column-inner {background-position: top 46px right 60px !important;}
#best-box2 .vc_column-inner {background-position: top 35px right 47px !important;}
#best-box3 .vc_column-inner {background-position: top 33px right 45px !important;background-size:80% !important;}

.best-box-inner { background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1); position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 20px;box-sizing: border-box;padding: 30px;}

.best-box-inner:hover { background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 34%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 34%);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 34%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1); }
.best-box-inner .btn {margin: 151px 25% 80px;float: none;}
.best-box-inner h3{color: #fff;text-align: center;}

/* Page*/
#page-header {float:left;width:100%;background-size: cover;background-position: center;height:400px;display: flex;align-items: center;justify-content: center;text-align: center;color: white; margin-top: -86px;}
.breadcrumb a {color:#000;}
.wc-block-cart__empty-cart__title {text-align:center;margin-bottom:50px;}
#page-content {float:left;width:100%;}
.page-intro-text {padding: 20px 14% 40px;text-align: center;background:url('img/bl.png') no-repeat center bottom;margin: 60px 0 !important;}
.page-intro-text h2 {font-size: 30px !important; font-family: 'Outfit', sans-serif;font-weight:normal;}

.btn-call {float:left;width: 400px;}
.btn-call .btn {float:left;margin-top: 12px;}
.btn-call .call-us {width:218px;}
.call-right {float:right;}
.call-icon img {float:left;width:auto;height: auto;margin-right:10px;}
.call-info {float:left;width:auto;padding-top: 5px;}
.call-info h4 {font-size:13px;color:#fff;}
.call-info p {font-size:16px;}
.mail-us {float: left;margin-top: 20px;width: 300px;}

#usp-box {float:left;width:100%;margin:50px 0 5px;}
#usp-box h2 {font-weight:normal;}
#usp-box .call-us, #usp-box .mail-us {float:left;width:100%;}
#usp-box h4 {color:#000;}
#usp-box .call-us p, #usp-box .mail-us p {margin-top:0;}
#usp-box .call-us {margin-top: 20px;}
ul.content-list {float:left;width:100%;}
ul.content-list li {list-style: circle;margin: 0 0 8px 16px;}

/* Footer */
#footer-section     {float:left;width:100%;padding: 40px 0 0;background: #000;}
.links-area         {display:flex;justify-content:space-between;border-bottom: 1px solid #454545;padding: 30px 0 80px;margin-bottom: 10px;}
.links-area h4      {color: #7E7E7E;margin-bottom: 10px;font-size: 22px;}
.links-area li      {color: var(--white-color);line-height: 2rem;font-size: 1rem;}
.links-area li:hover {color: var(--primary-color);padding-left:3px;}


.logo-social {width:20%;}
    .social {float: left;width: 100%;margin-top: 30px;}
    .social li {display:inline-block;list-style:none;font-size:13px;}
    .social li:first-child {background: url('img/linkedin.png') no-repeat top right 7px;border-right: 1px solid #7E7E7E;padding: 15px 7px 5px 20px;margin-right: 3px;}
    .social li:last-child {background:url('img/whatsapp.png') no-repeat top left;padding-top: 16px;}
    
.service-categories {width:25%;}
.quick-links {width:25%;}
.getin-touch {width:30%;}
.getin-touch p {color:#7E7E7E;font-size:28px;margin: 0 0 40px;line-height: 35px;}

.copy-area          {float:left;width:100%;color:var(--grey-color);}
.copy-area-inner    {display: flex;justify-content: space-between;align-items: baseline;}
.copy-area p        {font-size: 13px;width:auto;}
.copy-area p:nth-child(2n) {width:30%;}


.page-id-42 #page-content {padding: 60px 7%;}

#woocommerce-content {float:left; width:100%; padding: 60px 0;}
.wooco-sidebar {float: left; width: 21%; border: 1px solid #B1B0B0; border-radius: 12px;padding: 8px 30px 30px;}
.wooco-sidebar h2 {font-size:20px;font-weight:bold;padding-bottom: 12px;margin-bottom: 5px;}
ul.wc-category-list li {border-bottom: 1px solid #B1B0B0;line-height: 50px;}
ul.wc-category-list li:last-child {display:none;}
.wc-category-list .active-category a, ul.wc-category-list li a:hover {color: #ff6600;}
.wooco-main {float:right;width:75%;}
.wooco-main h1 {display:none;}
.collection-boxes #pro-hide {visibility: hidden !important;display:none !important;}
.woocommerce .woocommerce-ordering select {vertical-align: top;padding: 9px;background: #fff;border: 1px solid #ccc;border-radius: 7px;}
.woocommerce div.product form.cart .variations th {text-align:left;}
.woocommerce-product-details__short-description p {font-size: 13px;margin-bottom: 20px;}
.woocommerce div.product form.cart .variations select {border: 1px solid #ccc; padding: 11px; border-radius: 5px;}
.woocommerce .quantity .qty {width: 5.631em;text-align: center;border: 1px solid #ccc;padding: 9px;border-radius: 5px;}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled]:hover {background-color: #e80909;color: #fcfbfe;font-family: 'Poppins', sans-serif;}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {background-color: var(--primary-color);color: #fcfbfe;border-radius: 7px;}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover {background-color: var(--secondary-color);color: #fcfbfe;}
.woocommerce div.product .woocommerce-tabs ul.tabs {border-top: 1px solid #ccc;display: flex;align-items: center;width: 100%;justify-content: center;}
.woocommerce div.product .woocommerce-tabs ul.tabs li {border-bottom: 1px solid #ccc !important;border-right: none;border-left: none;border-top: none;border-radius: 0;margin: 0 20px;background: none;}

.woocommerce-Tabs-panel h2 {display:none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after {display:none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {color:#000 !important;}
.woocommerce #review_form #respond p {margin: 0 0 10px;width: 60%;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {color: var(--primary-color) !important; border-bottom: 1px solid var(--primary-color) !important;}
.wp-block-woocommerce-checkout {padding: 70px 8% !important;}

.related {float: left !important;width: 100% !important;margin-top: 60px !important;}


.page-id-280 #page-content, .page-id-288 #page-content  {padding:60px 7%;}
.woocommerce-checkout-review-order-table, #order_review_heading  {display:none !important;}

.woocommerce-cart-form__contents .product-price, .woocommerce-cart-form__cart-item .product-price {display:none;} 
.woocommerce-cart-form__contents .product-subtotal, .woocommerce-cart-form__cart-item .product-subtotal {display:none;}

.woocommerce-checkout .table.cart img {width: 100px !important;}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {border:1px solid #ccc;padding:12px;border-radius:8px;}
.woocommerce form .form-row textarea {height: 215px !important;margin-bottom: 50px;}
.woocommerce-billing-fields h3, .woocommerce-additional-fields h3 {display:none !important;}
.woocommerce-billing-fields #billing_address_1_field,
.woocommerce-billing-fields #billing_address_2_field,
.woocommerce-billing-fields #billing_city_field,
.woocommerce-billing-fields #billing_postcode_field,
.woocommerce-billing-fields #billing_country_field,
.woocommerce-billing-fields #billing_state_field {
    display: none !important;
}

.woocommerce ul.products li.product .button {display: none !important;}
.woocommerce ul.products li.product a img:hover {border-radius: 12px;border: 1px solid #CECECE;padding: 20px;}


#page-not-found {float:left;width:100%;box-sizing:border-box;padding:60px 10%;text-align:center;}

/*==========================================================================================================================
CONTACT FORM
============================================================================================================================*/
#form-box {float:left;width:100%;box-sizing: border-box;padding:0px 30px 8px;border-radius: 20px;}
#form-box h2 {margin: 0 0 12px;}
.form-both {float:left;width:100%;}
.form-left {float: left;}
.form-right {float: right;}
.form-left, .form-right {width:48.9%}

.page-id-29 #page-content {margin-bottom: -50px;}

.wpcf7-form-control-wrap input[type="text"], .wpcf7-form-control-wrap .wpcf7-select, .wpcf7-form-control-wrap input[type="email"], .wpcf7-form-control-wrap input[type="tel"], .wpcf7-textarea, .wpcf7-submit {float: left;width: 100%;box-sizing: border-box;padding:12px 20px;border: 1px solid #d7d7d7;outline: none;margin-bottom: 12px;border-radius: 12px;font-family: 'Poppins';}
.wpcf7-textarea {height:222px;margin-bottom: 20px !important;margin-top: 0;}
.wpcf7-submit {border: 0;background: #000 url('img/rbi.png') no-repeat center right 17px;cursor: pointer;color: var(--white-color);font-weight: 900;margin-top: -7px;text-align: left;}
.wpcf7-submit:hover {background:var(--secondary-color) url('img/rbi.png') no-repeat center right 10px;}
.wc-block-components-button:not(.is-link) .wc-block-components-button__text {display: block;background: var(--primary-color);color: #fff;padding: 10px 40px;float: left; width: 100%;border-radius: 8px;}

.menu-mobi {display:none;}

/*===========================================================================================================================
mobile styles
===========================================================================================================================*/

@media (max-width:1024px) {
    /*body {width:102%;overflow-y: hidden;}*/
    .vc_col-sm-3 {width: 46% !important;}
    #collection-box5, #collection-box6 {width: 93% !important;}
    #collection-box7 .vc_column-inner {background-position: top 17px right -75px !important;}
    #collection-box7 {width: 90% !important;}
    #best-box1, #best-box2, #best-box3 {width: 45% !important;}
    .orange-grad h2 {font-size: 27px;line-height: 29px;}
    .orange-grad p {font-size: 12px;}
    .best-box-inner .btn {margin: 151px 28% 80px;}
    .page-intro-text {padding: 20px 0 40px;}
    p {font-size: 13px;line-height: 24px;}
    .links-area h4 {font-size: 18px;}
    .links-area li {line-height: 26px;font-size: 13px;}
    .getin-touch p {font-size: 20px;line-height: 30px;}
    .service-categories, .quick-links {padding-left: 40px;}
    .wooco-sidebar {display: none;}
    .wooco-main {float: left;width: 100%;}
    .copy-area p {font-size: 12px;}
    ul.content-list li {margin: 0 0 4px 16px;font-size: 13px;}
    .vc_col-sm-6 {width: 49.3%;}
    .menu-desk {display:none;}
    .menu-mobi {display:block;}
    
	.container      {max-width: 90%;}
    .container-sm   {max-width: 90%;}
    #wrapper        {max-width: 90%;}
    #wrapper-c      {max-width: 87%;}
    
    .header-btn     {display: none;}
    header .container{align-items: start;}
    img.fit-img2     {float:left;width:98%;margin-bottom: 20px !important;height: auto;}
    
    .info {width:200px;max-width:200px;}
    .info .btn-red a {float:left;width:200px;line-height: 16px;}
    
    .color-box2 img {width: 60px;}
}

@media(max-width:800px){
    body {font-size: 14px;overflow: hidden;}
    .links-area {flex-direction:column;}
    .logo-social, .service-categories, .quick-links {margin-top: 40px; border-bottom: 1px solid #454545;width:100%;padding-left: 0;float:left;padding-bottom: 40px;}
    .logo-social {margin-top:0;}
    .logo {width:100%;}
    .logo img {width:auto;height:auto;}
    .quick-links {margin-bottom: 40px;}
    .getin-touch {width: 100%;}
    .copy-area p:nth-child(2n), .copy-area p {width: 100%;float: left;}
    .copy-area-inner {flex-direction: column;}
    .copy-area p:nth-child(2n) {margin-top: 0;}
    .social {width: 173px;}
    #wrapper-sm {max-width: 84%;}
    #form-box {width: 104%;}
    .vc_col-sm-3 {width: 45% !important;}
    #collection-box5, #collection-box6 {width: 45% !important;}
    #collection-box7 {width: 94% !important;}
    #collection-box7 .vc_column-inner {background-position: top 17px right 22px !important;}
    .intro-with-header {padding: 50px 0 40px;}
    .mail-us {margin-bottom: 20px !important;}
    #wrapper-c {max-width: 82%;}
    img.fit-img {float:left;width:102%;height: auto;}
    
    
    #hide-on-desk {display:block;float:left;}
    .bboxes {display: flex;flex-wrap: nowrap;width: calc(100vw * 5);height: 390px;overflow: hidden;scroll-snap-type: x mandatory;scroll-behavior: smooth;transition: transform 0.5s ease-in-out;}
    .bbox {flex: 0 0 100vw; height: 390px;display: flex;align-items: flex-end;justify-content: flex-start;position: relative;scroll-snap-align: start;}
    
    .bbox-content {display: flex;flex-direction: column;justify-content: start;align-items: start;width: 100%;top: 42px;}
    .bbox .vc_column-inner {height: 390px !important;}
    .title {font-family: 'Outfit', sans-serif;text-transform: capitalize !important;font-size: 50px;font-weight: bold;text-align: left;color: #fff;writing-mode: horizontal-tb;margin: 43px 0 0 57px;transform: none;}
    .info {opacity: 1;display: block;max-width: 100%;width: 100%;float: left;padding: 0 33% 0 60px;}
    .info p {color: #fff;margin:0 0 20px;font-size: 14px;line-height:20px;}

    .slider-nav {position: absolute;top: -200px;width: 95%;display: flex;justify-content: space-between;transform: translateY(-50%);}
    .slider-nav button {background: rgba(0, 0, 0, 0.5);color: white;border: none;padding: 10px 20px;cursor: pointer;font-size: 20px;}
    
    .bbox:hover {flex: 1;}
    .bbox:hover .bbox-content {flex-direction: column;justify-content: flex-start;gap: 0;}
    
    .big-intro-text p {padding: 5px 0 30px;line-height: 35px;font-size: 24px;}
    .orange-grad p {line-height: 20px;}
    .orange-grad .vc_col-sm-6 {width: 100% !important;}
    #wrapper-c {max-width: 86%;}
    #collection-box5, #collection-box6 {width: 95% !important;}
    #collection-box7 {width: 95% !important;}
    #collection-box7 .vc_column-inner {background-position: top 17px right -178px !important;}
    #best-box1, #best-box2, #best-box3 {width: 93% !important;}
    #best-box1 .vc_column-inner, #best-box2 .vc_column-inner, #best-box3 .vc_column-inner {background-position: top 46px center !important;}
    .best-box-inner .btn {margin: 120px 0 20px;float: left;width: 100%;}
    .best-box-inner .btn a {float:none;width:215px;margin:0 auto;display: block;}
    
     .vc_col-sm-6 {width: 100% !important;}
     .page-id-412 .vc_col-sm-6 {width: 95% !important;}
     .intro-with-header-sm {padding: 50px 0 40px;}
     
      .page-template-default #page-content {width: 100%;}
      
      .color-box img {max-width:60px;}
    .social li:first-child {background: url('img/linkedin.png') no-repeat top right 21px; border-right: 1px solid #7E7E7E; padding: 15px 20px 5px 0px; margin-right: 17px;}
}

@media(max-width:768px){
    .form-left, .form-right {width: 100%;float: left;}
    .form-right p {margin-top:0;}
    .vc_col-sm-3 {width: 94% !important;}
    .color-box .vc_column-inner {min-height: 170px;}
    .product-price, .product-subtotal {display: none !important;}
}

@media(max-width:736px){
    
}

@media (max-width:600px) {
    .prehead {display:none;}
    .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {float: left;}
}

@media (max-width:450px) {
    .btn-call .call-us { width: 100%; margin-top: 24px;}
    .call-right {float:left;}
    .orange-grad img {width: 100%;height: auto;}
    .title {font-size: 30px;margin: 43px 0 0 35px;}
    .info {padding: 0 10% 0 36px;}
    .logo {width: 140px;height: auto;}
    body {width:100%;}
    .call-icon img {width: auto !important;}
     #form-box {width: 108%;padding: 0 5px;}
     .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {width: 100%;}
     .color-box {margin:15px 0 15px 9px;}
     .woocommerce div.product .woocommerce-tabs ul.tabs li {margin:0 !important;}
     h1 {font-size: 2rem;line-height: 1;}
     .page-id-412 .vc_col-sm-6 {width: 92% !important;}
     .color-box2 .btn {position: relative;bottom: 0;left: 0;margin-top: 20px;}
}

@media(max-width:414px){
    h2 {font-size: 25px;line-height: 28px;}
}

@media (max-width:412px) {

}

@media (max-width:360px) {
    .page-id-412 .vc_col-sm-6 {width: 91% !important;}
}

@media(max-width:320px){
 
}