*, html, body {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Poppins';
font-weight: normal;
font-style: normal;
}
/* STARTING SEC */
.container {
max-width: 1920px;
margin: auto;
padding: 0px !important ;
}
.homepage-top {
width: 100%;
height: auto;
padding: 0px;
top:0px;
position: relative;
}
.navbar-nav.na-heades-sect{
margin:auto !important;
}
.carousel {
width: 100% !important;
z-index: -11 !important;
}
.navbar-expand-lg .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
align-content: center !important;
}
.navbar-main {
align-items: center;
margin-left: 0%;
position: sticky;
top: 0;
}
.banner-text{
text-align: left !important;
font: normal normal 650 55px/43px Poppins !important;
letter-spacing: 0px !important;
color: #FFFFFF !important;
opacity: 1 !important;
}
.banner-text-2 h2{
text-align: left;
font: normal normal 600 14px/24px Poppins;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
width: 55%;
/*margin-bottom: 20%;*/
}
.slider-01{
width: 100%;
height: 770px;
}
.login-row{
background-color:#49878a14;
margin: 0px;
}
.login-header{
margin: auto;
text-align: center;
}
.card-body{
box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}
.login-header h3{
text-align: center;
font-family:Poppins;
font-size: 25px;
text-decoration: underline;
}
.login-header img{
width: 100px;
height: auto;
text-align: center;
}
.login-btn{
width: 50%;
background-color: #007bff !important;
color: white;
}
.login-btn:hover{
border: 0.5px solid lightgray;
width: 50%;
height: auto;
}
.remember-me{
margin-top: 3%;
}
.btn-container{
margin: auto;
text-align: center;
}
.w-100 {
width: 100% !important;
height: 770px !important;
}
.col-md-6.login-container {
margin-top: 14%;
margin-bottom: 5%;
}
.card-body {
padding: 5% !important;
}
.forgot-pwd{
font-size: 13px;
text-align: center;
font-family:Poppins;
color: #007bff !important;
}
.bg-light {
position: fixed;
z-index: 5;
width: 100%;
max-width: 1920px;
left:0px;
}
#main-header {
position: absolute;
top: 0;
width:101%;
background: black !important;
}
.py-4{
padding:0px !important;
}
/* megamenu */
.space-bar{
margin-left: 0%;
}
#dropdown-1 {
margin-left: 35%;
margin-right:2%;
}
#dropdown-2 {
margin-left: 0%;
margin-right: 2%;
}
#dropdown-3 {
margin-left: 0%;
margin-right: 2%;
}
.mr-sm-2, .mx-sm-2 {
margin-right: 0px !important;
}
.dropdown-mobile{
display: none;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
width: 100%;
left: 0;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 9999;
top: 100%;
}
.dropdown-content .headers {
background: #fff;
color: black;
}
.dropdown-content .headers > h4 {
margin-left: 2%;
}
/* Create three equal columns that floats next to each other */
.column {
float: left;
width: 33.33%;
background-color: #fffdfd;
height: 100%;
}
.column a {
float: none;
color: black;
padding: 10px;
text-decoration: none;
display: block;
text-align: left;
}
.column a:hover {
color: #004c86;
}
.megamenu-row {
background-color: #fffdfd;
}
.megamenu-row1 {
background-color: #fffdfd;
}
.column-category{
float: left;
width: 33.33%;
background-color: #ece4e42b;
height: 400px;
overflow: hidden;
max-width: 20%;
}
.column-category::-webkit-scrollbar {
width: 13px;
}
.navbar-mobile{
display: none;
}
.column-category::-webkit-scrollbar-track {
background-color: #e4e4e4;
border-radius: 100px;
}
.column-category::-webkit-scrollbar-thumb {
background-color: #0067d4;
border-radius: 100px;
}
.dropdown-item {
font-family: Poppins;
padding: 5px 12px;
font-size: 0.9rem;
}
.dropdown-item:focus, .dropdown-item:hover {
color: #0067d4;
text-decoration: none;
background-color: #f8f9fa;
}
.sub-category{
display: block;
}
.sub-category-block{
height: 545px;
overflow: auto;
}
.sub-category-block::-webkit-scrollbar {
width: 8px;
}
.navbar-mobile{
display: none;
}
.sub-category-block::-webkit-scrollbar-track {
background-color: #e4e4e4;
border-radius: 100px;
}
.sub-category-block::-webkit-scrollbar-thumb {
background-color: #0067d4;
border-radius: 100px;
}
.sub-category-1 h3 {
font-family: Poppins;
font-size: 13px;
text-transform: none;
text-decoration: none;
font-weight: 400;
text-align: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
vertical-align: top;
display: block;
border: 0;
color: #0067d4;
margin-top: 2%;
}
.sub-category-1 p a {
color: #666;
font-family: Poppins;
font-size: 13px;
text-transform: none;
text-decoration: none;
font-weight: 400;
text-align: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
vertical-align: top;
display: block;
border: 0;
}
.subcat-1::-webkit-scrollbar {
width: 5px;
}
.subcat-1::-webkit-scrollbar-track {
background-color: #e4e4e4;
border-radius: 100px;
}
.subcat-1::-webkit-scrollbar-thumb {
background-color: #0067d4;
border-radius: 100px;
}
.sub-category-block h3 a{
font-family: Poppins;
font-size: 13px;
text-transform: none;
text-decoration: none;
font-weight: 400;
text-align: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
vertical-align: top;
display: block;
border: 0;
color: #0067d4;
margin-top: 5%;
line-height: 5px;
}
.sub-category-block h3 a:hover{
text-decoration: none !important;
}
.sub-category-block p a {
color: #666;
font-family: Poppins;
font-size: 13px;
text-transform: none;
text-decoration: none;
font-weight: 400;
text-align: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
vertical-align: top;
display: block;
border: 0;
}
.sub-category-block p {
margin-bottom: 0.1rem !important;
}
.btn-link {
font-family: Poppins;
font-weight: 400;
color: #000 ;
background-color: transparent;
text-decoration: none;
font-size: 0.9rem;
}
.card-body {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.card-header {
padding: 5px !important;
margin-bottom: 0;
background-color: rgba(230, 230, 230, 0.03) !important;
border-bottom: 0.5px solid rgba(0,0,0,.125);
}
.dropdown-mobile a.disabled {
pointer-events: none;
cursor: default;
}
.big-menu > p {
margin-bottom: 0.2rem !important;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
.search-bar{
margin-left: 28%;
}
/* megamenu-end */
.rove-logo {
width: 100px;
margin-left: 40%;
}
.navbar-light .navbar-nav .nav-link {
color: rgb(255, 255, 255) !important;
font-size: 14px;
text-align: left;
font-weight: 450;
}
.navbar-light .navbar-nav .main-head {
color: rgb(255, 255, 255) !important;
font-size: 14px;
text-align: left;
font-weight: 450;
}
.navbar-light .navbar-nav .main-head:hover {
color: #FFB300 !important;
font-size: 14px;
text-align: left;
font-weight: 450;
}
.navbar-second .navbar-nav .nav-link {
color: black !important;
margin-left: 0%;
text-align: center;
font-size: 19px;
}
.navbar-mobile .navbar-nav .nav-link {
color: black !important;
margin-left: 0%;
text-align: center;
font-size: 19px;
}
.nav-link.contact-link:hover {
color: #FFB300 !important;
cursor:pointer;
}
.contact-link:hover{
color: #FFB300 !important;
font-size: 14px;
text-align: left;
font-weight: 550;
}
.categories:hover {
color: black !important;
margin-left: 0%;
width: 100%;
height: 100%;
background: #FFB300;
text-align: center;
font-size: 19px;
}
.nav-link.contact-link:focus {
color: #FFB300 !important;
cursor:pointer;
}
.dropdown.main-products.dropdown-menu {
position: absolute;
display: none !important;
}
.dropdown.main-products:hover .dropdown-menu {
position: absolute;
display: block !important;
height: auto !important;
}
.dropdown.main-products .dropdown-menu::-webkit-scrollbar {
display: none;
}
.dropdown.main-products .dropdown-menu{
-ms-overflow-style: none;
scrollbar-width: none;
}
.category-lists .dropdown-menu {
position: absolute;
display: none !important;
}
.category-lists:hover .dropdown-menu {
position: absolute;
display: block !important;
height: 350px;
overflow: scroll;
}
#dropdownMenuButton:hover .dropdown-menu {
height: auto !important;
}
#dropdownMenuButton .dropdown-toggle:hover .dropdown-menu::-webkit-scrollbar {
display: none;
}
#dropdownMenuButton .search-dropdown:hover .dropdown-menu {
-ms-overflow-style: none;
scrollbar-width: none;
}
.dropdown-item .industries-dropdown:hover .dropdown-menu .industries-menu {
display: block;
}
.search-icon{
width: 80%;
color: white;
}
.search-button{
background: #007bff;
}
#dropdownMenuButton{
width: 173px;
height: 36px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #ADADAD;
opacity: 1;
font-size: 14px;
text-align: left;
color: #707070;
border-radius: 0px;
border: 1px solid lightgrey;
}
.btn.btn-outline-primary.my-2.my-sm-0.search-button {
border-radius: 0px !important;
}
.form-control.mr-sm-2.search-box{
width: 80%;
height: 36px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #ADADAD;
opacity: 1;
font-size: 13px;
text-align: left;
color: #707070;
border-radius: 0px;
border: 1px solid lightgrey;
}
.carousel-caption {
position: absolute;
right: 16%;
bottom: 39%;
left: 13%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: left;
}
.carousel-control-next, .carousel-control-prev {
bottom: 20px !Important;
}
.carousel-caption > h3 {
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) 35px/43px var(--unnamed-font-family-poppins);
text-align: left;
font: normal normal 600 35px/43px Poppins;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
}
.carousel-caption > p {
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-14)/24px var(--unnamed-font-family-poppins);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-ffffff);
text-align: left;
font: normal normal 600 14px/24px Poppins;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
margin-bottom: 20%;
}
.search-box-middle {
display: flex;
justify-content: center;
margin-top: -2%;
max-width: 1920px;
}
.about-us{
margin: 5%;
}
/* MIDDLE SEARCHBOX SEC */
.form-control.mr-sm-2.search-box-middle-sec {
width: 400px;
height: 58px;
background: #F6F9FF 0% 0% no-repeat padding-box;
border: 1px solid #DBDBDB;
opacity: 1;
font-size: 16px;
text-align: left;
color: #707070;
border-radius: 0%;
margin-right: 0%;
}
#dropdownMenuButton2{
width: 400px;
height: 58px;
background: #F6F9FF 0% 0% no-repeat padding-box;
border: 1px solid #DBDBDB;
opacity: 1;
font-size: 16px;
text-align: center;
color: #707070;
border-radius: 0%;
}
.search-icon-middle{
width: 80%;
color: black;
}
.btn.btn-light.my-2.my-sm-0.search-box-middle-fourth {
width: 102px;
height: 58px;
background: var(--unnamed-color-ffb300) 0% 0% no-repeat padding-box;
background: #FFB300 0% 0% no-repeat padding-box;
opacity: 1;
}
/* PRODUCT FOCUS SEC */
.homepage-second-sec{
background: white;
width: 100%;
height: 100%;
margin: 0px;
}
.homepage-sec-left{
width: 100%;
height: auto;
padding: 2%;
}
.homepage-sec-left p {
color: #000000;
font-family: Poppins;
font-size: 15px;
margin-left: 5%;
}
.homepage-sec-left h4 {
color: #000000;
font-family: Poppins;
font-size: 15px;
margin-left: 5%;
}
.homepage-sec-left >h1{
color: white;
text-shadow:
-1px -1px 0 #B1B1B1,
1px -1px 0 #B1B1B1,
-1px 1px 0 #B1B1B1,
1px 1px 0 #B1B1B1;
font-size: 58px;
opacity: 0.36;
}
.homepage-sec-left > h2 {
font-size: 50px;
text-align: left;
color: #010000;
width: 32%;
font-weight: 700;
margin-left: 5%;
margin-top: -3%;
position: relative;
}
.homepage-sec-right > img {
opacity: 1;
width: 100%;
height: 75%;
margin-top: 12%;
}
.homepage-sec-left > p {
font-size: 16px;
text-align: left;
color: #010000;
margin-left: 5%;
margin-top: 4%;
}
.homepage-products-focus {
background-image: url("../images/Homepage/product-focus-bg.jpg");
background-repeat: no-repeat;
background-size: cover;
max-width: 1920px;
width: 100%;
height: 700px;
margin: 0px;
}
.product-focus-box {
height: 615px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 10px #00000029;
opacity: 1;
margin: auto;
}
.focus-box-left{
width: 100%;
padding: 2%;
}
.focus-box-left > h1 {
color: white;
text-shadow:
-1px -1px 0 #B1B1B1,
1px -1px 0 #B1B1B1,
-1px 1px 0 #B1B1B1,
1px 1px 0 #B1B1B1;
font-size: 58px;
opacity: 0.36;
}
.focus-box-left > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 50px;
color: #010000;
margin-top: -7%;
margin-left: 8%;
width: 77%;
position: relative;
}
.product-icons {
display: flex;
margin-left: 7%;
margin-top: -5%;
}
.product-icon-box{
margin-left: 9%;
margin-top: 12%;
width: 90px;
height: 84px;
cursor: pointer;
}
.product-icon-box:hover {
background-color: #FFB300;
}
.product-icon-box img {
margin: 28% 0% 0% 35%;
}
.active-icon {
background-color: #FFB300;
}
#industries-show {
text-align: center;
margin-top: 2%;
}
#application-show {
text-align: center;
margin-top: 2%;
}
#verticals-show {
text-align: center;
margin-top: 2%;
}
.focus-box-left > h4 {
font-size: 25px;
text-align: center;
color: #010000;
margin-top: 5%;
}
.focus-box-left > p {
font-size: 13px;
text-align: center;
color: #707070;
}
.products-button{
border-radius: 0%;
background-color: #0067D4;
}
.products-button a {
text-decoration: none;
color: white;
}
.right-product-boxes{
display: flex;
margin-top: 10%;
overflow: hidden;
}
.news-sections-slide {
width: 49% !important;
display: flex;
}
.right-product-box > img {
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 69%;
height: 254px;
margin: 10% auto;
}
.right-product-box > img:hover{
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.right-product-box {
width: 100%;
height: auto;
border: .5px solid lightskyblue;
border-radius: 10px;
margin-right: 5%;
overflow: hidden;
text-align: center;
}
.right-product-box > h5 {
font-size: 11px;
text-align: center;
font-weight: 550;
font-size: 15px;
margin: 27px 0 0 0;
}
.right-arrows{
display: flex;
margin-left: 37%;
}
.right-arrows > img {
margin-right: 5%;
}
.btn.btn-primary.btn-lg.products-button {
margin-left: 1%;
}
.row-margin {
margin: 0px;
max-width: 1920px;
}
#btn-1 {
display: none;
}
.right-product-box:hover #btn-1 {
display: block;
position: absolute;
bottom: 5%;
width: 94%;
}
}
#btn-2 {
display: none;
}
.right-product-box:hover #btn-2 {
display: block;
}
#btn-3 {
display: none;
}
.right-product-box:hover #btn-3 {
display: block;
}
#btn-4 {
display: none;
}
.right-product-box:hover #btn-4 {
display: block;
}
.products-buttons > .btn-right > a {
text-decoration: none;
color: black;
}
.products-buttons1 > .btn-right > a {
text-decoration: none;
color: black;
}
.product-modal{
width: 100%;
height: 38px;
background: var(--unnamed-color-0067d4) 0% 0% no-repeat padding-box;
background: #0067D4 0% 0% no-repeat padding-box;
opacity: 1;
}
.modal-top{
background-color: #0067D4;
}
.input-code {
display: flex;
margin-top: 2%;
}
.phone-input {
width: 85%;
height: 45px !important;
margin-left: -1px;
border: 1px solid darkgray;
border-radius: 3px;
font-size: 1rem;
padding-left: 2%;
font-family: Poppins;
}
.form-control.country-code {
width: 15%;
height: 45px !important;
border: 1px solid darkgray;
border-radius: 3px;
font-size: 15px;
font-family: Poppins;
text-align: left;
color: #707070;
padding:0px;
}
.close {
font-size: 1.5rem;
font-weight: 500 !important;
line-height: 1;
color: #fff !important;
text-shadow: none !important;
}
.modal-title{
font-size: 28px;
text-align: left;
color: #010000;
font-weight: 700;
border-bottom: 4px solid #FFB300;
width: 30%;
}
.modal-text{
font-size: 18px;
text-align: left;
line-height: 20px;
font-weight: 550;
color: #010000;
margin-top: 2%;
margin-bottom: 2%;
font-family: Poppins;
}
.product-modal-right.col-lg-7.col-md-7 {
margin-left: 6%;
margin-bottom: 1%;
}
.product-modal > button {
color: white !important;
font-family: Poppins;
font-size: 16px;
text-align: center;
font-weight: 500;
padding-top: 2%;
}
.modal-body{
width: 100%;
height: 100%;
}
.right-product-box-2 {
width: 100%;
border: .5px solid lightskyblue;
border-radius: 10px;
overflow: hidden;
margin-left: 38px;
margin-top: 2%;
height: 327px;
}
.bg-light {
position: fixed;
z-index: 10;
width: 100%;
max-width: 1920px;
left: 0;
}
.modal-bottom-buttons{
margin-top: 4%;
}
.btn-submit{
width: 126px;
height: 29px;
border-radius: 0px;
font-family: Poppins;
font-size: 12px;
text-align: center;
color: white;
}
.btn-cancel {
width: 126px;
height: 29px;
border-radius: 0px;
font-family: Poppins;
font-size: 12px;
text-align: center;
color: darkgray;
border: 1px solid darkgray;
}
.right-product-box-2 > img {
width: 100%;
margin: 10% auto;
}
.right-product-box-2 > h5 {
font-size: 11px;
text-align: center;
font-weight: 550;
font-size: 15px;
margin: 27px 0 0 0;
}
.product-modal-right > h4 {
font-size: 18px;
text-align: left;
line-height: 20px;
font-weight: 650;
color: #010000;
margin-top: 2%;
margin-bottom: 2%;
}
.product-modal-right > h6 {
font-size: 18px;
text-align: left;
line-height: 20px;
font-weight: 650;
color: #010000;
margin-top: 4%;
}
.product-text{
margin-top: 3%;
}
.product-icon {
margin-top: -4px;
}
/* OUR BRANDS SEC */
.our-brands-sec {
width: 100%;
}
.our-brands-sec > h1{
color: white;
text-shadow:
-1px -1px 0 #B1B1B1,
1px -1px 0 #B1B1B1,
-1px 1px 0 #B1B1B1,
1px 1px 0 #B1B1B1;
font-size: 75px;
opacity: 0.36;
}
.our-brands-sec > h3{
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 50px;
color: #010000;
margin-top: -3%;
margin-left: 3%;
width: 22%;
position: relative;
}
.underline-tesr{
border-bottom: 4px solid #FFB300;
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 50px;
color: #010000;
}
.brand-container{
display: flex;
justify-content: center;
width: 100%;
}
.brand1 img {
width: 170px;
height: 165px;
padding: 9%;
margin-left: 2%;
border: 1px solid lightsteelblue;
}
.brand1 img:hover {
padding: 9%;
margin-left: 2%;
border: 1px solid lightsteelblue;
}
.row.our-brands {
padding: 0% 0% 3% 1%;
}
.swiper-container {
width: 100%;
height: 100%;
margin-top: 3%;
}
.swiper-container-products {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
left: -20px !important;
right: auto;
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index:0 !important;
left: 50% !important;
}
.swiper-pagination-bullet {
width: 10px !important;
height: 10px !important;
display: inline-block;
border-radius: 50%;
background: #787aff !important;
opacity: 0.2;
padding-left: 0%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: 110% !important;
width: calc(var(--swiper-navigation-size)/ 14 * 136) !important;
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 0 !important;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color,var(--swiper-theme-color));
}
.products-buttons {
display: flex;
justify-content: space-between;
}
.products-buttons > button {
color: #010000;
font-size: 12px;
text-align: center;
font-family: Poppins;
}
.products-buttons >.btn-left {
width: 45%;
height: 29px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
border: 1px solid var(--unnamed-color-010000);
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #010000;
opacity: 1;
border-radius: 0px;
}
.products-buttons >.btn-right {
width: 45%;
height: 29px;
background: var(--unnamed-color-ffb300) 0% 0% no-repeat padding-box;
background: #FFB300 0% 0% no-repeat padding-box;
opacity: 1;
border-radius: 0px;
}
.products-buttons1 {
display: flex;
justify-content: space-between;
}
.products-buttons1 > button{
color: #010000;
font-size: 12px;
text-align: center;
font-family: Poppins;
}
.products-buttons1 >.btn-left{
width: 45%;
height: 29px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
border: 1px solid var(--unnamed-color-010000);
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #010000;
opacity: 1;
border-radius: 0px;
}
.products-buttons1 >.btn-right {
width: 45%;
height: 29px;
background: var(--unnamed-color-ffb300) 0% 0% no-repeat padding-box;
background: #FFB300 0% 0% no-repeat padding-box;
opacity: 1;
border-radius: 0px;
}
.modal-question {
margin-top: 5%;
}
/* //OWL CAROUSEL */
/* BLOG SECTION */
.row.blog-testimonial-sec {
padding: 3%;
}
.our-blogs {
width: 100%;
}
.our-blogs > h1 {
color: white;
text-shadow:
-1px -1px 0 #B1B1B1,
1px -1px 0 #B1B1B1,
-1px 1px 0 #B1B1B1,
1px 1px 0 #B1B1B1;
font-size: 75px;
opacity: 0.36;
}
.blog-title > button {
border-radius: 100px;
height: 38px;
text-align: center;
font: normal normal medium 16px/25px Poppins;
color: #FFFFFF;
opacity: 1;
margin-top: 6%;
z-index: 9;
}
.blog-title {
display: flex;
margin-top: -9%;
margin-bottom: 3%;
justify-content: space-between;
}
.blog-title >h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 50px;
color: #010000;
margin-top: 7%;
margin-left: 4%;
position: relative;
}
.blog-title > button > a {
font: normal normal medium 16px/25px Poppins;
color: #FFFFFF;
text-decoration: none;
}
.blog-button {
margin-left: 20%;
}
.blog1 {
border-radius: 10px;
position: relative;
}
.blog1 > img {
width: 410px;
height: 192px;
margin-top: 0%;
object-fit: contain;
/* -webkit-transform: scale(1);
transform: scale(1); */
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.blog1 >img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.blog2-image {
overflow: hidden;
width: 100%;
text-align: center;
}
.blog2-image > img{
width: 100%;
height: auto;
margin-top: 0%;
object-fit: contain;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.blog2-image >img:hover{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.blog-footer {
display: flex;
justify-content: space-between;
padding: 1%;
}
.blog-toggle > img {
float: right;
}
.blog-toggle {
position: absolute;
bottom: 110px;
display: none;
width: 80%;
margin: auto 10px;
}
.blog1:hover .blog-toggle {
display: block;
}
.blog-bottom {
width: 100%;
height: auto;
background: #F8F8F8 0% 0% no-repeat padding-box;
border-radius: 0px 0px 4px 4px;
opacity: 1;
}
.blog-bottom >h4{
font-family: Poppins;
font-size: 20px;
text-align: left;
line-height: 30px;
padding: 1%;
}
.blog-footer > p {
font: var(--unnamed-font-style-normal) normal normal var(--unnamed-font-size-14)/var(--unnamed-line-spacing-21) var(--unnamed-font-family-poppins);
text-align: left;
font: normal normal normal 14px/21px Poppins;
color: #B1B1B1;
opacity: 1;
}
.blog-read {
color: white;
text-decoration: none;
}
.blog-read:hover {
color: white;
text-decoration: none;
}
/* TESTIMONIALS */
.our-testimonials{
width: 100%;
border-left: 1px solid lightgrey;
border-width: medium;
border-left-style: solid;
}
.our-testimonials > h1{
color: white;
text-shadow:
-1px -1px 0 #B1B1B1,
1px -1px 0 #B1B1B1,
-1px 1px 0 #B1B1B1,
1px 1px 0 #B1B1B1;
font-size: 75px;
opacity: 0.36;
}
.our-testimonials > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 50px;
color: #010000;
margin-top: -7%;
margin-left: 6%;
border-bottom: 4px solid #FFB300;
width: 17%;
position: relative;
}
#testimonial1 {
width: 100%;
height: auto;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
margin-top: 5%;
margin-left: 8%;
}
#testimonial1 >p{
font-size: 16px;
color: #707070;
font-family: Poppins;
text-align: left;
padding: 5%;
}
.hover-state.testimonial-desc {
padding: 5%;
}
#testimonial1 p:hover {
color: black;
}
.bottom-left h5:hover {
color: black;
}
.testimonial-bottom{
display: flex;
justify-content: space-between;
padding: 3%;
}
.bottom-left > h5{
font-size: 19px;
font-family: Poppins;
text-align: left;
color: #707070;
font-weight: 600;
margin: -8% 1% 1% 11%;
width: 100%;
}
.bottom-left > p{
font-size: 12px;
font-family: Poppins ;
text-align: left;
color: #707070;
margin: 0% 1% 1% 11%;
width: 100%;
}
#testimonial1:hover {
color: black !important;
background-color: #FFB300;
cursor: pointer;
}
#testimonial1:hover .hover-state{
color: black !important;
/* background-color: #FFB300; */
cursor: pointer;
}
.bottom-right{
width: 86px;
height: 74px;
}
.bottom-right > img {
margin-top: -54%;
}
/* CONTACT US */
.contact-us{
margin-top: 3%;
background-image: url("../images/Homepage/get-in-touch-new.jpeg");
background-size: cover;
width: 100%;
height: 180px;
background-position: right !important;
}
.contact-left h2 {
font-size: 35px;
width: 100%;
text-align: left;
font-family: Poppins;
color: #FFFFFF;
line-height: 60px;
}
.contact-left a{
text-decoration:none;
}
.contact-left h2:hover {
text-decoration: none;
}
.footer-contentsd:hover a {
text-decoration: none !important;
}
.contact-left {
padding: 4% 0% 0% 6%;
}
.contact-left > h6 {
font-size: 19px;
text-align: left;
width: 70%;
font-family: Poppins;
color: #FFFFFF;
margin-left: 10%;
margin-top: 5%;
line-height: 27px;
}
.right1 >input {
width: 30%;
height: 48px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
border-radius: 3px;
opacity: 1;
font-size: 15px;
text-align: left;
font-family: Poppins;
font-weight: 500;
padding: 2%;
margin-right: 4%;
}
.contact-right {
text-align: center;
margin: auto;
}
.contact-right > button {
margin: auto;
}
.contact-right > button > a{
text-decoration: none;
color: #f8f9fa;
}
.right1 {
margin: 15% 0% 0% 0%;
}
.right2 >input {
width: 30%;
height: 48px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
border-radius: 3px;
opacity: 1;
font-size: 15px;
text-align: left;
font-family: Poppins;
font-weight: 500;
padding: 2%;
margin-right: 4%;
margin-top: 2%;
}
.right3 >textarea {
width: 65%;
height: 112px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
border-radius: 3px;
opacity: 1;
font-size: 15px;
text-align: left;
font-family: Poppins;
font-weight: 500;
padding: 2%;
margin-top: 2%;
}
.right4 > .contact-button{
width: 160px;
height: 49px;
background: var(--unnamed-color-0067d4) 0% 0% no-repeat padding-box;
background: #0067D4 0% 0% no-repeat padding-box;
border-radius: 3px;
opacity: 1;
margin-left: 20%;
margin-top: 2%;
font-family: Poppins;
font-size: 14px;
}
/* //Homepage footer */
.homepage-footer{
width: 100%;
height: auto;
}
.social-icons {
display: flex;
justify-content: space-between;
margin-top: 5%;
width: 75%;
margin-left: 5%;
}
.social-icons > img {
width: 8%;
height: auto;
margin: auto;
cursor: pointer;
}
.footer-links-mail{
display: flex;
}
/* .footer-links-mail > img{
width: 22px;
height: 22px;
background: var(--unnamed-color-0067d4) 0% 0% no-repeat padding-box;
background: #0067D4 0% 0% no-repeat padding-box;
border-radius: 5px;
opacity: 1;
margin-top: 2%;
} */
.footer-icon {
width: 22px;
height: 22px;
margin: auto 0;
}
.footer-links-mail > p {
font-size: 13px;
text-align: left;
color: #707070;
font-family: Poppins;
line-height: 21px;
margin-top: 2%;
margin-left: 2%;
}
.footer-left > h4 {
font-size: 20px;
text-align: left;
line-height: 30px;
font-family: Poppins;
font-weight: 550;
}
.footer-left2 > h4 {
font-size: 20px;
text-align: left;
line-height: 30px;
margin-top: 4%;
font-family: Poppins;
font-weight: 550;
}
.footer-sec-2 > h4 {
font-size: 20px;
text-align: left;
line-height: 30px;
font-family: Poppins;
font-weight: 550;
}
.footer-sec-2 > a{
text-decoration: none;
color: #817979;
margin-top: -4%;
font-size: 14px;
}
.footer-left > span {
font-size: 14px;
}
.footer-links{
display: flex;
}
.footer-links p {
font-size: 13px;
text-align: left;
color: #707070;
font-family: Poppins;
line-height: 12px;
margin-top: 4%;
margin-left: 2%;
}
.footer-sec-2 > p {
font-size: 14px;
text-align: left;
color: #707070;
font-family: Poppins;
/* line-height: 23px; */
margin-top: -4%;
}
.footer-sec-2{
/* padding-top: 4%; */
}
.footer-right1 >p {
font-size: 16px;
color: #707070;
font-family: Poppins;
line-height: 18px;
font-weight: 550;
margin-top: 4%;
}
.footer-right1 > img{
width: 35%;
height: 50%;
margin-left: -10px;
}
.footer-sec-2-right {
margin-top: 3%;
}
.footer-right2 > h4 {
font-size: 13px;
text-align: left;
font-family: Poppins;
color: #707070;
font-weight: 550;
}
.footer-right2 {
padding-top: 10%;
}
.footer-scroller > img {
padding-top: 80%;
cursor: pointer;
}
.footer-row {
border-bottom: 1px solid #707070;
padding: 3%;
}
.footer-end{
display: flex;
justify-content: space-evenly;
}
.end-left{
display: flex;
}
.footer-content {
max-width: 1920px;
margin: auto;
}
.end-left > img {
margin-left: 26%;
width: 3%;
}
.end-left > p {
font-size: 13px;
font-family: Poppins;
text-align: left;
line-height: 21px;
color: #707070;
margin-top: 2.5%;
margin-left: 1%;
}
.end-right {
display: flex;
justify-content: space-evenly;
}
.end-right p a{
font-size: 13px;
color: #707070 !important;
font-family: Poppins;
line-height: 21px;
margin-top: 5% !important;
font-weight: 500;
text-decoration: none;
}
.end-right p{
margin-top:2%;
}
.footer-sec-2-right{
margin-top:3%;
}
/* MEDIA QUERIES */
@media screen and (max-width: 1920px) and (min-width: 1820px) {
.product-icon {
margin-top: -4%;
}
.footer-links p {
font-size: 13px;
text-align: left;
color: #707070;
font-family: Poppins;
line-height: 12px;
margin-top: 4%;
margin-left: 2%;
}
.right-product-box > h5 {
font-size: 11px;
text-align: center;
font-weight: 550;
font-size: 15px;
margin: 10px 5px 0 5px;
}
.right-product-box > img {
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 90%;
height: 65%;
margin-top: 6%;
}
.right-product-box:hover #btn-1 {
display: block;
position: absolute;
bottom: 5%;
width: 94%;
}
.product-icons {
display: flex;
margin-left: 17%;
margin-top: -5%;
}
.right-product-box {
width: 100%;
height: 525px;
border: .5px solid lightskyblue;
border-radius: 10px;
margin-right: 5%;
overflow: hidden;
text-align: center;
}
.homepage-products-focus {
background-image: url("../images/Homepage/product-focus-bg.jpg");
background-repeat: no-repeat;
background-size: cover;
max-width: 1920px;
width: 100%;
height: 800px;
}
.product-focus-box {
height: 700px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 10px #00000029;
opacity: 1;
margin: auto;
}
.blog-toggle {
position: absolute;
bottom: 129px;
display: none;
width: 87%;
margin: auto 10px;
}
.search-bar {
margin-left: 54%;
}
#dropdown-1 {
margin-left: 145% !important;
margin-right: 2%;
}
.navbar-main {
align-items: center;
margin:0 px !important;
}
.form-control.mr-sm-2.search-box {
width: 215px;
height: 36px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #ADADAD;
opacity: 1;
font-size: 13px;
text-align: left;
color: #707070;
border-radius: 0px;
border: 1px solid lightgrey;
}
}
@media screen and (max-width: 1820px) and (min-width: 1720px) {
.product-icon {
margin-top: -4%;
}
.right-product-box > h5 {
font-size: 11px;
text-align: center;
font-weight: 550;
font-size: 15px;
margin: 10px 5px 0 5px;
}
.right-product-box > img {
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 90%;
height: 65%;
margin-top: 6%;
}
.right-product-box:hover #btn-1 {
display: block;
position: absolute;
bottom: 5%;
width: 94%;
}
.contact-left {
padding: 4% 0% 0% 6%;
}
.product-icons {
display: flex;
margin-left: 15%;
margin-top: -5%;
}
.right-product-box {
width: 100%;
height: 485px;
border: .5px solid lightskyblue;
border-radius: 10px;
margin-right: 5%;
overflow: hidden;
text-align: center;
}
.homepage-products-focus {
background-image: url("../images/Homepage/product-focus-bg.jpg");
background-repeat: no-repeat;
background-size: cover;
max-width: 1920px;
width: 100%;
height: 800px;
}
.product-focus-box {
height: 700px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 10px #00000029;
opacity: 1;
margin: auto;
}
.blog-toggle {
position: absolute;
bottom: 110px;
display: none;
width: 87%;
margin: auto 10px;
}
.search-bar {
margin-left: 50%;
}
#dropdown-1 {
margin-left: 133% !important;
margin-right: 2%;
}
.navbar-main {
align-items: center;
margin:0px !important;
}
.form-control.mr-sm-2.search-box {
width: 215px;
height: 36px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #ADADAD;
opacity: 1;
font-size: 13px;
text-align: left;
color: #707070;
border-radius: 0px;
border: 1px solid lightgrey;
}
}
@media screen and (max-width: 1720px) and (min-width: 1620px) {
.product-icon {
margin-top: -4%;
}
.right-product-box > h5 {
font-size: 11px;
text-align: center;
font-weight: 550;
font-size: 15px;
margin: 10px 5px 0 5px;
}
.right-product-box > img {
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 90%;
height: 65%;
margin-top: 6%;
}
.right-product-box:hover #btn-1 {
display: block;
position: absolute;
bottom: 5%;
width: 94%;
}
.form-control.mr-sm-2.search-box {
width: 215px;
height: 36px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #ADADAD;
opacity: 1;
font-size: 13px;
text-align: left;
color: #707070;
border-radius: 0px;
border: 1px solid lightgrey;
}
.product-icons {
display: flex;
margin-left: 15%;
margin-top: -5%;
}
.right-product-box {
width: 100%;
height: 468px;
border: .5px solid lightskyblue;
border-radius: 10px;
margin-right: 5%;
overflow: hidden;
text-align: center;
}
.product-focus-box {
height: 640px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 10px #00000029;
opacity: 1;
margin: auto;
}
.search-bar {
margin-left: 47% !important;
}
#dropdown-1 {
margin-left: 118% !important;
margin-right: 2%;
}
.navbar-main {
align-items: center;
margin:0px !important;
}
.blog-toggle {
position: absolute;
bottom: 130px;
display: none;
width: 88%;
margin: auto 10px;
}
}
@media screen and (max-width: 1620px) and (min-width: 1520px) {
.news-sections-slide {
width: 49% !important;
display: flex;
}
.product-icon {
margin-top: -4%;
}
.right-product-box > h5 {
font-size: 11px;
text-align: center;
font-weight: 550;
font-size: 15px;
margin: 8px 5px 0 5px;
}
.right-product-box > img {
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 100%;
height: 65%;
margin-top: 6%;
}
.right-product-box:hover #btn-1 {
display: block;
position: absolute;
bottom: 5%;
width: 94%;
}
.form-control.mr-sm-2.search-box {
width: 215px;
height: 36px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #ADADAD;
opacity: 1;
font-size: 13px;
text-align: left;
color: #707070;
border-radius: 0px;
border: 1px solid lightgrey;
}
.footer-links p {
font-size: 13px;
text-align: left;
color: #707070;
font-family: Poppins;
line-height: 12px;
margin-top: 4%;
margin-left: 2%;
}
.product-icons {
display: flex;
margin-left: 12%;
margin-top: -5%;
}
.right-product-box {
width: 100%;
height: 436px;
border: .5px solid lightskyblue;
border-radius: 10px;
margin-right: 5%;
overflow: hidden;
text-align: center;
}
.search-bar {
margin-left: 45% !important;
}
#dropdown-1 {
margin-left: 104% !important;
margin-right: 2%;
}
.navbar-main {
align-items: center;
margin:0px !important;
}
.blog-toggle {
position: absolute;
bottom: 133px;
display: none;
width: 86%;
margin: auto 10px;
}
.focus-box-left > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 45px;
color: #010000;
margin-top: -9%;
margin-left: 8%;
width: 77%;
position: relative;
}
.underline-tesr {
border-bottom: 4px solid #FFB300;
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 50px;
color: #010000;
}
}
@media screen and (max-width: 1520px) and (min-width: 1420px) {
.news-sections-slide {
width: 49% !important;
display: flex;
}
.product-icon {
margin-top: -4%;
}
.right-product-box > h5 {
font-size: 11px;
text-align: center;
font-weight: 550;
font-size: 15px;
margin: 8px 5px 0 5px;
}
.right-product-box > img {
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 100%;
height: 65%;
margin-top: 6%;
}
.right-product-box:hover #btn-1 {
display: block;
position: absolute;
bottom: 5%;
width: 94%;
}
.form-control.mr-sm-2.search-box {
width: 215px;
height: 36px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #ADADAD;
opacity: 1;
font-size: 13px;
text-align: left;
color: #707070;
border-radius: 0px;
border: 1px solid lightgrey;
}
.product-icons {
display: flex;
margin-left: 11%;
margin-top: -5%;
}
.right-product-box {
width: 100%;
height: 425px;
border: .5px solid lightskyblue;
border-radius: 10px;
margin-right: 5%;
overflow: hidden;
text-align: center;
}
.blog-toggle {
position: absolute;
bottom: 133px;
display: none;
width: 86%;
margin: auto 10px;
}
.focus-box-left > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 45px;
color: #010000;
margin-top: -9%;
margin-left: 8%;
width: 77%;
position: relative;
}
.underline-tesr {
border-bottom: 4px solid #FFB300;
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 45px;
color: #010000;
}
#dropdown-1 {
margin-left: 90% !important;
margin-right: 2%;
}
.search-bar {
margin-left: 43% !important;
}
}
@media screen and (max-width: 1420px) and (min-width: 1320px) {
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: 119% !important;
width: calc(var(--swiper-navigation-size)/ 14 * 136) !important;
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 0 !important;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color,var(--swiper-theme-color));
}
.product-icon {
margin-top: -4%;
}
.right-product-box > h5 {
font-size: 11px;
text-align: center;
font-weight: 550;
font-size: 15px;
margin: 8px 5px 0 5px;
}
.right-product-box > img {
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 100%;
height: 65%;
margin-top: 6%;
}
.right-product-box:hover #btn-1 {
display: block;
position: absolute;
bottom: 5%;
width: 94%;
}
.rove-logo {
width: 100px;
margin-left: 40%;
}
.product-icons {
display: flex;
margin-left: 8%;
margin-top: -5%;
}
.end-left > p {
font-size: 12px;
font-family: Poppins;
text-align: left;
line-height: 21px;
color: #707070;
margin-top: 3%;
margin-left: 1%;
}
.right-product-box {
width: 100%;
height: 389px;
border: .5px solid lightskyblue;
border-radius: 10px;
margin-right: 5%;
overflow: hidden;
text-align: center;
}
.blog-toggle {
position: absolute;
bottom: 133px;
display: none;
width: 86%;
margin: auto 10px;
}
.focus-box-left > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 40px;
color: #010000;
margin-top: -9%;
margin-left: 8%;
width: 77%;
position: relative;
}
.underline-tesr {
border-bottom: 4px solid #FFB300;
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 40px;
color: #010000;
}
.blog-title > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 40px;
color: #010000;
margin-top: 7%;
margin-left: 4%;
position: relative;
}
.our-brands-sec > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 40px;
color: #010000;
margin-top: -3%;
margin-left: 3%;
width: 22%;
position: relative;
}
.homepage-sec-left > h2 {
font-size: 40px;
text-align: left;
color: #010000;
width: 32%;
font-weight: 700;
margin-left: 5%;
margin-top: -3%;
position: relative;
}
.focus-box-left > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 45px;
opacity: 0.36;
}
#dropdown-1 {
margin-left: 80% !important;
margin-right: 2%;
}
.search-bar {
margin-left: 38% !important;
}
.form-control.mr-sm-2.search-box {
width: 215px;
height: 36px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #ADADAD;
opacity: 1;
font-size: 13px;
text-align: left;
color: #707070;
border-radius: 0px;
border: 1px solid lightgrey;
}
}
@media screen and (max-width: 1320px) and (min-width: 1220px) {
.news-sections-slide {
width: 49% !important;
display: flex;
}
.right-product-box > h5 {
font-size: 11px;
text-align: center;
font-weight: 550;
font-size: 15px;
margin: 3px 5px 0 5px;
}
.right-product-box > img {
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 100%;
height: 65%;
margin-top: 6%;
}
.right-product-box:hover #btn-1 {
display: block;
position: absolute;
bottom: 5%;
width: 94%;
}
.rove-logo {
width: 100px;
margin-left: 40%;
}
.footer-links p {
font-size: 13px;
text-align: left;
color: #707070;
font-family: Poppins;
line-height: 12px;
margin-top: 4%;
margin-left: 2%;
}
.footer-sec-2-right {
margin-top: 3%;
}
.contact-left {
padding: 4% 0% 0% 6%;
}
.product-icons {
display: flex;
margin-left: 5%;
margin-top: -5%;
}
.products-buttons{
display: block;
}
.products-buttons > button{
color: #010000;
font-size: 12px;
text-align: center;
font-family: Poppins;
}
.products-buttons >.btn-left{
width: 85%;
height: 29px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
border: 1px solid var(--unnamed-color-010000);
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #010000;
opacity: 1;
border-radius: 0px;
}
.products-buttons >.btn-right {
width: 85%;
height: 29px;
background: var(--unnamed-color-ffb300) 0% 0% no-repeat padding-box;
background: #FFB300 0% 0% no-repeat padding-box;
opacity: 1;
border-radius: 0px;
}
.products-buttons1{
display: block;
}
.products-buttons1 > button{
color: #010000;
font-size: 12px;
text-align: center;
font-family: Poppins;
}
.products-buttons1 >.btn-left{
width: 85%;
height: 29px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
border: 1px solid var(--unnamed-color-010000);
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #010000;
opacity: 1;
border-radius: 0px;
}
.products-buttons1 >.btn-right {
width: 85%;
height: 29px;
background: var(--unnamed-color-ffb300) 0% 0% no-repeat padding-box;
background: #FFB300 0% 0% no-repeat padding-box;
opacity: 1;
border-radius: 0px;
}
.end-left > p {
font-size: 11px;
font-family: Poppins;
text-align: left;
line-height: 21px;
color: #707070;
margin-top: 3%;
margin-left: 1%;
}
.form-control.mr-sm-2.search-box {
width: 200px;
height: 36px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #ADADAD;
opacity: 1;
font-size: 12px;
text-align: left;
color: #707070;
border-radius: 0px;
border: 1px solid lightgrey;
}
.right-product-box {
width: 100%;
height: 445px;
border: .5px solid lightskyblue;
border-radius: 10px;
margin-right: 5%;
overflow: hidden;
text-align: center;
}
.product-focus-box {
height: 635px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 10px #00000029;
opacity: 1;
margin: auto;
}
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: 113% !important;
width: calc(var(--swiper-navigation-size)/ 11 * 92) !important;
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 0 !important;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color,var(--swiper-theme-color));
}
.blog-toggle {
position: absolute;
bottom: 133px;
display: none;
width: 86%;
margin: auto 10px;
}
.focus-box-left > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 40px;
color: #010000;
margin-top: -9%;
margin-left: 8%;
width: 77%;
position: relative;
}
.underline-tesr {
border-bottom: 4px solid #FFB300;
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 40px;
color: #010000;
}
.focus-box-left > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 45px;
opacity: 0.36;
}
#dropdown-1 {
margin-left: 75% !important;
margin-right: 2%;
}
.search-bar {
margin-left: 36% !important;
}
.navbar-main {
align-items: center;
margin:0px !important;
position: sticky;
top: 0;
}
.navbar-second .navbar-nav .nav-link {
color: black !important;
margin-left: 0%;
text-align: center;
font-size: 17px;
}
}
@media screen and (max-width: 1280px) and (min-width: 1180px) {
.product-icon {
margin-top: -4%;
}
.homepage-sec-left > h2 {
font-size: 40px;
text-align: left;
color: #010000;
width: 32%;
font-weight: 700;
margin-left: 5%;
margin-top: -3%;
position: relative;
}
.form-control.mr-sm-2.search-box {
width: 200px;
height: 36px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #ADADAD;
opacity: 1;
font-size: 12px;
text-align: left;
color: #707070;
border-radius: 0px;
border: 1px solid lightgrey;
}
.rove-logo {
width: 100px;
margin-left: 40%;
}
.product-icons {
display: flex;
margin-left: 3%;
margin-top: -5%;
}
.products-buttons{
display: block;
}
.products-buttons > button{
color: #010000;
font-size: 12px;
text-align: center;
font-family: Poppins;
}
.products-buttons >.btn-left{
width: 85%;
height: 29px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
border: 1px solid var(--unnamed-color-010000);
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #010000;
opacity: 1;
border-radius: 0px;
}
.products-buttons >.btn-right {
width: 85%;
height: 29px;
background: var(--unnamed-color-ffb300) 0% 0% no-repeat padding-box;
background: #FFB300 0% 0% no-repeat padding-box;
opacity: 1;
border-radius: 0px;
}
.products-buttons1{
display: block;
}
.products-buttons1 > button{
color: #010000;
font-size: 12px;
text-align: center;
font-family: Poppins;
}
.right-product-box > h5 {
font-size: 11px;
text-align: center;
font-weight: 550;
font-size: 14px;
margin: 3px 5px 0px 10px;
}
.right-product-box > img {
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 100%;
height: 65%;
margin-top: 6%;
}
.right-product-box:hover #btn-1 {
display: block;
position: absolute;
bottom: 5%;
width: 94%;
}
.products-buttons1 >.btn-left{
width: 85%;
height: 29px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
border: 1px solid var(--unnamed-color-010000);
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #010000;
opacity: 1;
border-radius: 0px;
}
.products-buttons1 >.btn-right {
width: 85%;
height: 29px;
background: var(--unnamed-color-ffb300) 0% 0% no-repeat padding-box;
background: #FFB300 0% 0% no-repeat padding-box;
opacity: 1;
border-radius: 0px;
}
.end-left > p {
font-size: 11px;
font-family: Poppins;
text-align: left;
line-height: 21px;
color: #707070;
margin-top: 3%;
margin-left: 1%;
}
.product-focus-box {
height: 660px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 10px #00000029;
opacity: 1;
margin: auto;
}
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: 115% !important;
width: calc(var(--swiper-navigation-size)/ 14 * 106) !important;
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 0 !important;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color,var(--swiper-theme-color));
}
.right-product-box {
width: 100%;
height: 440px;
border: .5px solid lightskyblue;
border-radius: 10px;
margin-right: 5%;
overflow: hidden;
text-align: center;
}
.search-bar {
margin-left: 33% !important;
}
#dropdown-1 {
margin-left: 65% !important;
margin-right: 2%;
}
.navbar-second .navbar-nav .nav-link {
color: black !important;
margin-left: 0%;
text-align: center;
font-size: 17px;
}
#dropdown-2 {
margin-left: 0%;
margin-right: 2%;
}
#dropdown-3 {
margin-left: 0%;
margin-right: 2%;
}
.navbar-main {
align-items: center;
margin:0px !important;
}
.blog-toggle {
position: absolute;
bottom: 133px;
display: none;
width: 86%;
margin: auto 10px;
}
.focus-box-left > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 40px;
color: #010000;
margin-top: -9%;
margin-left: 8%;
width: 77%;
position: relative;
}
.underline-tesr {
border-bottom: 4px solid #FFB300;
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 40px;
color: #010000;
}
.our-brands-sec > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 40px;
color: #010000;
margin-top: -3%;
margin-left: 3%;
width: 22%;
position: relative;
}
.blog-title > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 40px;
color: #010000;
margin-top: 7%;
margin-left: 4%;
position: relative;
}
.our-brands-sec > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 50px;
opacity: 0.36;
}
.homepage-sec-left > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 50px;
opacity: 0.36;
}
.focus-box-left > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 45px;
opacity: 0.36;
}
.our-blogs > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 45px;
opacity: 0.36;
}
}
@media screen and (max-width: 1180px) and (min-width: 1080px) {
.product-icon {
margin-top: -4%;
}
.contact-us {
margin-top: 3%;
background-image: url("../images/Homepage/get-in-touch-new.jpeg");
background-size: cover;
width: 100%;
height: 150px;
background-position: right;
}
.contact-left h2 {
font-size: 30px;
width: 100%;
text-align: left;
font-family: Poppins;
color: #FFFFFF;
line-height: 60px;
}
.contact-left {
padding: 4% 0% 0% 6%;
}
.social-icons {
display: flex;
justify-content: space-between;
margin-top: 5%;
width: 100%;
margin-left: 5%;
}
.right-product-box > h5 {
font-size: 11px;
text-align: center;
font-weight: 550;
font-size: 14px;
margin: 5px 5px 0 5px;
}
.right-product-box > img {
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 100%;
height: 60%;
margin-top: 6%;
}
.right-product-box:hover #btn-1 {
display: block;
position: absolute;
bottom: 5%;
width: 94%;
}
.rove-logo {
width: 100px;
margin-left: 40%;
}
.product-icons {
display: flex;
margin-left: 1%;
margin-top: -5%;
}
.products-buttons{
display: block;
}
.products-buttons > button{
color: #010000;
font-size: 12px;
text-align: center;
font-family: Poppins;
}
.products-buttons >.btn-left{
width: 85%;
height: 29px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
border: 1px solid var(--unnamed-color-010000);
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #010000;
opacity: 1;
border-radius: 0px;
}
.products-buttons >.btn-right {
width: 85%;
height: 29px;
background: var(--unnamed-color-ffb300) 0% 0% no-repeat padding-box;
background: #FFB300 0% 0% no-repeat padding-box;
opacity: 1;
border-radius: 0px;
}
.products-buttons1{
display: block;
}
.products-buttons1 > button{
color: #010000;
font-size: 12px;
text-align: center;
font-family: Poppins;
}
.products-buttons1 >.btn-left{
width: 85%;
height: 29px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
border: 1px solid var(--unnamed-color-010000);
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #010000;
opacity: 1;
border-radius: 0px;
}
.products-buttons1 >.btn-right {
width: 85%;
height: 29px;
background: var(--unnamed-color-ffb300) 0% 0% no-repeat padding-box;
background: #FFB300 0% 0% no-repeat padding-box;
opacity: 1;
border-radius: 0px;
}
.form-control.mr-sm-2.search-box {
width: 200px;
height: 38px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #ADADAD;
opacity: 1;
font-size: 12px;
text-align: left;
color: #707070;
border-radius: 0px;
border: 1px solid lightgrey;
}
.product-focus-box {
height: 580px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 10px #00000029;
opacity: 1;
margin: auto;
}
.right-product-box {
width: 100%;
height: 429px;
border: .5px solid lightskyblue;
border-radius: 10px;
margin-right: 5%;
overflow: hidden;
text-align: center;
}
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: 109% !important;
width: calc(var(--swiper-navigation-size)/ 14 * 86) !important;
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 0 !important;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color,var(--swiper-theme-color));
}
.blog-toggle {
position: absolute;
bottom: 133px;
display: none;
width: 86%;
margin: auto 10px;
}
.focus-box-left > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 40px;
color: #010000;
margin-top: -9%;
margin-left: 8%;
width: 77%;
position: relative;
}
.underline-tesr {
border-bottom: 4px solid #FFB300;
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 40px;
color: #010000;
}
.focus-box-left > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 45px;
opacity: 0.36;
}
.search-bar {
margin-left: 30%;
}
#dropdown-1 {
margin-left: 58%;
margin-right:2%;
}
#dropdown-2 {
margin-left: 0%;
margin-right: 2%;
}
#dropdown-3 {
margin-left: 0%;
margin-right: 2%;
}
.navbar-second .navbar-nav .nav-link {
color: black !important;
margin-left: 0%;
text-align: center;
font-size: 17px;
}
.navbar-main {
align-items: center;
margin:0px !important;
}
}
@media screen and (max-width: 1080px) and (min-width: 980px) {
.sub-category-block h3 a {
font-family: Poppins;
font-size: 13px;
text-transform: none;
text-decoration: none;
font-weight: 400;
text-align: left;
margin: 0 0 0 0;
margin-top: 0px;
padding: 0 0 0 0;
vertical-align: top;
display: block;
border: 0;
color: #0067d4;
margin-top: 4%;
line-height: 20px;
}
.column-category {
float: left;
width: 33.33%;
background-color: #ece4e42b;
height: 400px;
overflow: hidden;
max-width: 24%;
}
.product-icon {
margin-top: -4%;
}
.contact-us {
margin-top: 3%;
background-image: url("../images/Homepage/get-in-touch-new.jpeg");
background-size: cover;
width: 100%;
height: 150px;
background-position: right;
}
.contact-left h2 {
font-size: 30px;
width: 100%;
text-align: left;
font-family: Poppins;
color: #FFFFFF;
line-height: 60px;
}
.contact-left {
padding: 4% 0% 0% 6%;
}
.social-icons {
display: flex;
justify-content: space-between;
margin-top: 5%;
width: 100%;
margin-left: 5%;
}
.rove-logo {
width: 100px;
margin-left: 40%;
}
.right-product-box > h5 {
font-size: 11px;
text-align: center;
font-weight: 550;
font-size: 13px;
margin: 10px 5px 0 5px;
}
.news-sections-slide {
width: 48% !important;
display: flex;
}
.right-product-box > img {
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 100%;
height: 60%;
margin-top: 10%;
}
.product-icons {
display: flex;
margin-left: 0%;
margin-top: -5%;
}
.products-buttons{
display: block;
}
.products-buttons > button{
color: #010000;
font-size: 12px;
text-align: center;
font-family: Poppins;
}
.products-buttons >.btn-left{
width: 85%;
height: 29px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
border: 1px solid var(--unnamed-color-010000);
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #010000;
opacity: 1;
border-radius: 0px;
}
.products-buttons >.btn-right {
width: 85%;
height: 29px;
background: var(--unnamed-color-ffb300) 0% 0% no-repeat padding-box;
background: #FFB300 0% 0% no-repeat padding-box;
opacity: 1;
border-radius: 0px;
}
.products-buttons1{
display: block;
}
.products-buttons1 > button{
color: #010000;
font-size: 12px;
text-align: center;
font-family: Poppins;
}
.products-buttons1 >.btn-left{
width: 85%;
height: 29px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
border: 1px solid var(--unnamed-color-010000);
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #010000;
opacity: 1;
border-radius: 0px;
}
.products-buttons1 >.btn-right {
width: 85%;
height: 29px;
background: var(--unnamed-color-ffb300) 0% 0% no-repeat padding-box;
background: #FFB300 0% 0% no-repeat padding-box;
opacity: 1;
border-radius: 0px;
}
.footer-right2 > h4 {
font-size: 14px;
text-align: left;
font-family: Poppins;
color: #707070;
font-weight: 550;
}
.right-product-box {
width: 100%;
height: 415px;
border: .5px solid lightskyblue;
border-radius: 10px;
margin-right: 5%;
overflow: hidden;
text-align: center;
}
.product-focus-box {
height: 587px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 10px #00000029;
opacity: 1;
margin: auto;
}
.blog-toggle {
position: absolute;
bottom: 133px;
display: none;
width: 86%;
margin: auto 10px;
}
.focus-box-left > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 35px;
color: #010000;
margin-top: -9%;
margin-left: 8%;
width: 77%;
position: relative;
}
.underline-tesr {
border-bottom: 4px solid #FFB300;
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 35px;
color: #010000;
}
.focus-box-left > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 41px;
opacity: 0.36;
}
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: 119% !important;
width: calc(var(--swiper-navigation-size)/ 14 * 93) !important;
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 0 !important;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color,var(--swiper-theme-color));
}
.right-arrows > img {
margin-right: -20%;
}
.search-bar {
margin-left: 27%;
}
#dropdown-1 {
margin-left: 34% !important;
margin-right:2%;
}
#dropdown-2 {
margin-left: 0%;
margin-right: 2%;
}
#dropdown-3 {
margin-left: 0%;
margin-right: 2%;
}
.form-control.mr-sm-2.search-box {
width: 150px;
height: 38px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #ADADAD;
opacity: 1;
font-size: 9px;
text-align: left;
color: #707070;
border-radius: 0px;
border: 1px solid lightgrey;
}
.navbar-main {
align-items: center;
margin:0px !important;
}
.navbar-second .navbar-nav .nav-link {
color: black !important;
margin-left: 0%;
text-align: center;
font-size: 18px;
}
}
@media screen and (max-width: 990px) and (min-width: 900px) {
.sub-category-block h3 a {
font-family: Poppins;
font-size: 13px;
text-transform: none;
text-decoration: none;
font-weight: 400;
text-align: left;
margin: 0 0 0 0;
margin-top: 0px;
padding: 0 0 0 0;
vertical-align: top;
display: block;
border: 0;
color: #0067d4;
margin-top: 4%;
line-height: 20px;
}
.column-category {
float: left;
width: 33.33%;
background-color: #ece4e42b;
height: 400px;
overflow: hidden;
max-width: 24%;
}
.modal-dialog {
max-width: 700px;
margin: 1.75rem auto;
}
.product-icon {
margin-top: -4%;
}
.contact-us {
margin-top: 3%;
background-image: url("../images/Homepage/get-in-touch-new.jpeg");
background-size: cover;
width: 100%;
height: 150px;
background-position: right;
}
.contact-left h2 {
font-size: 30px;
width: 100%;
text-align: left;
font-family: Poppins;
color: #FFFFFF;
line-height: 60px;
}
.contact-left {
padding: 4% 0% 0% 6%;
}
.social-icons {
display: flex;
justify-content: space-between;
margin-top: 5%;
width: 100%;
margin-left: 5%;
}
.rove-logo {
width: 100px;
margin-left: 40%;
}
.footer-sec-2-right {
margin-top: 7%;
}
.right-product-box {
width: 100%;
height: 420px;
border: .5px solid lightskyblue;
border-radius: 10px;
margin-right: 5%;
overflow: hidden;
text-align: center;
}
.right-product-box > img {
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 100%;
height: 54%;
margin-top: 11%;
}
.right-product-box > h5 {
font-size: 11px;
text-align: center;
font-weight: 550;
font-size: 13px;
margin: 10px 5px 0 5px;
}
.product-icons {
display: flex;
margin-left: 0%;
margin-top: 0%;
}
#main-header {
display: none;
}
.products-buttons{
display: block;
}
.products-buttons > button{
color: #010000;
font-size: 12px;
text-align: center;
font-family: Poppins;
}
.products-buttons >.btn-left{
width: 85%;
height: 29px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
border: 1px solid var(--unnamed-color-010000);
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #010000;
opacity: 1;
border-radius: 0px;
}
.products-buttons >.btn-right {
width: 85%;
height: 29px;
background: var(--unnamed-color-ffb300) 0% 0% no-repeat padding-box;
background: #FFB300 0% 0% no-repeat padding-box;
opacity: 1;
border-radius: 0px;
}
.products-buttons1{
display: block;
}
.products-buttons1 > button{
color: #010000;
font-size: 12px;
text-align: center;
font-family: Poppins;
}
.products-buttons1 >.btn-left{
width: 85%;
height: 29px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
border: 1px solid var(--unnamed-color-010000);
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #010000;
opacity: 1;
border-radius: 0px;
}
.products-buttons1 >.btn-right {
width: 85%;
height: 29px;
background: var(--unnamed-color-ffb300) 0% 0% no-repeat padding-box;
background: #FFB300 0% 0% no-repeat padding-box;
opacity: 1;
border-radius: 0px;
}
.footer-right2 > h4 {
font-size: 14px;
text-align: left;
font-family: Poppins;
color: #707070;
font-weight: 550;
}
.our-brands-sec > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 33px;
color: #010000;
margin-top: -3%;
margin-left: 3%;
width: 60%;
position: relative;
}
.our-brands-sec > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 45px;
opacity: 0.36;
}
.our-blogs > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 45px;
opacity: 0.36;
}
.our-testimonials > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 45px;
opacity: 0.36;
}
.blog-title > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 35px;
color: #010000;
margin-top: 3%;
margin-left: 6%;
position: relative;
}
.product-focus-box {
height: 570px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 10px #00000029;
opacity: 1;
margin: auto;
}
.blog-toggle {
position: absolute;
bottom: 38%;
display: none;
width: 86%;
margin: auto 10px;
}
.brand1 > img {
width: 170px;
height: 165px;
padding: 9%;
margin-left: 2%;
border: 1px solid lightsteelblue;
}
.brand1 > img:hover {
padding: 4%;
margin-left: 2%;
box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 12px;
margin-top: 1%;
}
.focus-box-left > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 30px;
color: #010000;
margin-top: -9%;
margin-left: 8%;
width: 85%;
position: relative;
}
.underline-tesr {
border-bottom: 4px solid #FFB300;
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 35px;
color: #010000;
}
.focus-box-left > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 35px;
opacity: 0.36;
}
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: 115% !important;
width: calc(var(--swiper-navigation-size)/ 14 * 93) !important;
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 0 !important;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color,var(--swiper-theme-color));
}
.right-product-box-2 > img {
width: 100%;
margin: 40% auto 0% auto;
}
.homepage-footer {
width: 100%;
height: auto;
}
.footer-sec-2 > h4 {
font-size: 20px;
text-align: left;
line-height: 30px;
font-family: Poppins;
font-weight: 550;
margin-bottom: 5%;
}
.search-bar {
margin-left: 29%;
}
.navbar-main {
align-items: center;
margin:0px !important;
}
#dropdown-1 {
margin-left: 25%;
margin-right: 2%;
}
#dropdown-2 {
margin-left: 2%;
margin-right: 2%;
}
#dropdown-3 {
margin-left: 2%;
margin-right: 2%;
}
.form-control.mr-sm-2.search-box {
width: 40%;
height: auto;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #ADADAD;
opacity: 1;
font-size: 14px;
text-align: left;
color: #707070;
border-radius: 0px;
border: 1px solid lightgrey;
}
.navbar-second .navbar-nav .nav-link {
color: black !important;
margin-left: 0%;
text-align: center;
font-size: 17px;
padding: 1%;
}
.news-sections-slide {
width: 48% !important;
display: flex;
}
}
@media screen and (max-width: 900px) and (min-width: 768px) {
.sub-category-block h3 a {
font-family: Poppins;
font-size: 13px;
text-transform: none;
text-decoration: none;
font-weight: 400;
text-align: left;
margin: 0 0 0 0;
margin-top: 0px;
padding: 0 0 0 0;
vertical-align: top;
display: block;
border: 0;
color: #0067d4;
margin-top: 4%;
line-height: 20px;
}
.column-category {
padding: 10px;
float: left;
background-color: #ece4e42b;
height: 400px;
overflow: scroll;
width: 100%;
max-width: 30%;
}
.modal-dialog {
max-width: 700px;
margin: 1.75rem auto;
}
.contact-us {
margin-top: 3%;
background-image: url("../images/Homepage/get-in-touch-new.jpeg");
background-size: cover;
width: 100%;
height: 150px;
background-position: right;
}
.contact-left h2 {
font-size: 27px;
width: 100%;
text-align: left;
font-family: Poppins;
color: #FFFFFF;
line-height: 60px;
}
.contact-left {
padding: 6% 0% 0% 6%;
}
.social-icons {
display: flex;
justify-content: space-between;
margin-top: 5%;
width: 100%;
margin-left: 5%;
}
.right-product-box {
width: 100%;
height: 396px;
border: .5px solid lightskyblue;
border-radius: 10px;
margin-right: 5%;
overflow: hidden;
text-align: center;
}
.right-product-box > img {
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 100%;
height: 55%;
margin-top: 10%;
}
.right-product-box > h5 {
font-size: 11px;
text-align: center;
font-weight: 550;
font-size: 13px;
margin: 7px 2px 0 2px;
}
.news-sections-slide {
width: 48% !important;
display: flex;
}
.homepage-sec-left > h2 {
font-size: 25px;
text-align: left;
color: #010000;
width: 32%;
font-weight: 700;
margin-left: 5%;
margin-top: -3%;
position: relative;
}
.our-brands-sec > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 25px;
color: #010000;
margin-top: -3%;
margin-left: 3%;
width: 60%;
position: relative;
}
.product-focus-text > h4 {
font-size: 22px;
margin-top: 10%;
}
.product-focus-text > p {
font-size: 13px;
}
.product-icons {
display: flex;
margin-left: 0%;
margin-top: -5%;
}
#main-header {
display: none;
}
.products-buttons{
display: block;
}
.products-buttons > button{
color: #010000;
font-size: 12px;
text-align: center;
font-family: Poppins;
}
.products-buttons >.btn-left{
width: 85%;
height: 29px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
border: 1px solid var(--unnamed-color-010000);
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #010000;
opacity: 1;
border-radius: 0px;
}
.products-buttons >.btn-right {
width: 85%;
height: 29px;
background: var(--unnamed-color-ffb300) 0% 0% no-repeat padding-box;
background: #FFB300 0% 0% no-repeat padding-box;
opacity: 1;
border-radius: 0px;
}
.products-buttons1{
display: block;
}
.products-buttons1 > button{
color: #010000;
font-size: 12px;
text-align: center;
font-family: Poppins;
}
.products-buttons1 >.btn-left{
width: 85%;
height: 29px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
border: 1px solid var(--unnamed-color-010000);
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #010000;
opacity: 1;
border-radius: 0px;
}
.products-buttons1 >.btn-right {
width: 85%;
height: 29px;
background: var(--unnamed-color-ffb300) 0% 0% no-repeat padding-box;
background: #FFB300 0% 0% no-repeat padding-box;
opacity: 1;
border-radius: 0px;
}
#dropdown-1 {
margin-left: 25%;
margin-right: 2%;
}
#dropdown-2 {
margin-left: 2%;
margin-right: 2%;
}
#dropdown-3 {
margin-left: 2%;
margin-right: 2%;
}
.social-icons > img {
width: 8%;
height: auto;
margin: auto;
}
.footer-right2 > h4 {
font-size: 14px;
text-align: left;
font-family: Poppins;
color: #707070;
font-weight: 550;
}
.our-brands-sec > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 25px;
color: #010000;
margin-top: -3%;
margin-left: 3%;
width: 60%;
position: relative;
}
.our-brands-sec > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 45px;
opacity: 0.36;
}
.our-blogs > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 45px;
opacity: 0.36;
}
.our-testimonials > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 45px;
opacity: 0.36;
}
.blog-title > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 25px;
color: #010000;
margin-top: 6%;
margin-left: 6%;
position: relative;
}
.product-focus-box {
height: 520px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 10px #00000029;
opacity: 1;
margin: auto;
}
.blog-toggle {
position: absolute;
bottom: 38%;
display: none;
width: 84%;
margin: auto 10px;
}
.brand1 > img {
width: 170px;
height: 165px;
padding: 9%;
margin-left: 2%;
border: 1px solid lightsteelblue;
}
.brand1 > img:hover {
padding: 4%;
margin-left: 2%;
box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 12px;
margin-top: 1%;
}
.focus-box-left > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 25px;
color: #010000;
margin-top: -9%;
margin-left: 8%;
width: 85%;
position: relative;
}
.underline-tesr {
border-bottom: 4px solid #FFB300;
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 25px;
color: #010000;
}
.focus-box-left > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 30px;
opacity: 0.36;
}
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: 113% !important;
width: calc(var(--swiper-navigation-size)/ 14 * 70) !important;
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 0 !important;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color,var(--swiper-theme-color));
}
.brands-box1 > h4 {
font-family: Poppins;
font-size: 14px;
text-align: center;
line-height: 21px;
font-weight: bold;
width: 100%;
}
.brands-box1 {
margin-left: 6%;
width: 100%;
height: 231px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #100F0C;
border-radius: 3px;
opacity: 1;
}
.homepage-footer {
width: 100%;
height: auto;
}
.footer-sec-2 > h4 {
font-size: 20px;
text-align: left;
line-height: 30px;
font-family: Poppins;
font-weight: 550;
margin-bottom: 5%;
}
}
@media screen and (max-width: 900px) and (min-width: 700px) {
.social-icons > img {
width: 8%;
height: auto;
margin: auto;
}
.nav-item.space-bar {
display: none;
}
.navbar-main {
align-items: center;
margin:0px !important;
}
}
@media screen and (max-width: 768px) and (min-width: 700px) {
.blog1 {
margin: 5% 0%;
border-radius: 10px;
position: relative;
}
#testimonial1 {
margin-left: 0%;
}
.our-testimonials {
width: 100%;
border: none !important;
margin-bottom: 5%;
}
}
@media screen and (max-width: 768px) and (min-width: 600px) {
.blog-toggle {
position: absolute;
bottom: 30%;
display: none;
width: 89%;
margin: auto 10px;
}
.contact-us {
margin-top: 3%;
background-image: url("../images/Homepage/get-in-touch-new.jpeg");
background-size: cover;
width: 100%;
height: 150px;
background-position: right;
}
.contact-left h2 {
font-size: 25px;
width: 100%;
text-align: left;
font-family: Poppins;
color: #FFFFFF;
line-height: 60px;
}
.contact-left {
padding: 7% 0% 0% 6%;
}
.right-product-box > img {
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 100%;
height: 65%;
margin-top: 10%;
}
.right-product-box > h5 {
font-size: 11px;
text-align: center;
font-weight: 550;
font-size: 15px;
margin: 20px 0 0 0;
}
.news-sections-slide {
width: 50% !important;
display: flex;
}
.footer-sec-2 {
padding-top: 0%;
}
.footer-links p {
font-size: 13px;
text-align: left;
color: #707070;
font-family: Poppins;
line-height: 12px;
margin-top: 4%;
margin-left: 2%;
}
.footer-sec-2 {
padding-top: 2%;
}
.right-product-box {
width: 90%;
height: 688px;
border: .5px solid lightskyblue;
border-radius: 10px;
margin-right: 5%;
overflow: hidden;
text-align: center;
}
.product-icons {
display: flex;
margin-left: 15%;
margin-top: -5%;
}
.social-icons > img {
width: 8%;
height: auto;
margin: auto;
}
.right-product-box-2 > h5 {
font-size: 14px;
text-align: center;
font-weight: 650;
margin: 0px 0px 0px 0px;
}
.product-modal-right.col-lg-7.col-md-7 {
margin-left: 0%;
margin-bottom: 1%;
}
.product-modal-right > h6 {
font-size: 17px;
text-align: left;
line-height: 20px;
font-weight: 650;
color: #010000;
margin-top: 5%;
}
.product-modal-right > h4 {
font-size: 17px;
text-align: left;
line-height: 20px;
font-weight: 650;
color: #010000;
margin-top: 2%;
margin-bottom: 7%;
}
.modal-content.row {
margin: auto;
}
.modal-title {
font-size: 25px;
text-align: left;
color: #010000;
font-weight: 700;
border-bottom: 4px solid #FFB300;
width: 70%;
}
.right-product-box-2 {
width: 75%;
border: .5px solid lightskyblue;
border-radius: 10px;
overflow: hidden;
margin: 4% auto;
margin-right: auto;
margin-left: auto;
height: auto;
}
.product-focus-box {
height: 1301px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 10px #00000029;
opacity: 1;
margin: auto;
}
.homepage-products-focus {
background-image: url("../images/Homepage/product-focus-bg.jpg");
background-repeat: no-repeat;
background-size: cover;
max-width: 1920px;
width: 100%;
height: 1330px;
}
.underline-tesr {
border-bottom: 4px solid #FFB300;
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 45px;
color: #010000;
}
.blog-title > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 45px;
color: #010000;
margin-top: 5%;
margin-left: 6%;
position: relative;
}
.focus-box-left > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 45px;
color: #010000;
margin-top: -6%;
margin-left: 8%;
width: 60%;
position: relative;
}
.homepage-sec-left > h2 {
font-size: 40px;
text-align: left;
color: #010000;
width: 32%;
font-weight: 700;
margin-left: 5%;
margin-top: -3%;
position: relative;
}
.our-brands-sec > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 55px;
opacity: 0.36;
}
.our-brands-sec > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 45px;
color: #010000;
margin-top: -3%;
margin-left: 3%;
width: 70%;
position: relative;
}
.brand1 > img {
width: 170px;
height: 165px;
padding: 9%;
margin-left: 0%;
border: 1px solid lightsteelblue;
}
.brand1 > img:hover {
padding: 4%;
margin-left: 0%;
box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 12px;
margin-top: 1%;
}
.d-none {
display: block !important;
}
.carousel-caption > h3 {
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) 35px/43px var(--unnamed-font-family-poppins);
text-align: left;
font: normal normal 600 31px/43px Poppins;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 250px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
}
.homepage-footer {
width: 100%;
height: auto;
}
.footer-sec-2 > p {
font-size: 14px;
text-align: left;
color: #707070;
font-family: Poppins;
line-height: 23px;
margin-top: -1%;
}
.footer-sec-2 > h4 {
font-size: 20px;
text-align: left;
line-height: 30px;
font-family: Poppins;
font-weight: 550;
margin-bottom: 1%;
}
}
@media screen and (max-width: 700px) and (min-width: 600px) {
.carousel-caption {
position: absolute;
right: 15%;
bottom: 250px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
}
.d-none {
display: block !important;
}
.carousel-caption > h3 {
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) 35px/43px var(--unnamed-font-family-poppins);
text-align: left;
font: normal normal 600 31px/43px Poppins;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
}
.focus-box-left > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 50px;
color: #010000;
margin-top: -9%;
margin-left: 8%;
width: 60%;
position: relative;
}
.homepage-sec-left > h2 {
font-size: 50px;
text-align: left;
color: #010000;
width: 46%;
font-weight: 700;
margin-left: 5%;
margin-top: -10%;
position: relative;
}
.blog1 {
margin: 5% 0%;
border-radius: 10px;
position: relative;
}
.blog-title {
display: flex;
margin-top: 0%;
justify-content: space-between;
}
.blog-bottom {
width: 100%;
height: auto;
background: #F8F8F8 0% 0% no-repeat padding-box;
border-radius: 0px 0px 4px 4px;
opacity: 1;
}
.blog2-image > img {
width: 100%;
height: 100%;
margin-top: 0%;
object-fit: contain;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.blog2-image {
overflow: hidden;
width: 100%;
text-align: center;
}
.blog1 {
margin: 4% 0%;
border-radius: 10px;
position: relative;
}
.blog-toggle {
position: absolute;
bottom: 120px;
display: none;
width: 85%;
margin: auto 10px;
}
.blog-title > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 45px;
color: #010000;
margin-top: 3%;
position: relative;
}
.blog-button {
margin-left: 0%;
}
.our-blogs > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 55px;
opacity: 0.36;
}
.underline-tesr {
border-bottom: 4px solid #FFB300;
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 45px;
color: #010000;
}
#testimonial1 {
width: 100%;
height: auto;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
margin-top: 5%;
margin-left: 0%;
}
.our-testimonials > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 47px;
color: #010000;
margin-top: -7%;
margin-left: 0%;
border-bottom: 4px solid #FFB300;
width: 17%;
position: relative;
}
.our-testimonials > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 60px;
opacity: 0.36;
}
.bottom-right > img {
margin-left: 15%;
width: 80%;
height: 100%;
}
.blog-title > button {
border-radius: 100px;
height: 38px;
text-align: center;
font: normal normal medium 16px/25px Poppins;
color: #FFFFFF;
opacity: 1;
margin-top: 5%;
font-size: 16px;
}
.our-testimonials {
width: 100%;
border-left: 0px solid lightgrey;
border-left-style: solid;
border-left-width: 0px;
}
.homepage-sec-left > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 60px;
opacity: 0.36;
}
.homepage-footer {
width: 100%;
height: auto;
}
.footer-sec-2 > h4 {
font-size: 20px;
text-align: left;
line-height: 30px;
font-family: Poppins;
font-weight: 550;
margin-bottom: 5%;
}
.nav-item.space-bar {
display: none;
}
.navbar-main {
align-items: center;
margin:0px !important;
}
}
@media screen and (max-width: 600px) and (min-width: 450px) {
.footer-scroller {
position: relative;
}
.footer-scroller > img {
cursor: pointer;
position: absolute;
right: 0px;
bottom: 70%;
}
.social-icons {
display: flex;
justify-content: space-between;
margin-top: 5%;
width: 60%;
margin-left: 3%;
}
.form-control.country-code {
width: 20%;
height: 45px !important;
border: 1px solid darkgray;
border-radius: 3px;
font-size: 12px;
font-family: Poppins;
text-align: left;
color: #707070;
padding: 0px;
}
.product-modal-right input {
font-size: 0.8rem !important;
font-family: Poppins;
}
.right-product-box > h5 {
font-size: 11px;
text-align: center;
font-weight: 550;
font-size: 15px;
margin: 0px 0 0 0;
}
.contact-us {
margin-top: 3%;
background-image: url("../images/Homepage/get-in-touch-new.jpeg");
background-size: cover;
width: 100%;
height: 95px;
background-position: right;
}
.contact-left h2 {
font-size: 15px;
width: 100%;
text-align: left;
font-family: Poppins;
color: #FFFFFF;
line-height: 60px;
}
.contact-left {
padding: 3% 0% 0% 6%;
}
.right-product-box > img {
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 80%;
height: 65%;
margin-top: 10%;
}
.news-sections-slide {
width: 100% !important;
display: flex;
}
.footer-sec-2 {
padding-top: 0%;
}
.blog-title {
display: flex;
margin-top: 0%;
justify-content: space-around;
}
.blogs.row {
padding: 8%;
}
.product-modal-right.col-lg-7.col-md-7 {
margin-left: 0%;
margin-bottom: 1%;
}
.product-modal-right > h6 {
font-size: 15px;
text-align: left;
line-height: 20px;
font-weight: 650;
color: #010000;
margin-top: 5%;
}
.product-modal-right > h4 {
font-size: 15px;
text-align: left;
line-height: 20px;
font-weight: 650;
color: #010000;
margin-top: 2%;
margin-bottom: 7%;
}
.modal-content.row {
margin: auto;
}
.modal-title {
font-size: 25px;
text-align: left;
color: #010000;
font-weight: 700;
border-bottom: 4px solid #FFB300;
width: 70%;
}
.right-product-box-2 {
width: 75%;
border: .5px solid lightskyblue;
border-radius: 10px;
overflow: hidden;
margin: 4% auto;
margin-right: auto;
margin-left: auto;
height: auto;
}
.right-product-box-2 > h5 {
font-size: 14px;
text-align: center;
font-weight: 650;
margin-top: 15%;
}
.product-modal-right.col-lg-7.col-md-7 {
margin-left: 0%;
margin-bottom: 1%;
}
.product-modal-right > h6 {
font-size: 17px;
text-align: left;
line-height: 20px;
font-weight: 650;
color: #010000;
margin-top: 5%;
}
.product-modal-right > h4 {
font-size: 17px;
text-align: left;
line-height: 20px;
font-weight: 650;
color: #010000;
margin-top: 2%;
margin-bottom: 7%;
}
.modal-content.row {
margin: auto;
}
.modal-title {
font-size: 25px;
text-align: left;
color: #010000;
font-weight: 700;
border-bottom: 4px solid #FFB300;
width: 70%;
}
.right-product-box-2 {
width: 75%;
border: .5px solid lightskyblue;
border-radius: 10px;
overflow: hidden;
margin: 4% auto;
margin-right: auto;
margin-left: auto;
height: auto;
}
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: 108% !important;
width: calc(var(--swiper-navigation-size)/ 14 * 75) !important;
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 0 !important;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color,var(--swiper-theme-color));
}
.product-icons {
display: flex;
margin-left: 6%;
margin-top: -5%;
}
.product-focus-box {
height: 1100px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 10px #00000029;
opacity: 1;
margin: auto;
}
.right-product-box {
width: 90%;
height: 520px;
border: .5px solid lightskyblue;
border-radius: 10px;
margin-right: 5%;
overflow: hidden;
text-align: center;
}
.homepage-products-focus {
background-image: url("../images/Homepage/product-focus-bg.jpg");
background-repeat: no-repeat;
background-size: cover;
max-width: 1920px;
width: 100%;
height: 1300px;
}
.row.blog-testimonial-sec {
padding: 0%;
margin-top: 5%;
}
.underline-tesr {
border-bottom: 4px solid #FFB300;
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 35px;
color: #010000;
}
.focus-box-left > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 35px;
color: #010000;
margin-top: -6%;
margin-left: 8%;
width: 60%;
position: relative;
}
.our-brands-sec > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 55px;
opacity: 0.36;
}
.our-brands-sec > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 40px;
color: #010000;
margin-top: -3%;
margin-left: 3%;
width: 70%;
position: relative;
}
.focus-box-left > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 45px;
opacity: 0.36;
}
.brand1 > img {
width: 170px;
height: 165px;
padding: 9%;
margin-left: 0%;
border: 1px solid lightsteelblue;
}
.brand1 > img:hover {
padding: 4%;
margin-left: 0%;
box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 12px;
margin-top: 1%;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 140px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
}
.d-none {
display: block !important;
}
.banner-text {
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) 35px/43px var(--unnamed-font-family-poppins);
text-align: left;
font: normal normal 600 31px/43px Poppins;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
}
.focus-box-left > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 40px;
color: #010000;
margin-top: -9%;
margin-left: 8%;
width: 80%;
position: relative;
}
.nav-item.space-bar {
display: none;
}
.navbar-main {
align-items: center;
margin:0px !important;
}
.blog1 {
margin: 5% 0%;
border-radius: 10px;
position: relative;
}
.blog-bottom {
width: 100%;
height: auto;
background: #F8F8F8 0% 0% no-repeat padding-box;
border-radius: 0px 0px 4px 4px;
opacity: 1;
}
.footer-links p {
font-size: 13px;
text-align: left;
color: #707070;
font-family: Poppins;
line-height: 12px;
margin-top: 4%;
margin-left: 2%;
}
.blog2-image > img {
width: 100%;
height: 100%;
margin-top: 0%;
object-fit: contain;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.blog2-image {
overflow: hidden;
width: 100%;
text-align: center;
}
.blog1 {
margin: 4% 0%;
border-radius: 10px;
position: relative;
}
.blog-toggle {
position: absolute;
bottom: 120px;
display: none;
width: 85%;
margin: auto 10px;
}
.blog-title > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 40px;
color: #010000;
margin-top: 0%;
position: relative;
}
.blog-button {
margin-left: 0%;
}
.our-blogs > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 55px;
opacity: 0.36;
}
.underline-tesr {
border-bottom: 4px solid #FFB300;
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 40px;
color: #010000;
}
#testimonial1 {
width: 100%;
height: auto;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
margin-top: 5%;
margin-left: 0%;
}
.our-testimonials > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 43px;
color: #010000;
margin-top: -7%;
margin-left: 0%;
border-bottom: 4px solid #FFB300;
width: 17%;
position: relative;
}
.our-testimonials > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 50px;
opacity: 0.36;
}
.bottom-right > img {
margin-left: 15%;
width: 80%;
height: 100%;
}
.blog-title > button {
border-radius: 100px;
height: 38px;
text-align: center;
font: normal normal medium 16px/25px Poppins;
color: #FFFFFF;
opacity: 1;
margin-top: 5%;
font-size: 14px;
}
.our-testimonials {
width: 100%;
border-left: 0px solid lightgrey;
border-left-style: solid;
border-left-width: 0px;
}
.homepage-sec-left > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 45px;
opacity: 0.36;
}
}
@media screen and (max-width: 450px) and (min-width: 350px) {
.footer-scroller {
position: relative;
}
.footer-scroller > img {
cursor: pointer;
position: absolute;
right: 0px;
bottom: 70%;
}
.social-icons {
display: flex;
justify-content: space-between;
margin-top: 5%;
width: 60%;
margin-left: 3%;
}
.form-control.country-code {
width: 20%;
height: 45px !important;
border: 1px solid darkgray;
border-radius: 3px;
font-size: 12px;
font-family: Poppins;
text-align: left;
color: #707070;
padding: 0px;
}
.product-modal-right input {
font-size: 0.8rem !important;
}
.contact-us {
margin-top: 3%;
background-image: url("../images/Homepage/get-in-touch-new.jpeg");
background-size: cover;
width: 100%;
height: 95px;
background-position: right;
}
.contact-left h2 {
font-size: 15px;
width: 100%;
text-align: left;
font-family: Poppins;
color: #FFFFFF;
line-height: 60px;
}
.contact-left {
padding: 3% 0% 0% 6%;
}
.right-product-box > img {
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 100%;
height: 60%;
margin-top: 10%;
}
.right-product-box > h5 {
font-size: 11px;
text-align: center;
font-weight: 550;
font-size: 15px;
margin: 22px 5px 0 13px;
}
.news-sections-slide {
width: 100% !important;
display: flex;
}
.footer-sec-2 {
padding-top: 0%;
}
.blog-title {
display: flex;
margin-top: 0%;
justify-content: space-around;
}
.blogs.row {
padding: 8%;
}
.product-modal-right.col-lg-7.col-md-7 {
margin-left: 0%;
margin-bottom: 1%;
}
.product-modal-right > h6 {
font-size: 15px;
text-align: left;
line-height: 20px;
font-weight: 650;
color: #010000;
margin-top: 5%;
}
.product-modal-right > h4 {
font-size: 15px;
text-align: left;
line-height: 20px;
font-weight: 650;
color: #010000;
margin-top: 2%;
margin-bottom: 7%;
}
.modal-content.row {
margin: auto;
}
.modal-title {
font-size: 25px;
text-align: left;
color: #010000;
font-weight: 700;
border-bottom: 4px solid #FFB300;
width: 70%;
}
.right-product-box-2 {
width: 75%;
border: .5px solid lightskyblue;
border-radius: 10px;
overflow: hidden;
margin: 4% auto;
margin-right: auto;
margin-left: auto;
height: auto;
}
.product-icon-box {
margin-left: 7%;
margin-top: 12%;
width: 90px;
height: 84px;
cursor: pointer;
}
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: 111% !important;
width: calc(var(--swiper-navigation-size)/ 14 * 75) !important;
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 0 !important;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color,var(--swiper-theme-color));
}
.product-icons {
display: flex;
margin-left: 0%;
margin-top: -5%;
}
.product-focus-box {
height: 1088px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 10px #00000029;
opacity: 1;
margin: auto;
}
.homepage-products-focus {
background-image: url("../images/Homepage/product-focus-bg.jpg");
background-repeat: no-repeat;
background-size: cover;
max-width: 1920px;
width: 100%;
height: 1330px;
}
.right-product-box {
width: 90%;
height: 480px;
border: .5px solid lightskyblue;
border-radius: 10px;
margin-right: 5%;
overflow: hidden;
text-align: center;
}
.underline-tesr {
border-bottom: 4px solid #FFB300;
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 35px;
color: #010000;
}
.swiper-container-products {
width: 95%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.homepage-sec-left > h2 {
font-size: 35px;
text-align: left;
color: #010000;
width: 60%;
font-weight: 700;
margin-left: 5%;
margin-top: -3%;
position: relative;
}
.focus-box-left > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 35px;
color: #010000;
margin-top: -6%;
margin-left: 8%;
width: 60%;
position: relative;
}
.our-brands-sec > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 55px;
opacity: 0.36;
}
.our-brands-sec > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 35px;
color: #010000;
margin-top: -3%;
margin-left: 3%;
width: 70%;
position: relative;
}
.focus-box-left > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 45px;
opacity: 0.36;
}
.brand1 > img {
width: 170px;
height: 165px;
padding: 9%;
margin-left: 0%;
border: 1px solid lightsteelblue;
}
.brand1 > img:hover {
padding: 4%;
margin-left: 0%;
box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 12px;
margin-top: 1%;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 191px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
}
.d-none {
display: block !important;
}
.carousel-caption > h3 {
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) 35px/43px var(--unnamed-font-family-poppins);
text-align: left;
font: normal normal 600 31px/43px Poppins;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
}
.focus-box-left > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 35px;
color: #010000;
margin-top: -9%;
margin-left: 8%;
width: 70%;
position: relative;
}
.blog1 {
margin: 5% 0%;
border-radius: 10px;
position: relative;
}
.blog-title {
display: flex;
margin-top: 0%;
justify-content: space-between;
}
.blog-bottom {
width: 100%;
height: auto;
background: #F8F8F8 0% 0% no-repeat padding-box;
border-radius: 0px 0px 4px 4px;
opacity: 1;
}
.blog2-image > img {
width: 100%;
height: 100%;
margin-top: 0%;
object-fit: contain;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.blog2-image {
overflow: hidden;
width: 100%;
text-align: center;
}
.blog1 {
margin: 4% 0%;
border-radius: 10px;
position: relative;
}
.blog-toggle {
position: absolute;
bottom: 50%;
display: none;
width: 81%;
margin: auto 10px;
}
.blog-title > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 35px;
color: #010000;
margin-top: 3%;
position: relative;
}
.blog-button {
margin-left: 0%;
}
.our-blogs > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 50px;
opacity: 0.36;
}
.underline-tesr {
border-bottom: 4px solid #FFB300;
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 35px;
color: #010000;
}
#testimonial1 {
width: 100%;
height: auto;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
margin-top: 5%;
margin-left: 0%;
}
.our-testimonials > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 35px;
color: #010000;
margin-top: -7%;
margin-left: 0%;
border-bottom: 4px solid #FFB300;
width: 17%;
position: relative;
}
.our-testimonials > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 45px;
opacity: 0.36;
}
.bottom-right > img {
margin-left: 15%;
width: 80%;
height: 100%;
}
.blog-title > button {
border-radius: 100px;
height: 38px;
text-align: center;
font: normal normal medium 16px/25px Poppins;
color: #FFFFFF;
opacity: 1;
margin-top: 0%;
font-size: 14px;
}
.our-testimonials {
width: 100%;
border-left: 0px solid lightgrey;
border-left-style: solid;
border-left-width: 0px;
}
.homepage-sec-left > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 45px;
opacity: 0.36;
}
.homepage-footer {
width: 100%;
height: auto;
}
.footer-sec-2 > h4 {
font-size: 20px;
text-align: left;
line-height: 30px;
font-family: Poppins;
font-weight: 550;
margin-bottom: 5%;
}
.footer-sec-2 > p {
font-size: 14px;
text-align: left;
color: #707070;
font-family: Poppins;
line-height: 23px;
margin-top: -2%;
}
.footer-sec-2 > h4 {
font-size: 20px;
text-align: left;
line-height: 30px;
font-family: Poppins;
font-weight: 550;
margin-bottom: 5%;
}
.contact-left > h2 {
font-size: 17px;
width: 100%;
text-align: left;
font-family: Poppins;
color: #FFFFFF;
margin-left: 0%;
line-height: 60px;
}
.contact-left > h6 {
font-size: 15px;
text-align: left;
width: 70%;
font-family: Poppins;
color: #FFFFFF;
margin-left: 10%;
margin-top: 5%;
line-height: 27px;
}
.form-control.mr-sm-2.search-box {
width: 230px;
height: 36px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #ADADAD;
opacity: 1;
font-size: 14px;
text-align: left;
color: #707070;
border-radius: 0px;
border: 1px solid lightgrey;
}
.nav-item.space-bar {
display: none;
}
.navbar-main {
align-items: center;
margin-left: 0%;
}
.d-none {
display: block !important;
}
.carousel-caption > h3 {
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) 35px/43px var(--unnamed-font-family-poppins);
text-align: left;
font: normal normal 600 31px/43px Poppins;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
}
}
@media screen and (max-width: 350px) and (min-width: 300px) {
.footer-scroller {
position: relative;
}
.footer-scroller > img {
cursor: pointer;
position: absolute;
right: 0px;
bottom: 70%;
}
.social-icons {
display: flex;
justify-content: space-between;
margin-top: 5%;
width: 60%;
margin-left: 3%;
}
.form-control.country-code {
width: 20%;
height: 45px !important;
border: 1px solid darkgray;
border-radius: 3px;
font-size: 12px;
font-family: Poppins;
text-align: left;
color: #707070;
padding: 0px;
}
.product-modal-right input {
font-size: 0.8rem !important;
}
.contact-us {
margin-top: 3%;
background-image: url("../images/Homepage/get-in-touch.jpeg");
background-size: cover;
width: 100%;
height: 65px;
background-position: right;
}
.contact-left h2 {
font-size: 13px;
width: 100%;
text-align: left;
font-family: Poppins;
color: #FFFFFF;
line-height: 60px;
}
.contact-left {
padding: 0% 0% 0% 6%;
}
.right-product-box > h5 {
font-size: 11px;
text-align: center;
font-weight: 550;
font-size: 13px;
margin: 26px 5px 0 5px;
}
.right-product-box > img {
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 100%;
height: 60%;
margin-top: 10%;
}
.news-sections-slide {
width: 100% !important;
display: flex;
}
.rove-logo {
width: 100px;
margin-left:0%;
}
.carousel-caption {
position: absolute;
right: 14%;
bottom: 20%;
left: 14%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
}
.product-modal-right.col-lg-7.col-md-7 {
margin-left: 0%;
margin-bottom: 1%;
}
.product-modal-right > h6 {
font-size: 15px;
text-align: left;
line-height: 20px;
font-weight: 650;
color: #010000;
margin-top: 5%;
}
.product-modal-right > h4 {
font-size: 15px;
text-align: left;
line-height: 20px;
font-weight: 650;
color: #010000;
margin-top: 2%;
margin-bottom: 7%;
}
.modal-content.row {
margin: auto;
}
.modal-title {
font-size: 25px;
text-align: left;
color: #010000;
font-weight: 700;
border-bottom: 4px solid #FFB300;
width: 70%;
}
.right-product-box-2 {
width: 75%;
border: .5px solid lightskyblue;
border-radius: 10px;
overflow: hidden;
margin: 4% auto;
margin-right: auto;
margin-left: auto;
height: auto;
}
.right-product-box-2 > img {
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width: 100%;
margin-right: 0%;
margin-left: 0%;
}
.product-icon-box {
margin-left: 7%;
margin-top: 12%;
width: 90px;
height: 84px;
cursor: pointer;
}
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: 116% !important;
width: calc(var(--swiper-navigation-size)/ 14 * 75) !important;
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 0 !important;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color,var(--swiper-theme-color));
}
.product-icons {
display: flex;
margin-left: 0%;
margin-top: -5%;
}
.product-focus-box {
height: 1000px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 10px #00000029;
opacity: 1;
margin: auto;
}
.homepage-products-focus {
background-image: url("../images/Homepage/product-focus-bg.jpg");
background-repeat: no-repeat;
background-size: cover;
max-width: 1920px;
width: 100%;
height: 1330px;
}
.right-product-box {
width: 90%;
height: 430px;
border: .5px solid lightskyblue;
border-radius: 10px;
margin-right: 5%;
overflow: hidden;
text-align: center;
}
.underline-tesr {
border-bottom: 4px solid #FFB300;
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 35px;
color: #010000;
}
.swiper-container-products {
width: 95%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.focus-box-left > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 35px;
color: #010000;
margin-top: -6%;
margin-left: 8%;
width: 60%;
position: relative;
}
.our-brands-sec > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 40px;
opacity: 0.36;
}
.our-brands-sec > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 35px;
color: #010000;
margin-top: -3%;
margin-left: 3%;
width: 70%;
position: relative;
}
.row.blog-testimonial-sec {
padding: 0%;
margin-top: 10%;
}
.focus-box-left > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 27px;
opacity: 0.36;
}
.brand1 > img {
width: 170px;
height: 165px;
padding: 9%;
margin-left: 0%;
border: 1px solid lightsteelblue;
}
.brand1 > img:hover {
padding: 4%;
margin-left: 0%;
box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 12px;
margin-top: 1%;
}
.focus-box-left > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 30px;
color: #010000;
margin-top: -9%;
margin-left: 8%;
width: 60%;
position: relative;
}
.blog1 {
margin: 5% 16%;
border-radius: 10px;
position: relative;
}
.blog-bottom {
width: 100%;
height: auto;
background: #F8F8F8 0% 0% no-repeat padding-box;
border-radius: 0px 0px 4px 4px;
opacity: 1;
}
.blog2-image > img {
width: 100%;
height: 100%;
margin-top: 0%;
object-fit: contain;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.blog2-image {
overflow: hidden;
width: 100%;
text-align: center;
}
.blog1 {
margin: 4% 0%;
border-radius: 10px;
position: relative;
padding: 11%;
}
.blog-toggle {
position: absolute;
bottom: 45%;
display: none;
width: 72%;
margin: auto 10px;
}
.blog-title > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 35px;
color: #010000;
margin-top: 3%;
position: relative;
}
.blog-button {
margin-left: 0%;
}
.our-blogs > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 40px;
opacity: 0.36;
}
.underline-tesr {
border-bottom: 4px solid #FFB300;
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 35px;
color: #010000;
}
#testimonial1 {
width: 100%;
height: auto;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
margin-top: 5%;
margin-left: 0%;
}
.our-testimonials > h3 {
font-family: Poppins;
text-align: left;
font-weight: 700;
font-size: 35px;
color: #010000;
margin-top: -7%;
margin-left: 0%;
border-bottom: 4px solid #FFB300;
width: 17%;
position: relative;
}
.our-testimonials > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 40px;
opacity: 0.36;
}
.bottom-right > img {
margin-left: 15%;
width: 80%;
height: 100%;
}
.blog-title > button {
border-radius: 100px;
height: 38px;
text-align: center;
font: normal normal medium 16px/25px Poppins;
color: #FFFFFF;
opacity: 1;
margin-top: 10%;
font-size: 12px;
}
.our-testimonials {
width: 100%;
border-left: 0px solid lightgrey;
border-left-style: solid;
border-left-width: 0px;
}
.homepage-sec-left > h1 {
color: white;
text-shadow: -1px -1px 0 #B1B1B1, 1px -1px 0 #B1B1B1, -1px 1px 0 #B1B1B1, 1px 1px 0 #B1B1B1;
font-size: 45px;
opacity: 0.36;
}
.homepage-footer {
width: 100%;
height: auto;
}
.footer-sec-2 > h4 {
font-size: 20px;
text-align: left;
line-height: 30px;
font-family: Poppins;
font-weight: 550;
margin-bottom: 5%;
}
.contact-left > h2 {
font-size: 13px;
width: 100%;
text-align: left;
font-family: Poppins;
color: #FFFFFF;
margin-left: 2%;
line-height: 60px;
padding-top: 1%;
}
.social-icons {
display: flex;
justify-content: space-between;
margin-top: 5%;
width: 75%;
margin-left: 4%;
}
.contact-left {
padding: 0px !important;
}
.contact-left > h6 {
font-size: 15px;
text-align: left;
width: 70%;
font-family: Poppins;
color: #FFFFFF;
margin-left: 10%;
margin-top: 5%;
line-height: 27px;
}
.form-control.mr-sm-2.search-box {
width: 200px;
height: 36px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #ADADAD;
opacity: 1;
font-size: 14px;
text-align: left;
color: #707070;
border-radius: 0px;
border: 1px solid lightgrey;
}
.nav-item.space-bar {
display: none;
}
.navbar-main {
align-items: center;
margin-left: 0%;
}
.d-none {
display: block !important;
}
.carousel-caption > h3 {
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) 35px/43px var(--unnamed-font-family-poppins);
text-align: left;
font: normal normal 600 31px/43px Poppins;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
}
.carousel-caption > p {
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-14)/24px var(--unnamed-font-family-poppins);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(--unnamed-color-ffffff);
text-align: left;
font: normal normal 600 12px/24px Poppins;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
margin-bottom: 20%;
}
}
/* //second-header responsive */
@media screen and (max-width: 900px) and (min-width: 768px) {
.rove-logo {
width: 100px;
margin-left: 0%;
}
#dropdown-1 {
margin-left: 28%;
margin-right: 2%;
}
#dropdown-2 {
margin-left: 2%;
margin-right: 2%;
}
#dropdown-3 {
margin-left: 2%;
margin-right: 2%;
}
.navbar-expand-lg .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row !important;
flex-direction: row !important;
align-content: center !important;
}
.form-control.mr-sm-2.search-box {
width: 50%;
height: auto;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #ADADAD;
opacity: 1;
font-size: 14px;
text-align: left;
color: #707070;
border-radius: 0px;
border: 1px solid lightgrey;
}
.search-bar {
margin-left: 34%;
}
.column-category {
padding: 10px;
float: left;
background-color: #ece4e42b;
height: 400px;
overflow: scroll;
width: 100%;
}
}
@media screen and (max-width: 768px) and (min-width: 600px) {
#dropdown-1 {
/* margin-left: 23%;
margin-right: 2%; */
margin: auto;
}
#dropdown-2 {
/* margin-left: 2%;
margin-right: 2%; */
margin: auto;
}
#dropdown-3 {
/* margin-left: 2%;
margin-right: 2%; */
margin: auto;
}
.navbar-expand-lg .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row !important;
flex-direction: row !important;
align-content: center !important;
}
.form-control.mr-sm-2.search-box {
width: 55%;
height: auto;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #ADADAD;
opacity: 1;
font-size: 13px;
text-align: left;
color: #707070;
border-radius: 0px;
border: 1px solid lightgrey;
}
.search-bar {
margin-left: 30%;
}
.column-category {
padding: 10px;
float: left;
background-color: #ece4e42b;
height: 400px;
overflow: scroll;
width: 100%;
}
}
@media screen and (max-width: 600px) and (min-width: 550px) {
.megamenu-row {
background-color: #fffdfd;
height: 400px;
overflow: scroll;
}
.form-control.mr-sm-2.search-box {
width: 70%;
height: auto;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #ADADAD;
opacity: 1;
font-size: 13px;
text-align: left;
color: #707070;
border-radius: 0px;
border: 1px solid lightgrey;
}
.search-bar {
margin-left: 19%;
}
#dropdown-1 {
/* margin-left: 20%;
margin-right: 2%; */
margin: auto;
}
#dropdown-2 {
/* margin-left: 2%;
margin-right: 2%; */
margin: auto;
}
#dropdown-3 {
/* margin-left: 2%;
margin-right: 2%; */
margin: auto;
}
.navbar-expand-lg .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row !important;
flex-direction: row !important;
align-content: center !important;
}
.navbar-second .navbar-nav .nav-link {
color: black !important;
margin-left: 0%;
text-align: center;
font-size: 18px;
}
.column-category {
padding: 10px;
float: left;
background-color: #ece4e42b;
height: 400px;
overflow: scroll;
width: 100%;
}
}
@media screen and (max-width: 550px) and (min-width: 450px) {
.megamenu-row {
background-color: #fffdfd;
height: 400px;
overflow: scroll;
}
#dropdown-1 {
/* margin-left: 18%;
margin-right: 2%; */
margin: auto;
}
#dropdown-2 {
/* margin-left: 2%;
margin-right: 2%; */
margin: auto;
}
#dropdown-3 {
/* margin-left: 2%;
margin-right: 2%; */
margin: auto;
}
.navbar-expand-lg .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row !important;
flex-direction: row !important;
align-content: center !important;
}
.form-control.mr-sm-2.search-box {
width: 70%;
height: 36px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #ADADAD;
opacity: 1;
font-size: 13px;
text-align: left;
color: #707070;
border-radius: 0px;
border: 1px solid lightgrey;
}
.search-bar {
margin-left: 17%;
}
.navbar-second .navbar-nav .nav-link {
color: black !important;
margin-left: 0%;
text-align: center;
font-size: 17px;
}
.column-category {
padding: 10px;
float: left;
background-color: #ece4e42b;
height: 400px;
overflow: scroll;
width: 100%;
}
.footer-right2 > h4 {
font-size: 14px;
text-align: left;
font-family: Poppins;
color: #707070;
font-weight: 550;
}
}
@media screen and (max-width: 450px) and (min-width: 350px) {
.right-product-box-2 > h5 {
font-size: 11px;
text-align: center;
font-weight: 550;
font-size: 15px;
margin: 0px 0 0 0;
}
.megamenu-row {
background-color: #fffdfd;
height: 400px;
overflow: scroll;
}
.navbar-second .navbar-nav .nav-link {
color: black !important;
margin-left: 0%;
text-align: center;
font-size: 15px;
}
#dropdown-1 {
/* margin-left: 15%;
margin-right: 2%; */
margin: auto;
}
#dropdown-2 {
/* margin-left: 2%;
margin-right: 2%; */
margin: auto;
}
#dropdown-3 {
/* margin-left: 2%;
margin-right: 2%; */
margin: auto;
}
.navbar-expand-lg .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row !important;
flex-direction: row !important;
align-content: center !important;
}
.form-control.mr-sm-2.search-box {
width: 70%;
height: 36px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #ADADAD;
opacity: 1;
font-size: 10px;
text-align: left;
color: #707070;
border-radius: 0px;
border: 1px solid lightgrey;
}
.search-bar {
margin-left: 17%;
}
.column a {
float: none;
color: black;
padding: 8px;
text-decoration: none;
display: block;
text-align: left;
}
.column-category {
padding: 10px;
float: left;
background-color: #ece4e42b;
height: 400px;
overflow: scroll;
width: 100%;
}
.footer-right2 > h4 {
font-size: 14px;
text-align: left;
font-family: Poppins;
color: #707070;
font-weight: 550;
}
}
@media screen and (max-width: 350px) and (min-width: 300px) {
.footer-right2 > h4 {
font-size: 14px;
text-align: left;
font-family: Poppins;
color: #707070;
font-weight: 550;
}
.megamenu-row {
background-color: #fffdfd;
height: 400px;
overflow: scroll;
}
.navbar-second .navbar-nav .nav-link {
color: black !important;
margin-left: 0%;
text-align: center;
font-size: 13px;
}
#dropdown-1 {
/* margin-left: 4%;
margin-right: 2%; */
margin: auto;
}
#dropdown-2 {
/* margin-left: 2%;
margin-right: 2%; */
margin: auto;
}
#dropdown-3 {
/* margin-left: 2%;
margin-right: 2%; */
margin: auto;
}
.navbar-expand-lg .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row !important;
flex-direction: row !important;
align-content: center !important;
}
.form-control.mr-sm-2.search-box {
width: 70%;
height: 36px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #ADADAD;
opacity: 1;
font-size: 10px;
text-align: left;
color: #707070;
border-radius: 0px;
border: 1px solid lightgrey;
}
.search-bar {
margin-left: 17%;
}
.column a {
float: none;
color: black;
padding: 8px;
text-decoration: none;
display: block;
text-align: left;
}
.column-category {
padding: 10px;
float: left;
background-color: #ece4e42b;
height: 400px;
overflow: scroll;
width: 100%;
}
}
/* second header responsive end */
@media screen and (max-width: 990px) and (min-width: 768px) {
.right-product-box-2 > img {
width: 100%;
margin: 49% auto 0% auto;
}
}
@media screen and (max-width: 990px) and (min-width: 300px) {
.blog-title > button {
border-radius: 100px;
height: 38px;
text-align: center;
font: normal normal medium 16px/25px Poppins;
color: #FFFFFF;
opacity: 1;
margin-top: 0%;
font-size: 14px;
z-index: 0 !important;
}
#main-header{
display: none !important;
}
#second-header{
top: 0% !important;
}
#second-header-2{
top: 0% !important;
}
}
@media screen and (max-width: 768px) and (min-width: 300px) {
.cat-mob {
padding: 1px 8px;
}
.blog-titles h3 {
position: absolute;
font-family: Poppins;
bottom: 34%;
z-index: 9;
color: #fff;
font-size: 40px !important;
left: 8%;
}
.navbar-second .navbar-nav .nav-link {
color: black !important;
margin-left: 0%;
text-align: center;
font-size: 18px;
padding: 5px !important;
}
.categories:hover{
padding: 5px;
}
.sub-category-block::-webkit-scrollbar {
width: 8px;
}
.sub-category-block h3 a{
font-family: Poppins;
font-size: 13px;
text-transform: none;
text-decoration: none;
font-weight: 400;
text-align: left;
vertical-align: top;
display: block;
border: 0;
color: #0067d4;
margin-top: 2%;
margin-left: 3%;
}
.sub-category-block p a {
color: #666;
font-family: Poppins;
font-size: 13px;
text-transform: none;
text-decoration: none;
font-weight: 400;
text-align: left;
vertical-align: top;
display: block;
border: 0;
margin-left: 3%;
}
.rove-logo {
width: 100px;
margin-left: 0%;
}
.megamenu-row {
background-color: #fffdfd;
height: 250px;
overflow: scroll;
}
.column {
float: left;
width: 100%;
background-color: #fffdfd;
height: 15%;
border-bottom: 0.5px solid rgba(0,0,0,.125);
}
.navbar-mobile{
display: none !important;
}
.navbar-desktop{
display: inline-flex;
}
.sub-category-block {
height: 250px;
overflow: auto;
}
.dropdown-mobile{
display: block !important;
}
.dropdown-desktop{
display: none ;
}
.sub-category-block {
margin-left: 2%;
height: 250px;
overflow:auto;
}
.column-category {
padding: 2px 10px;
float: left;
background-color: #ece4e42b;
height: auto;
overflow: auto;
width: 100%;
max-width:100%;
}
.end-left {
display: flex;
justify-content: center;
}
.end-left > img {
margin-left: 0%;
width: 3%;
}
.our-testimonials {
width: 100%;
border: none !important;
margin-bottom: 5%;
}
.products-buttons{
display: block;
}
.products-buttons > button{
color: #010000;
font-size: 12px;
text-align: center;
font-family: Poppins;
}
.products-buttons >.btn-left{
width: auto;
height: 29px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
border: 1px solid var(--unnamed-color-010000);
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #010000;
opacity: 1;
border-radius: 0px;
}
.products-buttons >.btn-right {
width: auto;
height: 29px;
background: var(--unnamed-color-ffb300) 0% 0% no-repeat padding-box;
background: #FFB300 0% 0% no-repeat padding-box;
opacity: 1;
border-radius: 0px;
}
.products-buttons1{
display: block;
}
.products-buttons1 > button{
color: #010000;
font-size: 12px;
text-align: center;
font-family: Poppins;
}
.products-buttons1 >.btn-left{
width: 85%;
height: 29px;
background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
border: 1px solid var(--unnamed-color-010000);
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #010000;
opacity: 1;
border-radius: 0px;
}
.products-buttons1 >.btn-right {
width: 85%;
height: 29px;
background: var(--unnamed-color-ffb300) 0% 0% no-repeat padding-box;
background: #FFB300 0% 0% no-repeat padding-box;
opacity: 1;
border-radius: 0px;
}
}