html{
overflow-x: hidden;
}
body {
margin: 0;
padding: 0;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #000;
overflow-x: hidden;
}
.body-no-scroll {
overflow: hidden;
height: 100vh;
}
.ad-space {
width: 300px;
height: 250px;
}
p{
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #000000;
}
a{
text-decoration: none;
}
ul{
list-style: none;
padding-left: 0;
}
ul li,
ul li a{
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #000000;
}
.check-icon-list ul li{
position: relative;
padding-left: 25px;
margin-bottom: 5px;
}
.check-icon-list ul li::before{
position: absolute;
content: '';
top: 7px;
left: 0;
width: 18px;
height: 12px;
background-image: url(../images/icon/double-check.png);
background-size: cover;
}
.bullet-icon-list ul li{
position: relative;
padding-left: 15px;
margin-bottom: 5px;
}
.bullet-icon-list ul li::before{
position: absolute;
content: '';
top: 11px;
left: 0;
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #0B0F55;
}
section{
padding: 70px 0;
}
.form-control{
padding: .65rem .75rem;
border: 1px solid #B4B4B4;
border-radius: 0;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
border: 1px solid #DEDEDE;
border-radius: 4px;
}
.form-control:focus{
box-shadow: none;
border: 1px solid #F53B0D;
}
button{
border: none;
}
/* ------------------------ Theme Title CSS Start ------------------------ */
.theme-title-wrap span{
font-size: 28px;
color: #F53B0D;
display: block;
margin-bottom: 10px;
}
.theme-title-wrap .main-title{
font-size: 40px !important;
font-weight: 700;
color: #000;
}
/* ------------------------ Theme Title CSS End ------------------------ */
/* ------------------------ Left Border Shape CSS Start ------------------------ */
.left-bg-border-shape{
position: relative;
padding: 0px 0px 9px 9px;
z-index: 1;
}
.left-bg-border-shape img{
border-radius: 6px;
}
.left-bg-border-shape::before{
position: absolute;
content: '';
bottom: 0;
left: 0;
width: 98%;
height: 98%;
background-color: #F53B0D;
border-radius: 6px;
z-index: -1;
}
/* ------------------------ Left Border Shape CSS End ------------------------ */
/* ------------------------ Right Border Shape CSS Start ------------------------ */
.right-bg-border-shape{
position: relative;
padding: 0px 9px 9px 0px;
z-index: 1;
}
.right-bg-border-shape img{
border-radius: 6px;
}
.right-bg-border-shape::before{
position: absolute;
content: '';
bottom: 0;
right: 0;
width: 98%;
height: 98%;
background-color: #F53B0D;
border-radius: 6px;
z-index: -1;
}
/* ------------------------ Right Border Shape CSS End ------------------------ */
/* ------------------------ Theme Button CSS Start ------------------------ */
.theme-btn-border-radius{
user-select: none;
-moz-user-select: none;
background: #F53B0D none repeat scroll 0 0;
border: medium none;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-o-border-radius: 30px;
-ms-border-radius: 30px;
border-radius: 30px;
color: #fff;
cursor: pointer;
display: inline-flex;
align-items: center;
font-size: 15px;
font-weight: 600;
letter-spacing: 0;
line-height: 1;
margin-bottom: 0;
padding: 15px 24px;
text-align: center;
text-transform: capitalize;
touch-action: manipulation;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
vertical-align: middle;
white-space: nowrap;
position: relative;
overflow: hidden;
z-index: 1;
margin-top: 20px;
border: 1px solid #F53B0D;
}
.theme-btn-border-radius::before{
content: "";
position: absolute;
-webkit-transition-duration: 800ms;
transition-duration: 800ms;
width: 200%;
height: 200%;
top: 110%;
left: 50%;
background: #0B0F55;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
z-index: -1;
}
.theme-btn-border-radius:hover::before{
top: -40%;
}
.theme-btn-border-radius:hover{
color: #fff;
}
/* ------------------------ Theme Button CSS End ------------------------ */
/* ------------------------ Header CSS Start ------------------------ */
.top-header-wrapper .brand-logo img{
max-width: 125px;
width: 100%;
}
.top-header-wrapper .right-text-wrap li:first-child{
margin-right: 20px;
}
.top-header-wrapper .right-text-wrap ul{
margin-bottom: 0;
}
.top-header-wrapper .right-text-wrap li{
display: flex;
align-items: center;
}
.top-header-wrapper .right-text-wrap li span{
width: 35px;
height: 35px;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #F53B0D;
border-radius: 50%;
}
.top-header-wrapper .right-text-wrap li span{
margin-right: 10px;
}
.top-header-wrapper .right-text-wrap li span img{
filter: brightness(0) invert(1);
}
.top-header-wrapper .right-text-wrap li a{
transition: all 0.1s;
}
.top-header-wrapper .right-text-wrap li a:hover{
color: #F53B0D;
}
.header-section.fixed-top-header.sticky{
position: fixed;
z-index: 100;
animation: slideDown 0.60s ease-out;
transition: none;
background-color: #fff;
box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
width: 100%;
}
.header-section.fixed-top-header.sticky .top-header{
display: none;
}
@keyframes slideDown {
from {
transform: translateY(-100%);
}
to {
transform: translateY(0);
}
}
.navbar-menu{
background-color: #0B0F55;
/* padding: 10px 0; */
}
.navbar-menu ul{
margin-bottom: 0;
}
.navbar-menu li{
position: relative;
padding: 10px;
z-index: 1;
}
/* .navbar-menu li:first-child{
padding-left: 0;
}
.navbar-menu li:last-child{
padding-right: 0;
} */
.navbar-menu li::before{
position: absolute;
content: '';
left: 0;
bottom: 100%;
width: 100%;
height: 0;
background-color: #F53B0D;
z-index: -1;
opacity: 0;
transition: all .3s ease-out;
border-bottom: 2px solid #ffe800;
}
.navbar-menu li:hover::before,
.navbar-menu li.active::before{
opacity: 1;
bottom: 0;
height: 100%;
}
.navbar-menu li a{
position: relative;
color: #fff;
font-size: 16px;
}
.navbar-menu li:hover a,
.navbar-menu li.active a{
color: #fff;
}
/* ------------------------ Header CSS End ------------------------ */
/* ------------------- Home Banner CSS Start ------------------- */
.home-banner-slider-items{
position: relative;
}
.home-banner-slider-items::before{
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
/* background: linear-gradient(45deg, #ffffff, #ffffff00); */
/* background: linear-gradient(90deg, #ffffff, #ffffff00); */
background: linear-gradient(90deg, #ffffff 5%, rgba(255, 255, 255, 0) 100%);
opacity: 0.8;
}
.home-banner-slider-items img{
height: 760px;
object-fit: cover;
}
.banner-caption .banner-title{
color: #000;
font-size: 40px;
line-height: normal;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
margin-bottom: 25px;
transform: translatey(-30px);
transition-delay: 0.6s;
opacity: 0;
transition: all 500ms ease-in-out;
visibility: hidden;
}
.home-banner-sec .owl-item.active .banner-title{
transform: translateY(0);
transition-delay: 0.6s;
opacity: 1;
visibility: visible;
}
.banner-caption .banner-desc{
font-size: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
color: #000;
line-height: normal;
margin-bottom: 0;
transform: translatey(-30px);
transition-delay: 0.9s;
opacity: 0;
transition: all 500ms ease-in-out;
visibility: hidden;
}
.home-banner-sec .owl-item.active .banner-desc{
transform: translateY(0);
transition-delay: 0.9s;
opacity: 1;
visibility: visible;
}
.home-banner-sec .theme-btn-border-radius{
transform: translateX(50px);
transition-delay: 1s;
opacity: 0;
visibility: hidden;
transition: all 500ms ease-in-out;
}
.home-banner-sec .owl-item.active .theme-btn-border-radius{
transform: translateX(0);
transition-delay: 1s;
opacity: 1;
visibility: visible;
}
.home-banner-sec .owl-nav{
display: none;
}
.home-banner-sec .owl-dots{
position: absolute;
bottom: 20px;
margin: auto;
text-align: center;
display: flex;
justify-content: center;
width: 100%;
}
.home-banner-sec .owl-dots button{
width: 15px;
height: 15px;
background-color: #7FA8C1;
border-radius: 50%;
box-shadow: inset 0px 4px 2px #00000029;
margin: 0 3px;
}
.home-banner-sec .owl-dots button.active{
background-color: #0B0F55;
}
/* ------------------- Home Banner CSS End ------------------- */
/* ------------------- Home About us CSS End ------------------- */
.home-aboutus-section{
position: relative;
z-index: 1;
}
.home-aboutus-section::before{
position: absolute;
content: '';
bottom: 0;
right: 0;
background-image: url(../images/shape/triangle-box-shape.png);
background-size: cover;
background-position: center;
width: 547px;
height: 534px;
z-index: -1;
}
.about-img-we{
z-index: 1;
padding-right: 45px;
}
.about-img-we::before{
position: absolute;
content: '';
top: 50% !important;
right: 0 !important;
transform: translateY(-50%) !important;
border-radius: 14px;
width: 50%;
height: 60%;
background-color: #0B0F55;
z-index: -1;
}
.counter-heading-title{
font-size: 30px;
font-weight: 700;
color: #0B0F55;
}
/* ------------------- Home About us CSS End ------------------- */
/* ------------------- Counter Section CSS End ------------------- */
.counter-wrap-box {
position: relative;
}
.counter-wrap-box h2 {
font-size: 45px;
color: #F53B0D;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}
.counter-wrap-box p {
font-size: 20px;
}
.counter-wrap-box {
border-right: 1px solid #ddd;
}
.counter-wrapper .col-md-3:last-child .counter-wrap-box {
border-right: none;
}
/* ------------------- Counter Section CSS End ------------------- */
/* ------------------- Our Products Section CSS Start ------------------- */
.our-products-sec{
position: relative;
z-index: 1;
}
.our-products-sec::before{
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 55%;
background-image: url(../images/shape/line-shape1.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-color: #0B0F55;
z-index: -1;
}
.pro-qly-text h2{
font-size: 35px;
color: #000;
font-weight: 700;
}
.pro-qly-text:last-child{
position: relative;
width: fit-content;
z-index: 1;
}
.pro-qly-text:last-child::before{
position: absolute;
content: '';
bottom: 9px;
right: 12px;
height: 5px;
width: 120px;
background-color: #F53B0D;
z-index: -1;
}
.our-products-box{
position: relative;
height: 100%;
box-shadow: 0px 3px 6px #00000029;
border-radius: 8px;
overflow: hidden;
}
.products-img{
overflow: hidden;
}
.products-img img{
border-radius: 8px 8px 0 0;
transition: 0.3s;
}
.our-products-box:hover .products-img img{
transform: scale(1.1);
}
.our-products-box .p-name{
padding: 10px;
text-align: center;
height: 96px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
border-radius: 0 0 8px 8px;
}
.our-products-col:nth-child(3n+1) .p-name{
background-color: #0080CE;
}
.our-products-col:nth-child(3n+2) .p-name{
background-color: #6EB54A;
}
.our-products-col:nth-child(3n+3) .p-name{
background-color: #09A98A;
}
.our-products-box .p-name h2{
font-size: 24px;
color: #fff;
font-weight: 500;
}
.products-wrap-box{
border-radius: 15px;
border: 1px solid #d9d9d9;
overflow: hidden;
background: #f5f5fe;
}
.products-wrap-box img{
border-radius: 15px 15px 0 0;
padding: 10px;
transition: transform 0.3s ease-out;
}
.products-wrap-box:hover img{
transform: scale(0.9);
}
.products-wrap-box .pro-name{
height: 66px;
display: flex;
align-items: center;
justify-content: center;
padding: 15px 5px;
background: #0B0F55;
border-radius: 0 0 15px 15px;
}
.products-wrap-box h2{
font-size: 15px !important;
color: #fff;
text-align: center;
margin-bottom: 0;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2; /* number of lines to show */
line-clamp: 2;
-webkit-box-orient: vertical;
}
/* ------------------- Our Products Section CSS End ------------------- */
/* ------------------- Why Rekvina Section CSS Start ------------------- */
.why-rekvina-img-wrap{
position: relative;
z-index: 1;
padding-left: 35px;
}
.why-rekvina-img-wrap::before{
position: absolute;
content: '';
bottom: 0;
left: 0;
background-image: url(../images/shape/dots-shape.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 116px;
height: 182px;
-webkit-animation: mover 1.3s infinite alternate;
animation: mover 1.3s infinite alternate;
z-index: -1;
}
@-webkit-keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-10px); }
}
@keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-10px); }
}
.why-rekvina-choose-box{
background-color: #F7F8FA;
border-radius: 8px;
padding: 30px;
text-align: center;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.why-rekvina-choose-box img{
transition: transform 0.3s ease-out;
}
.why-rekvina-choose-box:hover img{
transform: scale(0.9);
}
.why-rekvina-choose-box h2{
font-size: 20px;
color: #000;
font-weight: 600;
margin-top: 15px;
}
/* ------------------- Why Rekvina Section CSS End ------------------- */
/* ------------------- Home Inquiry Section CSS Start ------------------- */
.home-inq-sec{
position: relative;
background-color: #0B0F55;
z-index: 1;
}
.home-inq-sec::before{
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(../images/shape/line-shape1.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: -1;
}
.home-inq-sec .theme-btn-border-radius{
padding: 15px 40px;
}
/* ------------------- Home Inquiry Section CSS End ------------------- */
/* ------------------- Footer Section CSS Start ------------------- */
.footer-section{
position: relative;
background-color: #F7F8FA;
z-index: 1;
}
.footer-section::before{
position: absolute;
content: '';
top: 0;
right: 0;
width: 613px;
height: 100%;
background-image: url(../images/shape/triangle-box-shape-coff.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: -1;
}
.main-footer{
padding: 40px 0;
}
.f-logo{
text-align: end;
}
.f-logo img{
max-width: 200px;
width: 100%;
}
.main-footer ul li{
margin-bottom: 10px;
}
.main-footer ul li:last-child{
margin-bottom: 0;
}
.f-title{
margin-bottom: 20px;
}
.f-title h2{
font-size: 22px;
color: #000000;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
.footer-widget ul{
padding-left: 0;
}
.footer-widget ul li a{
color: #000000;
font-size: 15px;
transition: all 0.5s;
font-family: 'Montserrat', sans-serif;
}
.footer-widget ul li a:hover{
color: #F53B0D;
}
.footer-widget ul li span img{
width: 19px;
height: 19px;
object-fit: contain;
object-position: left;
}
.f-contact li{
margin-bottom: 12px;
}
.footer-bottom{
border-top: 1px solid #e2e2e2;
padding: 20px 0;
}
.copyright-text{
font-size: 14px;
}
.footer-bottom img{
width: 18px;
filter: brightness(0.3);
transition: var(--tm-transition);
float: right;
}
.footer-bottom p{
font-size: 15px;
font-family: 'Montserrat', sans-serif;
}
/* ------------------- Footer Section CSS End ------------------- */
/* ----------- 404 Page Section CSS Start -----------*/
.error-wrap-section{
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
}
.error-wrap-section .error-text-wrap h2{
font-size: 60px;
color: #F53B0D;
font-weight: 800;
}
.error-wrap-section .error-text-wrap h3{
font-size: 30px;
color: #0B0F55;
font-weight: 700;
margin: 15px 0;
}
/* ----------- 404 Page Section CSS End -----------*/
/* ------------- Thank you Page CSS Start ------------- */
.thank-you-section{
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
z-index: 1;
}
.thank-you-section::before{
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(../images/icon/emailer-textture.png);
background-size: 250px;
background-position: center;
background-repeat: repeat;
opacity: 0.1;
z-index: -1;
}
.thank-you-section .thank-you-box{
padding: 40px;
background-color: #fff;
border-left: 2px solid #F53B0D;
border-radius: 6px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.thank-you-section .thank-you-box h1{
font-size: 50px;
color: #F53B0D;
font-weight: 700;
}
.thank-you-section .thank-you-box h4{
font-size: 18px;
}
.thank-you-section .thank-you-box h4 a{
color: #0B0F55;
font-weight: 600;
}
.thank-you-section .thank-you-box p{
color: #000;
}
/* ------------- Thank you Page CSS End ------------- */
/* ------------- Breadcrumb Section CSS Start ------------- */
.breadcrumb-sec{
background-color: #F0F5F7;
padding: 10px 0;
}
.breadcrumb-sec .breadcrumb{
margin-bottom: 0;
}
.breadcrumb-sec .breadcrumb-item:first-child{
padding-left: 0;
}
.breadcrumb-sec .breadcrumb-item{
position: relative;
padding-right: 5px;
padding-left: 14px;
font-size: 15px;
}
.breadcrumb-sec .breadcrumb-item a{
color: #F53B0D;
}
.breadcrumb-sec .breadcrumb-item.active{
color: #5E5E5E;
}
.breadcrumb-sec .breadcrumb-item+.breadcrumb-item::before{
position: absolute;
content: '';
top: 6.5px;
left: 0;
background-image: url(../images/icon/right-angle-arrow.png);
background-size: cover;
width: 10px;
height: 10px;
}
/* ------------- Breadcrumb Section CSS End ------------- */
/* ------------- Inner About Us Section CSS Start ------------- */
.inner-aboutus-section{
position: relative;
z-index: 1;
}
.inner-aboutus-section::before{
position: absolute;
content: '';
top: 15%;
left: 0;
width: 30%;
height: 40%;
background-image: url(../images/shape/left-triangle-box-shape-coff.png);
background-size: cover;
z-index: -1;
}
/* ------------- Inner About Us Section CSS End ------------- */
/* ------------- Our Vision Mission Section CSS Start ------------- */
.vision-mission-items{
background-color: #F8F1E7;
border-radius: 8px;
box-shadow: 0px 3px 6px #00000029;
padding: 40px;
margin-bottom: 30px;
}
.vision-mission-items:last-child{
margin-bottom: 0;
}
.vision-mission-icon img{
width: 100px;
height: 100px;
object-fit: contain;
}
.vision-mission-items .vision-mission-title{
font-size: 28px;
font-family: "Montserrat", sans-serif;
font-weight: 700;
margin-bottom: 20px;
}
.vision-mission-items:nth-child(2n+1) .vision-mission-title{
color: #F53B0D;
}
.vision-mission-items:nth-child(2n+2) .vision-mission-title{
color: #0B0F55;
}
.vision-mission-text-wrap p{
margin-bottom: 8px;
}
/* ------------- Our Vision Mission Section CSS End ------------- */
/* ------------- Corporate Profile Section CSS Start ------------- */
.corpo-pro-sec{
position: relative;
background-color: #0B0F55;
z-index: 1;
}
.corpo-pro-sec::before{
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(../images/shape/line-shape1-large.png);
background-size: cover;
background-repeat: no-repeat;
z-index: -1;
}
.corpo-pro-text p{
color: #fff;
}
/* ------------- Corporate Profile Section CSS End ------------- */
/* ------------- Chairma's Message Section CSS Start ------------- */
.chairman-messa-img{
position: relative;
z-index: 1;
padding-bottom: 20px;
padding-right: 20px;
}
.chairman-messa-img::before{
position: absolute;
content: '';
bottom: 0;
right: 0;
width: 97%;
height: 97%;
border: 2px solid #F53B0D;
z-index: -1;
}
.chairman-messa-img img{
background-color: #eeefef;
}
.about-chairman p{
font-weight: 600;
margin-top: 10px;
}
/* ------------- Chairma's Message Section CSS End ------------- */
/* ------------- Board Of Director Section CSS Start ------------- */
.board-directors{
position: relative;
background-color: #0B0F55;
z-index: 1;
}
.board-directors::before{
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(../images/shape/line-shape1-large.png);
background-size: cover;
background-repeat: no-repeat;
z-index: -1;
}
.board-directors-items{
margin-bottom: 30px;
}
.board-directors-items:last-child{
margin-bottom: 0;
}
.board-directors-img img{
background-color: #eeefef;
border-radius: 50%;
border: 2px solid #F53B0D;
width: 250px;
height: 250px;
object-fit: cover;
}
.board-directors-text h2{
font-size: 28px;
font-weight: 600;
color: #fff;
margin-bottom: 15px;
}
.board-directors-text p{
color: #fff;
margin-bottom: 0;
}
/* ------------- Board Of Director Section CSS End ------------- */
/* ------------- Development And Partnerships Section CSS Start ------------- */
.directors-text-wrap h2{
font-size: 18px;
font-weight: 600;
color: #F53B0D;
margin-bottom: 0;
}
.directors-text-wrap p{
margin-bottom: 0;
}
.float-right-img{
float: right;
margin-bottom: 50px;
margin-left: 40px;
width: 40%;
max-width: 500px;
}
.directors-con-detail ul{
background-color: #F53B0D;
width: fit-content;
padding: 10px 10px;
border-radius: 4px;
margin-bottom: 0;
margin-top: 10px;
}
.directors-con-detail ul li{
position: relative;
padding: 0 15px;
}
.directors-con-detail ul li::before{
position: absolute;
content: '|';
top: 0;
right: 0;
color: #c6310c;
}
.directors-con-detail ul li:last-child::before{
content: '';
}
.directors-con-detail ul li span img{
filter: brightness(0) invert(1);
}
.directors-con-detail ul li a{
color: #fff;
}
.desc h2{
color: #0B0F55;
font-size: 18px;
font-family: "Montserrat", sans-serif;
font-weight: 700;
}
/* ------------- Development And Partnerships Section CSS End ------------- */
/* ------------- Export & Manufacturing Section CSS Start ------------- */
.export-and-manufac-box{
margin-bottom: 50px;
}
.export-and-manufac-box:last-child{
margin-bottom: 0;
}
/* ------------- Export & Manufacturing Section CSS End ------------- */
/* ------------- Contact Us Section CSS Start ------------- */
.get-in-touch-wrap .theme-btn-border-radius{
padding: 15px 40px;
}
.contact-items{
margin-bottom: 10px;
}
.contact-items:last-child{
margin-bottom: 0;
}
.contact-items li a:hover{
color: #F53B0D;
}
.contact-items .same-num a{
position: relative;
display: inline-block !important;
padding-right: 15px;
/* padding-left: 10px; */
}
.contact-items .same-num a::before{
position: absolute;
content: '/';
top: 0;
right: 0;
padding-right: 4px;
}
.contact-items .same-num a:last-child::before{
content: '';
}
.contact-items .contact-title{
font-weight: 700;
font-size: 25px;
color: #000;
margin-bottom: 15px;
}
/* ------------- Contact Us Section CSS End ------------- */
/* ------------------- Products Section CSS End ------------------- */
.products-sec .nav-tabs{
border-bottom: 0;
justify-content: center;
}
.products-sec .nav-tabs .nav-item{
margin: 5px;
}
.products-sec .nav-tabs .nav-link{
border: 1px solid #0B0F55;
font-size: 18px;
font-weight: 700;
color: #0B0F55;
border-radius: 30px;
padding: 8px 20px;
}
.products-sec .nav-tabs .nav-link.active{
background-color: #F53B0D;
color: #fff;
border: 1px solid #F53B0D;
}
.products-sec .tab-pane h2{
font-weight: 700;
font-size: 35px;
}
.products-sec table, .products-sec td, .products-sec th {
border: 1px solid #e4e4e4;
}
.products-sec table {
width: 100%;
border-collapse: collapse;
}
.products-sec .dataTables_length,
.products-sec #dataTables_length{
margin-bottom: 20px;
}
.products-sec table thead{
background-color: #0B0F55;
}
.products-sec table tbody tr:nth-child(odd){
background-color: #f5f5fe;
}
.products-sec table tbody tr:nth-child(even){
background-color: #fff;
}
.products-sec table thead th{
color: #fff;
font-size: 18px;
text-align: center;
font-weight: 500;
}
.products-sec table tr td{
vertical-align: middle;
font-size: 15px;
}
.products-sec table.dataTable tbody th, table.dataTable tbody td{
padding: 8px 15px;
}
.products-sec table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before{
color: rgb(22 49 71);
}
.products-sec .dataTables_paginate{
display: flex;
align-items: center;
justify-content: center;
margin-top: 10px;
}
.products-sec .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.products-sec .dataTables_wrapper .dataTables_paginate .paginate_button.next{
width: auto;
height: auto;
background-color: transparent;
}
.products-sec .dataTables_wrapper .dataTables_paginate .paginate_button{
width: 30px;
height: 30px;
background-color: #e9e9e9;
color: #000 !important;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
border: none;
border-radius: 50%;
margin: 0 3px;
}
.products-sec .dataTables_wrapper .dataTables_paginate .paginate_button.current{
background-color: #F53B0D;
color: #fff !important;
border: none;
}
.products-sec .products-sec .pagination li.active {
background-color: #007bff;
color: white;
}
.products-sec .products-sec .pagination li.disabled {
color: #ddd;
pointer-events: none;
}
.products-sec .composition-left-text{
width: 70%;
}
.products-sec .composition-right-text{
width: 30%;
}
.products-sec .composition-left-text p,
.products-sec .composition-right-text p{
margin: 0;
}
.products-detail-sec .products-img-wrap{
border-radius: 15px;
border: 1px solid #d9d9d9;
overflow: hidden;
background: #f5f5fe;
padding: 15px;
}
.products-detail-wrap h2{
font-size: 35px;
color: #F53B0D;
font-weight: 700;
border-bottom: 1px solid #ddd;
}
.products-detail-wrap table tr:nth-child(even){
background-color: #f5f5fe;
}
/* ------------------- Products Section CSS End ------------------- */
#scroll-top-btn {
display: inline-block;
background-color: #F53B0D;
width: 40px;
height: 40px;
text-align: center;
border-radius: 50%;
position: fixed;
bottom: 20px;
right: 30px;
transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
line-height: 34px;
}
#scroll-top-btn::after {
content: "\2191";
font-weight: 400;
font-style: normal;
color: #fff;
font-size: 30px;
}
#scroll-top-btn:hover {
cursor: pointer;
background-color: #0B0F55;
}
#scroll-top-btn:active {
background-color: #F53B0D;
}
#scroll-top-btn.show {
opacity: 1;
visibility: visible;
}
.whatsaap-icon-right {
position: fixed;
bottom: 70px;
right: 15px;
z-index: 99999;
}