@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&family=Roboto:wght@100;300;400;500;700;900&display=swap');
@font-face {
	font-family: 'Cera Pro Black';
	src: url(../fonts/Cera\ Pro\ Black.ttf);
}
@font-face {
	font-family: 'Cera Pro Black Italic';
	src: url(../fonts/Cera\ Pro\ Black\ Italic.ttf);
}
@font-face {
	font-family: 'Cera Pro Bold';
	src: url(../fonts/Cera\ Pro\ Bold.ttf);
}
@font-face {
	font-family: 'Cera Pro Light';
	src: url(../fonts/Cera\ Pro\ Light.ttf);
}
@font-face {
	font-family: 'Cera Pro Medium';
	src: url(../fonts/Cera\ Pro\ Medium.ttf);
}
@font-face {
	font-family: 'Cera Pro regular italic';
	src: url(../fonts/Cera\ Pro\ Regular\ Italic.ttf);
}
.pre-loader{width:100%;height:calc(100vh - 200px);background-color:#fff;transition:all .3s ease;opacity:0;visibility:hidden;z-index:-10;position:absolute;top:0;left:0;display:none;align-items:center;justify-content:center;opacity:0;visibility:hidden;z-index:-10}
.pre-loader.active{opacity:1;visibility:visible;z-index:10;display:flex}
.pre-loader .spinner{width:60px;height:60px;border-radius:50%;border:6px solid #df7c00;border-top:6px solid #fff;animation:spin 2s linear infinite}
@keyframes spin {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.pre-loader .loader-text{position:absolute;top:50%;color:var(--textColor);text-transform:uppercase;font-family:'Cera Pro Bold';font-size:12px;transform:translateY(calc(-50% + 45px))}
/* ********|| INITIALIZATION STARTS ||******** */
body, html { width: 100%; line-height:18px; margin:0 auto !important;padding:0 !important;font-family: 'Open Sans', sans-serif; font-weight: 300; -webkit-font-smoothing: subpixel-antialiased;text-shadow: 1px 1px 1px rgba(0,0,0,0.004);font-size: 14px;  color: var(--textMedColor); background: #fff;position: relative; z-index: 0; }
*:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
a {text-decoration: none ;}
a:hover{text-decoration: none;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;transition: all 0.3s ease;}
a:focus{ outline: none;text-decoration: none;}
input:focus, label:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
/* ********|| INITIALIZATION ENDS ||******** */
/* ********|| PSEUDO ELEMENTS STARTS ||******** */
::selection{ background-color:var(--primaryColor); color:#fff}
::-moz-selection{ background-color:var(--primaryColor); color:#fff}
::-webkit-selection{ background-color:var(--primaryColor); color:#fff}
:-webkit-focus { outline: none !important; }
:-moz-focus { outline: none !important; }
:focus { outline: none !important; }
select:-webkit-focusring { color: var(--primaryColor) !important;text-shadow: 0 0 0 var(--textMedColor);}
select:-moz-focusring {color: var(--primaryColor) !important;text-shadow: 0 0 0 var(--textMedColor);}
select:focusring {color: var(--primaryColor) !important; text-shadow: 0 0 0 var(--textMedColor);}
::input-placeholder{ color:var(--textColor) !important;font-family: "Cera Pro Medium";opacity: 0.1;}
::-moz-input-placeholder{ color:var(--textColor) !important;font-family: "Cera Pro Medium";opacity: 0.1;}
::-webkit-input-placeholder{ color:var(--textColor) !important;font-family: "Cera Pro Medium";opacity: 0.1;}
/*::-webkit-scrollbar-track{	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);box-shadow: inset 0 0 6px rgba(0,0,0,0.1);background-color: var(--textMedColor);}
::-webkit-scrollbar{width: 5px;height: 5px;background-color: var(--textMedColor);}
::-webkit-scrollbar-thumb{background-color: var(--secondaryColorAltLight);}*/
/* ********|| PSEUDO ELEMENTS ENDS ||******** */
/* ********|| ADJUSTMENT CLASSES STARTS ||******** */
*,::after,::before{box-sizing: border-box;}
a{color:var(--primaryColor); transition: all 0.3s ease;}
a:hover, a:focus{color:var(--secondaryColor);}
p { margin: 0 0 10px; }
hr{margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid var(--c4dee4);}

.required:after{content:"*";color:#f44336; font-size:16px; font-weight:600; position: absolute;margin: 0 0 0 3px;}
.separator_dashed{ border-bottom:var(--textMedColor) 1px dashed;}
.separator_dotted{ border-bottom:var(--textMedColor) 1px dotted;}
.separator_solid{ border-bottom:var(--textMedColor) 1px solid;}
/* ********|| ADJUSTMENT CLASSES ENDS ||******** */
section{position:relative;}
.form-content{position: relative;background: #f5f5f5;padding: 20px; border-radius: 6px;}
.form-group{position:relative; margin: 0 0 20px;}
.control-label{font-size: 14px;font-weight: 600;margin: 0 0 2px;color: #212121;display: block;}
.btn-submit{display: block; cursor: pointer;margin: 0;background-color: var(--primaryColor);color: #fff;padding: 10px 15px;height: 44px;line-height: 24px;border-radius: 4px;font-size:16px;font-weight: 600; position: relative;z-index: 0;overflow: hidden; text-align: center;border: 0;}
.btn-submit:after{content: ''; position: absolute;background-color: var(--secondaryColor);top: 0;left: 0;width: 100%;height: 100%;z-index: -1;opacity: 0;transform: scale(0,1);transform-origin: center;transition: all 0.3s ease;}
.btn-submit:hover:after{transform: scale(1,1);opacity: 1;}

.form-control{ border-radius: 4px;box-shadow: none;border: 1px solid #ddd;color: var(--textColor);background: #fff;min-width: 50px;min-height: 38px;width: 100%;padding: 6px 12px;font-family: inherit;font-size: 14px;}
.form-control:focus{ border-color:var(--primaryColor);box-shadow: none;}
.form-control::-webkit-input-placeholder{ color: var(--textColor) !important;}
.form-control:-moz-placeholder{color:var(--textColor) !important;opacity: 0.1 !important;}
.form-control::-moz-placeholder{color:var(--textColor) !important; opacity:0.1 !important;}
.form-control:-ms-input-placeholder{color:var(--textColor) !important;}
.form-control::-ms-input-placeholder{color:var(--textColor) !important;}
textarea.form-control{ resize:none; min-height: 100px;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ background-color: #fff; opacity: 0.7; cursor: not-allowed;}
.custom-checkbox{position: relative;padding-left: 24px;margin: 3px 0;display: inline-block;}
.custom-checkbox .custom-checkbox-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.custom-checkbox .custom-checkbox-label{position: relative;margin: 0;line-height: 16px;font-size: 14px;}
.custom-checkbox .custom-checkbox-label:before{content:'';position:absolute;width: 16px;height: 16px;background: #fff;border: 1px solid #ddd;top: 50%;left: -24px; transform: translateY(-50%);border-radius: 2px;}
.custom-checkbox .custom-checkbox-label:after{content: "\f00c";position: absolute;font-family: "Font Awesome 5 Pro";width: 16px;height: 16px;top: 50%;left: -24px;transform: translateY(-50%); font-weight: 500;font-size: 10px;display: none;color: #fff;text-align: center;}
.custom-checkbox .custom-checkbox-input:checked ~ .custom-checkbox-label:after{display:block;}
.custom-checkbox .custom-checkbox-input:checked ~ .custom-checkbox-label:before{background: var(--primaryColor);border: 1px solid var(--primaryColor);}

.custom-radio{position: relative;padding-left: 24px;margin: 3px 0;display: inline-block;}
.custom-radio .custom-radio-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.custom-radio .custom-radio-label{position: relative;margin: 0;line-height: 16px;font-size: 14px;}
.custom-radio .custom-radio-label:before{content:'';position:absolute;width: 16px;height: 16px;background: #fff;border: 1px solid #ddd;top: 50%;left: -24px; transform: translateY(-50%);border-radius: 50%;}
.custom-radio .custom-radio-label:after{content: "\f111";position: absolute;font-family: "Font Awesome 5 Pro";width: 16px;height: 16px;top: 50%;left: -24px;transform: translateY(-50%); font-weight: 600;font-size: 8px;display: none;color: #fff;text-align: center;}
.custom-radio .custom-radio-input:checked ~ .custom-radio-label:after{display:block;}
.custom-radio .custom-radio-input:checked ~ .custom-radio-label:before{background: var(--primaryColor);border: 1px solid var(--primaryColor);}

.select2{width:100% !important;}
.select2-container .select2-selection--single, .select2-container .select2-selection--multiple{height: 38px;border: 1px solid #ddd;border-radius: 4px !important;padding: 0 12px;}
.select2-container--default .select2-selection--single .select2-selection__rendered,.select2-container--default .select2-selection--multiple .select2-selection__rendered{line-height: 38px;font-size: 14px;color: var(--secondaryColor);padding: 0;font-weight: 500;}
.select2-container--default .select2-selection--single .select2-selection__arrow,.select2-container--default .select2-selection--multiple .select2-selection__arrow{height: 36px;}
.select2-container--default .select2-search--dropdown .select2-search__field{border: 1px solid #d1d3e2;font-size: 14px;color: #6e707e;border-radius: 2px;}
.select2-container--default.select2-container--focus .select2-selection--multiple{border: 1px solid #d1d3e2;}
.select2-container--default .select2-search--inline .select2-search__field{color:#6e707e; margin: 0;}
.select2-dropdown{border: 1px solid #ddd;border-radius: 0;box-shadow: none;overflow: hidden;}
.select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option[aria-selected=true]{background: var(--primaryColor); color: #fff;}
.select2-results__option{font-size: 14px;letter-spacing: 0;color: var(--secondaryColor);font-weight: 500;padding: 6px 12px;line-height: 1.2;}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar{width: 5px;height: 5px;background-color: #fff;}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb{background-color: #ddd;}
.select2-container .select2-selection--multiple{height: auto;min-height: 38px;line-height: 38px;display: flex;padding: 4px;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{display: flex;flex-wrap: wrap; color: #fff;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li{line-height: 24px;margin: 2px;padding: 0;overflow: hidden;font-size: 12px;position: relative;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{width: 18px;padding: 0 4px;margin: 0;color: #fff;background: rgba(0,0,0,0.2);text-align: center;font-size: 14px;font-weight: 600;position: absolute;top: 0;left: 0;height: 100%;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color: #fff;background: rgba(255,255,255,0.2);}
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{background-color: #375dce;border:none;padding-left: 24px;padding-right: 6px;}
.select2-container--default .select2-results__option[aria-disabled=true]{color: #ddd;}
.select2-container--open .select2-dropdown--below{border-radius: 4px !important;}

.custom-tab{}
.custom-tab .custom-tab-navigation{padding-left: 0;list-style: none;display: flex;flex-wrap: wrap;justify-content: center;margin: 0 auto 10px;}
.custom-tab .custom-tab-navigation > li{width: auto;margin:5px;position: relative;}
.custom-tab .custom-tab-navigation > li > a{background-color: rgba(255,255,255,0.1);color: #fff;padding: 10px 20px;display: block;font-size: 16px;font-weight: 400;text-transform: capitalize;position: relative;border-radius: 4px;max-width: 300px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.custom-tab .custom-tab-navigation > li.active > a,.custom-tab .custom-tab-navigation > li > a:hover{background-color: var(--primaryColor);}
.custom-tab .custom-tab-content{}
.custom-tab .custom-tab-content .custom-tab-wrap{display: none;background: transparent;padding: 20px 0;}
.custom-tab .custom-tab-content .custom-tab-wrap.active{display: block;}
.custom-tab .custom-tab-content .custom-tab-navigation > li > a{padding: 5px 10px;font-size: 14px;font-weight: 600;}
.custom-tab .custom-tab{margin-top: -20px;}
.custom-tab .custom-tab .custom-tab-navigation{margin-bottom: 0;}
@media (min-width: 576px){.custom-tab .custom-tab-navigation{max-width:620px}}
@media (min-width: 768px){.custom-tab .custom-tab-navigation{max-width:740px}}
@media (min-width: 992px){.custom-tab .custom-tab-navigation{max-width:1140px}}
@media (min-width: 1200px){.custom-tab .custom-tab-navigation{max-width:1200px}}
/* /////////////////////////////////////////////////////////////// */
/*             			   	 	BOOTSTRAP FIX            			   				 */
/* /////////////////////////////////////////////////////////////// */
@media (min-width: 576px){
	.container {max-width: none;}
	.modal-dialog {max-width: 700px;}
	.modal-sm {max-width: 400px;}
}
@media (min-width: 768px){
	.container {max-width: 740px;}
}
@media (min-width: 992px){
	.container {max-width: 960px;}
}
@media (min-width: 1200px){
	.container {max-width: 1170px;}
}
@media (min-width: 1440px){
	.container {max-width: 1340px;}
}
@media (min-width: 1600px){
	.container {max-width: 1400px;}
}
@media (min-width: 1900px){
	.container {max-width: 1540px;}
}
.modal-open {overflow: auto;}
.modal{ overflow-x: hidden; overflow-y: auto;}
.overflow-hidden{overflow:hidden !important;}
.dropdown .dropdown-toggle{padding-right: 16px !important;position: relative;}
.dropdown .dropdown-toggle::after{content: "\f078";font-family: "Font Awesome 5 Pro";font-size: 14px;font-weight: 500;display: block;position: absolute;margin: 0;vertical-align: unset;top: 50%;right: 0;transform: translateY(-50%);border: 0; color: var(--primaryColor); opacity: 1; margin-top: 2px; transition: all 0.3s ease;}
.dropdown.show .dropdown-toggle::after{transform: translateY(-50%) rotate(-180deg);}
.dropdown .dropdown-menu{display:block;top: 100% !important;left: 50% !important;transform: translate(-50%,50px) !important;visibility: hidden;opacity:0;transition:.9s ease all;}
.dropdown .dropdown-menu.show{display:block;transform: translate(-50%,0) !important;visibility: visible;opacity:1;transition:.9s ease all;}
.dropdown-menu .dropdown-item{display: flex;padding: 5px 15px;color: var(--secondaryColor);}
.dropdown-menu .dropdown-item:focus,.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:active{background: var(--primaryColor);color: #fff;}
.mega-dropdown{position:static !important;}
.mega-dropdown .mega-dropdown-menu{display:block;width: 100%;top: auto !important;left: 50% !important;transform: translate(-50%,50px) !important;padding: 20px 40px;visibility: hidden;opacity:0;transition:.5s ease all;}
.mega-dropdown .mega-dropdown-menu.show{display:block;transform: translate(-50%,0) !important;visibility: visible;opacity:1;transition:.5s ease all;}
/* Custom css start */
.title{text-align: center;}
.title .main-title{font-size: 60px;padding-bottom: 20px;font-weight: 900;line-height: 1;text-transform: capitalize;font-family: 'Cera Pro Black';}
.title .para{font-size: 18px;font-family: 'Cera Pro Medium';color: #8A8680;line-height: 1.5;letter-spacing: 0.3px;text-transform: capitalize;margin: 0 auto;}
/* Custom css end */
/* ********|| HEADER STARTS ||******** */
header{padding:10px 0;position:sticky;top:0;z-index:99;background:var(--backgroundColor);box-shadow:rgb(0 0 0 / 10%) 0 2px 10px;font-family:'Cera Pro Light'}
.main-nav-logo{padding:2px 0;max-width:160px}
header .search{position:relative;margin:auto}
header .search .search-input{display:flex;width:100%;border-radius:6px;overflow:hidden;padding:4px;position:relative}
/* header .search .search-input:before{content:'\f002';font-family:'Font Awesome 5 Pro';position:absolute;width:44px;height:100%;display:flex;justify-content:center;align-items:center;font-size:18px;top:0;left:0;color:var(--primaryColor)} */
header .search .search-input .form-control{border:1px solid var(--primaryColor);height:36px;min-height:0;padding:6px 16px;padding-left:20px;border-radius:0;background-color: var(--backgroundColor);}
header .search .search-input .form-control::placeholder{font-size:14px;color:#B0B2B2!important}
header .search .search-input .btn-search{border:0;background-color:var(--primaryColor);padding:6px 16px;color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;transition:all .3s ease;border-radius:0}
header .navigation-menu{display:flex;align-items:center}
header .menu-overlay.active{opacity:1;visibility:visible}
header .menu-overlay{position:fixed;z-index:10;opacity:0;visibility:hidden;top:0;left:0;width:100%;height:100%;cursor:pointer;transition:all .4s ease;background-color:rgba(0,0,0,0.5)}
.main-nav .navigation ul li{margin:0 12px;text-transform:uppercase;transition:all .3s ease;position:relative;font-weight:600}
.main-nav .navigation ul li a{color:var(--textColor);transition:all .3s ease;height:36px;display: flex;align-items: center;font-weight: 600;}
.main-nav .navigation ul li:hover a{color:var(--textColor);}
.main-nav .navigation ul li a:before{content:"";height:2px;bottom:6px;width:0;top:28px;left:0;background:var(--primaryColor);position:absolute;visibility:hidden;transition:all .3s ease}
.main-nav .navigation ul li:last-child a:before{display:none}
.main-nav .navigation .dropdown .dropdown-toggle{padding: 0;display: flex;align-items: center;}
.main-nav .navigation ul li:nth-last-child(2) a:before{display:none}
.main-nav .navigation ul li.active a:before{width:100%;visibility:visible}
.main-nav .navigation ul li:hover a:before{width:100%;visibility:visible}
.main-nav .navigation ul li.active a{color:var(--primaryColor)}
header .register-btn{border:1px solid transparent;background:var(--secondaryColor);font-weight:600;color:#fff!important;text-transform:uppercase;padding:6px 14px;font-size:12px}
header .register-btn:hover{border:1px solid var(--primaryColor);color:var(--secondaryColor)!important;background:#fff}
  /* ********|| HEADER ENDS ||******** */
  header .navigation-menu .navigation .user-menu{}
  header .navigation-menu .navigation .user-profile{display: flex;align-items: center;}
  header .navigation-menu .navigation{display: flex;align-items: center;}
  header .navigation-menu .navigation .cart-img{position: relative;margin: 0 25px;}
  header .navigation-menu .navigation .cart-img .cart-number{    position: absolute;background: var(--primaryColor);color: white;width: 20px;height: 20px;display: flex;justify-content: center;align-items: center;border-radius: 50px;top: -10px;left: -5px;font-size: 11px;}
header .navigation-menu .navigation .user-menu .dropdown-toggle{display: flex;align-items: center;background-color: transparent;border: 0; text-align: left;padding-right: 24px !important;}
header .navigation-menu .navigation .user-menu .dropdown-toggle .image{width: 40px;height: 40px;border-radius: 50%;display: flex;justify-content: center;align-items: center;overflow: hidden;margin-right: 8px;}
header .navigation-menu .navigation .user-menu .dropdown-toggle .image img{width: 100%;height: 100%;object-fit: cover;}
header .navigation-menu .navigation .user-menu .dropdown-toggle .title{font-size: 14px;color: var(--textAltColor);text-transform: capitalize;line-height: 1;font-weight: 400;font-family: 'Cera Pro Medium';}
header .navigation-menu .navigation .user-menu .dropdown-toggle .title span{display: block;font-size: 15px;text-transform: capitalize;font-weight: 500;line-height: 1.4;color: #fff;}
header .navigation-menu .navigation .user-menu .dropdown-toggle:after{color:var(--fourthColor); font-weight: 300;}
header .navigation-menu .navigation .user-menu .dropdown-menu{width: 100%;margin: 10px 0 0;border: 0;box-shadow: rgba(0,0,0,0.05) 0 2px 20px;padding: 6px 0;border-radius: 6px;}
header .navigation-menu .navigation .user-menu .dropdown-menu:before{content: '';position: absolute; top:-20px; left: 50%; transform: translateX(-50%); border: 10px solid transparent; border-bottom-color: #fff;}
header .navigation-menu .navigation .user-menu .dropdown-menu .user-menu-item{    display: flex;align-items: center;padding: 5px 10px;line-height: 1;font-size: 14px;font-weight: 500;color: var(--textAltColor);transition: all 0.3s ease;position: relative;font-family: "Cera Pro Medium";height: 35px;}
header .navigation-menu .navigation .user-menu .dropdown-menu .user-menu-item i{color: var(--primaryColor); font-size: 18px; transition: all 0.3s ease;}
header .navigation-menu .navigation .user-menu .dropdown-menu .user-menu-item:hover{color: #fff;background: var(--primaryColor);}
header .navigation-menu .navigation .user-menu .dropdown-menu .user-menu-item:hover i{color: #fff;}
/* ********|| MOBILE RESPPONSIVE MENU ||******** */
  header .responsive-action{display:none}
  header .nav-menu-item{padding:10px;list-style:none;display:flex;align-items:center;margin-bottom:0}
  header .responsive-action .btn-menu{width:60px;height:40px;display:flex;align-items:center;font-size:24px;line-height:1;color:var(--primaryColor);padding-top:2px}
/* ********|| MOBILE RESPPONSIVE END ||******** */
/* ********|| BANNER SLIDER START ||******** */
.banner-sec #banner-slider .owl-dots{display:none}
.banner-sec #banner-slider .owl-nav{position:absolute;height:0;top:43%;left:9%;display:flex;justify-content:space-between;width:83%}
.banner-sec #banner-slider .owl-nav button.owl-next,.banner-sec #banner-slider .owl-nav button.owl-prev{color:#fff;font-size:51px}
.banner-sec{background-size:cover;position:relative;font-family:'Cera Pro Light'}
.banner-sec .banner-box .banner-img{height:767px;width: 100%;position: relative;}
.banner-sec .banner-box .banner-img img{width: 100%;height: 100%;object-fit: cover;}
.banner-sec .banner-box .banner-img:before{content:"";height:100%;width:100%;position:absolute;background-color:rgb(0 0 0 / 60%);z-index:1}
.banner-sec .banner-text{padding:0 250px;position:absolute;text-align:center;z-index:2;left:0;right:0;top:50%;transform:translateY(-50%)}
.banner-sec .banner-text .heading{color:white;font-size:55px;text-transform:capitalize;font-weight:500;line-height:1.2;padding-bottom:12px}
.banner-sec .banner-text .heading .bold-text{font-weight:800;color:var(--primaryColor);font-family:'Cera Pro Bold'}
.banner-sec .banner-text .para{color:white;font-size:18px;padding:28px 150px;font-family:'Cera Pro Medium';line-height:1.5}
.banner-sec .banner-text .browse-btn{border:none;padding:15px;background:var(--primaryColor);color:white;font-size:15px;font-family:'Cera Pro Medium';transition:all .5s ease}
.banner-sec .banner-text .browse-btn:hover{background-color:var(--secondaryColor)}
/* ********|| BANNER SLIDER ENDS ||******** */
/* ********|| BANNER HIGHLIGHTS START ||******** */
.location-section{padding:80px 0 0px;font-family:'Cera Pro Light'}
.location-section .location-boxes{display:flex;flex-wrap:wrap;margin:0 -20px;justify-content: center;}
.location-section .location-boxes .location-box{box-shadow:0 0 10px rgb(0 0 0 / 9%);align-items:center;position:relative;margin:10px;height:300px;justify-content:center;align-items:center;max-width:calc(33.33% - 20px);width:33.33%;display:flex;padding:60px 30px 50px;flex-direction:column;box-shadow:5px 2px 10px rgb(128 128 128 / 48%);background-size:cover;background-repeat:no-repeat;margin-bottom: 70px;}
.location-section .location-boxes .location-box.active .box-content .icon{background-color:var(--primaryColor);color:white}
.location-section .location-boxes .location-box .box-content{position:relative;z-index:2;text-align:center}
.location-section .location-boxes .location-box .box-content .icon{position:absolute;top:-150px;width:90px;background:white;height:90px;display:flex;align-items:center;font-size:40px;box-shadow:0 1px 11px rgb(128 128 128 / 35%);justify-content:center;border-radius:50%;left:0;right:0;color:var(--primaryColor);margin:0 auto}
.location-section .location-boxes .location-box .box-content .small-text .text{color:white;font-size:16px;font-weight:600}
.location-section .location-boxes .location-box .box-content .location{margin-top:15px}
.location-section .location-boxes .location-box .box-content .location .location-text{text-transform:uppercase;font-weight:500;margin-bottom:20px;font-size:26px;font-family:'Cera Pro Bold';color:white}
.location-section .location-boxes .location-box .box-content .link{color:var(--primaryColor);font-size:18px;font-weight:700;text-decoration:underline;text-transform:uppercase;letter-spacing:5px;line-height: 1.2;}
.location-section .location-boxes .location-box:before{content:"";top:0;height:100%;width:100%;background-color:rgb(0 0 0 / 60%);position:absolute}
/* ********|| BANNER HIGHLIGHTS ENDS ||******** */
/* ********|| Category START ||******** */
.category-section{padding:40px 0 60px}
.category-section .category-item{display:flex;flex-wrap:wrap;padding:15px 0;margin:0 -20px}
.category-section .category-item .item-box{align-items:center;position:relative;margin:20px;max-width:calc(33.33% - 40px);width:33.33%;display:flex;flex-direction:column}
.category-section .category-item .item-box .item-inner:before{content:"";position:absolute;width:100%;height:100%;background:rgb(0 0 0 / 68%);visibility:hidden;transition:all .6s ease;opacity:0}
.category-section .category-item .item-box .item-inner{position:relative}
.category-section .category-item .item-box .item-inner .item-img{overflow:hidden;width:100%;height:370px}
.category-section .category-item .item-box .item-inner .item-img img{height:100%;width:100%;object-fit:cover;object-position: top left;}
.category-section .category-item .item-box .view-category{position:absolute;top:50%;left:0;right:0;margin:0 auto;text-align:center;padding:43px;color:#fff;font-size:16px;font-weight:500;visibility:hidden;opacity:0;transition:all .6s ease;transform:translateY(-50%);font-family:'Cera Pro Light'}
.category-section .category-item .item-box:hover .view-category{visibility:visible;opacity:1}
.category-section .category-item .item-box:hover .item-inner:before{visibility:visible;opacity:1}
.category-section .category-item .item-box .view-category .cat-name{font-size:25px;text-transform:uppercase;line-height:1.2;padding-bottom:15px;font-weight:600}
.category-section .category-item .item-box .view-category .cat-link{text-transform:uppercase;font-weight:600;letter-spacing:4px;text-decoration:underline;font-size:14px}
.category-section .view-more{text-align:center;margin:40px 0 10px}
.category-section .view-more .block-link{text-transform:uppercase;font-weight:500;letter-spacing:4px;text-decoration:underline;font-size:18px;font-family:'Cera Pro bold'}
/* ********|| Category ENDS ||******** */
/* ********||Projects-section STARTS ||******** */
.projects-section{padding:80px 0;background-color:var(--backgroundColor);position:relative}
.projects-section .project-item{padding:25px 0;position:relative}
.projects-section .project-item + .project-item{margin-top:-250px}
.projects-section .project-item:nth-child(1){display:flex}
.projects-section .project-item:nth-child(1) .project-name{top:13%;right:63%;width:250px}
.projects-section .project-item .project-name{padding:18px;font-weight:600;font-size:25px;color:black;background:var(--backgroundColor);text-transform:uppercase;position:absolute;line-height:1.3}
.projects-section .project-item .project-name:hover{color:var(--primaryColor)}
.projects-section .project-item:nth-child(2){display:flex;flex-direction:row-reverse}
.projects-section .project-item:nth-child(2) .project-name{text-align:right;width:320px;left:57%;top:10%}
.projects-section .project-item:nth-child(3){display:flex}
.projects-section .project-item:nth-child(3) .project-name{top:15%;width:220px;text-align:right}
.projects-section .project-item:nth-child(3) .project-img{margin-left:100px}
.projects-section .project-item:nth-child(4){display:flex;flex-direction:row-reverse}
.projects-section .project-item:nth-child(4) .project-name{top:25%;width:132px;right:2%}
.projects-section .project-item:nth-child(4) .project-img{margin-right:84px;margin-top:25px}
.projects-section .project-item .project-img{width:400px;height:500px;overflow:hidden}
.projects-section .view-more .link{text-transform:uppercase;font-weight:700;letter-spacing:4px;text-decoration:underline;font-size:16px}
.projects-section .view-more{position:absolute;bottom:8%;left:18%}
.projects-section .project-item .project-img img{width:100%;height:100%;object-fit:cover}
/* ********||Projects-section ENDS ||******** */
/* ********|| Blog Section STARTS ||******** */
.blog-details{padding:20px;background-color:#fff;  width: 100%;margin-right: 25px;border: 1px solid rgb(0 0 0 / 10%);max-width: calc(100% - 250px);}
/* .blog-details .blog-img{width:45%;height:auto;position:relative;} */
.blog-details .blog-img img{display: block;margin: 0 auto;}
.blog-details .blog-heading{color:var(--secondaryColor);font-size:30px;font-weight:700;margin:25px 0;font-family: 'Cera Pro Bold';line-height: 1.3;}
.blog-details .blog-date{font-size:16px;font-weight:500;letter-spacing:.3px;color:var(--secondary)}
/* .blog-details .blog-content{font-size:16px;font-weight:500;line-height:1.4;letter-spacing:.3px;margin:25px 0;color:var(--textColor);font-family: 'Cera Pro Medium';} */
.blog-details .blog-content{font-size:16px;line-height:1.4;letter-spacing:.3px;margin:25px 0;font-family: 'Cera Pro Medium';}
.blog-section{padding: 60px 0;}
.blog-section .blog-part{display: flex;align-items: center;justify-content: space-between;padding: 50px 0;border-bottom: 1px solid #ccc;}
.blog-section .blog-part .blog-img{width: 431px;height: 183px;overflow: hidden;border-radius: 0px 0 0 40px;margin-right: 15px;}
.blog-section .blog-part .blog-img img{width: 100%;height: 100%;object-fit: cover;object-position: top left;}
.blog-section .blog-part .blog-text{width: 540px;}
.blog-section .blog-part .blog-text .blog-title{font-family: 'Cera Pro Bold';font-size: 30px;margin: 0 0 20px;line-height: 1.2;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;}
.blog-section .blog-part .blog-text .blog-des{font-weight: 500;font-size: 18px;line-height: 1.4;color: #8A8680;overflow: hidden;text-overflow: ellipsis;max-height: 85px;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;}
.blog-section .blog-part .read-more{position: relative;}
.blog-section .blog-part .read-more{position: relative;width: 150px;height: 150px;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: all 0.4s ease;}
.blog-section .blog-part .read-more .circle{text-transform: uppercase; position: absolute;left: 50%;font-family: 'Cera Pro medium';font-size: 15px;transform-origin: 0 75px;font-size: 17px;color: var(--secondaryColor);transition: all 0.9s ease;opacity: 0;}
.blog-section .blog-part .read-more:hover .circle{opacity: 3;}
.blog-section .blog-part .read-more .circle-icon i{font-size: 32px;color: var(--secondaryColor);}
.blog-section .blog-part .read-more .circle-icon{position: absolute;}
.blog-section .view-more{text-align: center;margin: 90px 0 40px 0}
.blog-section .view-more .block-link{text-transform: uppercase;font-weight: 500;letter-spacing: 4px;text-decoration: underline;font-size: 18px;font-family: 'Cera Pro bold';}
/* ********|| Blog Section ENDS ||******** */
/* ********|| FOOTER STARTS ||******** */
footer{padding:80px 0 0;overflow:hidden;background-color: #1D3340;}
footer .footer-contact{position:relative;z-index:0;margin-bottom:40px}
footer .footer-contact .brand{width:300px;margin:0 0 20px}
footer .footer-contact .brand .logo{display:block;max-width:200px;height:80px}
footer .about-text{color:#fff;line-height:23px;font-weight:400;font-size:16px;line-height: 28px;letter-spacing: 0.6px;}
footer .footer-title{font-size:22px;color:#fff;font-weight:600;margin: 0 0 20px;font-family: 'Cera Pro bold';}
footer .footer-list,footer .footer-link-list{padding-left:0;list-style:none;}
footer .footer-link-list>li{margin:0}
footer .footer-link-list > li > a{display:inline-block;font-size:15px;font-weight:500;color:#95A19B;line-height:1.4;padding: 0px 0 16px;position:relative;font-family: 'Cera Pro Medium';}
footer .footer-link-list > li > a:hover{color:var(--secondaryColor)}
footer .sec-copyright{padding:18px 0;margin:80px 0 30px 0;position:relative}
footer .sec-copyright .copyright-content{display:flex;justify-content:center;flex-wrap: wrap;}
footer .sec-copyright .copyright{color:#fff;font-size:15px;letter-spacing:5px;font-weight:400;font-family: 'Cera Pro medium';}
footer .sec-copyright .copyright span{color: var(--primaryColor);}
footer .vr-address{color:var(--primaryColor);font-family:'Cera Pro Medium';font-size:13px}
footer .social-wrap{display:flex;align-items:center}
footer .social-wrap .social-link > a{width:30px;height:30px;display:flex;justify-content:center;padding:0;align-items:center;font-size:18px;margin:2px}
/* ********|| FOOTER ENDS ||******** */
/* ********||Innerpage BANNER SLIDER START ||******** */
.inner-page-banner-sec{height: 300px;background-size: cover;position: relative;font-family: 'Cera Pro Light';background-position: center center;}
.inner-page-banner-sec:before{content: ""; height: 100%;width: 100%;position: absolute; background-color: rgb(0 0 0 / 60%);z-index: 1;}
.inner-page-banner-sec .banner-text{padding: 0 250px;position: absolute;text-align: center;z-index: 2;left: 0;right: 0;top: 50%;transform: translateY(-50%);}
.inner-page-banner-sec .banner-text .heading{color: white;font-size: 55px;text-transform: capitalize;font-weight: 500;line-height: 1.2;padding-bottom: 12px;}
.inner-page-banner-sec .banner-text .heading .bold-text{font-weight: 800;margin-left: 12px;color: var(--primaryColor);font-family: 'Cera Pro Bold';}
.inner-page-banner-sec .banner-text .para{color: white;font-size: 18px;padding: 28px 150px;font-family: 'Cera Pro Medium';line-height: 1.5;}
.inner-page-banner-sec .banner-text .browse-btn{border: none;padding: 15px;background: var(--primaryColor);color: white;font-size: 15px;font-family: 'Cera Pro Medium';transition: all 0.5s ease;}
.inner-page-banner-sec .banner-text .browse-btn:hover{background-color: var(--secondaryColor);}
.side-filter{width:250px}
.side-filter .heading{font-family:'Cera Pro Bold';margin-bottom:15px;color:var(--primaryColor);font-size:18px;text-transform:uppercase;padding-bottom:10px;border-bottom:1px solid #eee}
.side-filter .filter-panel{position:relative;overflow:hidden}
.side-filter .filter-panel .filter-item{background:var(--lightColor);font-family:'Cera Pro Bold';display:flex;border-radius:5px;align-items:center;padding:12px 16px;font-size:18px;font-weight:400;letter-spacing:-.3px;position:relative;padding-right:30px;color:#000;height: 50px;}
.side-filter .filter-panel .filter-item:after{content:"\f178";font-family:'Font Awesome 5 Pro';font-size:16px;font-weight:400;display:block;position:absolute;margin:0;vertical-align:unset;top:50%;right:16px;transform:translateY(-50%);border:0;color:var(--primaryColor);transition:all .3s ease}
.side-filter .filter-panel.active .filter-item{background:var(--primaryColor);color:#fff}
.side-filter .filter-panel.active .filter-item:after{color:#fff}
.side-filter .filter-panel + .filter-panel{margin-top:5px}
.product-section .product-item.main-product-page{display:flex;flex-wrap:wrap;padding:15px 0;justify-content:flex-start;margin:0 -20px;width:100%;max-width:calc(100% - 250px);padding-left:20px}
.pagination-wrap.main-product-page{max-width:calc(100% - 250px);margin-left:auto}

/* ********|| BANNER SLIDER ENDS ||******** */
/* ********|| Category START ||******** */
.product-section{padding:60px 0}
.product-section .product-item{display:flex;flex-wrap:wrap;padding:15px 0;justify-content:center;margin:0 -20px}
.product-section .product-item .item-box{align-items:center;position:relative;margin:20px;max-width:calc(25% - 40px);width:25%;display:flex;flex-direction:column}
.product-section .product-item .item-box .item-inner{position:relative}
.product-section .product-item .item-box .item-inner .item-img{overflow:hidden;width:100%;height:250px}
.product-section .product-item .item-box .item-inner .item-img img{height:100%;width:100%;object-fit:cover}
.product-section .product-item .item-box .prod-name{font-size:18px;text-align:center;text-transform:capitalize;line-height:1.2;padding:15px;font-weight:600;color:var(--secondaryColor)}
.product-section .product-item .item-box .prod-name:hover{color:var(--primaryColor)}
/* ********|| Category ENDS ||******** */
/* ********|| PROUDUCT PAGES STARTS ||******** */
.sec-product{padding:80px 0;position:relative;font-family: 'Cera Pro Medium';}
.sec-product .product-inner{display: flex;}
/* .sec-product .container{display: flex;} */
.sec-product .filter-side{width: 250px;}
.sec-product .product-side{width: 100%;max-width: calc(100% - 250px);padding-left: 20px;}
.sec-product .product-heading{font-family: 'Cera Pro Bold';margin-bottom: 10px;color: var(--primaryColor);font-size: 18px;text-transform: uppercase;}
.sec-product .filter-panel{position:relative;overflow:hidden;}
.sec-product .filter-panel .panel-header{background-color:var(--primaryColor);width:100%;height:60px;display:flex;align-items:center;padding:15px;color:#fff;font-size:18px;border-radius:3px;letter-spacing:.3px;font-weight:500}
.sec-product .panel-search{position: relative;border: 1px solid rgba(0,0,0,0.1)!important;border-radius: 5px;margin-bottom: 10px;}
.sec-product .panel-search .search-input{border-radius: 5px;}
.sec-product .panel-search .search-input:before{content:'\f002';font-family:'Font Awesome 5 Pro';position:absolute;width:44px;height:100%;display:flex;justify-content:center;align-items:center;font-size:18px;top:0;right:0;color:#C1C1C1;}
.sec-product .check-toggle{position:relative}
/* .sec-product .check-item.active .check-toggle::after{content:'\f068';} */
.sec-product .check-content{padding-left:20px}
/* .sec-product .check-toggle::after{content:'\f067';font-family:'Font Awesome 5 Pro';font-size:16px;font-weight:400;display:block;position:absolute;margin:0;vertical-align:unset;top:50%;right:5px;transform:translateY(-50%);border:0;color:var(--secondaryColor);transition:all .3s ease} */
.sec-product .panel-search .search-input .form-control{border:none;height:40px;min-height:0;padding:6px 16px;padding-right:40px;border-radius:5px}
.sec-product .panel-search .search-input .form-control::placeholder{color:#dadada!important}
.sec-product .filter-panel .panel-item{position:relative}
.sec-product .filter-panel .panel-item+.panel-item{margin-top: 5px;}
.sec-product .filter-panel .panel-item .item-title{background: var(--lightColor);font-family: 'Cera Pro Bold';display: flex;border-radius: 5px;align-items: center;padding: 12px 16px;font-size: 18px;font-weight: 400;letter-spacing: -.3px;position: relative;padding-right: 30px;color: black;}
.sec-product .filter-panel .panel-item .item-content{position:relative;padding:0 10px 12px;display:none;max-height:867px;overflow:auto}
.sec-product .filter-panel .panel-item .item-content::-webkit-scrollbar-track{	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);box-shadow: inset 0 0 6px rgba(0,0,0,0.1);background-color: var(--textMedColor);border-radius: 4px;}
.sec-product .filter-panel .panel-item .item-content::-webkit-scrollbar{width: 5px;height: 5px;background-color: var(--textMedColor);}
.sec-product .filter-panel .panel-item .item-content::-webkit-scrollbar-thumb{background-color: #ccc;border-radius: 4px;}
.sec-product .filter-panel .panel-item .item-title:after{content:'\f067';font-family:'Font Awesome 5 Pro';font-size:16px;font-weight:400;display:block;position:absolute;margin:0;vertical-align:unset;top:50%;right:16px;transform:translateY(-50%);border:0;color:var(--primaryColor);transition:all .3s ease}
.sec-product .filter-panel .panel-item.active .item-title:after{content:'\f068';}
.sec-product .filter-panel .panel-item .checkbox-group{display:flex;flex-direction:column;}
.sec-product .filter-panel .panel-item .checkbox-group .check-item{text-transform: uppercase;}
.sec-product .filter-panel .panel-item .checkbox-group .check-item .check-content{text-transform: capitalize;}
.sec-product .filter-panel .panel-item .checkbox-group .check-item .check-content .custom-checkbox-label{font-size: 13px;}
.sec-product .filter-panel .panel-item .custom-checkbox{margin:0;padding-top:8px;padding-bottom:8px;padding-left:32px;display:block}

.sec-product .filter-panel .panel-item .custom-checkbox.remove{position: absolute;opacity: 0;z-index: -999;visibility: hidden;}

.sec-product .filter-panel .panel-item .custom-checkbox-label{font-weight:500;font-size:14px;line-height:17px;letter-spacing:.3px;color:var(--textColor)}
.sec-product .filter-panel .panel-item .custom-checkbox-label:before{border-color:#CECECE;}
.sec-product .filter-panel .panel-item .custom-checkbox .custom-checkbox-input:checked ~ .custom-checkbox-label:before{border:1px solid var(--primaryColor);}
.sec-product .filter-panel .panel-item .custom-checkbox-label span{font-weight:400;font-size:14px;color:var(--secondaryColor);margin-left:4px}
.sec-product .product-result-info{display:flex;justify-content:space-between;align-items: center;padding-top: 30px;padding-bottom: 10px;}
.sec-product .product-result-info .product-show{border-radius: 5px;padding: 6px 15px;border: 1px solid rgba(0,0,0,0.1)!important;}
.sec-product .product-result-info .product-show.dropdown .dropdown-menu{width: 100%;min-width: 100%;z-index: 9;}
.sec-product .product-result-info .product-show.dropdown .dropdown-toggle{padding-right: 35px !important;outline: none !important;border: none !important;}
.sec-product .product-result-info .result-info{font-size:22px;font-weight:500;letter-spacing:.3px;color:var(--textColor)}
.sec-product .result-sorting .result-list{padding:0;margin:0;list-style:none}
.sec-product .result-sorting .result-list .list-item{display:inline-block;margin:0 0 0 14px;padding:0 0 9px;font-size:16px;font-weight:400;letter-spacing:.3px;color:var(--textColor)}
.sec-product .result-sorting .result-list .list-item.active{border-bottom:1px solid var(--secondaryColor)}
.sec-product .result-sorting .result-list .list-item .list-action{font-size:16px;font-weight:400;letter-spacing:.3px;color:var(--textColor)}
.sec-product .product-check{padding:20px 0;display:flex}
.sec-product .product-check .check-item{background-color:#fff;padding:10px 20px;border-radius:5px;margin:0 16px 0 0;font-size:14px;font-weight:400;letter-spacing:.3px;color:var(--textColor)}
.sec-product .product-check .check-item .close-btn{color:var(--textColor);padding:0 5px 0 0}
.sec-product .product-side .product-list{position:relative}
.no-data-wrap{margin:0 auto;text-align:center}
.sec-product .product-side .product-list{position:relative}
		/*.pre-loader{height:100%;align-items:flex-start}
		.pre-loader .loader-text{top:100px}
		.pre-loader .spinner{margin-top:70px} */
	.product-list .product-category-list.hide{opacity: 0;}
		/* .sec-product .product-side .product-list.preload{
			max-height: calc(100vh - 200px);
			overflow : hidden; 
		} */
.sec-product .product-side .product-list .cat-product-wrap{display:flex;flex-wrap:wrap;padding:5px 0;justify-content:flex-start;margin:0 -10px}
.sec-product .product-side .product-list .cat-product-wrap .cat-product-item{align-items:center;position:relative;margin:10px;max-width:calc(25% - 20px);width:25%;display:flex;flex-direction:column}
.sec-product .product-side .product-list .cat-product-wrap .cat-product-item .cat-product-inner{position:relative}
.sec-product .product-side .product-list .cat-product-wrap .cat-product-item .cat-product-inner .cat-product-img{overflow:hidden;width:100%;height:200px}
.sec-product .product-side .product-list .cat-product-wrap .cat-product-item .cat-product-inner .cat-product-img img{height:100%;width:100%;object-fit:cover;object-position: top left;}
.sec-product .product-side .product-list .cat-product-wrap .cat-product-item .cat-product-inner .cat-product-name{font-size:18px;text-align:center;text-transform:capitalize;line-height:1.2;padding:15px;font-weight:600;color:var(--secondaryColor)}
.product-list .product-list{position:relative}
.product-list .product-category-list{display: flex;flex-wrap: wrap;margin: 0 -10px;}
.product-list .product-category-list .item-box{position: relative;margin: 10px;display: flex;width: 33.33%;max-width: calc(33.33% - 20px);flex-direction: column;background-color: #fff;border: 1px solid rgb(0 0 0 / 10%);}
.product-list.project .product-category-list .item-box{width: 25%;max-width: calc(25% - 20px)}

.product-list .product-category-list .item-box .item-inner{display:flex;flex-direction:column;overflow:hidden}
.product-list .product-category-list .item-box .item-inner.content{padding: 10px;}
.product-list .product-category-list .item-box .item-inner .item-img{width:100%;height:245px;overflow:hidden;position:relative}
.product-list .product-category-list .item-box .item-inner .item-img img{width:100%;height:100%;object-fit:cover;transition:all .6s ease;object-position: top left;}
.product-list .product-category-list .item-box:hover .item-img img{transform:scale(1.1);}
.product-list .product-category-list .item-box .item-inner .item-img .display-price{position:absolute;bottom:15px;right:10px;padding:5px 10px;background-color:rgba(205,197,187,0.5);border-radius:2px;font-weight:400;font-size:18px;letter-spacing:2px;color:#fff}
.product-list .product-category-list .item-box .item-title{font-size:18px;font-weight:500;text-align:left;color:var(--secondaryColor);margin-right: 8px;}
/* .product-list .product-category-list .item-box .item-inner .item-content .display-price {position: absolute;bottom: 6px;right: -2px;padding: 5px 10px;background-color: rgba(255,255,255,0.5);border-radius: 2px;font-weight: 400;font-size: 18px;letter-spacing: 2px;color: #000;} */
.product-list .product-category-list .item-box .item-inner .item-content .display-price {padding: 3px 8px;font-weight: 400;font-size: 17px;letter-spacing: 2px;color: #000;line-height: 1;}
.product-list .product-category-list .item-box .item-inner .item-content .display-price.green{background-color:#28a745}
.product-list .product-category-list .item-box .item-inner .item-content .display-price.yellow{background-color:#ffc107}
.product-list .product-category-list .item-box .item-inner .item-content .display-price.red{background-color:#dc3545}

.product-list .product-category-list .item-box .item-content{padding:0 0 10px 0;position:relative;border-bottom:1px solid rgba(0,0,0,0.1);display: flex;align-items: center;justify-content: space-between;}
.product-list .product-category-list .item-box .item-actions{padding:9px 0 0;z-index:1;display:flex;align-items:center;flex-wrap: wrap;margin: 0 -5px;}


.product-list .product-category-list .item-box .item-actions .btn-quote{color:var(--TextColor);font-size:14px;font-weight:400;padding-top:3px;margin-left:10px}
.product-list .product-category-list .item-box .item-actions .btn-quote i{color:var(--primaryColor)}
.product-list .product-category-list .item-box .item-actions .btn-quote:hover,.product-list .product-category-list .item-box .item-actions .btn-gallery:hover{color:var(--secondaryColor)}
.product-list .product-category-list .item-box .item-actions .btn-gallery{     color: var(--TextColor);font-size: 14px;font-weight: 400;margin: 5px;}
.product-list .product-category-list .item-box .item-actions .btn-gallery i{color:var(--primaryColor);margin-right: 5px;}
.pagination-wrap{padding: 25px 0 0 0;    font-family: 'Cera Pro Medium';width: 100%;}
.pagination-wrap .showing-result{position: relative;}
.pagination-wrap .showing-result .text{    position: absolute;right: 0;top: -40px;color: #94969D;}
.pagination-wrap .pagination{align-items: center;justify-content: center;display: flex;}
.pagination-wrap .pagination .page-item{margin-right: 10px;}
.pagination-wrap .pagination .page-number{position: absolute;right: 0;padding: 0 15px;}
.pagination-wrap .pagination .page-item.active .page-link{background: var(--primaryColor);color: white;border: none;}
.pagination-wrap .pagination .page-item:hover .page-link{color: var(--secondaryColor);border: none;}
.pagination-wrap .pagination .page-item .page-link{border-radius: 50%;width: 25px;height: 25px;display: flex;align-items: center;border: none;justify-content: center;color: black;background: rgb(0 0 0 / 10%);}
.pagination-wrap .pagination .page-item .previous{font-size: 22px;color: rgb(98 98 98 / 63%);}
.pagination-wrap .pagination .page-item  .next{font-size: 22px;color: black;}
/* ********|| PROUDUCT PAGES ENDS ||******** */
/* ********|| Staff STARTS ||******** */
.staff-section{padding: 60px 0;}
.staff-section .title{}
.staff-section .title .main-title{text-align: left;}
.staff-section .staff-image{padding: 10px 0;}
/* .staff-section .staff-image .img-wrap{width: 60%;height: auto;margin: 0 auto;} */
.staff-section .staff-image .img-wrap img{display: block;margin: 0 auto;}
.staff-section .staff-description {}
.staff-section .staff-description .staff-name{font-size: 30px;font-weight: 700;line-height: 1;font-family: 'Cera Pro Bold';text-transform: uppercase;padding: 10px 0;}
.staff-section .staff-description .description {font-family: 'Cera Pro Light';font-size: 14px;line-height: 1.4;}
/* ********|| Staff ENDS ||******** */
/* ********|| Gallery STARTS ||******** */
.gallery-section .select2{margin-right: 10px;}
.gallery-section{padding:60px 0}
.gallery-section .gallery-filter{display:flex;flex-direction:column;justify-content:center;margin:0 auto}
.gallery-section .gallery-filter .gallery-view{width:40%;padding:15px 0;margin:0 auto;display: flex;align-items: center;}
.gallery-section .gallery-filter .gallery-view .gallery-show{border-radius:5px;padding:6px 15px;border:1px solid rgba(0,0,0,0.1)!important}
.gallery-section .gallery-filter .gallery-view .gallery-show .dropdown-toggle{width:100%;font-weight:500;color:black}
.gallery-section .gallery-filter .gallery-view .gallery-show.dropdown .dropdown-toggle::after{right:0;left:inherit}
.gallery-section .gallery-filter .gallery-view .gallery-show.dropdown .dropdown-menu{width:100%;z-index:9;min-width:100%}
.gallery-section .gallery-filter .project-action{margin:0 auto}
.gallery-section .gallery-filter .project-action .apply-btn{height:40px;width:120px;border:1px solid var(--primaryColor);background:none;font-family:'Cera Pro Medium';margin-right:10px;color:var(--primaryColor);text-transform:uppercase}
.gallery-section .gallery-filter .project-action .reset-btn{height:40px;width:120px;border:1px solid var(--primaryColor);background:var(--primaryColor);font-family:'Cera Pro Medium';color:white;text-transform:uppercase}
.gallery-section .gallery-images{padding:20px 0}
.gallery-section .gallery-images .gallery-list{display:flex;flex-wrap:wrap;margin:0 -10px}
.gallery-section .gallery-images .gallery-list .gallery-item{position:relative;margin:10px;display:flex;width:25%;max-width:calc(25% - 20px);flex-direction:column;overflow:hidden;background-color:#fff}
.gallery-section .gallery-images .gallery-list .gallery-item .gallery-name{font-family:'Cera Pro Medium';text-align:center;color:var(--secondaryColor);font-size:18px;padding:15px 0}
.gallery-section .gallery-images .gallery-list .gallery-item .gallery-name a{color:var(--secondaryColor)}
.gallery-section .gallery-images .gallery-list .gallery-item .gallery-name a:hover{color:var(--primaryColor)}
.gallery-section .gallery-images .gallery-list .gallery-item .gallery-img{width:100%;height:270px}
.gallery-section .gallery-images .gallery-list .gallery-item .gallery-img img{width:100%;height:100%;object-fit:cover; object-position: top left; overflow:hidden}
/* ********|| Gallery ENDS ||******** */
/* ********|| Resource STARTS ||******** */
.resource-section{padding:60px 0}
.resource-section .title .main-title{text-align:left}
.resource-section .resource-part{padding:20px 0}
.resource-section .resource-part .resources-list{display:flex;flex-wrap:wrap;margin:0 -10px}
.resource-section .resource-part .resources-list .resource-item{position:relative;margin:10px;display:flex;width:25%;max-width:calc(25% - 20px);flex-direction:column;overflow:hidden;background-color:var(--secondaryColor);height:180px;display:flex;justify-content:center;align-items:center;transition:all .3s ease;padding:25px;cursor:pointer;text-align:center}
.resource-section .resource-part .resources-list .resource-item:hover{background-color:var(--primaryColor)}
.resource-section .resource-part .resources-list .resource-item .resource-text{font-family:'Cera Pro Medium';color:white;font-size:14px;letter-spacing:1.5px;text-decoration:underline;padding:10px 0;text-transform:capitalize}
/* ********|| Resource ENDS ||******** */
/* ********|| Credit STARTS ||******** */
.credit-section{padding:60px 0}
.credit-section .left-side-text .heading{font-size:65px;padding-bottom:20px;font-weight:900;line-height:1;text-transform:capitalize;font-family:'Cera Pro Black'}
.credit-section .left-side-text .text-part{font-size:16px;line-height:1.8;font-family:'Cera Pro Light'}
.credit-section .left-side-text .text-part .text-para{padding-bottom:20px}
.credit-section .right-side-img{width:100%;height:500px;overflow:hidden}
.credit-section .right-side-img img{width:100%;height:100%;object-fit:cover}
.credit-section .download-link{padding:10px 0;font-family:'Cera Pro Medium'}
.credit-section .download-link .link{font-size:16px;letter-spacing:3px;text-transform:capitalize;text-decoration:underline}
/* ********|| Credit ENDS ||******** */
/* ********||Statement STARTS ||******** */
.statement-section{padding:60px 0}
.statement-section .left-side-text .heading{font-size:65px;padding-bottom:20px;font-weight:900;line-height:1;text-transform:capitalize;font-family:'Cera Pro Black'}
.statement-section .left-side-text .text-part{font-size:16px;line-height:1.8;font-family:'Cera Pro Light'}
.statement-section .left-side-text .text-part .text-para{padding-bottom:20px}
.statement-section .right-side-img{width:100%;height:450px;border-radius:0 0 0 140px;overflow:hidden}
.statement-section .right-side-img img{width:100%;height:100%;object-fit:cover}
.statement-section .download-link{padding:10px 0;font-family:'Cera Pro Medium'}
.statement-section .download-link .link{font-size:16px;letter-spacing:3px;text-transform:capitalize;text-decoration:underline}
/* ********||Statement ENDS ||******** */
/* ********||Calculator STARTS ||******** */
.calculator-section{padding:60px 0}
.calculator-section .title{padding-bottom:25px}
.calculator-section .title .para{width:100%}
.calculator-section .left-side-text .heading{font-size:65px;padding-bottom:20px;font-weight:900;line-height:1;text-transform:capitalize;font-family:'Cera Pro Black'}
.calculator-section .left-side-text .text-para{font-size:16px;line-height:1.8;font-family:'Cera Pro Light';padding-bottom:20px}
.calculator-section .right-side-img{width:100%;height:450px;border-radius:0 0 140px 0;overflow:hidden}
.calculator-section .right-side-img img{width:100%;height:100%;object-fit:cover}
.calculator-section .download-link{padding:10px 0;font-family:'Cera Pro Medium'}
.calculator-section .download-link .link{font-size:16px;letter-spacing:3px;text-transform:capitalize;text-decoration:underline}
/* ********||Calculator ENDS ||******** */
/* ********|| Blog STARTS ||******** */
.blog-section{padding:60px 0}
.blog-section .blog-item{padding:60px 0 0 0}
.blog-section .blog-part:first-child{padding:0 0 50px}
.blog-section .blogs-part{display:flex}
.blog-section .blogs-part .blog-list{width:100%;max-width:calc(100% - 250px)}
.blog-section .blogs-part .blog-list .blog-item{margin-right:20px;}
.blog-section .blogs-part .blog-top-post{width:250px}
.blog-top-post .title{font-size:20px;font-weight:600;color:var(--primaryColor);display:inline-block;font-family:'Cera Pro Medium';margin:0 0 20px;position:relative;text-transform:uppercase}
.blog-top-post .blog{position:relative}
.blog-top-post .blog .blog-link{display:block;background-color:#fff;overflow:hidden;padding:15px;border:1px solid rgb(0 0 0 / 10%)}
.blog-top-post .blog .blog-title{font-size:16px;font-weight:600;color:var(--textColor);font-family:'Cera Pro Medium';line-height:1.2;letter-spacing:.3px;margin:0;overflow:hidden;text-overflow:ellipsis;max-height:20px;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box}
.blog-top-post .blog .blog-date{font-size:12px;font-weight:600;letter-spacing:.3px;margin:14px 0 0;color:var(--secondary)}
.blog-top-post .blog .blog-date i{color:var(--primaryColor)}
.blog-top-post .blog .blog-text{font-size:12px;color:var(--secondary);line-height:1.4;font-weight:600;margin:10px 0 0;font-family:'Cera Pro Light';overflow:hidden;text-overflow:ellipsis;max-height:80px;-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box}
.blog-top-post .blog+.blog{margin:16px 0 0}
/* ********|| Blog ENDS ||******** */
/* ********|| Professional Link STARTS ||******** */
.professional-link{padding:60px 0}
.professional-link .professional-link-list .link-item{display:flex;flex-wrap:wrap;padding:15px 0;margin:0 -20px}
.professional-link .professional-link-list .link-item .item-box{align-items:center;position:relative;margin:20px;max-width:calc(33.33% - 40px);width:33.33%;display:flex;flex-direction:column}
.professional-link .professional-link-list .link-item .item-box .item-inner{position:relative}
.professional-link .professional-link-list .link-item .item-box .item-inner::before{content:"";position:absolute;width:100%;height:100%;background:rgb(0 0 0 / 68%);transition:all .6s ease}
.professional-link .professional-link-list .link-item .item-box .item-inner .item-img{overflow:hidden;width:100%;height:300px}
.professional-link .professional-link-list .link-item .item-box .item-inner .item-img img{width:100%;height:100%;object-fit:cover}
.professional-link .professional-link-list .link-item .item-box .item-inner .view-category{position:absolute;top:50%;left:0;right:0;margin:0 auto;text-align:center;padding:43px;color:#fff;font-size:16px;font-weight:500;transition:all .6s ease;transform:translateY(-50%);font-family:'Cera Pro Light'}
.professional-link .professional-link-list .link-item .item-box .item-inner .view-category .cat-name{text-transform:capitalize;font-weight:600;letter-spacing:4px;color:white;text-decoration:underline;font-size:16px;word-break:break-all;line-height:1.6}
.professional-link .professional-link-list .link-item .item-box .link-details{padding:10px 0;text-align:center;font-size:16px;font-family:'Cera Pro Medium';line-height:1.4}
/* ********|| Professional Link ENDS ||******** */
/* ********|| Professional Link STARTS ||******** */
.other-professional-link{padding:60px 0}
.other-professional-link .other-professional-link-list .link-item{display:flex;flex-wrap:wrap;padding:15px 0;margin:0 -20px}
.other-professional-link .other-professional-link-list .link-item .item-box{align-items:center;position:relative;margin:20px;max-width:calc(33.33% - 40px);width:33.33%;display:flex;flex-direction:column}
.other-professional-link .other-professional-link-list .link-item .item-box .item-inner{position:relative}
.other-professional-link .other-professional-link-list .link-item .item-box .item-inner::before{content:"";position:absolute;width:100%;height:100%;background:rgb(0 0 0 / 68%);transition:all .6s ease}
.other-professional-link .other-professional-link-list .link-item .item-box .item-inner .item-img{overflow:hidden;width:100%;height:300px}
.other-professional-link .other-professional-link-list .link-item .item-box .item-inner .item-img img{width:100%;height:100%;object-fit:cover}
.other-professional-link .other-professional-link-list .link-item .item-box .item-inner .view-category{position:absolute;top:50%;left:0;right:0;margin:0 auto;text-align:center;padding:43px;color:#fff;font-size:16px;font-weight:500;transition:all .6s ease;transform:translateY(-50%);font-family:'Cera Pro Light'}
.other-professional-link .other-professional-link-list .link-item .item-box .item-inner .view-category .cat-name{text-transform:capitalize;font-weight:600;letter-spacing:4px;color:white;text-decoration:underline;font-size:16px;word-break:break-all;line-height:1.6}
.other-professional-link .other-professional-link-list .link-item .item-box .link-details{padding:10px 0;text-align:center;font-size:16px;font-family:'Cera Pro Medium';line-height:1.4}
/* ********|| Professional Link ENDS ||******** */
/* ********|| FAQ START ||******** */
.faq-section{padding:80px 0}
.faq-section .faq-part{margin:35px 0}
.faq-section .accordion-item:first-child{border-top:1px solid var(--primaryColor)}
.faq-section .accordion-item{border-bottom:1px solid var(--thirdColor)}
.faq-section .view-btn{display:flex;justify-content:flex-start}
.faq-section .view-more-button{background:var(--primaryColor);padding:12px 20px;font-weight:500;border-radius:3px;font-size:18px;position:relative;z-index:1;color:var(--light)}
.faq-section .view-more-button:before{content:'';position:absolute;width:100%;height:100%;background:var(--light);top:0;right:0;transform:scale(0,1);transform-origin:right;transition:all .3s ease;z-index:-1;border-radius:3px}
.faq-section .view-more-button:hover:before{transform:scale(1,1)}
.faq-section .view-more-button:hover{color:var(--primaryColor)}
.faq-section .accordion-item .accordion-title{position:relative;display:flex;color:var(--textColor);align-items:center;margin:0;padding:30px 18px;background-color:#fff;font-size:1.25em;font-weight:400;cursor:pointer;padding-right:50px;font-family:'Cera Pro Medium'}
.faq-section .accordion-item .accordion-text .acc-text{margin:0;font-size:22px;letter-spacing:.3px;font-weight:600;line-height:1.5}
.faq-section .accordion-item .accordion-title::after{content:"\f067";font-family:'Font Awesome 5 Pro';position:absolute;color:var(--thirdColor);top:35px;right:45px;width:25px;font-size:14px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--thirdColor)}
.faq-section .accordion-item.active{border-bottom:1px solid var(--primaryColor)}
.faq-section .accordion-item.active .accordion-title::after{content:"\f068";font-family:'Font Awesome 5 Pro';position:absolute;top:15px;color:var(--primaryColor);border:1px solid var(--primaryColor)}
.faq-section .accordion-content{display:none;padding:20px 55px}
.faq-section .accordion-content .accor-des{font-size:16px;line-height:1.2;letter-spacing:.3px;font-weight:500;font-family:'Cera Pro Light'}
.faq-section .accordion-content .accor-des .des{padding:0 0 20px;font-weight:600;font-size:18px}
.faq-section .accordion-content .accor-des .description-list .item-list{padding-left:5px}
.faq-section .accordion-content .accor-des .description-list .item-list .list{list-style:none;padding:10px 0;display:flex}
.faq-section .accordion-content .accor-des .description-list .item-list .list .icon{color:var(--primaryColor);font-size:16px;margin-right:15px}
.faq-section .accordion-content .accor-des .description-list .item-list .list .list-text{font-size:16px;line-height:1.3;font-weight:400}
/* ********|| FAQ ENDS ||******** */
/* ********||Workboard STARTS ||******** */
.workboard-section{padding:60px 0}
.workboard-section .button-product{padding:20px 0 0}
.workboard-section .button-product .go-to-product{height:40px;width:270px;color:white;background:var(--primaryColor);text-transform:capitalize;font-weight:500;font-family:'Cera Pro Medium';padding:10px 14px;font-size:16px;box-shadow:0 14px 14px rgb(223 124 0 / 28%)}
.workboard-section .title{padding-bottom:25px}
.workboard-section .title .para{text-align:left}
.workboard-section .left-side-text .heading{font-size:65px;padding-bottom:20px;font-weight:900;line-height:1;text-transform:capitalize;font-family:'Cera Pro Black'}
.workboard-section .left-side-text ul{font-family:'Cera Pro Medium';padding-left:0}
.workboard-section .left-side-text ul li{list-style:none;padding:10px 0;display:flex}
.workboard-section .left-side-text ul li .icon{color:var(--primaryColor);font-size:20px;margin-right:15px}
.workboard-section .left-side-text ul li .list-text{font-size:16px;line-height:1.3;text-transform:capitalize;font-weight:500}
.workboard-section .left-side-text ul li .list-text .link{color:var(--primaryColor);text-decoration:underline}
.workboard-section .left-side-text .text-para{font-size:16px;line-height:1.8;font-family:'Cera Pro Medium';padding-bottom:20px}
.workboard-section .right-side-img{width:100%;height:350px;border-radius:0 0 0 140px;overflow:hidden}
.workboard-section .right-side-img img{width:100%;height:100%;object-fit:cover}
.workboard-section .download-link{padding:10px 0;font-family:'Cera Pro Medium'}
.workboard-section .download-link .link{font-size:16px;letter-spacing:3px;text-transform:capitalize;text-decoration:underline}
/* .workboard-section .left-side-text .item-list li::before {
  content: "";
  position: relative;
  color: var(--primaryColor);
  font-family: "Font Awesome 5 Pro";
  font-size: 20px;
  top: 4px;
} */
/* ********||Workboard ENDS ||******** */
/* ********||Quote STARTS ||******** */
.quote-section{padding:60px 0}
.quote-section .button-product{padding:20px 0 0}
.quote-section .button-product .go-to-product{height:40px;width:270px;color:white;background:var(--primaryColor);text-transform:capitalize;font-weight:500;font-family:'Cera Pro Medium';padding:10px 14px;font-size:16px;box-shadow:0 14px 14px rgb(223 124 0 / 28%)}
.quote-section .main-title{text-align:left}
.quote-section .title{padding-bottom:25px}
.quote-section .title .para{text-align:left}
.quote-section .left-side-text .heading{font-size:65px;padding-bottom:20px;font-weight:900;line-height:1;text-transform:capitalize;font-family:'Cera Pro Black'}
.quote-section .left-side-text ul{font-family:'Cera Pro Medium';padding-left:0}
.quote-section .left-side-text ul li{list-style:none;padding:10px 0;display:flex}
.quote-section .left-side-text ul li .icon{color:var(--primaryColor);font-size:20px;margin-right:15px}
.quote-section .left-side-text ul li .list-text{font-size:16px;line-height:1.3;text-transform:capitalize;font-weight:500}
.quote-section .left-side-text ul li .list-text .link{color:var(--primaryColor);text-decoration:underline}
.quote-section .left-side-text .text-para{font-size:16px;line-height:1.8;font-family:'Cera Pro Medium';padding-bottom:20px}
.quote-section .right-side-img{width:100%;height:450px;overflow:hidden}
.quote-section .right-side-img img{width:100%;height:100%;object-fit:cover}
.quote-section .download-link{padding:10px 0;font-family:'Cera Pro Medium'}
.quote-section .download-link .link{font-size:16px;letter-spacing:3px;text-transform:capitalize;text-decoration:underline}
/* .quote-section .left-side-text .item-list li:before {
  content: "";
  position: relative;
  color: var(--primaryColor);
  font-family: "Font Awesome 5 Pro";
  font-size: 20px;
  top: 4px;
} */
/* ********||Quote ENDS ||******** */
/* ********|| Form STARTS ||******** */
.form-section{padding:80px 0 100px;position:relative}
.form-section .form-content{background-color:#FFF9F0;border-radius:30px 0 30px 0;position:relative}
.form-section .form-content::before{content:'';position:absolute;height:140px;width:140px;background-color:#098148;opacity:.1;z-index:-1;top:-40px;left:-40px;border-radius:0 40px}
.form-section .form-content::after{content:"";position:absolute;background-color:#fff;background-image:radial-gradient(circle,var(--secondaryColor) 20%,transparent 10%),radial-gradient(circle,var(--secondaryColor) 20%,transparent 10%);background-size:10px 10px;background-position:0 0,50px 50px;width:150px;height:150px;z-index:-1;right:-50px;bottom:-50px}
.form-section .form-content .form-part{padding:35px 40px}
.form-section .form-content .form-part .form-group{margin:0 0 40px;font-family:'Cera Pro Medium'}
.form-section .form-content .form-part .form-group .control-label{color:#B0B2B2;font-weight:400;text-transform:uppercase}
.form-section .form-content .form-part .form-group .form-control{width:100%;border-bottom:1px solid rgb(0 0 0 / 10%)!important;border:none;background:none;padding:6px 0;border-radius:0}
.form-section .form-content .form-part .form-group .form-control .input{width:100%;background:none;border:none;padding:10px 0}
.form-section .form-content .form-part .button-submit{display:flex;justify-content:center;padding:25px 0}
.form-section .form-content .form-part .button-submit .submit{height:40px;width:250px;color:white;background:var(--primaryColor);text-transform:capitalize;font-weight:500;font-family:'Cera Pro Medium';padding:10px 14px;font-size:16px;box-shadow:0 14px 14px rgb(223 124 0 / 28%);border:none}
/* ********|| Form ENDS ||******** */
/* ********|| STARTS ||******** */
.about-section{padding:60px 0}
.about-section .button-product{padding:20px 0 0}
.about-section .button-product .go-to-product{height:40px;width:270px;color:white;background:var(--primaryColor);text-transform:capitalize;font-weight:500;font-family:'Cera Pro Medium';padding:10px 14px;font-size:16px;box-shadow:0 14px 14px rgb(223 124 0 / 28%)}
.about-section .title{padding-bottom:25px}
.about-section .title .para{text-align:center;font-size:16px;line-height:1.3;color:#8A8680;text-transform:capitalize;font-family:'Cera Pro Medium';font-weight:500}
.about-section .left-side-para{font-size:16px;line-height:1.3;color:#8A8680;text-transform:capitalize;font-family:'Cera Pro Medium';font-weight:500}
.about-section .left-side-text .heading{font-size:65px;padding-bottom:20px;font-weight:900;line-height:1;text-transform:capitalize;font-family:'Cera Pro Black'}
.about-section .left-side-text ul{font-family:'Cera Pro Medium';padding-left:0}
.about-section .left-side-text ul li{list-style:none;padding:10px 0;display:flex}
.about-section .left-side-text ul li .icon{color:var(--primaryColor);font-size:20px;margin-right:15px}
.about-section .left-side-text ul li .list-text{font-size:16px;line-height:1.3;text-transform:capitalize;color:#8A8680;font-weight:500}
.about-section .left-side-text ul li .list-text .link{color:var(--primaryColor);text-decoration:underline}
.about-section .left-side-text .text-para{font-size:16px;line-height:1.8;font-family:'Cera Pro Medium';padding-bottom:20px}
.about-section .right-side-img{width:100%;height:350px;border-radius:0 0 0 140px;overflow:hidden}
.about-section .right-side-img img{width:100%;height:100%;object-fit:cover}
.about-section .download-link{padding:10px 0;font-family:'Cera Pro Medium'}
.about-section .download-link .link{font-size:16px;letter-spacing:3px;text-transform:capitalize;text-decoration:underline}
/* .about-section .left-side-text .item-list li::before {
  content: "";
  position: relative;
  color: var(--primaryColor);
  font-family: "Font Awesome 5 Pro";
  font-size: 20px;
  top: 4px;
} */
/* ********||Calculator ENDS ||******** */
/* ********|| STARTS ||******** */
.about-us-section{padding:60px 0}
.about-us-section .button-product{padding:20px 0 0}
.about-us-section .left-side-text{font-size:16px;line-height:1.6;color:#8A8680;text-transform:capitalize;font-family:'Cera Pro Medium';font-weight:500}
.about-us-section .title{padding-bottom:25px}
.about-us-section .title .para{text-align:center;font-size:16px;line-height:1.3;color:#8A8680;text-transform:capitalize;font-family:'Cera Pro Medium';font-weight:500}
.about-us-section .left-side-para{font-size:16px;line-height:1.3;color:#8A8680;text-transform:capitalize;font-family:'Cera Pro Medium';font-weight:500}
.about-us-section .left-side-text .heading{font-size:65px;padding-bottom:20px;font-weight:900;line-height:1;text-transform:capitalize;font-family:'Cera Pro Black'}
.about-us-section .left-side-text .item-list{font-family:'Cera Pro Medium';padding-left:0}
.about-us-section .left-side-text .item-list .list{list-style:none;padding:10px 0;display:flex}
.about-us-section .left-side-text .item-list .list .icon{color:var(--primaryColor);font-size:20px;margin-right:15px}
.about-us-section .left-side-text .item-list .list .list-text{font-size:16px;line-height:1.3;text-transform:capitalize;color:#8A8680;font-weight:500}
.about-us-section .left-side-text .item-list .list .list-text .link{color:var(--primaryColor);text-decoration:underline}
.about-us-section .left-side-text .text-para{font-size:16px;line-height:1.8;font-family:'Cera Pro Medium';padding-bottom:20px}
.about-us-section .right-side-img{width:100%;height:350px;border-radius:0 0 140px 0;overflow:hidden}
.about-us-section .right-side-img img{width:100%;height:100%;object-fit:cover}
/* ********||Calculator ENDS ||******** */
/* ********|| Quote STARTS ||******** */
.newsletter-section{padding:80px 0 100px;position:relative}
.newsletter-section .contact-check{display:flex;flex-direction:column;font-family:'Cera Pro Medium';padding:0 10px}
.newsletter-section .contact-check .custom-checkbox{margin:10px 0}
.newsletter-section .contact-check .control-label{color:#B0B2B2;font-weight:400;padding:0 0 10px;text-transform:uppercase}
.newsletter-section .newsletter-image{margin:25px 0;position:relative}
/* .newsletter-section .newsletter-image::before{content:"";position:absolute;height:100%;width:100%;background:linear-gradient(to right,rgb(9 129 72 / 50%),transparent);z-index: 10;} */
.newsletter-section .newsletter-image img{max-width:100%;height:auto;display: block;margin: 0 auto;}
.newsletter-section .form-content{background-color:white;border-radius:30px 0 30px 0;position:relative}
.newsletter-section .form-content .form-part{padding:35px 40px}
.newsletter-section .form-content .form-part .form-group{margin:0 0 40px;font-family:'Cera Pro Medium';padding:0 10px}
.newsletter-section .form-content .form-part .form-group .control-label{color:#B0B2B2;font-weight:400;text-transform:uppercase}
.newsletter-section .form-content .form-part .form-group .form-control{width:100%;border-bottom:1px solid rgb(0 0 0 / 10%)!important;border:none;background:none;padding:6px 0;border-radius:0}
.newsletter-section .form-content .form-part .form-group .form-control .input{width:100%;background:none;border:none;padding:10px 0}
.newsletter-section .form-content .form-part .button-submit{display:flex;justify-content:center;padding:35px 0}
.newsletter-section .form-content .form-part .button-submit .submit{height:40px;width:250px;color:white;background:var(--primaryColor);text-transform:capitalize;font-weight:500;font-family:'Cera Pro Medium';padding:10px 14px;font-size:16px;box-shadow:0 14px 14px rgb(223 124 0 / 28%);border:none}
/* ********|| Quote ENDS ||******** */
/* ********|| GLOSSARY PAGE STARTS ||******** */
.sec-glossary{padding:80px 0;font-family:'Cera Pro light'}
.sec-glossary .custom-tab-content .item .tab-item .glossary-details-text{font-size:16px;font-weight:400;line-height:1.2;letter-spacing:.3px;margin:15px 0;color:var(--textColor)}
.sec-glossary .custom-tab .custom-tab-navigation{padding-left:0;list-style:none;display:flex;max-width:100%!important;justify-content:center;margin:0 auto;overflow:auto}
.sec-glossary .custom-tab .custom-tab-navigation .item{background-color:#fff;color:var(--primaryColor);border-bottom:1px solid rgb(0 0 0 / 10%)}
.sec-glossary .custom-tab .custom-tab-navigation .item.active{border-bottom:1px solid var(--primaryColor)}
.sec-glossary .custom-tab .custom-tab-navigation .item.active .item-tablink{color:var(--primaryColor)}
.sec-glossary .custom-tab .custom-tab-navigation .item .item-tablink{display:flex;color:var(--primaryColor);font-size:18px;font-weight:600;position:relative;padding:10px 15px;text-transform:uppercase}
.sec-glossary .custom-tab .custom-tab-content{padding:50px 0 0}
.sec-glossary .custom-tab .custom-tab-content .item .tab-item{background-color:#F5F5F5;border-left:5px solid var(--primaryColor);border-radius:8px;padding:10px 15px;margin-top:10px}
.sec-glossary .custom-tab .custom-tab-content .item .tab-item .glossary-title{margin:10px 0 0;font-size:20px;font-weight:600;letter-spacing:.3px;color:var(--primaryColor)}
.item-tablink{cursor:pointer;padding:15px}
.custom-tab .custom-tab-navigation > li{cursor:pointer}
/* ********|| GLOSSARY PAGE ENDS ||******** */
/* ********||Contact STARTS ||******** */
.contact-text-details ul li {    list-style: none;
    padding: 10px 0;
    display: flex; }
    
 .contact-text-details ul{   font-family: 'Cera Pro Medium';
    padding-left: 0;}
    
  .contact-text-details  ul li .icon{ 
    font-size: 20px;
    margin-right: 15px;}
.contact-us-section{padding:60px 0}
.contact-us-section .contact-part{display:flex;height:auto;align-items:center;position:relative;border-radius:30px; width:100%;}
.contact-us-section .contact-part:before{content:"";position:absolute;height:100%;width:100%;border-radius:30px;background:linear-gradient(to right,rgb(223 124 0),transparent)}
.contact-us-section .contact-part .contact-text-details{position:relative;padding:35px 25px;z-index:1;color:white;width:50%;text-align:left}
.contact-us-section .contact-part .contact-text-details .title{text-align:left;font-family:"Cera Pro Bold";font-size:32px;color:white;padding:0 0 25px;text-transform:uppercase}
.contact-us-section .contact-part .contact-text-details .des{font-family:'Cera Pro Medium';font-size:14px;line-height:1.4;padding-bottom:25px;text-transform:capitalize}
.contact-us-section .contact-part .contact-text-details .requirement{font-family:"Cera Pro Medium";text-transform:capitalize}
.contact-us-section .contact-part .contact-text-details .requirement .bold-part{text-align:left;font-family:"Cera Pro Bold";font-size:20px;color:white;padding:0 0 5px}
.contact-us-section .contact-part .contact-text-details .requirement .number{text-align:left;font-family:"Cera Pro Bold";font-size:20px;color:white;margin-left:5px}
.contact-us-section .contact-part .image-part{position:absolute;right:16px;width:440px;height:350px;bottom:0}
.contact-us-section .contact-part .image-part img{width:100%;height:100%;object-fit:cover}
/* ********||Contact ENDS ||******** */
/* ********|| Contact ||******** */
.contact-section{padding:60px 0}
.contact-section .contact-img{padding-bottom:30px;width:100%;height:300px}
.contact-section .contact-img img{width:100%;height:100%;object-fit:cover}
.contact-section .address{font-family:'Cera Pro Medium'}
.contact-section .address .address-part{padding-bottom:30px}
.contact-section .address .address-part .address-title{font-family:'Cera Pro Bold';font-size:22px;text-transform:uppercase;padding-bottom:15px}
.contact-section .address .address-part .title{font-family:'Cera Pro Bold';font-size:22px;text-align:left;text-transform:capitalize;padding-bottom:15px}
.contact-section .address .address-part .address-text{color:#8A8680}
.contact-section .address .address-part .address-text .highlight-text{color:var(--primaryColor)}
.contact-section .address .address-part .text{display:flex;align-items:center}
.contact-section .address .address-part .text .icon{background:var(--primaryColor);color:white;height:25px;width:25px;display:flex;justify-content:center;align-items:center;border-radius:50px;font-size:11px;margin-right:12px}
.contact-section .address .address-part .text .contact-text{color:#8A8680}
.contact-section .address .text-contact{color:#8A8680}
.contact-section .form-part{padding:60px 40px;background-color:#FFF9F0;border-radius:50px 0 50px 0}
.contact-section .form-part .contact-check{display:flex;flex-direction:column;padding:0 0 30px;font-family:'Cera Pro Medium'}
.contact-section .form-part .form-title{font-family:'Cera Pro Bold';font-size:25px;text-transform:capitalize;padding-bottom:20px;line-height: 1.2;}
.contact-section .form-part .form-group{margin:0 0 30px;font-family:'Cera Pro Medium'}
.contact-section .form-part .form-group .control-label{color:#B0B2B2;font-weight:400;text-transform:uppercase}
.contact-section .form-part .form-group .form-control{width:100%;border-bottom:1px solid rgb(0 0 0 / 10%)!important;border:none;background:none;padding:6px 0;border-radius:0;}
.form-group .form-control::placeholder{color: #767676 !important;}
.contact-section .form-part .form-group textarea{resize:none}
.contact-section .form-part .form-group .form-control.message-part{height:45px}
.contact-section .form-part .form-group .form-control .input{width:100%;background:none;border:none;padding:10px 0}
.contact-section .form-part .button-submit{display:flex;padding:10px 0}
.contact-section .form-part .button-submit .submit{height:40px;width:200px;color:white;background:var(--primaryColor);text-transform:capitalize;font-weight:500;font-family:'Cera Pro Medium';padding:10px 14px;font-size:16px;box-shadow:0 14px 14px rgb(223 124 0 / 28%);border:none}
.contact-section .form-part .custom-radio .custom-radio-label:before{background:none}
.contact-section .form-part .custom-radio .custom-radio-label:after{color:var(--primaryColor);top:55%;left:-24px;transform:translateY(-53%)}
.contact-section .social-inner{padding-left:0;list-style:none;display:flex;align-items:center;margin:0}
.contact-section .social-inner>li{margin:0}
.contact-section .social-inner > li > a{width:30px;height:30px;display:flex;justify-content:center;padding:0;align-items:center;font-size:18px;margin:2px}
.contact-section .social-inner > li > a:hover{color:var(--secondaryColor)}
/* .datepicker-dropdown{background-color: #141414;} */
.datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th{color: var(--secondaryColor);}
.datepicker td, .datepicker th{color: #000}
.datepicker td{font-weight: 500;}
.datepicker table tr td.active.active{background-image: var(--primaryColor) !important;background-color: var(--primaryColor) !important;}
.datepicker table tr td.new, .datepicker table tr td.old{color: var(--thirdColor);}
.datepicker table tr td.day.focused, .datepicker table tr td.day:hover{background-color: var(--primaryColor) !important;color: #fff;}
.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover{color: var(--secondaryColor);background: transparent;}
/* ********||Contact ENDS ||******** */
/* ********|| Sample-Box STARTS ||******** */
.sample-section{padding:60px 0}
.sample-section .left-side-text .heading{font-size:65px;padding-bottom:20px;font-weight:900;line-height:1;text-transform:capitalize;font-family:'Cera Pro Black'}
.sample-section .left-side-text .text-part{font-size:16px;line-height:1.5;font-family:'Cera Pro Light'}
.sample-section .left-side-text .text-part .text-para-bold{font-size:18px;line-height:1.4;font-family:'Cera Pro Medium';color:var(--primaryColor)}
.sample-section .left-side-text .text-part .text-para{padding-bottom:20px}
.sample-section .right-side-img{width:100%;height:100%;border-radius:0 0 0 140px;overflow:hidden}
.sample-section .right-side-img img{width:100%;height:100%;object-fit:cover}
.sample-section .download-link{padding:10px 0;font-family:'Cera Pro Medium'}
.sample-section .download-link .link{font-size:16px;letter-spacing:3px;text-transform:capitalize;text-decoration:underline}
.sample-section .text-para{font-size:16px;line-height:1.5;font-family:'Cera Pro Light'}
.sample-section .img-section{display:flex}
.sample-section .img-section .img-part{display:flex;margin:10px;width:25%;justify-content:center;max-width:calc(25% - 20px)}
.sample-section .img-section .img-part img{width:100%;height:100%;object-fit:contain}
/* ********|| Sample-Box ENDS ||******** */
/* ********|| Drawing STARTS ||******** */
.drawings-section{padding: 40px 0;}
.drawings-section .title{padding: 40px 0;}
.drawings-section .title .main-title{}
/* ********|| Drawing ENDS ||******** */
/* ********|| Drawing STARTS ||******** */
.coming-section{padding: 40px 0;}
.coming-section .title{padding: 40px 0;}
.coming-section .title .main-title{}
/* ********|| Drawing ENDS ||******** */
/* ********|| floating compare section start ||******** */
.floating-compare-section{width:100%;position:fixed;background-color:#fff9f0;bottom:0;min-height:50px;z-index:1;box-shadow:rgb(0 0 0 / 50%) 0 0 10px;left:0}
.floating-compare-section .floating-compare-wrap{margin:0 -5px;display:flex;width:100%;justify-content:center;padding:8px 0;align-items:center}
.floating-compare-section .floating-compare-wrap .compare-item-wrap{display:flex}
.floating-compare-section .compare-items{width:100px;height:80px;position:relative;overflow:hidden;margin:10px 5px;border:1px solid #df7c00;border-radius:5px}
.floating-compare-section .compare-items img{width:100%;height:100%;object-fit:cover;object-position:center center}
.floating-compare-section .compare-items .remove-button{width:20px;height:20px;position:absolute;right:2px;top:2px;display:flex;align-items:center;justify-content:center;background-color:#dc3545;color:#fff;border-radius:50%;font-size:12px}
.floating-compare-wrap .compare-button-wrap .comapre-btn{border:1px solid transparent;background:var(--secondaryColor);font-weight:600;color:#fff!important;text-transform:uppercase;padding:6px 14px;font-size:12px}
.floating-compare-wrap .compare-button-wrap{margin-left:20px}
.filters{display:flex}
.result{display:flex;flex-wrap: wrap;}
.filter-sort{left:-11px;display:none}
.change-location-btn{font-size:14px;background-color:#f6f5f7;padding:6px;margin-left:12px;border-radius:5px;color:#000}
/* ********|| floating compare section end ||******** */


/* ********|| PRODUCT DETAILS PAGES STARTS ||******** */
.product-details{position:relative;padding:80px 0;font-family: 'Cera Pro Medium';}
.product-details .product-image-content{position:relative;display:flex;flex-wrap:wrap}
.product-details .product-image-slider{position:relative;width:100px;max-height: 412px;overflow-x: hidden;overflow-y: auto;}
.product-details .product-image-slider .item{position:relative;overflow:hidden;border:1px solid rgba(0,0,0,0.05);display:flex;width:100px;height:100px}
.product-details .product-image-slider .item+.item{margin:10px 0 0}
.product-details .product-image-slider .item img{width:100%;height:100%;object-fit: cover; object-position: top left;}
.product-details .product-image img{width:100%;height:100%;object-fit:cover;object-position: top left;}
.product-details .product-image{position:relative;background-color:#fff;overflow:hidden;border:1px solid rgba(0,0,0,0.05);width:100%;max-width:calc(100% - 141px);margin-left:20px;height:412px}
.product-details .product-image a{    display: block;height: 100%;width: 100%;}
.product-details .product-content{position:relative;overflow:hidden}
.product-details .product-content .product-title{font-size:35px;font-weight:600;font-family:'Cera Pro Bold';line-height:1;margin:0;color:var(--secondaryColor)}
.product-details .product-content .product-price{font-size:26px;margin:25px 0;font-weight:700;color:var(--textColor)}
.product-content .other-size-wrap .size-label{margin: 0 5px 10px !important;}
.product-content .other-size-wrap a{padding: 5px !important;margin: 5px !important;}
.product-details .details-title{font-size:20px;font-weight:600;letter-spacing:.3px;color:var(--textColor);margin: 20px 0 0;}
.product-details .details-content{font-size: 16px; margin:25px 0;letter-spacing:.3px;}
.product-details .product-content .product-meta{position:relative;margin:20px 0 0;}
.product-details .product-content .product-meta .item{display:flex;padding:8px 0}
.product-details .product-content .product-meta .item .item-label{width:150px;font-size:18px;font-weight:600;letter-spacing:.3px;color:var(--textColor)}
.product-details .product-content .product-meta .item .item-data{display:flex;flex-wrap:wrap;font-size:16px;font-weight:500;line-height:1;width:100%;max-width:calc(100% - 120px);margin-left:20px}
.product-details .product-content .product-meta .item .item-data .cata-btn{font-size:18px;font-weight:400;letter-spacing:.3px;color:var(--textColor);display:flex;margin-right:10px}
.product-details .product-content .product-actions{display:flex;margin:60px 0 0; flex-wrap: wrap;}
.product-details .product-actions .btn-quote{height:50px;display:flex;justify-content:center;align-items:center;padding:0 20px;background-color:var(--secondaryColor);color:#fff;min-width:200px;font-size:15px;text-transform:uppercase;font-weight:600;letter-spacing:.5px;position:relative;margin-right: 15px;margin-bottom: 10px;}
.product-details .product-actions .btn-quote i{font-size:21px;padding-right:25px;}
.product-details .product-actions .btn-quote:hover{background-color:var(--primaryColor)}
/* ********|| RELATED PRODUCT SECTION STARTS ||******** */
/* ********|| SECTION COVERAGE CALCULATOR STARTS ||******** */
.sec-product-coverage-calculator{padding: 80px 0;position: relative;}
.sec-product-coverage-calculator .coverage-calculator{padding: 20px;background-color: #fff;width: 100%;margin-right: 25px;border: 1px solid rgb(0 0 0 / 10%);}
  .sec-product-coverage-calculator .coverage-calculator .product-title{font-size:32px;padding-bottom:20px;font-weight:500;line-height:1;font-family:'Cera Pro Bold'}
  .sec-product-coverage-calculator .coverage-calculator .control-label{font-size:24px;font-weight:500;line-height:1.2;letter-spacing:.3px;margin:10px 0 0;color:var(--textColor);font-family:'Cera Pro Medium'}
  .sec-product-coverage-calculator .coverage-calculator .form-control{border-radius:0;font-weight:500;font-size: 20px;min-height: 50px;}
  .sec-product-coverage-calculator .coverage-calculator .button-wrap .calculate-btn i{color:var(--primaryColor);margin-right:5px}
  .sec-product-coverage-calculator .coverage-calculator .button-wrap .calculate-btn{color:var(--TextColor);font-size:24px;font-weight:500}
  .sec-product-coverage-calculator .coverage-calculator .value{font-size:28px;font-weight:500;line-height:1.2;letter-spacing:.3px;margin:0 0 10px;color:var(--textColor);font-family:'Cera Pro Medium'}
  .sec-product-coverage-calculator .coverage-calculator .btn-wrap .btn-quote i{color:var(--primaryColor);margin-right:5px}
  .sec-product-coverage-calculator .coverage-calculator .btn-wrap .btn-quote{color:var(--TextColor);font-size:24px;font-weight:500}
/* ********|| SECTION COVERAGE CALCULATOR ENDS ||******** */
/* Login-page */
input[type="password" i]{letter-spacing:4px}
.log-in-page{padding:80px 0}
.log-in-page .verify-account{text-align:center;text-transform:capitalize;font-weight:500;font-family:'Cera Pro Medium';padding:20px 0 0;background:var;text-decoration:underline;font-size:16px}
.log-in-page .form-login{width:450px;padding:30px;background-color:var(--backgroundColor);margin:0 auto;box-shadow:0 2px 12px rgb(128 128 128 / 22%);border:1px solid var(--lightColor)}
.log-in-page .form-login .title{text-align:center;margin-bottom:10px;font-size:24px;font-family:"Cera Pro Bold";text-transform:capitalize}
.log-in-page .form-login .sub-title{text-align:center;margin-bottom:15px;font-size:15px;font-weight:500;color:var(--thirdColor)}
.log-in-page .form-login .sub-title .link-text{font-weight:600}
.log-in-page .form-login .login-part{font-weight:600;margin-top:30px}
.log-in-page .form-login .login-part .custom-form-group{width:100%;position:relative;margin-bottom:20px}
.log-in-page .form-login .login-part .custom-form-group .icon{width:35px;height:22px;display:flex;align-items:center;justify-content:center;font-size:16px;position:absolute;top:50%;transform:translateY(-50%);left:8px;color:var(--primaryColor)}
.log-in-page .form-login .login-part .custom-form-group .form-control{width:100%;min-height:48px;background:transparent;color:black;border:none;outline:none;padding:6px 12px 6px 55px;border-radius:0;border-bottom:1px solid rgb(0 0 0 / 10%);font-family:'Cera Pro Medium'}
.log-in-page .form-login .login-part .custom-form-group input[type="password" i]{letter-spacing:4px}
.log-in-page .form-login .login-part .authentication-attr{display:flex;align-items:center;justify-content:space-between}
.log-in-page .form-login .btn-wrap{display:flex;align-items:center;justify-content:center;margin-top:15px}
.log-in-page .form-login .btn-wrap .action-btn{background:var(--secondaryColor);border:1px solid var(--secondaryColor);border-radius:0;padding:8px 18px;text-transform:uppercase;font-family:"Cera Pro Bold";color:white}
.log-in-page .form-login .btn-wrap .action-btn:focus{box-shadow:none}
.log-in-page .form-login .btn-wrap .action-btn:hover{border:1px solid var(--primaryColor);color:var(--secondaryColor)!important;background:#fff}
/* Sign Up Page */
.sign-up-page{padding:80px 0}
.sign-up-page .form-signup{width:450px;padding:30px;background-color:var(--backgroundColor);margin:0 auto;box-shadow:0 2px 12px rgb(128 128 128 / 22%);border:1px solid var(--lightColor)}
.sign-up-page .form-signup .title{text-align:center;margin-bottom:10px;font-size:24px;font-family:"Cera Pro Bold";text-transform:capitalize}
.sign-up-page .form-signup .sub-title{text-align:center;margin-bottom:15px;font-size:15px;font-weight:500;color:var(--thirdColor)}
.sign-up-page .form-signup .sub-title .link-text{font-weight:600}
.sign-up-page .form-signup .signup-part{font-weight:600;margin-top:30px}
.sign-up-page .form-signup .signup-part .custom-form-group{width:100%;position:relative;margin-bottom:20px}
.sign-up-page .form-signup .signup-part .custom-form-group .icon{width:35px;height:22px;display:flex;align-items:center;justify-content:center;font-size:16px;position:absolute;top:50%;transform:translateY(-50%);left:8px;color:var(--primaryColor)}
.sign-up-page .form-signup .signup-part .custom-form-group .form-control{width:100%;min-height:48px;background:transparent;color:black;border:none;outline:none;padding:6px 12px 6px 55px;border-radius:0;border-bottom:1px solid rgb(0 0 0 / 10%);font-family:'Cera Pro Medium'}
.sign-up-page .form-signup .signup-part .authentication-attr{display:flex;align-items:center;justify-content:space-between}
.sign-up-page .form-signup .btn-wrap{display:flex;align-items:center;justify-content:center;margin-top:15px}
.sign-up-page .form-signup .btn-wrap .action-btn{background:var(--secondaryColor);border:1px solid var(--secondaryColor);border-radius:0;padding:8px 18px;text-transform:uppercase;font-family:"Cera Pro Bold";color:white}
.sign-up-page .form-signup .btn-wrap .action-btn:focus{box-shadow:none}
.sign-up-page .form-signup .btn-wrap .action-btn:hover{border:1px solid var(--primaryColor);color:var(--secondaryColor)!important;background:#fff}
/* Forget Page */
.forget-page{padding:80px 0}
.forget-page .forget-form{width:450px;padding:30px;background-color:var(--backgroundColor);margin:0 auto;box-shadow:0 2px 12px rgb(128 128 128 / 22%);border:1px solid var(--lightColor)}
.forget-page .forget-form .title{text-align:center;margin-bottom:10px;font-size:24px;font-family:"Cera Pro Bold";text-transform:capitalize}
.forget-page .forget-form .sub-title{text-align:center;margin-bottom:15px;font-size:15px;font-weight:500;color:var(--thirdColor)}
.forget-page .forget-form .sub-title .link-text{font-weight:600}
.forget-page .forget-form .forget-part{font-weight:600;margin-top:30px}
.forget-page .forget-form .forget-part .custom-form-group{width:100%;position:relative;margin-bottom:20px}
.forget-page .forget-form .forget-part .custom-form-group .icon{width:35px;height:22px;display:flex;align-items:center;justify-content:center;font-size:16px;position:absolute;top:50%;transform:translateY(-50%);left:8px;color:var(--primaryColor)}
.forget-page .forget-form .forget-part .custom-form-group .form-control{width:100%;min-height:48px;background:transparent;color:black;border:none;outline:none;padding:6px 12px 6px 55px;border-radius:0;border-bottom:1px solid rgb(0 0 0 / 10%);font-family:'Cera Pro Medium'}
.forget-page .forget-form .forget-part .authentication-attr{display:flex;align-items:center;justify-content:space-between}
.forget-page .forget-form .btn-wrap{display:flex;align-items:center;justify-content:center;margin-top:15px}
.forget-page .forget-form .btn-wrap .action-btn{background:var(--secondaryColor);border:1px solid var(--secondaryColor);border-radius:0;padding:8px 18px;text-transform:uppercase;font-family:"Cera Pro Bold";color:white}
.forget-page .forget-form .btn-wrap .action-btn:focus{box-shadow:none}
.forget-page .forget-form .btn-wrap .action-btn:hover{border:1px solid var(--primaryColor);color:var(--secondaryColor)!important;background:#fff}
  /* Verify Page */
  .verify-otp-page{width:450px;margin:0 auto;background-color:#ddd}
  .verify-otp-page .verify-form{width:450px;padding:30px;background-color:var(--backgroundColor);margin:0 auto}
  .verify-otp-page .verify-form .title{text-align:center;margin-bottom:10px;font-size:24px;font-family:"Cera Pro Bold";text-transform:capitalize}
  .verify-otp-page .verify-form .sub-title{text-align:center;margin-bottom:15px;font-size:15px;font-weight:500;color:var(--thirdColor)}
  .verify-otp-page .verify-form .sub-title .link-text{font-weight:600}
  .verify-otp-page .verify-form .verify-part{font-weight:600;margin-top:30px}
  .verify-otp-page .verify-form .verify-part .custom-form-group{width:100%;position:relative;margin-bottom:20px}
  .verify-otp-page .verify-form .verify-part .custom-form-group .icon{width:35px;height:22px;display:flex;align-items:center;justify-content:center;font-size:16px;position:absolute;top:50%;transform:translateY(-50%);left:8px;color:var(--primaryColor)}
  .verify-otp-page .verify-form .verify-part .custom-form-group .form-control{width:100%;min-height:48px;background:transparent;color:black;border:none;outline:none;padding:6px 12px 6px 55px;border-radius:0;border-bottom:1px solid rgb(0 0 0 / 10%);font-family:'Cera Pro Medium'}
  .verify-otp-page .verify-form .verify-part .authentication-attr{display:flex;align-items:center;justify-content:space-between}
  .verify-otp-page .verify-form .btn-wrap{display:flex;align-items:center;justify-content:center;margin-top:15px}
  .verify-otp-page .verify-form .btn-wrap .action-btn{background:var(--secondaryColor);border:1px solid var(--secondaryColor);border-radius:0;padding:8px 18px;text-transform:uppercase;font-family:"Cera Pro Bold";color:white}
  .verify-otp-page .verify-form .btn-wrap .action-btn:focus{box-shadow:none}
  .verify-otp-page .verify-form .btn-wrap .action-btn:hover{border:1px solid var(--primaryColor);color:var(--secondaryColor)!important;background:#fff}
  /* Change Password page */
  .change-password-page{width:450px;margin:0 auto;background-color:#ddd}
  .change-password-page .change-form{width:450px;padding:30px;background-color:var(--backgroundColor);margin:0 auto}
  .change-password-page .change-form .title{text-align:center;margin-bottom:10px;font-size:24px;font-family:"Cera Pro Bold";text-transform:capitalize}
  .change-password-page .change-form .sub-title{text-align:center;margin-bottom:15px;font-size:15px;font-weight:500;color:var(--thirdColor)}
  .change-password-page .change-form .sub-title .link-text{font-weight:600}
  .change-password-page .change-form .change-password-part{font-weight:600;margin-top:30px}
  .change-password-page .change-form .change-password-part .custom-form-group{width:100%;position:relative;margin-bottom:20px}
  .change-password-page .change-form .change-password-part .custom-form-group .icon{width:35px;height:22px;display:flex;align-items:center;justify-content:center;font-size:16px;position:absolute;top:50%;transform:translateY(-50%);left:8px;color:var(--primaryColor)}
  .change-password-page .change-form .change-password-part .custom-form-group .form-control{width:100%;min-height:48px;background:transparent;color:black;border:none;outline:none;padding:6px 12px 6px 55px;border-radius:0;border-bottom:1px solid rgb(0 0 0 / 10%);font-family:'Cera Pro Medium'}
  .change-password-page .change-form .change-password-part .authentication-attr{display:flex;align-items:center;justify-content:space-between}
  .change-password-page .change-form .btn-wrap{display:flex;align-items:center;justify-content:center;margin-top:15px}
  .change-password-page .change-form .btn-wrap .action-btn{background:var(--secondaryColor);border:1px solid var(--secondaryColor);border-radius:0;padding:8px 18px;text-transform:uppercase;font-family:"Cera Pro Bold";color:white}
  .change-password-page .change-form .btn-wrap .action-btn:focus{box-shadow:none}
  .change-password-page .change-form .btn-wrap .action-btn:hover{border:1px solid var(--primaryColor);color:var(--secondaryColor)!important;background:#fff}
/* Profile */
.sec-profile{padding:60px 0}
.sec-profile .profile-part{justify-content:center;align-items:flex-end}
.sec-profile .profile-part .profile-pic .profile-inner .profile-img{margin:0 auto;display:block;text-align:center;position:relative;width:150px;height:150px}
.sec-profile .profile-part .profile-pic .profile-inner .profile-img .img-wrap{position:relative;width:150px;height:150px;margin:0 auto;border:1px solid var(--primaryColor);padding:5px;border-radius:50%;overflow:hidden}
.sec-profile .profile-part .profile-pic .profile-inner .profile-img .img-wrap img{border-radius:50%;height:100%;width:100%;object-fit:cover}
.sec-profile .profile-part .profile-pic .profile-inner .profile-img .profile-image-input{position:absolute;display:flex;justify-content:center;align-items:center;width:36px;height:36px;background-color:var(--primaryColor);color:#fff;border-radius:50%;overflow:hidden;bottom:10px;right:10px;font-size:20px}
.sec-profile .profile-part .profile-pic .profile-inner .profile-img .profile-image-input .input-file{position:absolute;top:0;right:0;width:500px;height:100%;cursor:pointer;opacity:0;z-index:1}
.sec-profile .profile-part .profile-pic .profile-inner .profile-content{text-align:center;margin:15px 0}
.sec-profile .profile-part .profile-pic .profile-inner .profile-content .profile-name{font-size:24px;font-weight:600;font-family:'Cera Pro Bold';text-transform:capitalize;margin:10px 0}
.sec-profile .profile-part .profile-action{display:flex;justify-content:space-between;align-items:center;margin:10px 0}
.sec-profile .profile-part .profile-action .chan-btn{border:1px solid transparent;background:var(--secondaryColor);font-weight:500;font-family:"Cera Pro Medium";color:#fff!important;text-transform:uppercase;padding:6px 14px;display:block;text-align:center;font-size:12px}
.sec-profile .profile-part .profile-action .log-out{font-weight:500;font-family:"Cera Pro Medium";font-size:14px;background:#d70202;color:white;padding:6px 8px}
.sec-profile .change-password-part{font-weight:600;margin-top:15px}
.sec-profile .change-password-part .form-group{width:100%;position:relative;margin-bottom:2px}
.sec-profile .change-password-part .form-group .icon{width:35px;height:22px;display:flex;align-items:center;justify-content:center;font-size:16px;position:absolute;top:50%;transform:translateY(-50%);left:8px;color:var(--primaryColor)}
.sec-profile .change-password-part .form-group .form-control{width:100%;min-height:48px;background-color:transparent;color:black;border:none;outline:none;padding:6px 12px 6px 55px;border-radius:0;border-bottom:1px solid rgb(0 0 0 / 10%)}
.sec-profile .change-password-part .save-btn{border:1px solid transparent;background:var(--secondaryColor);font-weight:500;font-family:"Cera Pro Medium";color:#fff!important;text-transform:uppercase;padding:6px 14px;margin:15px auto 0;display:block;text-align:center;font-size:12px}
.sec-profile .change-password-part .save-btn:hover{border:1px solid var(--primaryColor);color:var(--secondaryColor)!important;background:#fff}
.sec-profile .profile-part .profile-account.change-password{background:var(--backgroundColor);padding: 20px 28px;}
.sec-profile .profile-part .profile-account.change-password .profile-title{text-align:center;margin-bottom:10px;font-size:24px;font-family:"Cera Pro Bold";text-transform:capitalize}
.sec-profile .profile-part .profile-account .profile-form{background:var(--backgroundColor);padding:28px}
.sec-profile .profile-part .profile-account .profile-form .form-group{display:flex;align-items:center;border-bottom:1px solid rgb(0 0 0 / 10%);padding:0 10px}
.sec-profile .profile-account .profile-form .form-group .icon{color:var(--primaryColor)}
.sec-profile .profile-account .profile-form .save-btn{border:1px solid transparent;background:var(--secondaryColor);font-weight:500;font-family:"Cera Pro Medium";color:#fff!important;text-transform:uppercase;padding:6px 14px;margin:0 auto;display:block;text-align:center;font-size:12px}
.sec-profile .profile-account .profile-form .save-btn:hover{border:1px solid var(--primaryColor);color:var(--secondaryColor)!important;background:#fff}
.sec-profile .profile-part .profile-account .profile-form .form-group .form-control{background:none;border:none;font-family:'Cera Pro Medium'}
/* ********|| MODAL STARTS ||******** */
.modal-dialog-centered.modal-size{max-width: 1200px;}
.modal-dialog-centered.modal-size .modal-header .close{font-size: 25px;color: #000 !important;}
.modal{padding-right: 0 !important;}
.modal-backdrop{background-color:#21212171}
.modal-backdrop.show{opacity:.9}
body.modal-open{overflow:hidden}
.location-modal .location-item-wrap{display:flex;align-items:center;justify-content:center}
.location-modal .modal-header{background-color:var(--backgroundColor);color:var(--primaryColor);font-family:'Cera Pro Bold';box-shadow:rgb(0 0 0 / 10%) 0 2px 10px;border:none;justify-content:center}
.location-modal .modal-header .modal-title{font-size:20px;text-transform:uppercase}
.location-modal .modal-content{border:none}
.location-modal .btn-close{border:none;padding:8px 15px;background:var(--primaryColor);color:white;font-size:15px;font-family:'Cera Pro Medium';transition:all .5s ease;min-width:100px;margin:0 auto}
.location-modal .btn-close:hover{background:var(--secondaryColor)}
.location-modal .size-box{display:flex;position:relative}
.location-modal .modal-body{padding:45px 30px 30px}
.modal-backdrop.location{background-color : #ddd !important;opacity: 1 !important;}
.location-modal .size-box .box{padding:20px 12px;text-align:center;border-radius:0;position:relative;margin:10px;background:var(--backgroundColor)}
.location-modal .size-box .box:hover{background-color:var(--primaryColor);color:white;cursor:pointer}
.location-modal a:hover{color:var(--primaryColor)}
.location-modal .size-box .box .icon-box{position:absolute;top:-30px;width:50px;background:white;height:50px;display:flex;align-items:center;font-size:23px;justify-content:center;border-radius:50%;left:0;right:0;color:var(--primaryColor);margin:0 auto;border:1px solid var(--primaryColor)}
.location-modal .size-box .box .icon-text{padding:15px 0 0}
.location-modal .size-box .box .icon-text .small-title{font-size:15px;text-transform:capitalize;font-weight:600;font-family:'Cera Pro Bold'}
.location-modal .size-box .box .icon-text .number{font-size:15px;font-weight:500;padding-top:10px}
/* ********|| MODAL ENDS ||******** */
/* ********|| TEAM STARTS ||******** */
.team-section{padding:60px 0}
.team-section .quotation{text-align:center;display:flex;justify-content:center;flex-direction:column;align-items:center}
.team-section .quotation .quote{width:50%;font-family:"Cera Pro Medium";font-size:24px;line-height:1.4;color:#8A8680;padding:15px 0}
.team-section .quotation .quote-author{font-family:"Cera Pro Medium";font-size:16px;line-height:1.4;color:var(--primaryColor);margin-bottom:15px}
.team-section .team-part .team-heading{padding:25px 0;text-align:center;display:flex;flex-direction:column;justify-content:center}
.team-section .team-part .team-heading .title{font-size:45px;padding:0 0 15px;font-family:'Cera Pro Black';text-transform:capitalize;width:50%;text-align:center;line-height:1.2;margin:0 auto}
.team-section .team-part .team-heading .des{line-height:1.6;font-family:'Cera Pro Light';width:80%;margin:0 auto}
.team-section .team-part .team{padding:25px 0 0}
.team-section .team-part .team .title{font-family:'Cera Pro Black';font-size:45px;padding-bottom:45px;line-height:1.5}
.team-section .team-part .team .team-members{display:flex;flex-wrap:wrap;margin:0 -20px}
.team-section .team-part .team .team-members .member{width:25%;max-width:calc(25% - 20px);margin:10px;box-shadow:0 6px 18px rgb(128 128 128 / 17%)}
.team-section .team-part .team .team-members .member .member-img{width:100%;height:225px;overflow:hidden;border-radius:0 0 0 50px}
.team-section .team-part .team .team-members .member .member-img img{width:100%;height:100%;object-fit:cover}
.team-section .team-part .team .team-members .member .member-details{text-align:center;padding:0 15px;min-height:calc(100% - 225px);display:flex;flex-direction:column}
.team-section .team-part .team .team-members .member .member-details .btn-wrap{width:100%}
.team-section .team-part .team .team-members .member .member-details .name{padding-top:8px;font-family:'Cera Pro Medium';text-transform:capitalize;font-size:15px;color:var(--secondaryColor)}
.team-section .team-part .team .team-members .member .member-details .des{font-family:'Cera Pro Medium';padding:5px 0;font-size:13px;margin-top:auto}
.team-section .team-part .team .team-members .member .member-details .btn-action{border:1px solid transparent;background:var(--primaryColor);font-weight:400;font-family:"Cera Pro Medium";color:#fff!important;transition:all .3s ease;text-transform:uppercase;padding:6px 14px;margin:15px 0 25px;font-size:12px}
.team-section .team-part .team .team-members .member .member-details .btn-action:hover{border:1px solid var(--primaryColor);color:var(--secondaryColor)!important;background:#fff}
/* Team Connect */
.team-connect{padding:60px 0}
.team-connect .connect-text .title{font-size:70px;padding-bottom:20px;font-weight:900;line-height:1;text-align:left;text-transform:uppercase;font-family:'Cera Pro Black'}
.team-connect .connect-text .des{font-size:16px;line-height:1.8;padding:15px 0;font-family:'Cera Pro Light'}
.team-connect .connect-text .connect-btn{margin:25px 0 30px}
.team-connect .connect-text .connect-btn .btn-connect{height:40px;color:white;background:var(--primaryColor);text-transform:capitalize;font-weight:500;font-family:'Cera Pro Medium';padding:10px 80px;font-size:16px;box-shadow:0 14px 14px rgb(223 124 0 / 28%);border:none}
.team-connect .connect-text .contact{padding:15px 0}
.team-connect .connect-text .text-contact{font-size:16px;line-height:1.2;padding:10px 0;font-family:'Cera Pro Light'}
.team-connect .connect-img{width:100%;height:625px;overflow:hidden}
.team-connect .connect-img img{width:100%;height:100%;object-fit:cover}
/* Team Details Modal */
.biomodal .modal-lg{max-width:800px}
.biomodal .modal-content{border:none}
.biomodal .modal-content .modal-header{align-items:center;padding:25px 20px}
.biomodal .modal-content .modal-header .title-part{display:flex;flex-direction:column}
.biomodal .modal-content .modal-header .title-part .modal-title{font-family:'Cera Pro Bold';font-size:22px}
.biomodal .modal-content .modal-header .title-part .designation{font-family:'Cera Pro Medium';color:#8A8680;font-size:13px}
.biomodal .modal-content .modal-header .modal-close{border:none;background:none;font-size:25px}
.biomodal .modal-content .modal-body{padding:22px}
.biomodal .modal-content .modal-body .bio-content{display:flex}
.biomodal .modal-content .modal-body .bio-content .member-img{width:300px;height:250px;overflow:hidden;border-radius:0 0 0 50px}
.biomodal .modal-content .modal-body .bio-content .member-img img{width: 100%;height: 100%;object-fit: contain;}
.biomodal .modal-content .modal-body .bio-content .members-details{width:100%;max-width:calc(100% - 300px);margin-left:15px;margin-bottom:15px}
.biomodal .modal-content .modal-body .bio-content .members-details .member-title{font-family:'Cera Pro Bold';font-size:28px;margin-bottom:15px;line-height: 1.2;}
.biomodal .modal-content .modal-body .bio-content .members-details .des p{font-size:14px;font-family:'Cera Pro Light';line-height:1.4;padding-bottom:15px}
.biomodal .modal-content .modal-body .bio-content .members-details .sub-text{font-family:'Cera Pro Medium';padding:5px 0;font-size:15px}
.biomodal .modal-content .modal-body .bio-content .members-details .text{font-family:'Cera Pro Light';padding:5px 0;color:#8A8680;font-size:15px}
/* ********|| TEAM ENDS ||******** */
/* Request-Quote */
.request-quote-section{padding:60px 0}
.request-quote-section .request-part-table .table-action{padding:15px 0;font-family:"Cera Pro Medium";display:flex;justify-content:flex-end;align-items:center}
.request-quote-section .request-part-table .table-action .update-quote-btn{margin-right:15px}
.request-quote-section .request-part-table .table-action .update-quote{border:1px solid transparent;background:var(--secondaryColor);font-weight:500;color:#fff!important;height:45px;text-transform:capitalize;padding:6px 14px;font-size:14px}
.request-quote-section .request-part-table .table-action .next-step{border:1px solid transparent;background:var(--primaryColor);font-weight:500;color:#fff!important;height:45px;text-transform:capitalize;padding:6px 14px;font-size:14px;display:flex;vertical-align:middle;justify-content:center;align-items:center}
.request-quote-section .heading-part .title{font-size:60px;padding-bottom:20px;font-weight:900;line-height:1;text-transform:capitalize;font-family:'Cera Pro Black'}
.request-quote-section .heading-part .des{line-height:1.6;font-family:'Cera Pro Medium';width:80%;text-align:center;color:#8A8680;margin:0 auto}
.request-part-table{position:relative;font-family:"Cera Pro Medium";padding:25px 0}
.request-part-table .item{display:flex;background-color:#fff;align-items:center}
.request-part-table .item .item-name{padding:18px 20px;min-width:650px;width:100%}
.request-part-table .item .item-quantity{padding:10px 20px;min-width:200px;width:100%;font-family:"Cera Pro Medium"}
.request-part-table .table-data .item .item-quantity .quantity-spinner{display:flex;background:white;width:116px;padding:5px 0;box-shadow:2px 0 10px rgb(0 0 0 / 8%)}
.request-part-table .table-data .item .item-quantity .quantity-spinner .btn-quantity{border:none;background:transparent}
.request-part-table .table-data .item .item-quantity .quantity-spinner .quantity-input{width:60px;border:none;-webkit-appearance:none!important;text-align:center}
.request-part-table .table-data .item .item-quantity .quantity-spinner .quantity-input::-webkit-inner-spin-button,.request-part-table .table-data .item .item-quantity .quantity-spinner .quantity-input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}
.request-part-table .item .item-other{padding:16px 20px;width:100%;min-width:80px;text-align:center}
.request-part-table .table-data .item .item-other.remove{color:#FF0000;font-size:16px}
.request-part-table .table-data .item .item-other.remove .remove-btn{color:#FF0000;font-size:16px;border:none;background:transparent}
.request-part-table .item .other-title{font-size:13px;line-height:1.2;font-weight:400;text-transform:capitalize}
.request-part-table .table-data .item .item-quantity .quantity-title{font-size:13px;line-height:1.2;font-weight:400}
.request-part-table .table-data .item .item-name .name-title{font-size:14px;line-height:1.2;font-weight:400;text-transform:capitalize}
.request-part-table .table-data .item .item-name .other-title{font-size:13px;line-height:1.2;font-weight:400;text-transform:capitalize}
.request-part-table .table-data .item:nth-child(odd){background-color:#F2F2F2}
.request-part-table .item.item-header{border:0;border-bottom:1px solid black}
.request-part-table .item.item-header .header-title{font-size:14px;font-weight:600;font-family:'Cera Pro Medium';text-transform:capitalize;color:var(--textAltColor)}
.request-part-table .item .mobile-label{display:none}
/* ********|| CHECKOUT STARTS ||******** */
.sec-checkout{padding:60px 0}
.sec-checkout .checkout-content .form-content{padding:40px;border-radius:50px 0 50px 0;background-color:#FFF9F0}
.sec-checkout .checkout-content .form-content .checkout-text{font-family:'Cera Pro Bold';font-size:25px;text-transform:capitalize;padding-bottom:20px;line-height: 1.2;}
.sec-checkout .checkout-content .form-content .control-label{color:#B0B2B2;font-weight:400;font-family:'Cera Pro Medium';text-transform:uppercase}
.sec-checkout .checkout-content .form-content .form-control{width:100%;border-bottom:1px solid rgb(0 0 0 / 10%)!important;border:none;font-family:'Cera Pro Medium';background:none;padding:6px 0;border-radius:0}
.sec-checkout .check-action{display:flex;align-items:center;margin:15px 0}
.sec-checkout .check-action .request-btn{height:40px;border:1px solid var(--primaryColor);background:var(--primaryColor);align-items:center;font-family:'Cera Pro Medium';display:flex;color:white;padding:0 15px;text-transform:uppercase}
.sec-checkout .check-action .cancel-btn{height:40px;border:1px solid var(--primaryColor);margin-left:15px;background:none;align-items:center;display:flex;font-family:'Cera Pro Medium';padding:0 15px;color:var(--primaryColor);text-transform:uppercase}
.sec-checkout .checkout-title{font-family:'Cera Pro Bold';font-size:25px;text-transform:capitalize;padding-bottom:20px}
.sec-checkout .check-product{display:flex;align-items:center;border:1px solid rgb(0 0 0 / 10%);padding:5px}
.sec-checkout .check-product+.check-product{margin-top:10px}
.sec-checkout .check-product .img-box{width:70px;height:70px;overflow:hidden}
.sec-checkout .check-product .img-box img{width:100%;height:100%;object-fit:cover}
.sec-checkout .check-product .check-list .check-inner{padding:0 10px;font-family:'Cera Pro Medium'}
.sec-checkout .check-product .check-list .check-inner .check-title{font-size:14px;color:var(--headingColor);font-family:'Cera Pro Bold'}
.sec-checkout .check-product .check-list .check-inner .check-content{color:var(--thirdColor);font-size:13px}
.sec-checkout .check-product .check-list .check-inner .check-content span{color:var(--headingColor)}
.sec-checkout .check-product .check-list .check-inner .check-Quantity{color:var(--thirdColor);font-size:13px}
.sec-checkout .check-product .check-list .check-inner .check-Quantity span{color:var(--headingColor)}
.sec-checkout .check-product .check-list .check-inner .check-units{color:var(--thirdColor);font-size:13px}
.sec-checkout .check-product .check-list .check-inner .check-units span{color:var(--headingColor)}
/* ********|| CHECKOUT END ||******** */
/* Order List */
.order-list-section{padding:60px 0}
.order-list-section .order-part-table .table-action{padding:15px 0;font-family:"Cera Pro Medium";display:flex;justify-content:flex-end;align-items:center}
.order-list-section .order-part-table .table-action .update-quote-btn{margin-right:15px}
.order-list-section .order-part-table .table-action .update-quote{border:1px solid transparent;background:var(--secondaryColor);font-weight:500;color:#fff!important;height:45px;text-transform:capitalize;padding:6px 14px;font-size:14px}
.order-list-section .order-part-table .table-action .next-step{border:1px solid transparent;background:var(--primaryColor);font-weight:500;color:#fff!important;height:45px;text-transform:capitalize;padding:6px 14px;font-size:14px}
.order-list-section .heading-part .title{font-size:60px;padding-bottom:20px;font-weight:900;line-height:1;text-transform:capitalize;font-family:'Cera Pro Black'}
.order-list-section .heading-part .des{line-height:1.6;font-family:'Cera Pro Medium';width:80%;text-align:center;color:#8A8680;margin:0 auto}
.order-part-table{position:relative;font-family:"Cera Pro Medium";padding:25px 0}
.order-part-table .item{display:flex;background-color:#fff;align-items:center}
.order-part-table .item .item-name{padding:18px 20px;min-width:calc(100% - 800px);width:100%}
.order-part-table .item .item-quantity{padding:18px 20px;min-width:200px;width:100%;font-family:"Cera Pro Medium"}
.order-part-table .table-data .item{border:1px solid rgb(0 0 0 / 10%);transition:all ease .3s;margin:10px 0;color:var(--headingColor)}
.order-part-table .table-data .item:hover{background-color:var(--lightColor)}
.order-part-table .item .item-other{padding:18px 20px;width:100%;min-width:200px}
.order-part-table .table-data .item .item-other.remove{color:#FF0000;font-size:16px}
.order-part-table .item .other-title{font-size:13px;line-height:1.2;font-weight:400;text-transform:capitalize}
.order-part-table .table-data .item .item-quantity .quantity-title{font-size:13px;line-height:1.2;font-weight:400}
.order-part-table .table-data .item .item-name .name-title{font-size:14px;line-height:1.2;font-weight:400;text-transform:capitalize}
.order-part-table .table-data .item .item-name .other-title{font-size:13px;line-height:1.2;font-weight:400;text-transform:capitalize}
.order-part-table .table-data .item .item-quantity .quantity-title{font-size:13px;line-height:1.2;font-weight:400}
.order-part-table .table-data .item .item-name{padding:14px 20px}
.order-part-table .table-data .item .item-quantity{padding:14px 20px}
.order-part-table .table-data .item .item-other{padding:14px 20px}
.order-part-table .table-data .item .item-other .order-status{display:flex;align-items:center}
.order-part-table .table-data .item .item-other .order-status .order-tag{width:8px;height:8px;border-radius:50%}
.order-part-table .table-data .item .item-other .order-tag.confirm{background-color:var(--success)}
.order-part-table .table-data .item .item-other .order-status .order-tag.cancel{background-color:var(--red)}
.order-part-table .table-data .item .item-other .order-status .order-tag.process{background-color:var(--yellow)}
.order-part-table .table-data .item .item-other .order-status .order-text{font-size:13px;color:var(--thirdColor);margin-left:5px;text-transform:capitalize;font-family:"Cera Pro Medium"}
.order-part-table .item.item-header{border:0;border-bottom:1px solid black;background:var(--backgroundColor)}
.order-part-table .item.item-header .header-title{font-size:14px;font-weight:600;font-family:'Cera Pro Medium';text-transform:capitalize;color:var(--textAltColor)}
.order-part-table .item .mobile-label{display:none}
/* ********|| Modal STARTS ||******** */
.location-modal .modal-dialog .modal-content .modal-header{flex-direction: column;}
.modal .modal-dialog .modal-content{border:none}
.modal .modal-dialog .modal-content .modal-header{padding:10px 14px;align-items: center;}
.modal .modal-dialog .modal-content .modal-header .modal-title{font-family:'Cera Pro Medium';font-size:18px}
.modal .modal-dialog .modal-content .modal-header .sub-title{margin: 0 0 8px;}
.modal .modal-dialog .modal-content .modal-body .body-text{font-family:'Cera Pro Medium';font-size:14px;color:var(--thirdColor);line-height:1.5}
.modal .modal-dialog .modal-content .modal-footer .btn-cancel{height:35px;border:1px solid var(--primaryColor);margin-left:15px;background:none;align-items:center;display:flex;font-family:'Cera Pro Medium';padding:0 15px;border-radius:0;color:var(--primaryColor);text-transform:uppercase}
.modal .modal-dialog .modal-content .modal-footer .btn-cancel:focus{box-shadow:none}
.modal .modal-dialog .modal-content .modal-footer .deleteButton{height:35px;border:1px solid var(--primaryColor);background:var(--primaryColor);align-items:center;font-family:'Cera Pro Medium';display:flex;border-radius:0;color:white;padding:0 15px;text-transform:uppercase}
/* ********|| Modal END ||******** */
/* ********|| Spec-Details STARTS ||******** */
.spec-section{padding:60px 0}
.spec-section .spec-details{padding:20px;background-color:#fff;width:100%;margin-right:25px;border: 1px solid rgb(0 0 0 / 10%);max-width:calc(100% - 250px)}
.spec-section .spec-details .form-control{border-radius:0}
.spec-section .spec-details .spec-content{font-size:16px;font-weight:500;line-height:1.4;letter-spacing:.3px;margin:25px 0;color:var(--textColor);font-family:'Cera Pro Medium'}
.spec-section .spec-details .spec-img{width:100%;height:auto;position:relative}
.spec-section .spec-details .spec-img img{width:100%;height:auto;object-fit:cover}
.spec-section .product-btn{display:inline-block;overflow:hidden;background-color:var(--secondaryColor);padding:13px 30px;margin:auto;border-radius:0;color:#fff;letter-spacing:0;font-weight:600;font-size:16px;white-space:nowrap;position:relative;z-index:0}
.spec-section .product-btn:hover{background-color:var(--primaryColor)}
/* ********|| Spec-Details END ||******** */
/* ********|| Order-Details STARTS ||******** */
.sec-order{padding: 60px 0;}
.sec-order .order-inner .order-content .order-title{font-family: 'Cera Pro Black';font-size: 25px;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid rgb(0 0 0 / 10%);}
.sec-order .order-inner .order-content .order-sub-title{font-family: 'Cera Pro Medium';display: flex;align-items: center;}
.sec-order .order-inner .order-content .order-sub-title .order-id-name{    font-family: 'Cera Pro Medium';font-size: 14px;margin-right: 10px;color: var(--thirdColor);}
  .sec-order .order-inner .order-content .detail .id-detail-body{margin: 8px 0;border: 1px solid rgb(0 0 0 / 10%);font-family: 'Cera Pro Medium';padding: 7px;}
  .sec-order .order-inner .order-content .detail .id-detail-body .product{display: flex;justify-content: space-between;align-items: flex-end;}
  .sec-order .order-inner .order-content .detail .id-detail-body .product .product-item{display: flex;}
  .sec-order .order-inner .order-content .detail .id-detail-body .product  .item{display: flex;}
  .sec-order .order-inner .order-content .detail .id-detail-body .product .product-item .product-img{margin-right: 8px;}
  .sec-order .order-inner .order-content .detail .id-detail-body .product .product-item .product-img .img-wrap{width: 90px;height: 90px;}
  .sec-order .order-inner .order-content .detail .id-detail-body .product .product-item .product-img .img-wrap img{width: 100%;height: 100%;object-fit: cover;}
  .sec-order .order-inner .order-content .detail .id-detail-body .product .product-item .product-name .product-size{color: var(--thirdColor);font-size: 14px;}
  .sec-order .order-inner .order-content .detail .id-detail-body .product .product-item .product-name .product-size .spec{color: var(--headingColor);margin-left: 4px;}
  .sec-order .order-inner .order-content .detail .id-detail-body .product .product-item .product-name .product-quntity {color: var(--thirdColor);font-size: 14px;}
  .sec-order .order-inner .order-content .detail .id-detail-body .product .product-item .product-name .product-quntity .qty{color: var(--headingColor);margin-left: 4px;}
  .sec-order .order-inner .order-content .detail .id-detail-body .product .item .order-status{display:flex;}
  .sec-order .order-inner .order-content .detail .id-detail-body .product .item .order-status .order-tag{width:8px;height:8px;border-radius:50%;position: relative;top: 5px;margin-right: 5px;}
  .sec-order .order-inner .order-content .detail .id-detail-body .product .item .order-tag.confirm{background-color:var(--success)}
  .sec-order .order-inner .order-content .detail .id-detail-body .product .item .order-status .order-tag.cancel{background-color:var(--red)}
  .sec-order .order-inner .order-content .detail .id-detail-body .product .item .order-status .order-tag.process{background-color:var(--yellow)}
  .sec-order .order-inner .order-content .detail .id-detail-body .product .item .price{color: var(--thirdColor);margin-right: 12px;font-size: 14px;}
  .sec-order .order-inner .order-content .detail .id-detail-body .product .item .price .amount{color: var(--headingColor);margin-left: 4px;}
  .sec-order  .summary{font-family: 'Cera Pro Medium';}
  .sec-order  .summary .order-sub-title{font-family: 'Cera Pro Black';font-size: 25px;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid rgb(0 0 0 / 10%);}
  .sec-order  .summary .summary-detail .price-details{font-size: 15px;}
  .sec-order  .summary .summary-detail .price-details .check-details{margin-bottom: 10px;}
  .sec-order  .summary .summary-detail .price-details .check-details .details{margin-bottom: 10px;}
  .sec-order  .summary .summary-detail .price-details .check-details .details .total-items{display: flex;justify-content: space-between;}
  .sec-order  .summary .summary-detail .price-details .check-details .total{display: flex;justify-content: space-between;  border-bottom: 1px solid rgb(0 0 0 / 10%);padding: 5px 0;border-top: 1px solid rgb(0 0 0 / 10%);}
  .sec-order  .shipping-summary{border: 1px solid rgb(0 0 0 / 10%);margin-bottom: 10px;padding: 9px;}
  .sec-order  .shipping-summary .shipping-detail .shipping-title{font-size: 16px;font-family: 'Cera Pro Bold';margin-bottom: 8px;}
  .sec-order  .shipping-summary .shipping-detail .shipping-ad {color: var(--thirdColor);font-family: 'Cera Pro Medium';font-size: 14px;}
  .sec-order  .shipping-summary .shipping-detail .shipping-ad .address{color: var(--headingColor);}
  .sec-order .delivery{border: 1px solid rgb(0 0 0 / 10%);margin-bottom: 10px;padding: 9px;}
  .sec-order .delivery .order-sub-title{font-size:16px;font-family:'Cera Pro Bold';margin-bottom:8px}
  .sec-order .delivery .delivery-meta .meta .meta-info{font-family:'Cera Pro Medium';font-size:14px}
  .sec-order .delivery .delivery-meta .meta .meta-info .item{display:flex;align-items:center}
  .sec-order .delivery .delivery-meta .meta .meta-info .item .meta-title{color:var(--thirdColor)}
  .sec-order .delivery .delivery-meta .meta .meta-info .item .meta-data{color:var(--headingColor);margin-left:5px}
/* ********|| Order-Details END ||******** */
/* ********|| COMPARE PAGE STARTS ||******** */
.compare-page-section{padding:80px 0;position:relative;font-family:'Cera Pro Medium'}
.compare-page-section .compare-content-wrap + .compare-content-wrap{margin-top:30px;border-top:1px solid rgba(0,0,0,0.1);padding-top:30px}
.compare-page-section .product-compare-item{display:block}
.compare-page-section .product-compare-item .image-wrap{width:100%;height:245px;overflow:hidden;position:relative}
.compare-page-section .product-compare-item .image-wrap img{width:100%;height:100%;object-fit:fill;transition:all .6s ease}
.compare-page-section .product-compare-item .title{padding:10px;font-size:18px;font-weight:500;text-align:left;color:var(--secondaryColor);text-align:center}
.compare-page-section .inner-gallery{display:flex;flex-wrap:wrap;margin:0 -10px}
.compare-page-section .inner-gallery .list-gallery{position:relative;margin:10px;display:flex;width:33.33%;max-width:calc(33.33% - 20px);flex-direction:column}
.compare-page-section .gallery-title{font-size:18px;font-weight:500;color:var(--secondaryColor);padding:0 0 10px}
.compare-page-section .compare-content-wrap .gallery-image-wrap{height: 160px;width: 100%;overflow: hidden;/* display: block;width: calc(100% - 10px); */}
.compare-page-section .compare-content-wrap .gallery-image-wrap img{width:100%;height:100%;object-fit:cover;object-position:top left}
/* ********|| COMPARE PAGE ENDS ||******** */

/* ********|| GO TO TOP ||******** */
.go-to-top{display: none;background: var(--secondaryColor);width: 50px;height: 50px;position: fixed;bottom: 30px;right: 30px;font-size: 26px;color: #fff;z-index: 100}
.go-to-top span{width : 100%;height : 100%;display : flex;justify-content: center;align-items: center;color: #fff}
.go-to-top:hover{background: var(--primaryColor)}