/* ---------------------------------------
##### - PLACE YOUR CUSTOM CSS HERE - #####
--------------------------------------- */
body {
color: #000;
font-size: 18px;
font-family: 'Inter', sans-serif;
line-height: 1.2;
height: 100%;
position: relative;
background-color: #fff;
overflow-x: hidden;
}
.modal-backdrop.show {
opacity: .8;
}
.c-5CE1E6 {
color: #5CE1E6;
}
.c-F5C156 {
color: #F5C156;
}
body.light {
background: #f5f5f5;
color: #111;
}
body.light .main{
background: #f5f5f5;
color: #111;
}
body.light .setting-card-box {
background-color: #fff;
color: #111;
border-color: rgba(195, 195, 195, 1);
}
body.light .setting-card-box .setting-card-img {
color: #111;
}
body.light .setting-card-box .setting-card-body p,
body.light .setting-card-box .setting-card-body h4 {
color: #111;
}
body.light .setting-card-box:hover {
background-color: rgba(245, 193, 86, 1);
}
body.light .header_panel.sticky {
background: linear-gradient(160.61deg, rgba(25, 25, 25, 0.9) 0%, rgba(0, 0, 0, 0.5) 101.7%);
}
body.dark {
background: #111;
color: #f5f5f5;
}
/* ========== [dir="rtl"] =========== */
[dir="rtl"] body {
direction: rtl;
}
[dir="rtl"] .hero-section .owl-theme .owl-dots {
right: auto;
left: 0;
}
[dir="rtl"] .about-section .left-content .section-title h4,
[dir="rtl"] .about-section .left-content .section-title h3 {
text-align: right;
}
[dir="rtl"] .left-content ul {
padding: 0 30px 0 0;
}
[dir="rtl"] .breadcrumb,
[dir="rtl"] .footer-bottom,
[dir="rtl"] .owl-carousel,
[dir="rtl"] .book-now-box .nav-pills {
direction: ltr;
}
[dir="rtl"] .industry-card-body h4 {
font-size: 20px;
}
/* [dir="rtl"] .footer-section p, */
[dir="rtl"] .core-value-content .row .col .core-card,
[dir="rtl"] .team-card-body,
[dir="rtl"] .artical-body,
[dir="rtl"] .artical-body,
[dir="rtl"] .artical-body h4,
[dir="rtl"] .artical-body p,
[dir="rtl"] .achievemnts-section .left-content h4,
[dir="rtl"] .counting-box,
[dir="rtl"] .coverage-section .section-title h3,
[dir="rtl"] .coverage-section .section-title p,
[dir="rtl"] .top-banner-section p,
[dir="rtl"] .top-banner-section h1,
[dir="rtl"] .top-banner-section h4 {
text-align: right;
}
/*
[dir="rtl"] .copywright {
text-align: right! important;
} */
/* ===== scrollUp ===== */
#scrollUp {
background: rgba(245, 193, 86, 1);
color: #000;
right: 1rem;
bottom: 10px;
padding: 5px;
border-radius: 6px;
transition: all .4s ease-in-out;
display: flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
position: absolute;
}
#scrollUp:hover {
background-color: rgba(92, 225, 230, 1);
transition: all .4s ease-in-out;
}
.page-wrapper {
position: relative;
transition: all 0.4s ease-in-out;
}
/* Custom Scrollbar using CSS */
.custom-scrollbar-css {
overflow-y: auto;
}
/* scrollbar width */
.custom-scrollbar-css::-webkit-scrollbar {
width: 4px;
margin: 0 auto;
}
/* scrollbar track */
.custom-scrollbar-css::-webkit-scrollbar-track {
background: rgba(234, 239, 244, .6);
border-radius: 8px;
width: 5px;
}
/* scrollbar handle */
.custom-scrollbar-css::-webkit-scrollbar-thumb {
background-color: rgba(187, 201, 215, 1);
border-radius: 8px;
/* background-image: linear-gradient(to top, #CF2129 0%, #F29C1F 100%); */
}
.custom-scrollbar-css::-webkit-scrollbar-thumb:hover {
background: rgba(35, 51, 64, .5);
}
/* ==== Wishlist PopUp ===== */
.wishlist-popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-width: 4px 0 0;
font-weight: 600;
line-height: 1.5;
padding: 15px 20px;
width: 250px;
border-radius: 0;
background-color: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
opacity: 0;
visibility: hidden;
transition: opacity 0.35s, visibility 0.35s;
z-index: 100
}
.wishlist-popup .wishlist-popup-msg {
font-weight: 600;
line-height: 1.6;
text-align: center
}
.wishlist-popup.active {
opacity: 1;
visibility: visible;
z-index: 1071
}
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #fff;
opacity: 0.4;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
top: 0;
right: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: "";
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
transform: scale(0.75);
}
.mfp-arrow-left {
transform-origin: 0;
}
.mfp-arrow-right {
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
/* overlay at start */
.mfp-fade.mfp-bg {
opacity: 0;
transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
.mfp-bg {
background-color: #777777;
}
button.mfp-close {
position: absolute;
top: 0;
right: 0;
overflow: visible;
opacity: 0.65;
cursor: pointer;
background: transparent;
border: 0;
text-indent: -9999px;
transform: rotateZ(45deg);
color: #838383;
}
button.mfp-close:hover {
opacity: 1;
}
.mfp-image-holder button.mfp-close {
width: 41px;
color: #fff;
text-align: left;
}
button.mfp-close:after {
content: "";
position: absolute;
height: 17px;
top: 12px;
left: 20px;
border-left: 1px solid;
}
button.mfp-close:before {
content: "";
position: absolute;
width: 17px;
top: 20px;
left: 12px;
border-top: 1px solid;
}
.mfp-newsletter.mfp-removing {
transition: opacity 0.35s ease-out;
opacity: 0;
}
.mfp-ready .mfp-preloader {
display: none;
}
.mfp-zoom-out-cur .mfp-bg {
opacity: 0.8;
background-color: #0b0b0b;
}
.mfp-zoom-out-cur .mfp-counter {
color: #fff;
}
.mfp-zoom-out-cur .mfp-arrow-right:before {
border-left: 0;
}
.mfp-zoom-out-cur .mfp-arrow-left:before {
border-right: 0;
}
.mfp-ajax-product.mfp-bg,
.login-popup.mfp-bg {
opacity: 0.6;
background-color: transparent;
}
.mfp-ajax-product .product-single-container {
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
max-height: calc( 100vh - 4rem );
overflow-y: auto;
}
.mfp-wrap .mfp-content {
transition: all 0.35s ease-out;
opacity: 0;
}
.login-popup.mfp-wrap .mfp-content {
max-width: 525px;
}
.mfp-ajax-product.mfp-wrap .mfp-content {
max-width: 931px;
}
.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
.mfp-ajax-product {
z-index: 1058;
}
.mfp-bg.mfp-newsletter, .mfp-bg.login-popup,
.mfp-wrap.mfp-newsletter,
.mfp-wrap.login-popup {
z-index: 1058;
}
@media (max-width: 991px) {
.mfp-container {
padding: 0.6rem;
}
}
.mfp-container .mfp-preloader,
.porto-loading-icon {
content: "";
display: inline-block;
width: 40px;
height: 40px;
margin: 0 auto;
border: 2px solid transparent;
border-radius: 50%;
border-top-color: #08C;
border-image: none;
text-indent: -9999px;
animation: spin 0.75s infinite linear;
z-index: 3;
}
.mfp-container .mfp-preloader:before,
.porto-loading-icon:before {
position: absolute;
top: -2px;
right: 0;
left: -2px;
width: inherit;
height: inherit;
border: inherit;
border-radius: inherit;
border-top-color: inherit;
content: "";
animation: spin 1.5s infinite ease;
}
/* Bootstrap TouchSpin */
.bootstrap-touchspin .input-group-btn-vertical {
position: absolute;
right: 0;
height: 100%;
z-index: 11;
}
.bootstrap-touchspin.input-group {
max-width: 68px;
padding-right: 20px;
margin-bottom: 0;
}
.bootstrap-touchspin .form-control {
text-align: center;
margin-bottom: 0;
height: 4.2rem;
max-width: 46px;
padding: 1.1rem 1rem;
}
.bootstrap-touchspin .form-control:not(:focus) {
border-color: #ccc;
}
.bootstrap-touchspin .input-group-btn-vertical > .btn {
position: absolute;
right: 0;
height: 2rem;
padding: 0;
width: 2rem;
text-align: center;
font-size: 1.2rem;
}
.bootstrap-touchspin .input-group-btn-vertical > .btn:before {
position: relative;
margin: 0;
width: auto;
line-height: 1;
width: auto;
top: -0.1rem;
margin-right: -0.2rem;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
border-radius: 0;
top: 0;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
border-radius: 0;
bottom: 0;
}
/* ========== */
.section-title {
margin-bottom: 40px;
}
.section-title h3 {
font-family: 'Oswald';
font-weight: 600;
font-size: 56px;
line-height: 100%;
text-align: center;
text-transform: uppercase;
color: rgba(32, 32, 32, 1);
margin-bottom: 0;
}
.section-title h4 {
font-family: 'Oswald';
font-weight: 500;
font-size: 24px;
line-height: 100%;
text-align: center;
text-transform: uppercase;
color: rgba(102, 102, 102, 1);
margin-bottom: 0;
}
.section-title h4 span {
font-weight: 600;
color: rgba(32, 32, 32, 1);
}
.section-title p {
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 160%;
text-align: center;
color: rgba(102, 102, 102, 1);
margin-bottom: 0;
}
.section-title h3 span {
color: #5CE1E6;
}
.upcomming-btn:focus,
.upcomming-btn {
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 100%;
text-align: center;
text-transform: capitalize;
color: rgba(255, 255, 255, 1);
background-color: rgba(228, 34, 34, 1);
padding: 13px 26px;
border-radius: 100px;
text-decoration: none;
display: inline-block;
width: auto;
transition: all .4s ease-in-out;
border: 1px solid transparent;
}
.btn:active,
.upcomming-btn:active,
.upcomming-btn:hover {
background-color: rgba(233, 156, 14, 1)! important;
border-color: rgba(233, 156, 14, 1)! important;
color: rgba(32, 32, 32, 1)! important;
transition: all .4s ease-in-out;
}
.track-btn {
border: 1px solid rgba(233, 156, 14, 1);
background-color: rgba(233, 156, 14, 1);
color: rgba(32, 32, 32, 1);
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 100%;
text-align: center;
text-transform: capitalize;
padding: 13px 26px;
border-radius: 100px;
text-decoration: none;
display: inline-block;
width: auto;
transition: all .4s ease-in-out;
}
.track-btn:hover {
background-color: rgba(228, 34, 34, 1);
color: rgba(255, 255, 255, 1);
transition: all .4s ease-in-out;
border-color: transparent;
}
/* ========== Header ========= */
.section .header_panel {
padding: 0 30px;
transition: all .4s ease-in-out;
border-radius: 0 0 20px 20px;
background-color: rgba(255, 255, 255, 1);
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.header_panel.sticky {
position: fixed;
width: 100%;
border-radius: 0 0 20px 20px;
background-color: rgba(255, 255, 255, .95);
z-index: 1000;
padding: 0 30px;
left: 0;
right: 0;
top: 0;
transition: all .4s ease-in-out;
max-width: 1640px;
margin: 0 auto;
}
.header_panel .site-logo .logo-img {
max-width: 110px;
width: 100%;
transition: all .4s ease-in-out;
}
.header_panel.sticky .site-logo .logo-img {
max-width: 70px;
width: 100%;
transition: all .4s ease-in-out;
}
.navbar-expand-lg .navbar-nav {
gap: 15px;
}
.navbar-nav li {
padding: 38px 0! important;
}
.navbar-nav li a {
padding: 0 10px! important;
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 100%;
text-align: right;
text-transform: capitalize;
color: rgba(32, 32, 32, 1);
position: relative;
}
.navbar-nav .nav-link.active,
.navbar-nav .show>.nav-link,
.navbar-nav li a.active {
color: rgba(233, 156, 14, 1); /* cyan highlight */
}
.navbar-nav li a:hover::after,
.navbar-nav li a.active::after {
content: "";
position: absolute;
left: -5px;
width: 100%;
height: 14px;
top: 0;
background-image: url(../img/icons/menu_hover.png);
background-position: left center;
background-repeat: no-repeat;
background-size: 12px 10px;
}
/* Hover effect */
.navbar-nav li a:hover {
color: rgba(233, 156, 14, 1);
}
.lang-btn {
color: rgba(32, 32, 32, 1);
background-color: transparent;
border: none;
/* font-family: 'Poppins';
font-weight: 500;
font-size: 24px;
line-height: 100%;
text-align: right;
text-transform: capitalize;
color: rgba(32, 32, 32, 1); */
}
.header_panel.sticky .back-btn {
font-size: 1rem;
}
.header_panel .site-logo {
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.header_panel .back-btn {
position: absolute;
right: 0;
top: 40%;
font-family: 'Inter';
font-weight: 600;
font-size: 20px;
line-height: 26px;
text-transform: uppercase;
text-decoration: none;
color: rgba(255, 255, 255, 1);
}
.header_panel .back-btn:hover {
color: rgba(245, 193, 86, 1);
}
.header_panel .back-btn i {
color: rgba(245, 193, 86, 1);
}
.main {
height: 100%;
padding: 0px;
background-color: #fff;
background-attachment: scroll;
}
.section .container-xxl {
max-width: 1640px;
padding: 0;
}
.header-section {
padding: 0px 1rem;
height: auto;
position: absolute;
z-index: 100;
width: 100%;
}
.header-right {
display: flex;
justify-content: space-between;
align-items: center;
gap: 50px;
width: 100%;
}
.header-right .header-action-btns {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 20px;
width: auto;
}
.header-section .switch {
position: relative;
display: inline-block;
width: 60px;
height: 30px;
padding: 4px;
}
.header-section .switch input {
opacity: 0;
width: 0;
height: 0;
}
.header-section .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: transparent;
transition: 0.4s;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 4px;
font-size: 14px;
color: #fff;
transition: 0.4s;
box-shadow: 0px 4px 4px 0px #00000012 inset;
border: 1px solid rgba(255, 255, 255, 0.5);
}
/* Sun + Moon icons inside */
.header-section .slider .sun {
transition: 0.4s;
position: relative;
z-index: 1;
height: 24px;
width: 24px;
display: flex;
justify-content: center;
align-items: center;
}
.header-section .slider .moon {
transition: 0.4s;
border-radius: 50px;
position: relative;
z-index: 1;
height: 24px;
width: 24px;
display: flex;
justify-content: center;
align-items: center;
}
/* Circle knob */
.header-section .slider:before {
position: absolute;
content: "";
height: 24px;
width: 24px;
left: 4px;
bottom: 2px;
background-color: rgba(23, 24, 33, 1);
transition: 0.4s;
border-radius: 50%;
}
.header-section input:checked + .slider {
background-color: transparent;
transform: translate(0, 0);
}
.header-section input:checked + .slider:before {
transform: translate(26px, 0);
}
.outline-btn:focus,
.outline-btn {
border: 1px solid rgba(233, 156, 14, 1);
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 100%;
text-align: center;
text-transform: capitalize;
color: rgba(233, 156, 14, 1);
padding: 13px 25px;
border-radius: 100px;
text-decoration: none;
transition: all .4s ease-in-out;
display: inline-block;
background-color: transparent;
}
.details-btn:hover,
.outline-btn:hover {
background-color: rgba(228, 34, 34, 1);
border-color: transparent;
transition: all .4s ease-in-out;
color: #fff;
}
.details-btn {
border: 1px solid rgba(228, 34, 34, 1);
color: rgba(228, 34, 34, 1);
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 100%;
text-align: center;
text-transform: capitalize;
padding: 6px 20px;
border-radius: 100px;
}
.cart-btn {
font-size: 30px;
line-height: 1;
color: #fff;
}
.cart-btn:hover {
color: #f5c156;
}
.hero-section {
background-image: url(../img/hero-banner.png);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
position: relative;
padding: 120px 1rem 65px;
}
/* .hero-section::after {
content: '';
background: linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0) 66.36%);
height: 275px;
width: 100%;
position: absolute;
bottom: 0;
z-index: 1;
} */
.top-banner-section {
max-width: 615px;
width: 100%;
margin-bottom: 45px;
text-align: center;
}
.top-banner-section h4 {
font-family: 'Oswald';
font-weight: 600;
font-size: 24px;
line-height: 110.00000000000001%;
text-transform: uppercase;
color: rgba(255, 255, 255, 1);
margin-bottom: 0;
text-align: left;
}
.top-banner-section h1 {
font-family: 'Oswald';
font-weight: 700;
font-size: 56px;
line-height: 110.00000000000001%;
text-transform: uppercase;
color: rgba(255, 255, 255, 1);
text-align: left;
margin-bottom: 1rem;
}
.banner-title {
margin: 0 auto 12px;
}
.top-banner-section p {
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: rgba(252, 252, 253, 1);
text-align: left;
}
.book-now-box {
background-color: rgba(255, 255, 255, 1);
border-radius: 25px;
padding: 30px 30px 20px;
max-width: 560px;
width: 100%;
}
.book-now-box .nav-pills {
justify-content: center;
align-items: center;
width: 100%;
margin: 0 auto 25px;
border-radius: 100px;
flex-wrap: nowrap;
}
.book-now-box .nav-pills .nav-link {
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 100%;
text-align: center;
color: rgba(32, 32, 32, 1);
padding: 11px 20px;
width: 250px;
border-radius: 100px;
border: 1px solid rgba(32, 32, 32, 1);
}
.book-now-box .nav-pills .nav-item:first-child .nav-link {
border-radius: 100px 0 0 100px;
border-right: 0;
}
.book-now-box .nav-pills .nav-item:last-child .nav-link {
border-radius: 0 100px 100px 0;
border-left: 0;
}
.book-now-box .nav-pills .nav-link.active {
background-color: rgba(233, 156, 14, 1);
color: rgba(32, 32, 32, 1);
border-color: transparent;
border-radius: 100px;
}
.stats {
display: flex;
}
/* .stat-box::before {
content: '';
background: rgba(255, 255, 255, 1);
width: 1px;
height: 70px;
} */
.stat-box {
text-align: center;
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 1rem;
padding: 40px 0px;
flex: 1 0 auto;
border-bottom: 1px solid rgba(195, 195, 195, 1);
}
.counting-box {
text-align: left;
}
.count-state .col:nth-child(n+3),
.count-state .col:last-child .stat-box {
padding-bottom: 0;
border-bottom: 0;
}
.stat-box i {
font-size: 40px;
margin-bottom: 10px;
display: block;
}
.stat-number {
font-family: 'Oswald';
font-weight: 500;
font-size: 56px;
line-height: 100%;
color: rgba(32, 32, 32, 1);
margin-bottom: 5px;
}
.stat-label {
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 125%;
color: rgba(102, 102, 102, 1);
}
/* === About Section ==== */
/* .section,
.about-section {
padding: 50px 1rem;
} */
.about-section {
background-color: #fff;
height: 100%;
padding: 100px 1rem;
}
.about-section .right-content .card-img {
position: relative;
height: 100%;
width: 100%;
}
.about-section .right-content .card-img > img {
width: 100%;
border-radius: 18px;
}
.about-section .right-content .card-img .overlay-img {
position: absolute;
right: 20px;
bottom: -20px;
}
.about-section .left-content .section-title {
margin-bottom: 30px;
}
.about-section .left-content .section-title h3 {
text-align: left;
}
.about-section .left-content .section-title h4 {
font-family: 'Poppins';
font-weight: 600;
font-size: 36px;
line-height: 130%;
text-transform: capitalize;
color: rgba(32, 32, 32, 1);
}
.about-section .left-content .section-title p {
text-align: left;
margin-bottom: 40px;
}
/* .about-section .left-content .upcomming-btn {
padding: 1rem 34px;
} */
.left-content .about-company-info {
margin-bottom: 30px;
}
.left-content .about-card {
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 20px;
width: 100%;
}
.left-content .about-card-img {
border-radius: 10px;
overflow: hidden;
max-width: 80px;
height: 100%;
width: 100%;
}
.left-content .about-card-img img {
width: 100%;
}
.left-content .about-card-body {
width: calc(100% - 100px);
}
.left-content .about-card-body p {
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 160%;
color: rgba(102, 102, 102, 1);
margin-bottom: 0;
}
/* ===== Service Section ===== */
.service-section {
padding: 90px 1rem 0;
background-color: rgba(247, 248, 250, 1);
position: relative;
background-image: url(../img/service-bg.png);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
}
.service-widget-box .row .col .service-box {
margin-bottom: 50px;
}
.service-widget-box .achievemnts-card {
border-radius: 25px;
min-height: 100%;
max-height: 100%;
}
.service-widget-box .achievemnts-card.industry-card-box .overlay-content-box {
background: linear-gradient(0deg, #000000 11.61%, rgba(0, 0, 0, 0) 100%);
}
.service-widget-box .row .col .service-box:last-child {
margin-bottom: 0;
}
.service-middle-box {
margin-top: -176px;
}
.service-widget-box .left-content h4 {
font-family: 'Poppins';
font-weight: 600;
font-size: 45px;
line-height: 130%;
text-transform: capitalize;
color: rgba(32, 32, 32, 1);
margin-bottom: 20px;
}
.service-widget-box {
margin-bottom: 50px;
}
.service-content-widget .service-widget-box:nth-child(even) .row {
flex-direction: row-reverse;
}
.service-img {
width: 100%;
height: 100%;
border-radius: 25px;
overflow: hidden;
border: 1px solid rgba(195, 195, 195, 1);
}
.service-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.service-box-content h4 {
font-family: 'Oswald';
font-weight: 600;
font-size: 36px;
line-height: 110.00000000000001%;
text-transform: uppercase;
color: rgba(32, 32, 32, 1);
margin-bottom: 20px;
}
.service-box-content p {
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 160%;
color: rgba(102, 102, 102, 1);
margin-bottom: 25px;
}
.service-list h5 {
font-family: 'Poppins';
font-weight: 600;
font-size: 20px;
line-height: 118%;
text-transform: capitalize;
color: rgba(32, 32, 32, 1);
margin-bottom: 10px;
}
.service-list ul {
padding: 0 0 0 20px;
margin: 0 0 40px;
list-style-type: disc;
}
.service-list ul li {
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 1.2;
color: rgba(102, 102, 102, 1);
margin-bottom: 15px;
}
.service-list ul li:last-child {
margin-bottom: 0;
}
/* ===== Industry Section ========= */
.service-chose-section {
padding: 100px 1rem;
background-image: url(../img/why_choose_us.png);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
}
.industry-section {
padding: 100px 1rem 50px;
background-image: url(../img/industry-bg.png);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 24px 24px 0 0;
}
.industry-card-box {
border-radius: 25px;
border: none;
height: 100%;
overflow: hidden;
transition: all .4s ease-in-out;
}
.industry-card-box .card-img {
transform: scale(1);
transition: all .4s ease-in-out;
border-radius: 18px;
overflow: hidden;
}
.industry-card-box:hover .card-img {
transform: scale(1.1);
transition: all .4s ease-in-out;
}
.industry-card-box .card-img-overlay {
padding: 0;
}
.industry-card-box .overlay-content-box {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.95) 18.91%, rgba(0, 0, 0, 0) 100%);
padding: 20px;
border-radius: 0 0 25px 25px;
/* position: absolute;
bottom: 0; */
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
}
.overlay-content-box h4 {
font-family: 'Inter';
font-weight: 600;
font-size: 24px;
line-height: 26px;
color: rgba(255, 255, 255, 1);
margin-bottom: 10px;
}
.overlay-content-box p {
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: rgba(252, 252, 253, 1);
margin-bottom: 0;
}
.industry-details-card-box {
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 30px;
flex-direction: column;
width: 100%;
height: 100%;
border-radius: 0;
margin-bottom: 0px;
padding-bottom: 30px;
}
.industry-box > .row > .col-12:last-child > .industry-details-card-box {
padding-bottom: 0;
}
.industry-details-card-box .industry-img {
border-radius: 25px;
width: 100%;
height: auto;
overflow: hidden;
}
.service-chose-section .industry-card-box {
height: 100%;
width: 100%;
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 20px;
flex-direction: column;
border-radius: 0;
}
.service-card-img {
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 18px;
border: 1px solid rgba(195, 195, 195, 1);
}
.service-chose-section .industry-card-box .card-img {
transform: scale(1);
transition: all .4s ease-in-out;
width: 100%;
height: 100%;
object-fit: cover;
}
.service-chose-section .industry-card-box:hover .card-img {
transform: scale(1.1);
transition: all .4s ease-in-out;
}
.industry-card-body h4 {
font-family: 'Oswald';
font-weight: 600;
font-size: 24px;
line-height: 140%;
text-transform: uppercase;
color: rgba(32, 32, 32, 1);
margin-bottom: 12px;
}
.industry-card-body p {
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: rgba(102, 102, 102, 1);
margin-bottom: 0;
}
/* ====== featured-section ===== */
.featured-section {
padding: 50px 1rem 100px;
}
.top-title,
.featured-section .section-title {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
position: relative;
}
.overlay-img-content {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
width: 100%;
}
.opportunities-widget-box .slide-item .col .card {
background: #111;
border-radius: 12px;
overflow: hidden;
text-align: left;
padding-bottom: 15px;
background: linear-gradient(160.61deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 101.7%);
border-width: 1px 0px 1px 0px;
border-style: solid;
border-color: rgba(255, 255, 255, 0.3);
backdrop-filter: blur(35.83000183105469px);
flex-direction: row;
border-radius: 25px;
padding: 20px;
gap: 20px;
margin-bottom: 1rem;
}
.product-single-details .rating,
.overlay-img-content .rating {
background-color: rgba(59, 153, 0, 0.9);
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
border-radius: 100px;
padding: 3px 10px;
font-family: 'Poppins';
font-weight: 600;
font-size: 12px;
line-height: 140%;
letter-spacing: -0.5px;
color: rgba(255, 255, 255, 1);
}
.opportunities-widget-box .slide-item .col .card:last-child {
margin-bottom: 0;
}
.opportunities-widget-box .card .card-img {
max-width: 325px;
width: 100%;
height: auto;
display: block;
border-radius: 20px;
position: relative;
overflow: hidden;
}
.opportunities-widget-box .card .card-img img {
height: 100%;
width: 100%;
object-fit: cover;
}
.opportunities-widget-box .card .card-img .card-img-overlay {
padding: 20px;
}
.opportunities-widget-box .card-content {
padding: 0;
}
.opportunities-widget-box .card-content h4 {
font-family: 'Inter';
font-weight: 600;
font-size: 24px;
line-height: 26px;
color: rgba(255, 255, 255, 1);
margin-bottom: 7px;
}
.opportunities-widget-box .card-content .location {
font-family: 'Poppins';
font-weight: 500;
font-size: 14px;
line-height: 150%;
color: rgba(255, 255, 255, 1);
display: flex;
justify-content: flex-start;
align-items: center;
gap: 6px;
margin-bottom: 1rem;
}
.opportunities-widget-box .card-content p {
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 150%;
color: rgba(255, 255, 255, 1);
margin-bottom: 13px;
}
.opportunities-widget-box .card-content .investment {
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 125%;
text-transform: capitalize;
color: rgba(255, 255, 255, 1);
margin-bottom: 0;
}
.opportunities-widget-box .card-content .investment span {
font-weight: 700;
font-size: 24px;
}
.overlay-img-content .tag {
display: inline-block;
background: rgba(245, 193, 86, .9);
padding: 5px 14px;
font-family: 'Poppins';
font-weight: 600;
font-size: 12px;
line-height: 100%;
text-align: center;
text-transform: uppercase;
border-radius: 100px;
color: rgba(0, 0, 0, 1);
}
.card-btn {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
width: 100%;
margin-top: 24px;
}
.card-btn .btn {
padding: 10px 30px;
font-family: 'Poppins';
font-weight: 600;
font-size: 14px;
line-height: 100%;
text-align: center;
color: rgba(0, 0, 0, 1);
}
.card-btn small {
font-family: 'Poppins';
font-weight: 600;
font-size: 12px;
line-height: 150%;
color: rgba(255, 255, 255, 1);
}
.view-btn {
background: transparent;
border: 0;
color: rgba(228, 34, 34, 1);
font-family: 'Open Sans';
font-weight: 500;
font-size: 16px;
line-height: 100%;
text-transform: capitalize;
position: absolute;
top: 15px;
right: 95px;
}
.view-btn:active,
.view-btn:hover {
color: rgba(32, 32, 32, 1);
}
.home-slider.owl-carousel.owl-theme .owl-nav.disabled {
display: none;
}
.owl-carousel.owl-theme .owl-nav,
.owl-carousel.owl-theme .owl-nav.disabled,
.team-cursol-box .owl-carousel .owl-nav,
.opportunities-widget-box .owl-carousel .owl-nav {
/* display: block; */
display: flex;
justify-content: center;
align-items: center;
gap: 6px;
position: absolute;
top: -90px;
right: 0;
margin-top: 0;
line-height: 0
}
.owl-carousel.owl-theme .owl-nav button,
.owl-carousel.owl-theme .owl-nav.disabled button,
.team-cursol-box .owl-carousel .owl-nav button,
.opportunities-widget-box .owl-carousel .owl-nav button {
transform: none;
border: 1px solid rgba(195, 195, 195, 1);
background-color: transparent;
border-radius: 8px;
width: 42px;
height: 42px;
color: rgba(15, 15, 15, 1);
opacity: 1;
transition: all .4s ease-in-out;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
}
.owl-theme .owl-nav [class*=owl-]:hover {
background-color: rgba(233, 156, 14, 1);
}
.owl-carousel.owl-theme .owl-nav [class*=owl-]:not(.disabled):hover,
.owl-carousel.owl-theme .owl-nav.disabled [class*=owl-]:not(.disabled):hover,
.team-cursol-box .owl-theme .owl-nav [class*=owl-]:not(.disabled):hover,
.opportunities-widget-box .owl-theme .owl-nav [class*=owl-]:not(.disabled):hover,
.team-cursol-box .owl-carousel .owl-nav button:hover,
.opportunities-widget-box .owl-carousel .owl-nav button:hover {
background: rgba(245, 193, 86, 1);
opacity: 1;
color: #000;
border-color: transparent;
transition: all .4s ease-in-out;
}
.owl-carousel.owl-theme .owl-nav button.owl-prev,
.owl-carousel.owl-theme .owl-nav.disabled button.owl-prev,
.team-cursol-box .owl-carousel .owl-nav button.owl-prev,
.opportunities-widget-box .owl-carousel .owl-nav button.owl-prev {
left: auto;
right: 70px;
}
.owl-carousel.owl-theme .owl-nav button.owl-next,
.owl-carousel.owl-theme .owl-nav.disabled button.owl-next,
.team-cursol-box .owl-carousel .owl-nav button.owl-next,
.opportunities-widget-box .owl-carousel .owl-nav button.owl-next {
right: 0px;
}
.owl-theme .owl-dots {
line-height: 1;
text-align: center;
-webkit-tap-highlight-color: transparent
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
position: relative;
margin: 2px 2px;
background: transparent;
display: block;
-webkit-backface-visibility: visible;
backface-visibility: visible;
transition: all 0.3s ease;
border: 2px solid rgba(0, 0, 0, 0.4);
border-radius: 50%
}
.owl-theme .owl-dots .owl-dot span:before {
content: "";
display: block;
width: 0.7rem;
height: 0.7rem;
position: absolute;
left: 15%;
top: 15%;
background-color: #08C;
opacity: 0;
visibility: hidden;
transform: scale(0);
transition: all 0.3s;
border-radius: 50%
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
border-color: #08C;
background: transparent
}
.owl-theme .owl-dots .owl-dot.active span:before {
opacity: 1;
visibility: visible;
transform: scale(1)
}
.hero-section .owl-theme .owl-dots {
position: absolute;
left: auto;
right: -80px;
top: 50%;
}
.hero-section .owl-theme .owl-dots button {
display: block;
}
.hero-section .owl-theme .owl-dots .owl-dot span {
border-color: rgba(228, 34, 34, 1);
}
.hero-section .owl-theme .owl-dots .owl-dot span:before {
background-color: rgba(228, 34, 34, 1);
border-color: rgba(228, 34, 34, 1);
}
.owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 0;
}
.owl-carousel .owl-dots .owl-dot span {
width: 16px;
height: 16px;
border-width: 2px
}
.owl-carousel .owl-dots .owl-dot span:before {
margin: 0;
width: 8px;
height: 8px;
transform: translate(-15%, -15%)
}
/* ======= team-section ========== */
.team-section {
padding: 100px 1rem;
background-image: url(../img/MeetOurTeam_bg.png);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
}
.team-section .section-title {
max-width: 100%;
width: 100%;
margin: 0 auto 40px;
}
.team-member-details {
margin-bottom: 100px;
position: relative;
}
.team-member-details::before {
content: '';
background-image: url(../img/wave.png);
background-position: center;
background-repeat: no-repeat;
background-size: auto;
height: 110px;
width: 1385px;
margin: 0 auto;
position: absolute;
top: 6%;
left: 0;
right: 0;
}
.widget-img {
background: linear-gradient(160.61deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 101.7%);
border-width: 1px 0px 1px 0px;
border-style: solid;
border-color: rgba(255, 255, 255, 0.4);
backdrop-filter: blur(35.83000183105469px);
border-radius: 100px;
display: flex;
justify-content: center;
align-items: center;
max-width: 140px;
width: 100%;
height: 140px;
overflow: hidden;
margin: 0 auto 1rem;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
animation: pulse 4s infinite;
}
.steps {
display: flex;
justify-content: space-between;
position: relative;
z-index: 1;
}
.working-card {
width: 22%;
text-align: center;
position: relative;
z-index: 1;
}
/* Sequential delays (match wave duration: 4s) */
.working-card:nth-child(1) .widget-img { animation-delay: 0s; }
.working-card:nth-child(2) .widget-img { animation-delay: 1s; }
.working-card:nth-child(3) .widget-img { animation-delay: 2s; }
.working-card:nth-child(4) .widget-img { animation-delay: 3s; }
/* Pulse keyframes */
@keyframes pulse {
0% { transform: scale(1); box-shadow: 0 0 5px rgba(0,212,255,0.5); }
10% { transform: scale(1.1); box-shadow: 0 0 25px rgba(255,180,0,0.9); }
20% { transform: scale(1.1); box-shadow: 0 0 25px rgba(255,180,0,0.9); }
30% { transform: scale(1); box-shadow: 0 0 5px rgba(0,212,255,0.5); }
100% { transform: scale(1); box-shadow: 0 0 5px rgba(0,212,255,0.5); }
}
.widget-card-body span {
font-family: 'Inter';
font-weight: 600;
font-size: 16px;
line-height: 26px;
text-align: center;
text-transform: capitalize;
color: rgba(255, 255, 255, 1);
margin-bottom: 10px;
display: block;
}
.widget-card-body h5 {
font-family: 'Inter';
font-weight: 600;
font-size: 24px;
line-height: 26px;
text-align: center;
text-transform: capitalize;
color: rgba(255, 255, 255, 1);
margin-bottom: 10px;
}
.widget-card-body p {
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 125%;
text-align: center;
color: rgba(255, 255, 255, 1);
max-width: 224px;
width: 100%;
margin: 0 auto;
}
.team-card {
background-color: #fff;
border-width: 1px;
border-style: solid;
border-color: rgba(195, 195, 195, 1);
backdrop-filter: blur(35.83000183105469px);
border-radius: 25px;
padding: 20px;
height: 100%;
margin-bottom: 0;
}
.team-card .team-img {
position: relative;
border-radius: 20px;
width: 100%;
height: 100%;
overflow: hidden;
}
.team-card .team-img img {
transition: all .4s ease-in-out;
transform: scale(1);
}
.team-card:hover .team-img img {
transform: scale(1.1);
transition: all .4s ease-in-out;
}
.team-card-body {
padding: 1rem 0 0;
}
.team-card-body p {
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: rgba(102, 102, 102, 1);
margin-bottom: 0;
}
.author-info-box h4 {
font-family: 'Oswald';
font-weight: 600;
font-size: 24px;
line-height: 26px;
text-transform: uppercase;
color: rgba(32, 32, 32, 1);
margin-bottom: 5px;
}
.author-info-box span {
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 150%;
color: rgba(32, 32, 32, 1);
margin-bottom: 5px;
display: block;
}
/* ===== upcoming-section ==== */
.upcoming-service-widget ul {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
margin-bottom: 0;
}
.upcoming-service-widget ul.list-items {
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}
/* ==== interest-Section ==== */
.interest-section.section {
padding: 50px 1rem 100px;
}
.interest-box {
background: linear-gradient(160.61deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 101.7%);
backdrop-filter: blur(36px);
border-width: 1px 0px 1px 0px;
border-style: solid;
border-color: rgba(255, 255, 255, 0.4);
background-image: url(../img/banner-bg.png);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
padding: 80px 20px;
border-radius: 25px;
}
.interest-box .section-title {
max-width: 680px;
width: 100%;
margin: 0 auto;
}
.interest-box .section-title h3 {
font-size: 36px;
line-height: 1.5;
text-align: center;
text-transform: uppercase;
}
.interest-box .section-title p {
font-size: 20px;
line-height: 1.4;
text-align: center;
text-transform: capitalize;
}
.interest-box .email-form {
max-width: 500px;
margin: 20px auto;
}
.interest-box .input-group .form-control {
border-radius: 0;
border: 0;
padding: 16px 5px;
font-family: 'Poppins';
font-weight: 400;
font-size: 14px;
line-height: 1;
margin: 0!important;
color: rgba(102, 102, 102, 1);
}
.interest-box .input-group {
border-radius: 100px;
overflow: hidden;
background-color: #fff;
}
.input-group .input-group-text,
.interest-box .input-group .input-group-text {
border-radius: 0;
background-color: transparent;
border: none;
padding: 10px 4px 10px 20px;
color: rgba(102, 102, 102, 1);
line-height: 1;
}
.interest-box .input-group .btn {
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
background-color: rgba(245, 193, 86, 1);
color: rgba(31, 45, 58, 1);
font-family: 'Poppins';
font-weight: 600;
font-size: 16px;
line-height: 100%;
padding: 14px 33px;
text-align: center;
transition: all .4s ease-in-out;
}
.interest-box .input-group .btn:hover {
background-color: rgba(92, 225, 230, 1);
transition: all .4s ease-in-out;
}
.interest-box .input-group .form-control:focus {
box-shadow: none;
margin-left: 0! important;
}
/* ========= reward-section ======= */
.reward-section {
padding: 100px 1rem 50px;
background-image: url(../img/benifit-bg.png);
background-repeat: no-repeat;
background-position: top center;
background-size: auto;
height: 100%;
border-radius: 24px 24px 0 0;
}
.reward-member-details {
padding-bottom: 50px;
}
.benifit-img-box {
border-radius: 25px;
overflow: hidden;
height: 100%;
width: 100%;
box-shadow: 0px 14px 54px 0px rgba(0, 0, 0, 0.1);
}
.benifit-card-box {
background: linear-gradient(160.61deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 101.7%);
border-width: 1px 0px 1px 0px;
border-style: solid;
border-color: rgba(255, 255, 255, 0.3);
backdrop-filter: blur(35.83000183105469px);
padding: 20px 20px 25px;
height: 100%;
border-radius: 25px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 20px;
}
.benifit-card-box img {
max-width: 60px;
height: auto;
width: auto;
}
.benifit-card-box .benifit-card-body h4 {
font-family: 'Inter';
font-weight: 600;
font-size: 24px;
line-height: 26px;
color: rgba(255, 255, 255, 1);
margin-bottom: 10px;
text-align: left;
}
.benifit-card-box .benifit-card-body p {
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: rgba(252, 252, 253, 1);
margin-bottom: 0;
text-align: left;
height: 72px;
overflow: hidden;
}
.investor-box {
/* background-image: url(../img/bg-1.png), url(../img/left-circle.png), url(../img/right-circle.png); */
background-image: url(../img/bg-1.png);
background-position: top center;
background-size: auto;
background-repeat: no-repeat;
padding: 70px 20px;
border-radius: 25px;
}
.investor-box h3 {
font-family: 'Poppins';
font-weight: 600;
font-size: 48px;
line-height: 1.2;
text-align: center;
text-transform: capitalize;
color: rgba(255, 255, 255, 1);
max-width: 1064px;
width: 100%;
margin: 0 auto;
}
.investor-box h3 span {
text-transform: uppercase;
}
.benifits-details-box {
padding-bottom: 100px;
}
.benifits-details-box .g-5 {
--bs-gutter-y: 2.5rem;
--bs-gutter-x: 2.5rem;
}
.benifits-details-box .section-title p,
.benifits-details-box .section-title h3 {
margin-bottom: 20px;
text-align: left;
}
.benifits-details-box .section-title p:last-child {
margin-bottom: 0;
}
.benifit-items-box .benifit-card-box {
flex-direction: column;
gap: 16px;
width: 100%;
height: 100%;
padding: 20px;
}
.benifit-card-header {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 20px;
width: 100%;
}
.benifit-img-icon {
width: 83px;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
background: linear-gradient(160.61deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 101.7%);
border-width: 1px 0px 1px 0px;
border-style: solid;
border-color: rgba(255, 255, 255, 0.4);
backdrop-filter: blur(35.83000183105469px);
border-radius: 10px;
}
/* ====== coverage-section ===== */
.coverage-section {
background-color: #fff;
padding: 100px 1rem;
}
.coverage-section .section-title {
margin-bottom: 60px;
}
.coverage-section .section-title h3 {
max-width: 240px;
width: 100%;
text-align: left;
margin-bottom: 25px;
}
.coverage-section .section-title p {
color: rgba(102, 102, 102, 1);
text-align: left;
}
/* ===== achievemnts-section ====== */
.achievemnts-section {
background-image: url(../img/banner-img4.png);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
padding: 100px 1rem 0;
}
.achievemnts-section .section-title h3 {
color: #fff;
}
.achievemnts-section .industry-widget-box {
margin-bottom: 40px;
}
.achievemnts-section .left-content h4 {
font-family: 'Poppins';
font-weight: 600;
font-size: 45px;
line-height: 130%;
text-transform: capitalize;
color: #fff;
margin-bottom: 20px;
}
.achievemnts-section .left-content ul.achievemnts-list li {
color: rgba(255, 255, 255, 1);
}
.achievemnts-section .outline-btn {
color: rgba(228, 34, 34, 1);
border-color: rgba(228, 34, 34, 1);
}
.achievemnts-section .outline-btn:hover {
color: #fff;
}
.achievemnts-card {
/* min-height: 317px; */
height: 100%;
max-height: 320px;
border-radius: 16px;
}
.achievemnts-card .card-img {
position: relative;
border-radius: 18px;
overflow: hidden;
width: 100%;
object-fit: cover;
height: 100%;
}
.achievemnts-card .overlay-content-box h5 {
font-family: 'Oswald';
font-weight: 600;
font-size: 24px;
line-height: 28px;
text-transform: uppercase;
color: rgba(255, 255, 255, 1);
}
.achievemnts-card .overlay-content-box p {
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: rgba(255, 255, 255, 1);
margin-bottom: 0;
}
.achievemnts-card .hover-content h5 {
color: rgba(233, 156, 14, 1);
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
width: 100%;
}
.achievemnts-card .hover-content,
.achievemnts-card:hover .overlay-img-content {
opacity: 0;
visibility: hidden;
display: none;
transition: all .4s ease-in-out;
}
.achievemnts-card:hover .hover-content {
opacity: 1;
visibility: visible;
display: block;
transition: all .4s ease-in-out;
}
/* ====== mirsal-section ===== */
.artical-section.mirsal-section {
padding: 100px 1rem 50px;
}
.section-content-box .left-content h4 {
font-family: 'Poppins';
font-weight: 600;
font-size: 45px;
line-height: 130%;
text-transform: capitalize;
color: #202020;
margin-bottom: 20px;
}
.section .left-content h4 span.c-E99C0E,
.c-E99C0E {
color: #E99C0E;
}
.section .left-content h4 span.c-E42222,
.c-E42222 {
color: #E42222;
}
.left-content p {
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: rgba(102, 102, 102, 1);
margin-bottom: 30px;
}
.left-content ul {
list-style-type: none;
padding: 0 0 0 30px;
margin: 0 0 40px;
}
.left-content ul li {
font-family: 'Poppins';
font-weight: 500;
font-size: 24px;
line-height: 100%;
color: rgba(32, 32, 32, 1);
margin-bottom: 20px;
list-style-image: url(../img/icons/checkMark.png);
}
.left-content ul li:last-child {
margin-bottom: 0;
}
/* ===== booking-section ======= */
.booking-section {
background-image: url(../img/banner-img6.png);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
padding: 75px 1rem;
}
.booking-section .section-title {
margin-bottom: 0;
}
.booking-section .section-title h3 {
margin-bottom: 18px;
}
.booking-section .section-title h3 span {
color: rgba(228, 34, 34, 1);
}
.booking-section .section-title p {
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 150%;
text-align: center;
color: rgba(32, 32, 32, 1);
margin-bottom: 0;
}
.booking-section .section-title a:hover {
background-color: rgba(32, 32, 32, 1);
color: #fff;
}
/* ===== Artical-section ======== */
.artical-section {
padding: 100px 1rem;
background-color: rgba(255, 255, 255, 1);
}
.article-card {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
gap: 15px;
width: 100%;
height: 100%;
margin-bottom: 0;
text-decoration: none;
}
.article-card-img {
border-radius: 16px;
height: 100%;
width: 100%;
overflow: hidden;
}
.article-card-img img {
width: 100%;
}
.artical-body span {
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: rgba(102, 102, 102, 1);
margin-bottom: 10px;
display: block;
}
.artical-body h4 {
font-family: 'Oswald';
font-weight: 600;
font-size: 24px;
line-height: 140%;
text-transform: uppercase;
color: rgba(32, 32, 32, 1);
margin-bottom: 12px;
height: 34px;
overflow: hidden;
text-overflow: ellipsis;
}
.artical-body h2 {
font-family: 'Oswald';
font-weight: 600;
font-size: 40px;
line-height: 140%;
text-transform: uppercase;
color: rgba(32, 32, 32, 1);
margin-bottom: 10px;
text-align: left;
}
.related-blog .article-card:hover .artical-body h4 {
color: rgba(233, 156, 14, 1);
}
.artical-body p {
font-family: 'Poppins', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: rgba(102, 102, 102, 1);
margin-bottom: 0;
max-height: 48px;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
.inner-artical-section .artical-body p {
height: auto;
overflow: visible;
max-height: 100%;
font-weight: 500;
}
.inner-artical-section .artical-body h4 {
height: auto;
max-height: 67px;
}
.artical-body a {
margin-top: 30px;
display: inline-block;
}
.artical-list h5 {
font-family: 'Poppins';
font-weight: 600;
font-size: 20px;
line-height: 1.2;
text-transform: capitalize;
color: rgba(32, 32, 32, 1);
margin-bottom: 10px;
}
.artical-list ul {
padding: 0 0 0 20px;
margin: 0;
}
.artical-list ul li {
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: rgba(102, 102, 102, 1);
margin-bottom: 10px;
}
.artical-list ul li:last-child {
margin-bottom: 0;
}
/* ===== FAQ ===== */
.faq-section {
padding: 50px 1rem 0;
}
.faq-content-box {
max-width: 1364px;
width: 100%;
margin: 0 auto;
}
.faq-content-box .accordion-item {
background: linear-gradient(160.61deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 101.7%);
border-width: 1px 0px 1px 0px;
border-style: solid;
border-color: rgba(255, 255, 255, 0.3);
backdrop-filter: blur(35.83000183105469px);
border-radius: 25px! important;
padding: 20px 30px;
margin-bottom: 1rem;
}
.faq-content-box .accordion-item:last-child {
margin-bottom: 0;
}
.accordion-item .accordion-button:focus,
.accordion-item .accordion-button,
.faq-content-box .accordion-item .accordion-button:focus,
.faq-content-box .accordion-item .accordion-button {
background: transparent;
box-shadow: none;
outline: 0;
font-family: 'Inter';
font-weight: 600;
font-size: 24px;
line-height: 26px;
padding: 0;
color: rgba(255, 255, 255, 1);
}
.product-accordion-box .accordion-item .accordion-button:not(.collapsed),
.faq-content-box .accordion-item .accordion-button:not(.collapsed) {
background: transparent;
box-shadow: none;
color: rgba(245, 193, 86, 1);
}
.product-accordion-box .accordion-item .accordion-button::after,
.faq-content-box .accordion-item .accordion-button::after {
content: '\F4FE';
background-image: none;
font-family:'bootstrap-icons';
}
.product-accordion-box .accordion-item .accordion-button:not(.collapsed)::after,
.faq-content-box .accordion-item .accordion-button:not(.collapsed)::after {
content: '\F2EA';
background-image: none;
transform: none;
}
.faq-content-box .accordion-item .accordion-body {
padding: 12px 0 0;
}
.accordion-item .accordion-body p,
.faq-content-box .accordion-item .accordion-body p {
font-family: 'Inter';
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: rgba(255, 255, 255, 1);
margin-bottom: 0;
}
/* === Download Section ==== */
.download-section {
padding: 100px 1rem;
}
.download-box {
background: linear-gradient(160.61deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 101.7%);
border-width: 1px 0px 1px 0px;
border-style: solid;
border-color: rgba(255, 255, 255, 0.4);
backdrop-filter: blur(36px);
border-radius: 25px;
padding: 1rem 50px 0;
/* background-image: url(../img/mobilebgroyex.png);
background-position: top center;
background-repeat: no-repeat;
background-size: cover; */
}
.action-btns .download-btns,
.action-btns {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
width: 100%;
margin-top: 30px;
}
.action-btns span {
font-family: 'Poppins';
font-weight: 400;
font-size: 14px;
line-height: 125%;
color: rgba(255, 255, 255, 1);
}
.action-btns a {
text-decoration: none;
}
.mobile-app-img {
margin-top: -60px;
}
/* ===== announcing-section ====== */
.announcing-section {
padding: 50px 1rem 100px;
}
.announcing-section .section-title {
max-width: 970px;
width: 100%;
margin: 0 auto;
text-align: center;
}
.announcing-section .section-title h3 {
margin-bottom: 20px;
}
.announcing-section .section-title .upcomming-btn {
margin-top: 40px;
}
/* === company-section ===== */
.company-section {
background-color: rgba(247, 248, 250, 1);
padding: 25px 1rem;
}
.box-title h4 {
font-family: 'Oswald';
font-weight: 600;
font-size: 56px;
line-height: 110.00000000000001%;
text-transform: uppercase;
color: rgba(32, 32, 32, 1);
margin-bottom: 0;
}
.brands-slider img {
max-width: 195px;
width: 100%;
margin: 0 auto;
}
/* ==== Footer Section ====== */
.footer-section {
background-image: url(../img/footer-banner.jpg);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
background-color: rgba(1, 3, 38, 1);
padding: 0 1rem;
}
.footer-section hr {
border-top: 1px solid rgba(255, 255, 255, 0.2);
margin: 0;
}
.footer-top {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
gap: 50px;
padding: 100px 0 50px;
}
.footer-menu {
width: 100%;
}
.footer-menu h4 {
font-family: 'Oswald';
font-weight: 600;
font-size: 24px;
line-height: 100%;
text-transform: uppercase;
color: rgba(255, 255, 255, 1);
display: flex;
justify-content: flex-start;
align-items: center;
gap: 8px;
margin-bottom: 15px;
}
.footer-menu ul {
padding: 0;
margin: 0;
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
margin-bottom: 0;
list-style-type: none;
}
.footer-menu ul li {
margin-bottom: 0px;
}
.footer-menu ul li a {
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 45px;
text-transform: capitalize;
color: rgba(255, 255, 255, 1);
text-decoration: none;
}
.footer-menu ul li a.active,
.footer-menu ul li a:hover {
color: rgba(245, 193, 86, 1);
}
.footer-info-box {
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 10px;
width: 100%;
margin-bottom: 25px;
}
.footer-info-box:last-child {
margin-bottom: 0;
}
.footer-info-box .info-box-body span {
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 1;
text-transform: capitalize;
color: rgba(255, 255, 255, 1);
display: block;
margin-bottom: 5px;
}
.footer-info-box .info-box-body p,
.footer-info-box .info-box-body a {
font-family: 'Poppins';
font-weight: 600;
font-size: 16px;
line-height: 28px;
text-transform: capitalize;
color: rgba(255, 255, 255, 1);
margin-bottom: 0;
text-decoration: none;
word-break: break-all;
}
.footer-info-box .info-box-body a:hover {
color: rgba(233, 156, 14, 1);
}
.footer-section .container-xxl {
max-width: 1640px;
padding: 0;
}
.middel-content p a {
color: rgba(92, 225, 230, 1);
text-decoration: underline;
display: inline-block;
}
.middel-content p span {
font-weight: 600;
}
.footer-section p {
font-family: 'Poppins';
font-weight: 400;
font-size: 14px;
line-height: 28px;
color: rgba(255, 255, 255, 1);
margin: 0;
}
.footer-bottom {
padding: 27px 0;
}
.copywright span {
font-weight: 600;
color: rgba(233, 156, 14, 1);
}
.cradit-info a {
color: #fff;
text-decoration: none;
font-weight: 600;
}
.middel-content p a:hover,
.cradit-info a:hover {
color: #F5C156;
}
.social-icons-box {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
width: 100%;
}
.social-icons-box a {
background-color: rgba(255, 255, 255, 1);
border-radius: 100px;
width: 26px;
height: 26px;
display: flex;
justify-content: center;
align-items: center;
padding: 7px;
transition: all .4s ease-in-out;
}
.social-icons-box a:hover {
background-color: rgba(233, 156, 14, 1);
transition: all .4s ease-in-out;
}
.header-top-img {
display: flex;
justify-content: space-between;
align-items: stretch;
gap: 1rem;
width: 100%;
}
.right-img {
max-width: 590px;
width: 100%;
}
/* ===== Login ======= */
.login-content-box .overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
display: none;
z-index: 1050;
opacity: 1;
}
/* Sidebar login form */
.login-content-box .login-sidebar {
position: fixed;
top: 0;
right: -680px; /* hidden initially */
width: 680px;
height: 100%;
background: #fff;
/* backdrop-filter: blur(50px); */
padding: 30px;
transition: right 0.3s ease-in-out;
z-index: 1100;
border-radius: 26px 0 0 26px;
display: flex;
justify-content: center;
align-items: center;
}
.login-content-box .login-sidebar.active {
right: 0; /* slide in */
box-shadow: -2px 0 10px rgba(0,0,0,0.3);
transition: right 0.3s ease-in-out;
}
.login-content-box .overlay.active {
display: block;
}
/* Close button */
.login-content-box .close-btn {
float: right;
font-size: 50px;
line-height: 1;
cursor: pointer;
color: #000;
position: absolute;
top: 20px;
right: 20px;
transition: all .4s ease-in-out;
}
.login-content-box .close-btn:hover {
color: rgba(245, 193, 86, 1);
transition: all .4s ease-in-out;
}
.login-content-box .login-sidebar .login-top-title {
margin-bottom: 40px;
}
/* Overlay background */
.login-content-box .login-sidebar .login-top-title h2 {
font-family: 'Oswald';
font-weight: 600;
font-size: 45px;
line-height: 1.2;
text-align: center;
text-transform: uppercase;
color: rgba(32, 32, 32, 1);
margin-bottom: 0;
}
.login-content-box .login-sidebar .login-top-title p {
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 180%;
text-align: center;
text-transform: capitalize;
color: rgba(102, 102, 102, 1);
margin-bottom: 0;
}
.login-content-box .login-form {
margin-bottom: 25px;
}
.login-form .form-group label {
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 1;
text-transform: capitalize;
color: rgba(32, 32, 32, 1);
margin-bottom: 10px;
}
.login-form .form-group {
margin-bottom: 20px;
}
.login-form .form-group:last-child {
margin-bottom: 0;
}
.is-invalid {
border-color: #dc3545 !important;
background-color: #fff6f6;
}
.login-form .input-group {
border-radius: 100px;
border: 1px solid rgba(195, 195, 195, 1);
padding: 14px 20px;
}
.login-content-box .login-form .input-group .form-control:focus,
.login-content-box .login-form .input-group .form-control {
border: none;
padding: 0 0 0 10px;
background-color: transparent;
font-family: 'Poppins';
font-weight: 500;
font-size: 14px;
line-height: 14px;
text-transform: capitalize;
color: rgba(167, 167, 167, 1);
}
.login-form .input-group .input-group-text {
padding: 0;
}
.input-box-group {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
}
.input-box-group .input-group {
padding: 12px 15px;
height: 50px;
justify-content: center;
align-items: center;
}
.login-content-box .form-control:focus,
.login-content-box .form-control,
.login-content-box input[type="email"]:focus,
.login-content-box input[type="password"]:focus,
.login-content-box input[type="email"],
.login-content-box input[type="password"] {
width: 100%;
height: auto;
background-color: transparent;
border-radius: 100px;
font-family: 'Poppins';
font-weight: 500;
font-size: 14px;
line-height: 1;
text-transform: lowercase;
border: 1px solid rgba(195, 195, 195, 1);
padding: 16px 23px;
color: rgba(167, 167, 167, 1);
box-shadow: none;
outline: 0;
}
.login-content-box .remember-forgot .form-check-input:focus {
outline: 0;
box-shadow: none;
border: none;
}
.form-check-input:checked[type=radio] {
background-color: rgba(245, 193, 86, 1);
border: none;
background-image: url("data:image/svg+xml,");
}
.form-check-input:checked[type=checkbox],
.login-content-box .remember-forgot .form-check-input:checked {
background-color: rgba(245, 193, 86, 1);
border: none;
background-image: url("data:image/svg+xml,");
}
/* Password wrapper */
.login-content-box .password-wrapper {
position: relative;
width: 100%;
}
.login-content-box .password-wrapper input {
padding-right: 40px; /* space for eye icon */
width: 100%;
}
.login-content-box .toggle-password {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
font-size: 18px;
color: #666;
}
.login-content-box .remember-forgot {
display: flex;
justify-content: space-between;
align-items: center;
margin: 10px 0 20px;
}
.login-content-box .remember-forgot label {
margin-bottom: 0;
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 100%;
color: rgba(32, 32, 32, 1);
}
.login-content-box .form-group p {
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 100%;
color: rgba(102, 102, 102, 1);
margin-bottom: 0;
}
.login-content-box .remember-forgot label a {
font-weight: 600;
color: rgba(32, 32, 32, 1);
}
.login-content-box .remember-forgot .form-check {
margin-bottom: 0;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.login-content-box .remember-forgot .form-check-input[type=checkbox] {
width: 20px;
height: 20px;
outline: 0;
margin-top: 0;
border: 1px solid rgba(195, 195, 195, 1);
margin-right: 5px;
}
.login-content-box .remember-forgot a {
text-decoration: none;
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 100%;
color: rgba(32, 32, 32, 1);
text-align: right;
}
.login-content-box .remember-forgot a:hover {
color: rgba(245, 193, 86, 1);
}
.login-content-box button.login-btn {
width: 100%;
padding: 17px 20px;
background-color: rgba(228, 34, 34, 1);
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 100%;
text-align: center;
color: #fff;
border-radius: 100px;
border: 0;
transition: all .4s ease-in-out;
}
.login-content-box button.login-btn:hover {
background-color: #000;
transition: all .4s ease-in-out;
color: #fff;
}
.login-content-box .divider {
text-align: center;
margin: 10px 0;
position: relative;
}
.login-content-box .divider::before,
.login-content-box .divider::after {
content: "";
position: absolute;
top: 50%;
width: 45%;
height: 1px;
background: rgba(102, 102, 102, 1);
}
.login-content-box .divider::before {
left: 0;
}
.login-content-box .divider::after {
right: 0;
}
.login-content-box .action-btns {
margin-bottom: 20px;
}
.login-content-box .action-btns button {
width: 100%;
padding: 14px 20px;
border: 1px solid rgba(195, 195, 195, 1);
border-radius: 100px;
background: #fff;
cursor: pointer;
font-size: 15px;
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
font-family: 'Poppins';
font-weight: 500;
line-height: 22px;
color: rgba(38, 38, 38, 1);
}
.login-content-box .action-btns button:hover {
border-color: rgba(245, 193, 86, 1);
background-color: rgba(245, 193, 86, 1);
color: rgba(15, 15, 15, 1);
}
.login-content-box .signup {
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 100%;
color: rgba(32, 32, 32, 1);
text-align: center;
}
.login-content-box .signup a {
text-decoration: none;
color: rgba(32, 32, 32, 1);
font-weight: 600;
}
.login-content-box .signup a:hover {
text-decoration: underline;
}
.login-info-box {
max-width: 500px;
margin: 0 auto;
width: 100%;
}
.login-content-box .signup-sidebar .login-top-title {
margin-bottom: 20px;
}
.otp-inputs {
display: flex;
justify-content: center;
gap: 10px;
margin: 25px 0 15px;
}
.otp-inputs input {
width: 45px;
height: 50px;
text-align: center;
font-size: 20px;
border: 1px solid #ccc;
border-radius: 8px;
outline: none;
transition: 0.2s;
}
.otp-inputs input:focus {
border-color: #e53935;
box-shadow: 0 0 5px rgba(229, 57, 53, 0.4);
}
.login-content-box .login-sidebar .login-top-title.verification-title h2 {
margin-bottom: 5px;
}
.login-content-box .login-sidebar .login-top-title.verification-title p {
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 1.3;
text-align: center;
text-transform: none;
color: rgba(102, 102, 102, 1);
max-width: 350px;
width: 100%;
margin: 0 auto;
}
.verify-form .form-group p {
font-family: 'Poppins';
font-weight: 400;
font-size: 14px;
line-height: 100%;
text-align: center;
color: rgba(102, 102, 102, 1);
}
.verify-form .form-group p span {
font-weight: 500;
color: rgba(38, 165, 65, 1);
}
/* === breadcrumbs-section ==== */
.breadcrumbs-section {
padding: 200px 1rem 110px;
background-image: url(../img/bruadcum-banner.png);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
min-height: 422px;
overflow: hidden;
display: flex;
align-items: center;
position: relative;
}
.breadcum_arrow_img {
position: absolute;
top: 132px;
right: 140px;
}
.page-title {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
width: 100%;
height: auto;
gap: 15px;
}
.page-title h1 {
font-family: 'Oswald';
font-weight: 500;
font-size: 56px;
line-height: 66px;
text-align: center;
text-transform: uppercase;
color: rgba(255, 255, 255, 1);
margin-bottom: 0;
}
.breadcrumb-item,
.breadcrumb-item a {
font-family: 'Poppins';
font-weight: 500;
font-size: 18px;
line-height: 26px;
vertical-align: middle;
color: rgba(255, 255, 255, 1);
text-decoration: none;
}
.breadcrumb-item.active {
font-weight: 600;
color: #fff;
}
.breadcrumb-item a:hover {
color: rgba(233, 156, 14, 1);
}
.breadcrumb-item+.breadcrumb-item::before {
color: #fff;
}
/* ====== pagignation-box ======= */
.pagignation-box {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin-top: 20px;
}
.pagination {
justify-content: center;
flex-wrap: wrap;
gap: 0.5rem;
margin: 0;
}
.pagination .page-link {
border: 1px solid rgba(195, 195, 195, 1);
border-radius: 100px;
padding: 10px 15px;
background: transparent;
font-family: 'Montserrat';
font-weight: 600;
font-size: 15px;
line-height: 100%;
color: rgba(15, 15, 15, 1);
transition: all 0.4s ease-in-out;
}
.pagination .page-link:hover {
background: rgba(15, 15, 15, 1);
color: #fff;
border-color: rgba(15, 15, 15, 1);
}
.pagination .active > .page-link {
background: rgba(15, 15, 15, 1); /* Gold/Yellow */
color: #fff;
border-color: rgba(15, 15, 15, 1);
}
.pagination .disabled > .page-link {
opacity: 0.5;
pointer-events: none;
}
/* ========= Inner Service Page ====== */
.inner-service-section {
padding: 100px 1rem;
}
.details-img {
margin-bottom: 40px;
width: 100%;
height: 100%;
border-radius: 25px;
overflow: hidden;
}
.details-content-body h4 {
font-family: 'Inter';
font-weight: 600;
font-size: 36px;
line-height: 100%;
color: rgba(255, 255, 255, 1);
margin-bottom: 25px;
}
.details-left-content p {
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 150%;
color: rgba(255, 255, 255, 1);
margin-bottom: 20px;
}
.details-left-content p:last-child {
margin-bottom: 0;
}
.details-list-items ul {
margin: 0;
}
.details-list-items ul li {
margin-bottom: 1rem;
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 1.8;
color: rgba(255, 255, 255, 1);
}
.details-list-items ul li:last-child {
margin-bottom: 0;
}
.solution-section {
background-image: url(../img/fras_bg.png);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
padding: 100px 1rem;
height: 100%;
}
.solution-box .nav-pills .nav-link {
font-family: 'Inter';
font-weight: 600;
font-size: 24px;
line-height: 26px;
color: #FFFFFF;
background: linear-gradient(160.61deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 101.7%);
border-width: 1px 0px 1px 0px;
border-style: solid;
border-color: #FFFFFF66;
backdrop-filter: blur(35.83000183105469px);
border-radius: 15px;
margin-bottom: 15px;
padding: 17px 20px;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
width: 100%;
transition: all .4s ease-in-out;
}
.solution-box .nav-pills .nav-link.active {
background: #F5C156;
backdrop-filter: blur(35.83000183105469px);
border-color: transparent;
color: #1F2D3A;
transition: all .4s ease-in-out;
}
.solution-box .nav-pills .nav-link.active .img-icon .normal-img,
.solution-box .nav-pills .nav-link .img-icon .active-img {
display: none;
}
.solution-box .nav-pills .nav-link.active .img-icon .active-img {
display: block;
}
.solution-box .nav-pills .nav-link:last-child {
margin-bottom: 0;
}
.solution-tab-box-content h4 {
font-family: 'Inter';
font-weight: 600;
font-size: 36px;
line-height: 100%;
color: #fff;
margin-bottom: 25px;
}
.solution-tab-box-content p {
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 150%;
color: #FFFFFF;
margin-bottom: 20px;
}
.solution-list-item ul {
padding: 0 0 0 20px;
margin: 0;
}
.solution-list-item ul li {
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 1.5;
margin-bottom: 15px;
color: rgba(255, 255, 255, 1);
}
.solution-list-item ul li:last-child {
margin-bottom: 0;
}
.our-team-box .team-card .team-card-body p {
max-width: 100%;
margin-bottom: 15px;
}
.our-team-box .team-card .team-card-body p:last-child {
margin-bottom: 0;
}
.left-section-title {
margin-bottom: 20px;
}
.left-section-title h4 {
font-family: 'Oswald';
font-weight: 600;
font-size: 36px;
line-height: 120%;
text-transform: uppercase;
color: rgba(32, 32, 32, 1);
margin-bottom: 0;
}
/* .our-team-box .team-card .author-info-box {
margin-bottom: 10px;
} */
/* ==== */
.product-slider-container {
background: rgba(255, 255, 255, 1);
border: none;
border-radius: 25px;
padding: 0;
box-shadow: 0px 14px 54px 0px rgba(0, 0, 0, 0.1);
overflow: hidden;
}
.product-single-carousel.owl-carousel.owl-theme .owl-nav {
top: 45%;
justify-content: space-between;
width: 100%;
}
.product-single-carousel.owl-carousel.owl-theme .owl-nav button {
position: absolute;
background-color: #fff;
color: #000;
}
.product-single-carousel.owl-carousel.owl-theme .owl-nav button.owl-prev {
left: 10px;
right: auto;
}
.product-single-carousel.owl-carousel.owl-theme .owl-nav button.owl-next {
right: 10px;
}
.prod-thumbnail.owl-carousel.owl-theme .owl-nav.disabled {
display: none;
}
.brands-slider.owl-carousel.owl-theme .owl-nav.disabled {
display: none;
}
.prod-thumbnail .owl-dot {
border: 1px solid transparent;
border-radius: 10px;
padding: 5px;
margin-bottom: 10px;
}
.prod-thumbnail .owl-dot:last-child {
margin-bottom: 0;
}
.prod-thumbnail .owl-dot:hover,
.prod-thumbnail .owl-dot.active {
border-color: rgba(92, 225, 230, 1);
}
.prod-thumbnail .owl-dot.active img,
.prod-thumbnail img:hover {
border: none;
}
.product-slider-container:not(.container) {
position: relative;
padding-left: 1px;
padding-right: 1px
}
.product-slider-container:not(.container):hover .prod-full-screen {
opacity: 1
}
.product-slider-container:not(.container) button.owl-next:not(.disabled),
.product-slider-container:not(.container) button.owl-prev:not(.disabled) {
opacity: 1
}
@media screen and (min-width: 1680px) {
.product-center-vertical .prod-thumbnail {
width: 125px;
}
.product-center-vertical .product-slider-container {
width: calc(100% - 125px);
}
}
.product-single-gallery {
gap: 10px;
}
.prod-full-screen {
position: absolute;
right: 1rem;
bottom: 1rem;
transition: all 0.5s ease-in-out;
outline: none;
opacity: 0;
z-index: 1;
}
.product-single-gallery .prod-full-screen {
bottom: auto;
top: 1rem;
background-color: #fff;
padding: 5px;
width: 45px;
height: 45px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100px;
}
.product-single-gallery .prod-full-screen:hover {
background-color: rgba(245, 193, 86, .9);
transition: all .4s ease-in-out;
}
.prod-full-screen i {
color: #000;
font-size: 20px;
line-height: 1;
cursor: pointer
}
.product-top-title {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
width: 100%;
margin-bottom: 10px;
position: relative;
}
.product-top-title .location {
position: absolute;
right: 0;
top: 0;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 5px;
}
.product-title {
font-family: 'Inter';
font-weight: 600;
font-size: 36px;
line-height: 160%;
text-transform: capitalize;
color: rgba(255, 255, 255, 1);
margin-bottom: 0;
}
.product-order-box {
display: flex;
gap: 15px;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
width: 100%;
}
.product-item-box {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.product-item-box span {
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 125%;
text-transform: capitalize;
color: rgba(255, 255, 255, 1);
margin-bottom: 8px;
display: block;
}
.product-item-box h4 {
margin-bottom: 0;
font-family: 'Poppins';
font-weight: 700;
font-size: 24px;
line-height: 125%;
text-transform: capitalize;
color: rgba(255, 255, 255, 1);
}
.product-item-box h4 small {
font-size: 14px;
font-weight: 400;
}
.product-single-details .product-single-qty {
margin: 0;
width: auto;
}
/*
.product-single-qty, .single-quantity-box.card-box .product-single-qty {
max-width: 172px;
width: 100%;
margin: 0;
padding: 4px;
border-color: rgba(119, 148, 141, 1);
} */
.product-single-qty {
display: inline-block;
max-width: 165px;
width: 100%;
vertical-align: middle;
}
.product-single-qty .bootstrap-touchspin.input-group {
flex-wrap: nowrap;
max-width: none;
padding-right: 0;
gap: 10px;
}
.product-single-qty .bootstrap-touchspin.input-group .input-group-btn {
margin-bottom: 0;
}
.product-single-qty .bootstrap-touchspin .form-control {
width: 2.7em;
height: 38px;
padding: 10px 2px;
background: transparent;
color: #fff;
font-family: 'Poppins';
font-weight: 600;
font-size: 16px;
line-height: 100%;
text-align: center;
border-radius: 7px! important;
}
.product-single-qty .bootstrap-touchspin .form-control,
.product-single-qty .bootstrap-touchspin .form-control:not(:focus),
.product-single-qty .btn-outline:not(:disabled):not(.disabled):active {
border-color: #dae2e6;
}
.product-single-qty .btn {
border-radius: 7px;
width: 38px;
height: 38px;
padding: 12px;
display: flex;
justify-content: center;
align-items: center;
background-color: transparent;
color: #fff;
border: 1px solid rgba(195, 195, 195, 1);
}
.product-single-qty .btn:hover {
color: #000;
background-color: rgba(245, 193, 86, 1);
}
.product-single-qty .btn.btn-down-icon:hover:before,
.product-single-qty .btn.btn-down-icon:hover:after,
.product-single-qty .btn.btn-up-icon:hover:before,
.product-single-qty .btn.btn-up-icon:hover:after {
background-color: #000;
}
.product-single-qty .btn.btn-outline {
border-color: rgba(195, 195, 195, 1);
}
.product-single-qty .btn.btn-down-icon:after,
.product-single-qty .btn.btn-up-icon:before,
.product-single-qty .btn.btn-up-icon:after {
display: block;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
width: 9px;
height: 1px;
background: #fff;
content: "";
}
.product-single-qty .btn.btn-up-icon:before {
transform: rotate(90deg);
}
.product-single-qty .horizontal-quantity::-webkit-outer-spin-button, .product-single-qty .horizontal-quantity::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.produt-action-btns {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
width: 100%;
}
.produt-action-btns p {
font-family: 'Poppins';
font-weight: 600;
font-size: 12px;
line-height: 150%;
color: #fff;
margin-bottom: 0;
width: 25%;
text-align: right;
}
.produt-action-btns p span {
font-weight: 500;
}
.product-body-content p {
font-family: 'Inter';
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #fff;
margin-bottom: 20px;
}
.product-body-content p:last-child {
margin-bottom: 0;
}
.product-divider {
color: rgba(102, 102, 102, 1);
}
.product-accordion-box .accordion-item {
background-color: transparent;
border-color: rgba(102, 102, 102, 1);
}
.product-accordion-box .accordion-button {
background: transparent;
}
.product-accordion-box .accordion-item .accordion-button:focus,
.product-accordion-box .accordion-item .accordion-button {
font-family: 'Poppins';
font-weight: 500;
font-size: 20px;
line-height: 125%;
text-transform: capitalize;
color: #fff;
}
/* ======= Wizard Form ===== */
.cart-section {
padding: 100px 1rem;
}
.step-content {
background-color: transparent;
border: none;
}
.wizerd_step_content .step-content {
display: none;
}
.wizerd_step_content .step-content.active {
display: block;
animation: fadeIn 0.4s ease-in-out;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.wizard-steps {
display: flex;
justify-content: center;
position: relative;
max-width: 1120px;
width: 100%;
margin: 0 auto 80px;
}
.wizard-step {
flex: 1;
text-align: center;
position: relative;
}
.wizard-step p {
font-family: 'Poppins';
font-weight: 400;
font-size: 20px;
line-height: 100%;
text-align: center;
text-transform: capitalize;
color: rgba(102, 102, 102, 1);
}
.wizard-step.active p {
color: rgba(32, 32, 32, 1);
font-weight: 500;
}
.wizard-step .icon {
width: 80px;
height: 80px;
line-height: 1;
border-radius: 50%;
background-color: rgba(255, 255, 255, 1);
border: 1px solid rgba(102, 102, 102, 1);
font-size: 40px;
color: rgba(102, 102, 102, 1);
margin: 0 auto 10px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
position: relative;
z-index: 1;
overflow: hidden;
}
.wizard-step.active .icon .active-img,
.wizard-step .icon .normal-img {
display: block;
transition: all .4s ease-in-out;
}
.wizard-step .icon .active-img,
.wizard-step.active .icon .normal-img {
display: none;
transition: all .4s ease-in-out;
}
.wizard-step.active .icon {
border-color: rgba(228, 34, 34, 1);
background: rgba(228, 34, 34, 1);
color: #fff;
}
.wizard-step p {
margin: 0;
font-weight: 500;
}
/* Connector lines */
.wizard-step::before {
content: "";
position: absolute;
top: 40px;
left: -90px;
width: calc(100% - 100px);
height: 2px;
background: rgba(102, 102, 102, 1);
z-index: 0;
margin: 0 auto;
display: none;
}
/* Connector lines */
.wizard-step::after {
content: "";
position: absolute;
top: 40px;
right: -90px;
width: calc(100% - 100px);
height: 2px;
background: rgba(102, 102, 102, 1);
z-index: 0;
margin: 0 auto;
}
.wizard-step.active::before {
background: rgba(102, 102, 102, 1);
display: block;
}
.wizard-step:first-child::before {
display: none;
}
.wizard-step:last-child::after {
display: none;
}
.wizard-step.active::after {
background: rgba(228, 34, 34, 1);
}
.recipient-details-step,
.sender-details-step,
.package-details-step {
max-width: 810px;
width: 100%;
margin: 0 auto;
}
.form-title h5 {
font-family: 'Oswald';
font-weight: 600;
font-size: 24px;
line-height: 118%;
text-transform: uppercase;
color: rgba(32, 32, 32, 1);
margin-bottom: 0px;
}
.package-details-step .package-box {
border: 0;
border-radius: 0;
border-bottom: 1px solid rgba(195, 195, 195, 1);
}
.package-details-step .package-box:last-child {
border-bottom: 0;
}
.package-details-step .switch {
display: inline-flex;
align-items: center;
gap: 8px;
}
.package-details-step .toggle-container .toggle-label {
font-family: 'Poppins';
font-weight: 400;
font-size: 14px;
line-height: 120%;
text-align: right;
color: rgba(102, 102, 102, 1);
}
.toggle-container .toggle-label.active {
font-weight: 500;
color: rgba(32, 32, 32, 1);
}
.package-details-step .toggle-btn {
width: 45px;
height: 25px;
background-color: rgba(233, 156, 14, 1);
border-radius: 20px;
position: relative;
cursor: pointer;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.07) inset;
}
.package-details-step .toggle-btn::before {
content: "";
position: absolute;
top: 3px;
left: 3px;
width: 19px;
height: 19px;
background: rgba(32, 32, 32, 1);
border-radius: 50%;
transition: 0.3s;
}
.package-details-step .toggle-btn.active {
background-color: rgba(228, 34, 34, 1);
}
.package-details-step .toggle-btn.active::before {
transform: translateX(20px);
background: #fff;
}
.package-details-step td[contenteditable="true"]:focus {
outline: 2px solid #0d6efd;
background-color: #f8f9fa;
}
.package-box .form-label {
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 14.5px;
text-transform: capitalize;
color: rgba(32, 32, 32, 1);
margin-bottom: 12px;
display: block;
}
.package-box .form-select,
.package-box .form-control {
border-color: rgba(195, 195, 195, 1);
border-radius: 100px;
font-family: 'Poppins';
font-weight: 400;
font-size: 14px;
line-height: 1;
text-transform: capitalize;
color: rgba(102, 102, 102, 1);
padding: 14px 20px;
height: 50px;
}
.shipping-form-box .form-group .form-select:focus,
.shipping-form-box .form-group .form-control:focus,
.package-box .form-control:focus {
outline: 0;
box-shadow: none;
border-color: rgba(228, 34, 34, 1);
}
/* Order Box */
.order-box {
border: 1px solid rgba(195, 195, 195, 1);
border-radius: 20px;
padding: 20px;
background: transparent;
}
.order-box h5 {
font-family: 'Poppins';
font-weight: 600;
font-size: 24px;
line-height: 180%;
text-transform: capitalize;
color: rgba(32, 32, 32, 1);
margin-bottom: 10px;
}
.order-box h5 span {
font-family: 'Poppins';
font-weight: 500;
font-size: 14px;
line-height: 180%;
text-transform: capitalize;
color: rgba(102, 102, 102, 1);
display: block;
}
.order-box p {
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 125%;
color: rgba(32, 32, 32, 1);
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
margin-bottom: 15px;
}
.order-box ul {
margin: 0;
padding-left: 20px;
}
.order-box ul li {
font-family: 'Poppins';
font-weight: 500;
font-size: 14px;
line-height: 100%;
color: rgba(102, 102, 102, 1);
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
margin-bottom: 15px;
}
.order-box p span,
.order-box ul li span {
font-weight: 600;
color: rgba(32, 32, 32, 1);
}
.order-box hr {
border-color: rgba(195, 195, 195, 1);
width: 100%;
margin: 15px auto;
opacity: 1;
}
.order-box .total {
border-top: 1px solid rgba(195, 195, 195, 1);
padding-top: 15px;
}
.order-box .total p {
margin-bottom: 0;
}
.cart-table-list.table-bordered>:not(caption)>*>* {
border-width: 0;
}
.cart-table-list {
border-radius: 20px;
border: 1px solid rgba(195, 195, 195, 1);
border-collapse: separate;
border-spacing: 0 2px! important;
margin-bottom: 0;
overflow: hidden;
}
.cart-table-list thead {
background-color: rgba(245, 245, 245, 1);
border-color: rgba(195, 195, 195, 1);
vertical-align: middle;
}
.cart-table-list thead tr th {
font-family: 'Poppins';
font-weight: 500;
font-size: 18px;
line-height: 100%;
text-transform: capitalize;
color: rgba(32, 32, 32, 1);
padding: 12px 20px;
width: auto;
}
.cart-table-list thead tr th:first-child {
width: 10%;
}
.cart-table-list tr:last-child td {
border-bottom: 0;
}
.cart-table-list tbody {
vertical-align: top;
}
.cart-table-list tbody tr td {
padding: 20px;
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 135%;
color: rgba(102, 102, 102, 1);
}
.cart-table-list tbody tr td input:read-only {
border: none;
padding: 0;
height: auto;
margin: 0;
}
.cart-table-list tbody tr td input:focus,
.cart-table-list tbody tr td input {
background-color: transparent;
border: 1px solid rgba(195, 195, 195, 1);
padding: 10px;
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 135%;
color: #fff;
box-shadow: none;
outline: 0;
}
.cart-table-list tbody tr td p {
white-space: normal;
word-break: break-all;
margin-bottom: 0;
max-width: 400px;
width: 100%;
}
.cart-table-list tbody tr td .action-btns .btn {
height: auto;
}
.cart-action-btns {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
margin-top: 16px;
}
.cart-action-btns .btn:focus,
.cart-action-btns .btn {
max-width: 180px;
width: 100%;
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 100%;
text-align: center;
text-transform: capitalize;
color: rgba(32, 32, 32, 1);
padding: 15px;
transition: all .4s ease-in-out;
}
.cart-action-btns .btn.upcomming-btn {
color: #fff;
}
.cart-action-btns .btn.upcomming-btn:active,
.cart-action-btns .btn.upcomming-btn:hover,
.cart-action-btns .btn.outline-btn:hover {
color: #000000;
transition: all .4s ease-in-out;
}
.form-check label {
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 100%;
text-transform: capitalize;
color: rgba(32, 32, 32, 1);
margin-bottom: 0px;
}
/*
select.form-control:not([size]):not([multiple]) {
height: auto;
}
select.form-control-sm:not([size]):not([multiple]) {
padding: 0;
padding-left: 1.2rem;
height: 3.7rem;
font-size: 1.4rem;
letter-spacing: -0.013em
} */
.form-control::placeholder {
font-family: 'Poppins', sans-serif;
color: rgba(102, 102, 102, 1)! important;
opacity: 1! important;
font-weight: 400;
}
.form-control:read-only::placeholder {
color: rgba(32, 32, 32, 1)! important;
opacity: 1! important;
}
textarea.form-control {
padding-top: 0.8rem;
min-height: 151px;
border-color: #ebebeb
}
.shipping-form-box .col .form-group {
margin-bottom: 25px;
}
.shipping-form-box .col:last-child .form-group {
margin-bottom: 0;
}
.shipping-form-box .form-group h4 {
font-family: 'Poppins';
font-weight: 600;
font-size: 20px;
line-height: 118%;
text-transform: capitalize;
color: rgba(32, 32, 32, 1);
margin-bottom: 20px;
}
.shipping-form-box .form-group label {
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 14.5px;
text-transform: capitalize;
color: rgba(32, 32, 32, 1);
margin-bottom: 12px;
}
.upload-box {
border: 1px solid #444;
border-radius: 12px;
padding: 40px 20px;
text-align: center;
background: #111;
cursor: pointer;
transition: border-color 0.3s ease;
}
.upload-box.dragover {
border-color: rgba(255, 255, 255, 0.4); /* bootstrap info color */
}
.shipping-form-box .form-group .upload-box .outline-btn:hover {
color: #000;
}
.formats {
font-size: 14px;
color: #aaa;
margin-top: 15px;
}
/* Thumbnail preview box */
.preview-item {
position: relative;
width: 120px;
height: 120px;
border: 1px solid #444;
border-radius: 8px;
background: #222;
margin: 10px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.preview-item img {
max-width: 100%;
max-height: 100%;
object-fit: cover;
}
.remove-btn {
position: absolute;
top: 5px;
right: 5px;
background: rgba(0, 0, 0, 0.7);
border: none;
color: #fff;
border-radius: 50%;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 14px;
line-height: 1;
}
.file-info {
font-size: 12px;
color: #ccc;
text-align: center;
margin-top: 5px;
word-wrap: break-word;
max-width: 120px;
}
.form-radio-box .form-check label {
margin-bottom: 0;
}
/* .shipping-form-box .form-group .form-select {
background-image: url("data:image/svg+xml,");
} */
.shipping-form-box .form-group .form-select,
.shipping-form-box .form-group .form-control {
width: 100%;
padding: 14px 20px;
font-family: 'Poppins';
font-weight: 400;
font-size: 14px;
line-height: 1.2;
text-transform: capitalize;
color: rgba(102, 102, 102, 1);
background-color: rgba(255, 255, 255, 1);
border-color: rgba(195, 195, 195, 1);
border-radius: 100px;
height: 50px;
}
.shipping-form-box .form-group input[type="date"] {
padding-left: 40px;
}
.form-group input[type="date"]::-webkit-calendar-picker-indicator {
opacity: 0;
cursor: pointer;
position: absolute;
right: 0;
width: 100%;
}
.shipping-form-box .form-group .form-control:read-only {
background-color: rgba(245, 245, 245, 1);
cursor: not-allowed;
opacity: 1;
border-color: rgba(195, 195, 195, 1);
}
.form-radio-box {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 20px;
width: 100%;
height: 100%;
}
.shiping-info .form-check-input {
margin-top: 0;
}
.form-radio-box .form-check {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 5px;
margin-bottom: 0;
}
.form-radio-box .form-check-input {
margin-top: 0;
}
.shiping-info .form-check-label {
font-family: 'Poppins';
font-weight: 500;
font-size: 14px;
line-height: 100%;
color: #fff;
display: flex;
justify-content: space-between;
align-items: center;
}
.breaking {
display: block;
width: 100%;
margin: 10px 0;
}
.shiping-info .form-check-label span {
color: rgba(32, 32, 32, 1);
font-weight: 600;
}
.shiping-info {
margin-bottom: 20px;
}
.shiping-info .form-check {
margin-bottom: 15px;
}
.shiping-info .form-check:last-child {
margin-bottom: 0;
}
/* .offer-modal .modal-dialog {
max-width: 620px;
width: 100%;
}
.offer-modal .modal-dialog .modal-content {
border-radius: 20px;
border-color: rgba(224, 224, 224, 1);
}
.offer-modal .modal-dialog .modal-header {
background-color: rgba(245, 245, 245, 1);
border-bottom: 1px solid rgba(228, 228, 228, 1);
border-radius: 20px 20px 0 0;
padding: 17px 30px;
height: auto;
}
.offer-modal .modal-dialog .modal-header h4 {
font-family: 'Poppins';
font-weight: 600;
font-size: 24px;
line-height: 1.2;
text-transform: capitalize;
color: rgba(32, 32, 32, 1);
}
.offer-modal .close-btn {
border: none;
background-color: transparent;
padding: 0;
font-size: 24px;
font-weight: 700;
}
.offer-modal .modal-body {
padding: 20px 30px;
}
.offer-title {
margin-bottom: 20px;
}
.offer-body-content h4 {
font-family: 'Poppins';
font-weight: 500;
font-size: 20px;
line-height: 170%;
text-align: center;
text-transform: uppercase;
color: rgba(32, 32, 32, 1);
margin-bottom: 0;
} */
.offer-body-content h4 span {
font-weight: 600;
}
.offer-body-content small {
font-family: 'Poppins';
font-weight: 500;
font-size: 14px;
line-height: 1;
text-align: center;
color: rgba(102, 102, 102, 1);
display: block;
}
.offer-form .form-group label {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
gap: 1rem;
margin-bottom: 15px;
}
.offer-form .form-group .form-control {
background: linear-gradient(160.61deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 101.7%);
border: 1px solid rgba(255, 255, 255, 0.4);
backdrop-filter: blur(35.83000183105469px);
color: #fff;
}
.offer-form .form-group textarea.form-control {
border-radius: 20px;
}
.offer-info {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 10px;
width: 80%;
}
.offer-info p {
margin-bottom: 0;
font-family: 'Poppins';
font-weight: 500;
font-size: 12px;
line-height: 170%;
text-align: right;
text-transform: uppercase;
color: rgba(102, 102, 102, 1);
}
.offer-info p span {
font-weight: 600;
}
.offer-action-btns {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
width: 100%;
}
.offer-action-btns button {
border-radius: 100px;
background: linear-gradient(160.61deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 101.7%);
border: 1px solid rgba(255, 255, 255, 0.4);
backdrop-filter: blur(35.83000183105469px);
max-width: 180px;
width: 100%;
font-family: 'Poppins';
font-weight: 500;
font-size: 18px;
line-height: 100%;
text-align: center;
text-transform: uppercase;
color: rgba(255, 255, 255, 1);
padding: 15px 20px;
}
.offer-form .form-group .form-label span {
font-family: 'Poppins';
font-weight: 500;
font-size: 14px;
line-height: 14.5px;
text-transform: capitalize;
color: rgba(102, 102, 102, 1);
}
.offer-form .action-btns .buy-btn {
padding: 15px 20px;
max-width: 100%;
font-family: 'Poppins';
font-weight: 500;
font-size: 20px;
line-height: 100%;
text-align: center;
color: rgba(255, 255, 255, 1);
margin-bottom: 10px;
}
.offer_support a {
font-family: 'Poppins';
font-weight: 500;
font-size: 14px;
line-height: 170%;
text-align: center;
text-decoration: underline;
color: rgba(32, 32, 32, 1);
display: inline-block;
}
.offer-body-table {
border: 1px solid rgba(195, 195, 195, 1);
border-radius: 10px;
padding: 0 0 5px;
}
.offer-table-header {
padding: 15px 20px;
border-bottom: 1px solid rgba(195, 195, 195, 1);
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
width: 100%;
}
.offer-table-header h4 {
font-family: 'Poppins';
font-weight: 500;
font-size: 18px;
line-height: 100%;
text-transform: capitalize;
margin-bottom: 0;
color: rgba(32, 32, 32, 1);
}
.offer-bid-list {
padding: 15px 30px 15px 20px;
height: 350px;
overflow-y: auto;
}
.offer-bid-list ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
align-items: flex-start;
justify-content: flex-start;
}
.offer-bid-list ul li {
font-family: 'Poppins';
font-weight: 600;
font-size: 20px;
line-height: 125%;
color: rgba(32, 32, 32, 1);
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
gap: 15px;
}
.offer-bid-list ul li span {
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 125%;
color: rgba(102, 102, 102, 1);
}
.payment-box {
background: #1b1b26;
border-radius: 12px;
padding: 10px 5px;
margin-bottom: 15px;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
transition: all 0.3s ease;
width: 100%;
}
.payment-box:hover {
background: #242434;
}
.payment-box input[type="radio"] {
accent-color: #ffbf36;
width: 18px;
height: 18px;
margin-right: 10px;
cursor: pointer;
}
.payment-info {
flex-grow: 1;
}
.payment-info small {
color: #aaa;
}
.card-logo img {
width: 50px;
height: auto;
}
.btn-custom {
background: transparent;
border: 1px solid #ffbf36;
color: #ffbf36;
border-radius: 50px;
padding: 8px 20px;
font-weight: 500;
transition: all 0.3s ease;
}
.btn-custom:hover {
background: #ffbf36;
color: #000;
}
/* ======= THank you ===== */
.thank-you-section {
padding: 100px 1rem;
width: 100%;
height: 100%;
}
.thank-you-content {
max-width: 540px;
margin: 0 auto;
width: 100%;
}
.thank-you-content img {
max-width: 84px;
width: 100%;
margin-bottom: 10px;
}
.thank-you-details {
margin-bottom: 40px;
}
.thank-you-details h1 {
font-family: 'Poppins';
font-weight: 600;
font-size: 45px;
line-height: 180%;
text-align: center;
text-transform: capitalize;
color: rgba(32, 32, 32, 1);
margin-bottom: 0;
}
.thank-you-details span {
font-family: 'Poppins';
font-weight: 500;
font-size: 20px;
line-height: 180%;
text-align: center;
text-transform: capitalize;
color: rgba(102, 102, 102, 1);
display: block;
margin-bottom: 15px;
}
.thank-you-details p {
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 150%;
text-align: center;
color: rgba(102, 102, 102, 1);
}
.order-overview {
max-width: 100%;
width: 100%;
margin: 0 auto;
background-color:rgba(245, 245, 245, 1);
border-width: 1px;
border-style: solid;
border-color: rgba(195, 195, 195, 1);
padding: 20px;
border-radius: 20px;
}
.order-overview h5 {
font-family: 'Poppins';
font-weight: 600;
font-size: 24px;
line-height: 1.2;
text-transform: capitalize;
color: rgba(32, 32, 32, 1);
margin-bottom: 15px;
text-align: left;
}
.order-overview ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
width: 100%;
gap: 20px;
}
.order-overview ul li {
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 125%;
color: rgba(32, 32, 32, 1);
display: flex;
justify-content: space-between;
align-items: center;
gap: 15px;
width: 100%;
}
.thank-you-footer {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
max-width: 100%;
width: 100%;
margin: 20px auto 0;
}
.thank-you-footer .btn {
max-width: 265px;
width: 100%;
border-radius: 100px;
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 100%;
text-align: center;
color: rgba(15, 15, 15, 1);
padding: 15px 20px;
border-color: rgba(15, 15, 15, 1);
}
.thank-you-footer .btn.upcomming-btn {
color: rgba(255, 255, 255, 1);
border-color: transparent;
}
/* .login-box .dropdown-menu {
display: none;
margin-top: 10px;
opacity: 0;
visibility: hidden;
transition: all 0.2s ease-in-out;
} */
.login-box.dropdown .dropdown-menu {
display: block; /* Bootstrap needs it for positioning */
opacity: 0;
visibility: hidden;
background: rgba(255, 255, 255, 1);
border-radius: 10px;
padding: 0;
border: 1px solid rgba(195, 195, 195, 1);
min-width: 290px;
transform: translateY(30px);
transition: all 0.25s ease;
pointer-events: none;
overflow: hidden;
box-shadow: 10px -6px 34px 0px rgba(0, 0, 0, 0.11);
}
.login-box.dropdown:hover .dropdown-menu {
display: block;
margin-top: 0;
opacity: 1;
visibility: visible;
transform: translateY(10px);
pointer-events: auto;
}
.login-box .dropdown-menu {
transition-delay: 0s;
}
.login-box:hover .dropdown-menu {
transition-delay: 0.1s;
}
.login-box.dropdown:hover .dropdown-toggle::after {
border-top: 0;
border-bottom: 0.3em solid;
}
.login-box.dropdown-toggle.show::after {
border-top: 0;
border-bottom: 0.3em solid;
}
/* .login-box .dropdown-menu {
background: rgba(23, 24, 33, 1);
border-radius: 12px;
padding: 10px 0;
border: none;
min-width: 290px;
} */
.login-box .dropdown-menu li {
border-bottom: 1px solid rgba(195, 195, 195, .3);
}
.login-box .dropdown-menu li:last-child {
border-bottom: 0;
}
.login-box .dropdown-menu a:focus,
.login-box .dropdown-menu a {
color: rgba(32, 32, 32, 1);
background-color: transparent;
display: flex;
align-items: center;
padding: 10px 20px;
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 125%;
text-transform: capitalize;
gap: 10px;
transition: all .4s ease-in-out;
}
.login-box .dropdown-menu a span small {
font-size: 12px;
}
.login-box .dropdown-menu a.active,
.login-box .dropdown-menu a:hover {
color: rgba(228, 34, 34, 1);
transition: all .4s ease-in-out;
}
.login-box .profile-toggle.show::after{
transform: rotate(180deg);
transition: all .4s ease-in-out;
}
.login-box .dropdown-toggle::after {
transition: all .4s ease-in-out;
}
.login-box .profile-img {
width: 35px;
height: 35px;
border-radius: 50%;
object-fit: cover;
margin-right: 8px;
}
.login-box .profile-toggle {
display: flex;
align-items: center;
color: #000;
font-weight: 500;
cursor: pointer;
text-decoration: none;
}
.login-box .profile-toggle:hover {
color: rgba(233, 156, 14, 1);
}
/* ==== DashBoard ==== */
/* .dashboard-page {
padding: 115px 1rem 0px;
background-image: url(../img/hero-banner.png);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
} */
.dashboard-section {
padding: 100px 1rem;
}
.store-top-section {
margin-bottom: 30px;
}
.dashboard-tab-box .nav-pills {
background: transparent;
border: 1px solid rgba(233, 156, 14, 1);
border-radius: 100px;
max-width: max-content;
width: 100%;
margin: 0 auto;
overflow: hidden;
flex-wrap: nowrap;
justify-content: space-between;
}
.dashboard-tab-box .nav-pills .nav-item {
border-right: 1px solid rgba(233, 156, 14, 1);
}
.dashboard-tab-box .nav-pills .nav-item:last-child {
border-right: 0;
}
.dashboard-tab-box .nav-pills .nav-item .nav-link {
padding: 13px 25px;
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 100%;
text-align: center;
color: rgba(233, 156, 14, 1);
border-radius: 0;
}
.dashboard-tab-box .nav-pills .nav-item:first-child .nav-link {
border-radius: 100px 0 0 100px;
}
.dashboard-tab-box .nav-pills .nav-item:last-child .nav-link {
border-radius: 0 100px 100px 0;
}
.dashboard-tab-box .nav-pills .nav-item .nav-link.active {
background-color: rgba(245, 193, 86, 1);
color: rgba(31, 45, 58, 1);
}
.dashboard-card {
background: transparent;
border-width: 1px;
border-style: solid;
border-color: rgba(195, 195, 195, 1);
border-radius: 10px;
width: 100%;
height: 100%;
padding: 20px 25px;
}
.dashboard-card-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 1rem;
width: 100%;
}
.dashboard-card-header p {
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 100%;
text-transform: uppercase;
color: rgba(255, 255, 255, 1);
margin-bottom: 0;
}
.dashboard-card-img {
max-width: 150px;
height: 150px;
border-radius: 10px;
overflow: hidden;
margin: 0 auto;
}
.dashboard-card-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.rating-tag {
background-color: rgba(59, 153, 0, 0.1);
display: flex;
border: 0.5px solid rgba(59, 153, 0, 0.5);
justify-content: center;
align-items: center;
gap: 5px;
border-radius: 100px;
padding: 3px 10px;
font-family: 'Poppins';
font-weight: 600;
font-size: 12px;
line-height: 140%;
color: rgba(59, 153, 0, 1);
}
.body-title {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
width: 100%;
margin-bottom: 6px;
}
.body-title h3 {
font-family: 'Poppins';
font-weight: 600;
font-size: 48px;
line-height: 100%;
text-transform: uppercase;
color: rgba(255, 255, 255, 1);
margin-bottom: 0;
}
.dashboard-card-body p {
font-family: 'Poppins';
font-weight: 500;
font-size: 12px;
line-height: 100%;
text-transform: capitalize;
color: rgba(255, 255, 255, 1);
margin-bottom: 0;
}
.dashboard-card-header h4 {
font-family: 'Poppins';
font-weight: 500;
font-style: Medium;
font-size: 22px;
line-height: 20px;
letter-spacing: 0%;
color: rgba(32, 32, 32, 1);
margin-bottom: 0;
}
.dashboard-card-header a span {
background: linear-gradient(160.61deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 101.7%);
border-width: 1px 0px 1px 0px;
border-style: solid;
border-color: rgba(255, 255, 255, 0.3);
backdrop-filter: blur(35.83000183105469px);
border-radius: 10px;
width: 38px;
height: 38px;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
line-height: 1;
color: #fff;
}
.dashboard-card-header a.view-btn {
display: flex;
justify-content: center;
align-items: center;
color: rgba(15, 15, 15, 1);
padding: 0;
position: static;
border-radius: 8px;
width: 36px;
height: 36px;
border: 1px solid rgba(195, 195, 195, 1);
}
.dashboard-card-header a.view-btn:active,
.dashboard-card-header a.view-btn:hover {
color: rgba(245, 193, 86, 1);
border-color: rgba(245, 193, 86, 1);
}
.table.dataTable {
border-spacing: 0 7px! important;
border-collapse: separate! important;
margin-top: 0! important;
margin-bottom: 0! important;
border-top: 0! important;
padding: 0;
background-color: transparent;
border: 1px solid rgba(228, 228, 228, 1);
border-radius: 20px;
}
.pipline-stage-list .table-responsive {
height: 300px;
}
.pipline-stage-list table tr th:first-child,
.pipline-stage-list table tr td:first-child {
text-align: left;
}
.pipline-stage-list table tr th:last-child,
.pipline-stage-list table tr td:last-child {
text-align: right;
}
/*
.chat-table thead tr th {
width: auto! important;
} */
.chat-table thead {
background: rgba(245, 245, 245, 1);
border-width: 1px;
border-style: solid;
border-color: rgba(195, 195, 195, 1);
height: auto;
border-radius: 10px;
vertical-align: middle;
}
.chat-table tbody tr th,
.chat-table tbody tr td {
border-width: 1px 0px 1px 0px;
border-style: solid;
border-color: rgba(195, 195, 195, 1);
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 140%;
text-transform: capitalize;
color: rgba(102, 102, 102, 1);
padding: 10px 20px;
}
.chat-table tbody tr td p {
white-space: normal;
word-break: break-all;
margin-bottom: 0;
max-width: 260px;
width: 100%;
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 140%;
text-transform: capitalize;
color: rgba(102, 102, 102, 1);
}
.chat-table tbody tr td .action-btns {
margin-top: 0;
}
.chat-table tbody tr td .rating-tag {
padding: 6px 20px;
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 100%;
text-align: center;
text-transform: capitalize;
color: rgba(38, 165, 65, 1);
}
.chat-table tbody tr td .rating-tag.track {
color: rgba(233, 156, 14, 1);
border-color: rgba(233, 156, 14, 1);
}
.assets_table_list.chat-table thead tr th,
.assets_table_list.chat-table tbody tr td {
padding: 14px 20px;
}
.chat-table tbody tr th:first-child,
.chat-table tbody tr td:first-child {
border-radius: 10px 0 0 10px;
text-align: left;
border-left: 1px solid rgba(195, 195, 195, 1)! important;
}
.chat-table tbody tr td:last-child {
border-radius: 0 10px 10px 0;
text-align: right;
border-right: 1px solid rgba(195, 195, 195, 1)! important;
}
.chat-table thead tr th {
border-width: 1px 0px 1px 0px;
border-style: solid;
border-color: rgba(195, 195, 195, 1);
border-left-color: transparent! important;
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 100%;
text-transform: capitalize;
color: rgba(32, 32, 32, 1);
padding: 10px 20px;
}
.chat-list-right-box .chat-table tbody tr td {
font-weight: 500;
}
.chat-table thead,
.chat-table tbody {
vertical-align: middle;
}
.chat-table tbody tr td:first-child,
.chat-table thead tr th:first-child {
border-left: 1px solid rgba(195, 195, 195, 1)! important;
}
.chat-table thead tr th:last-child {
cursor: default! important;
border-radius: 0 10px 10px 0;
border-right-width: 1px;
}
.chat-table thead tr th:first-child {
cursor: default! important;
border-radius: 10px 0 0 10px;
text-align: left;
border-left-width: 1px;
}
.status-box {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 6px;
width: 100%;
color: rgba(255, 107, 107, 1);
font-family: 'Poppins';
font-weight: 500;
font-size: 14px;
line-height: 100%;
text-transform: capitalize;
}
.status-box.active {
color: rgba(59, 153, 0, 1);
}
.chart-pie-donut .apexcharts-datalabel-label {
font-family: 'Poppins';
font-size: 14px;
font-weight: 400;
line-height: 18.5px;
text-align: center;
margin: 0;
color: rgba(255, 255, 255, 1);
fill: rgba(255, 255, 255, 1);
}
.chart-pie-donut .apexcharts-datalabel-value {
font-family: 'Poppins';
font-size: 28px;
font-weight: 600;
line-height: 33.92px;
text-align: center;
color: rgba(255, 255, 255, 1);
fill: rgba(255, 255, 255, 1);
display: block;
}
.apexcharts-legend-text {
font-family: 'Poppins';
font-weight: 500! important;
font-size: 16px! important;
line-height: 18px! important;
text-transform: capitalize! important;
color: rgba(255, 255, 255, 1)! important;
}
.apexcharts-legend-series {
margin-bottom: 15px! important;
display: inline-flex;
align-items: center;
}
.apexcharts-datalabel {
font-family: 'Poppins';
font-size: 14px;
font-weight: 500;
line-height: 1;
text-align: center;
color: rgba(255, 255, 255, 1);
fill: rgba(255, 255, 255, 1);
}
.apexcharts-xaxis-label,
.apexcharts-yaxis-label,
.apexcharts-yaxis-title-text,
.apexcharts-xaxis-title-text {
font-family: 'Poppins';
font-size: 14px;
font-weight: 400;
line-height: 21px;
letter-spacing: 0.01em;
text-align: center;
color: rgba(255, 255, 255, 1);
fill: rgba(255, 255, 255, 1);
}
.dashboard-card-header .left-box {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 20px;
width: 100%;
}
.dashboard-card-header .right-box {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 10px;
width: 100%;
}
.search-bar .input-group {
border: 1px solid rgba(195, 195, 195, 1);
border-radius: 100px;
padding: 6px 20px;
}
.search-bar .input-group .btn {
color: rgba(32, 32, 32, 1);
padding: 0 10px 0 0;
}
.search-bar .input-group .form-control:focus,
.search-bar .input-group .form-control {
background: transparent;
border: none;
padding: 0;
font-family: 'Montserrat';
font-weight: 500;
font-size: 14px;
line-height: 1.2;
color: rgba(102, 102, 102, 1);
outline: 0;
box-shadow: none;
}
.filter-btn {
background: transparent;
border-radius: 100px;
padding: 11px 20px;
border: 1px solid rgba(195, 195, 195, 1);
font-family: 'Poppins';
font-weight: 500;
font-size: 14px;
line-height: 1;
color: rgba(32, 32, 32, 1);
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
}
.btn.filter-btn:active,
.filter-btn:hover {
color: rgba(245, 193, 86, 1);
border-color: rgba(245, 193, 86, 1);
}
.form-material .form-group {
overflow: hidden; }
.form-material .form-control {
background-color: transparent;
background-position: bottom;
background-repeat: no-repeat;
background-size: 0 2px, 100% 1px;
padding: 0;
transition: background 0s ease-out 0s;
height: calc(2.25rem + 2px);
}
.form-material .form-control,
.form-material .form-control.focus,
.form-material .form-control:focus {
background-image: linear-gradient(rgba(245, 193, 86, 1), rgba(245, 193, 86, 1)), linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));
background-repeat: no-repeat;
border: 0 none;
border-radius: 0;
box-shadow: none !important;
float: none;
background-position: bottom;
font-family: 'Poppins';
font-weight: 500;
font-size: 14px;
line-height: 1;
color: #fff;
}
.form-material .form-control.focus,
.form-material .form-control:focus {
background-size: 100% 2px, 100% 1px;
outline: 0 none;
transition-duration: 0.3s; }
.form-control-line .form-group {
overflow: hidden; }
.form-control-line.form-control {
border: 0px;
border-radius: 0px;
background-color: transparent;
padding-left: 0px;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.form-material .form-control-line.form-control.form-select:focus,
.form-material .form-control.form-select {
background-image: url("data:image/svg+xml,")! important;
background-color: #111111;
background-position: 99% center;
background-repeat: no-repeat;
background-size: 16px;
border-bottom: 2px solid rgba(255, 255, 255, 0.4)! important;
border-radius: 0;
font-family: 'Poppins';
font-weight: 500;
font-size: 14px;
line-height: 1;
color: #fff;
padding: 5px 0;
box-shadow: none;
outline: 0;
height: calc(2.25rem + 2px)! important;
}
.form-material textarea.form-control {
min-height: calc(1.5em + .75rem + 2px);
}
.profiletimeline {
position: relative;
padding-left: 40px;
margin: 10px 10px 0 30px;
border-left: 1px solid #e9ecef; }
.profiletimeline .sl-left {
display: flex;
margin-left: -60px;
z-index: 1;
margin-right: 15px; }
.profiletimeline .sl-left img {
max-width: 40px; }
.profiletimeline .sl-item {
margin-top: 8px;
margin-bottom: 30px; }
.profiletimeline .sl-date {
font-size: 12px;
color: #99abb4; }
.profiletimeline .sl-right a {
font-family: 'Poppins';
font-weight: 600;
font-size: 16px;
line-height: 1;
color: rgba(245, 193, 86, 1);
text-decoration: none;
}
.profiletimeline .sl-right a:hover {
color: rgba(92, 225, 230, 1);
text-decoration: underline;
}
.profiletimeline .sl-right a.btn:hover {
color: #000;
text-decoration: none;
}
/* ======= Notification ========= */
.notification-box .accordion-item {
background: transparent;
border-width: 0 0 1px 0;
backdrop-filter: none;
border-radius: 0! important;
margin-bottom: 0;
padding: 20px;
}
.notification-box .accordion-button p {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
margin-bottom: 0;
}
.notification-box .accordion-button p span {
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 1.2;
color: rgba(255, 255, 255, 0.7);
display: block;
margin-top: 5px;
}
/*
.invoice-box h2 {
font-family: 'Oswald';
font-weight: 600;
font-size: 24px;
line-height: 32px;
text-decoration: none;
color: rgba(32, 32, 32, 1);
}
address {
font-family: 'Poppins';
color: #111;
}
.invoice-box h2 span {
color: rgba(245, 193, 86, 1);
} */
.notify-msg.unread-msg a {
color: rgba(255, 255, 255, 1);
}
.notify-msg a:hover {
text-decoration: underline;
}
.notify-msg span {
font-family: 'Poppins';
font-weight: 400;
font-size: 20px;
line-height: 28px;
color: rgba(255, 255, 255, 0.7);
}
.notify-msg.unread-msg ~ .unread {
font-size: 12px;
line-height: 1;
color: rgba(245, 193, 86, 1);
padding-right: 20px;
display: block;
}
.notify-msg ~ .unread {
display: none;
}
.setting-card-box {
padding: 25px 30px;
text-decoration: none;
transition: all .4s ease-in-out;
}
.setting-card-box .setting-card-img {
max-width: 50px;
width: 100%;
height: auto;
font-size: 40px;
line-height: 1;
color: rgba(92, 225, 230, 1);
transition: all .4s ease-in-out;
}
.setting-box > .row > .col:nth-child(even) .setting-card-box .setting-card-img,
.setting-box > .row > .col:nth-child(even) .setting-card-box .setting-card-img {
color: rgba(245, 193, 86, 1);
transition: all .4s ease-in-out;
}
.setting-card-box:hover {
background: rgba(245, 193, 86, 1);
color: #000;
transition: all .4s ease-in-out;
}
.setting-card-box:hover .setting-card-img {
color: #000! important;
transition: all .4s ease-in-out;
}
.setting-card-box:hover .setting-card-body h4,
.setting-card-box:hover .setting-card-body p {
color: #000;
transition: all .4s ease-in-out;
}
.setting-card-body h4 {
font-family: 'Poppins';
font-weight: 700;
font-size: 24px;
line-height: 32px;
text-transform: capitalize;
color: rgba(255, 255, 255, 1);
transition: all .4s ease-in-out;
}
.setting-card-body p {
margin-bottom: 0;
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: rgba(255, 255, 255, 1);
transition: all .4s ease-in-out;
}
.setting-box .search-bar {
max-width: 960px;
width: 100%;
margin: 0 auto 40px;
}
.setting-box .search-bar .input-group {
padding: 12px 20px;
border-width: 1px 0px 1px 0px;
border-style: solid;
border-color: rgba(255, 255, 255, 0.3);
backdrop-filter: blur(35.83000183105469px);
}
.support-box {
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 40px;
flex-direction: column;
width: 100%;
height: 100%;
max-width: 1364px;
margin: 0 auto;
}
.support-box .section-title h3 {
text-align: left;
text-transform: capitalize;
}
.support-contact-box {
background: linear-gradient(160.61deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 101.7%);
border-top: 1px solid rgba(255, 255, 255, 0.4);
backdrop-filter: blur(35.83000183105469px);
border-radius: 20px;
padding: 40px;
width: 100%;
}
.support-form .form-group {
margin-bottom: 20px;
}
.support-form >.row >.col-12:last-child .form-group {
margin-bottom: 0;
}
.support-form .form-group label {
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 1;
text-transform: capitalize;
color: rgba(255, 255, 255, 1);
margin-bottom: 1rem;
display: block;
}
.support-form .form-control {
background: linear-gradient(160.61deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 101.7%);
border-width: 1px 0px 0 0px;
border-style: solid;
border-color: rgba(255, 255, 255, 0.3);
backdrop-filter: blur(35.83000183105469px);
border-radius: 100px;
padding: 15px 20px;
font-family: 'Poppins';
font-weight: 500;
font-size: 14px;
line-height: 14.5px;
text-transform: capitalize;
color: #fff;
}
.support-form textarea.form-control {
border-radius: 12px;
}
.support-location-box {
background: linear-gradient(160.61deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 101.7%);
border-top: 1px solid rgba(255, 255, 255, 0.4);
backdrop-filter: blur(35.83000183105469px);
border-radius: 20px;
padding: 30px;
}
.support-location-box .location-info {
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 10px;
width: 100%;
border-bottom: 1px solid rgba(214, 216, 217, 1);
padding-bottom: 1rem;
margin-bottom: 1rem;
}
.support-location-box .location-info:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.support-location-box .location-info span {
font-size: 1rem;
line-height: 1;
}
.support-location-box .location-info .location-details h5 {
font-family: 'Inter';
font-weight: 600;
font-size: 20px;
line-height: 20px;
color: #fff;
}
.support-location-box .location-info .location-details p {
font-family: 'Inter';
font-weight: 400;
font-size: 1rem;
line-height: 1.5;
color: #fff;
max-width: 220px;
width: 100%;
margin-bottom: 0;
}
.wallet_box {
max-width: 1088px;
width: 100%;
margin: 0 auto;
}
.wallet_box .wallet-info {
background: linear-gradient(160.61deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 101.7%);
border-top: 1px solid rgba(255, 255, 255, 0.4);
backdrop-filter: blur(35.83000183105469px);
border-radius: 20px;
padding: 40px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
width: 100%;
margin-bottom: 40px;
}
.wallet-left {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 1rem;
}
.wallet-left .wallet-body h4 {
font-family: 'Poppins';
font-weight: 700;
font-size: 50px;
line-height: 1;
text-transform: uppercase;
color: rgba(255, 255, 255, 1);
margin-bottom: 0;
}
.wallet-left .wallet-body h6 {
font-family: 'Poppins';
font-weight: 600;
font-size: 22px;
line-height: 1;
text-transform: uppercase;
color: rgba(255, 255, 255, 1);
margin-bottom: 0;
}
.transactions_history_box h4 {
font-family: 'Poppins';
font-weight: 700;
font-size: 24px;
line-height: 1;
text-transform: capitalize;
color: rgba(255, 255, 255, 1);
margin-bottom: 1rem;
}
.wallet-modal .modal-dialog {
max-width: 620px;
width: 100%;
}
.wallet-modal .modal-content {
border-radius: 20px;
background: linear-gradient(160.61deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 101.7%);
border-top: 1px solid rgba(255, 255, 255, 0.4);
backdrop-filter: blur(35.83000183105469px);
}
.wallet-modal .modal-header {
background: rgba(245, 193, 86, 1);
border-top: 1px solid rgba(0, 0, 0, 1);
backdrop-filter: blur(35.83000183105469px);
border-radius: 20px 20px 0 0;
padding: 20px 30px;
border-bottom: 0;
}
.wallet-modal .modal-header .modal-title {
font-family: 'Poppins';
font-weight: 600;
font-size: 24px;
line-height: 100%;
text-transform: capitalize;
color: rgba(0, 0, 0, 1);
margin-bottom: 0;
}
.wallet-modal .modal-header .btn-close {
opacity: 1;
}
.offer-title {
margin-bottom: 1rem;
}
.offer-title h4 {
font-family: 'Poppins';
font-weight: 700;
font-style: Bold;
font-size: 24px;
line-height: 1.2;
text-align: center;
text-transform: uppercase;
color: rgba(255, 255, 255, 1);
margin-bottom: 0;
}
.offer-title small {
font-family: 'Poppins';
font-weight: 500;
font-size: 14px;
line-height: 1.2;
text-align: center;
text-transform: uppercase;
color: rgba(255, 255, 255, 1);
}
.offer-info p {
font-family: 'Poppins';
font-weight: 500;
font-size: 12px;
line-height: 170%;
text-align: right;
text-transform: capitalize;
color: rgba(255, 255, 255, 1);
margin-bottom: 0;
}
.card-option {
display: flex;
align-items: center;
padding: 12px;
border-radius: 10px;
margin-bottom: 10px;
cursor: pointer;
transition: 0.3s;
background: linear-gradient(160.61deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 101.7%);
border-top: 1px solid rgba(255, 255, 255, 0.4);
backdrop-filter: blur(35.83000183105469px);
}
.card-option:hover {
background: #333;
}
.card-option input[type="radio"] {
margin-left: auto;
accent-color: #f4b400;
}
/* Optional: highlight when selected */
.card-option input[type="radio"]:checked + .card-label {
border: 2px solid #f4b400;
}
.card-action-btns {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
width: 100%;
margin-bottom: 1rem;
}
.card-action-btns p {
font-family: 'Poppins';
font-weight: 400;
font-size: 24px;
line-height: 190%;
text-transform: capitalize;
color: rgba(255, 255, 255, 1);
margin-bottom: 0;
}
.add-card-btn {
border: 1px solid rgba(255, 255, 255, 1);
background: transparent;
color: #fff;
font-family: 'Poppins';
font-weight: 400;
font-size: 14.23px;
line-height: 100%;
text-align: center;
padding: 10px 24px;
border-radius: 6px;
max-width: 110px;
width: 100%;
}
.add-card-btn:hover {
border-color: rgba(245, 193, 86, 1);
color: rgba(245, 193, 86, 1);
}
.card-option .form-radio-box {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
}
.card-option .form-radio-box .radio-img {
background-color: rgba(245, 245, 245, 1);
width: 50px;
height: 50px;
border-radius: 100px;
padding: 10px;
display: flex;
justify-content: center;
align-items: center;
}
.card-option .form-radio-box p {
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 1.2;
text-transform: capitalize;
color: rgba(255, 255, 255, 1);
margin-bottom: 0;
}
.card-option .form-radio-box p span {
font-size: 12px;
display: block;
}
.blog-box > .row > .col-12 > .dashboard-card > .industry-card-body p {
min-height: 120px;
height: 100%;
}
.blog-box > .row > .col-12 > .industry-details-card-box .industry-img {
border-radius: 10px;
}
.blog-box > .row > .col-12 > .industry-details-card-box .industry-img img {
transition: all .4s ease-in-out;
}
.blog-box > .row > .col-12 > .industry-details-card-box:hover .industry-img img {
transform: scale(1.1);
transition: all .4s ease-in-out;
}
.related-blog {
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
height: 100%;
justify-content: flex-start;
align-items: flex-start;
}
.related-blog .card {
border-radius: 10px;
width: 100%;
}
.related-blog .card .card-img-box {
overflow: hidden;
width: 100%;
border-radius: 10px;
}
.industry-card-box .overlay-content-box {
border-radius: 0 0 10px 10px;
}
.related-blog .card.industry-card-box .card-img-box .card-img {
border-radius: 10px;
}
/* ======= delivery-section ======= */
.delivery-section {
background-image: url(../img/Our-Delivery-Solutions.png);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
padding: 100px 16px;
width: 100%;
height: 100%;
}
.delivery-card-img {
position: relative;
border-radius: 25px;
width: 100%;
height: 100%;
overflow: hidden;
margin-bottom: 30px;
}
.delivery-card-img > .delivery_img {
width: 100%;
}
.overlay-img-box {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.delivery-card-body h4 {
font-family: 'Oswald';
font-weight: 600;
font-size: 36px;
line-height: 110.00000000000001%;
text-transform: uppercase;
color: rgba(32, 32, 32, 1);
margin-bottom: 20px;
}
.vision-content-box p,
.delivery-card-body p {
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 160%;
color: rgba(102, 102, 102, 1);
}
/* ========= our-vision-section ====== */
.our-vision-section {
padding: 100px 16px;
}
.vision-content-box h4 {
font-family: 'Oswald';
font-weight: 600;
font-size: 36px;
line-height: 110%;
text-transform: uppercase;
color: rgba(32, 32, 32, 1);
margin-bottom: 20px;
}
.mission-box .left-content h4 {
margin-bottom: 40px;
}
.mission-box .stat-box {
padding: 20px 0;
}
.mission-list h5 {
font-family: 'Poppins';
font-weight: 600;
font-size: 20px;
line-height: 118%;
text-transform: capitalize;
color: rgba(32, 32, 32, 1);
margin-bottom: 6px;
}
.section-content-box .left-content .mission-list ul {
columns: 2;
-webkit-columns: 2;
padding-left: 30px;
}
.section-content-box .left-content .mission-list ul li {
font-family: 'Poppins';
font-weight: 500;
font-size: 24px;
line-height: 100%;
color: rgba(32, 32, 32, 1);
margin-bottom: 20px;
}
.section-content-box .left-content .mission-list ul li:last-child {
margin-bottom: 0;
}
.mission-list ul {
list-style-type: disc;
padding: 0 0 0 20px;
margin: 0;
}
.mission-list ul li {
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 36px;
color: rgba(102, 102, 102, 1);
margin-bottom: 5px;
}
.mission-list ul li:last-child {
margin-bottom: 0;
}
/* ====== core-section ======= */
.core-section {
padding: 100px 16px;
}
.core-value-content .row .col .core-card {
background-color: rgba(233, 156, 14, .1);
border-radius: 25px;
padding: 35px 30px 20px;
position: relative;
height: 100%;
}
.core-value-content .row .col .core-card.even-card {
background-color: rgba(1, 3, 38, .05);
}
.core-value-content .row .col .core-card::after {
content: '';
background-image: url(../img/icons/placeholder-arrow.png);
background-size: 100% auto;
background-position: top right;
background-repeat: no-repeat;
width: 156px;
height: 77px;
position: absolute;
top: 20px;
right: 20px;
}
.core-card-body h5 {
font-family: 'Oswald';
font-weight: 600;
font-size: 24px;
line-height: 26px;
text-transform: uppercase;
color: rgba(32, 32, 32, 1);
margin-bottom: 10px;
}
.core-card-body p {
font-family: 'Poppins';
font-weight: 400;
font-size: 14px;
line-height: 165%;
color: rgba(102, 102, 102, 1);
margin-bottom: 0;
}
.top-title.section-title {
flex-direction: column;
gap: 1rem;
}
.top-title.section-title p {
max-width: 950px;
width: 100%;
margin: 0 auto;
}
.profile-section {
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: 18px;
width: 100%;
}
.profile-img-container {
position: relative;
width: 120px;
height: 120px;
}
.profile-img {
width: 100%;
height: 100%;
border-radius: 100px;
object-fit: cover;
box-shadow: 10px -6px 34px 0px rgba(0, 0, 0, 0.11);
}
.upload-icon {
position: absolute;
bottom: 5px;
right: 5px;
background: rgba(233, 156, 14, 1);
color: rgba(31, 45, 58, 1);
border-radius: 50%;
padding: 7px;
cursor: pointer;
border: 1px solid rgba(255, 255, 255, 1);
transition: background 0.3s ease-in-out;
width: 28px;
height: 28px;
display: flex;
justify-content: center;
align-items: center;
}
.upload-icon:hover {
background: rgba(228, 34, 34, 1);
color: rgba(32, 32, 32, 1);
}
.upload-icon i {
font-size: 14px;
line-height: 1;
}
.profile-info h4 {
margin-bottom: 8px;
font-family: 'Poppins';
font-weight: 600;
font-size: 24px;
line-height: 1;
text-transform: capitalize;
color: rgba(32, 32, 32, 1);
}
.profile-info p {
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 1;
text-transform: lowercase;
color: rgba(102, 102, 102, 1);
margin: 0;
}
/* Hide input */
#fileInput {
display: none;
}
/* Toast Notification */
.toast {
position: fixed;
bottom: 30px;
right: 30px;
background: #323232;
color: #fff;
padding: 14px 22px;
border-radius: 8px;
display: flex;
align-items: center;
gap: 8px;
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
opacity: 0;
pointer-events: none;
transform: translateY(30px);
transition: all 0.4s ease;
font-size: 14px;
}
.toast.show {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}
.toast i {
color: #00ff7f;
}
@media(max-width:768px){
.account-details-box .form-group {
flex: 1 1 100%;
}
}
.account-details-box .input-wrapper {
position: relative;
}
.account-details-box input {
width: 100%;
padding: 10px 35px 10px 15px;
border: 1px solid #ccc;
border-radius: 30px;
font-size: 14px;
outline: none;
transition: all 0.2s;
}
.account-details-box input:focus {
border-color: #ff4747;
}
.account-details-box .input-wrapper i {
position: absolute;
right: 12px;
top: 10px;
color: #999;
cursor: pointer;
}
.account-details-box .form-group {
flex: 1 1 45%;
}
.right-filter-box {
max-width: 120px;
width: 100%;
position: absolute;
top: 0;
right: 0;
}
.right-filter-box .form-group {
display: flex;
justify-content: center;
align-items: center;
gap: 0;
border: 1px solid rgba(195, 195, 195, 1);
border-radius: 100px;
padding: 10px 15px;
width: 100%;
}
.right-filter-box .form-group label {
margin-bottom: 0;
font-family: 'Montserrat';
font-weight: 500;
font-size: 14px;
line-height: 100%;
color: rgba(32, 32, 32, 1);
}
.right-filter-box .form-group .form-select,
.right-filter-box .form-group .form-control:focus,
.right-filter-box .form-group .form-control {
border: 0;
padding: 0 5px;
font-family: 'Montserrat';
font-weight: 500;
font-size: 14px;
line-height: 100%;
color: rgba(32, 32, 32, 1);
background-position: right center;
outline: 0;
box-shadow: none;
}
.table-bottom-box {
position: relative;
}
.filter-content-box #selectedDate {
font-size: 0.9rem;
color: #555;
margin-top: 10px;
}
.filter-content-box .tag-container {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-top: 0;
}
.filter-content-box .tag {
background-color: #e9f5ff;
color: #0d6efd;
border-radius: 20px;
padding: 4px 10px;
font-size: 0.85rem;
display: flex;
align-items: center;
gap: 4px;
cursor: pointer;
transition: background-color 0.2s;
}
.filter-content-box .tag:hover {
background-color: #d7ebff;
}
.filter-content-box .tag .remove-tag {
cursor: pointer;
font-size: 1rem;
line-height: 1;
color: #0d6efd;
}
.filter-content-box {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
/* ========== Tracking-modal ========== */
.tracking-modal .modal-dialog {
max-width: 620px;
width: 100%;
}
.tracking-modal .modal-content {
border-radius: 20px;
}
.tracking-modal .modal-header {
background-color: rgba(245, 245, 245, 1);
border-color: rgba(228, 228, 228, 1);
border-radius: 20px 20px 0 0;
padding: 20px 30px;
}
.tracking-modal .track-container {
background: transparent;
border-radius: 0;
max-width: 100%;
padding: 30px;
}
.tracking-modal .track-header {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.tracking-modal .modal-header .track-header h5 {
font-family: 'Oswald';
font-weight: 600;
font-size: 24px;
line-height: 100%;
text-transform: uppercase;
color: rgba(32, 32, 32, 1);
margin-bottom: 0;
}
.tracking-modal .modal-header .track-header p {
font-family: 'Poppins';
font-weight: 600;
font-size: 18px;
line-height: 100%;
text-transform: capitalize;
color: rgba(32, 32, 32, 1);
margin-bottom: 0;
}
.tracking-modal .modal-header .track-header p span {
color: rgba(102, 102, 102, 1);
}
.tracking-modal .track-step {
position: relative;
padding-left: 50px;
margin-bottom: 0;
}
.tracking-modal .track-step.active::before {
background-color: rgba(38, 165, 65, 1);
}
.tracking-modal .track-step::before {
content: "";
position: absolute;
left: 17px;
top: 36px;
/* top: 0; */
height: calc(100% + 13px);
width: 2px;
background: rgba(233, 246, 236, 1);
}
.tracking-modal .track-step:last-child::before {
display: none;
}
.tracking-modal .track-step .track-icon {
position: absolute;
left: 0;
top: 0;
width: 35px;
height: 35px;
border-radius: 50%;
background-color: rgba(38, 165, 65, .1);
display: flex;
align-items: center;
justify-content: center;
color: rgba(38, 165, 65, 1);
font-size: 20px;
line-height: 1;
z-index: 1;
}
.tracking-modal .track-step.active .track-icon {
background-color: rgba(38, 165, 65, 1);
color: #fff;
}
.tracking-modal .track-step .track-icon .active-img,
.tracking-modal .track-step.active .track-icon .normal-img {
display: none;
transition: all .4s ease-in-out;
}
.tracking-modal .track-step .track-icon .normal-img,
.tracking-modal .track-step.active .track-icon .active-img {
display: block;
transition: all .4s ease-in-out;
}
.tracking-modal .traking-content-info {
margin-bottom: 50px;
}
.tracking-modal .track-step:last-child .traking-content-info {
margin-bottom: 0;
}
.tracking-modal .track-step h6 {
font-family: 'Poppins';
font-weight: 500;
font-size: 22px;
line-height: 1;
text-align: left;
text-transform: capitalize;
color: rgba(32, 32, 32, 1);
margin-bottom: 15px;
padding-top: 5px;
}
.tracking-modal .track-step h6 span {
color: rgba(102, 102, 102, 1);
}
.tracking-modal .track-step small {
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 25px;
text-transform: capitalize;
color: rgba(32, 32, 32, 1);
display: block;
text-align: left;
}
.tracking-modal .track-step time {
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 25px;
text-transform: capitalize;
color: rgba(102, 102, 102, 1);
display: block;
text-align: left;
}
.new-track-box {
background-color: #fff;
padding: 20px;
box-shadow: 10px -6px 34px 0px rgba(0, 0, 0, 0.11);
border: 1px solid rgba(195, 195, 195, 1);
border-radius: 10px;
display: none;
position: absolute;
left: auto;
right: 250px;
top: 80px;
max-width: 290px;
width: 100%;
z-index: 1;
}
.track-card p {
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 1;
text-align: left;
text-transform: capitalize;
color: rgba(32, 32, 32, 1);
margin-bottom: 15px;
}
.form-group .form-control:focus,
.form-group .form-control {
border: 1px solid rgba(195, 195, 195, 1);
padding: 10px 20px;
font-family: 'Poppins';
font-weight: 400;
font-size: 14px;
line-height: 1;
text-transform: capitalize;
color: rgba(115, 119, 145, 1);
border-radius: 100px;
outline: 0;
box-shadow: none;
}
.track-card a {
display: inline-block;
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 1;
text-align: center;
text-transform: capitalize;
color: rgba(102, 102, 102, 1);
text-decoration: none;
margin: 0 auto;
}
.blog-title-box {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
gap: 20px;
flex-wrap: wrap;
}
.blog-title-box h4 {
font-family: 'Poppins';
font-weight: 600;
font-size: 32px;
line-height: 118%;
text-transform: capitalize;
color: rgba(32, 32, 32, 1);
margin-bottom: 0;
}
.blog-title-box a {
position: static;
}
/* ======== */
.customer-product-work {
padding: 100px 1rem;
}
.works-progess-box .col {
position: relative;
}
.works-progess-box .customer-card-box {
position: relative;
}
.works-progess-box .customer-card-box .customer-product-card-box {
position: relative;
max-width: 360px;
width: 100%;
}
.works-progess-box .col .customer-card-box .customer-card-img {
background-color: rgba(233, 156, 14, .1);
color: rgba(233, 156, 14, 1);
padding: 20px;
display: flex;
justify-content: center;
align-items: center;
max-width: 108px;
width: 100%;
height: 108px;
border-radius: 15px;
overflow: hidden;
margin: 0 auto;
}
.works-progess-box .col:nth-child(2n) .customer-card-box .customer-card-img {
background-color: rgba(242, 242, 244, 1);
color: rgba(1, 3, 38, 1);
}
.works-progess-box .col:last-child .customer-card-box .customer-product-card-box {
margin: 0 auto;
}
.works-progess-box .col .customer-card-box::after {
content: '';
background-image: url(../img/icons/arrow-line.png);
background-position: 85% center;
background-repeat: no-repeat;
background-size: 145px 12px;
position: absolute;
top: 95px;
right: -120px;
height: 12px;
width: 100%;
}
.works-progess-box .col:nth-child(2n) .customer-card-box::after {
content: '';
background-image: url(../img/icons/arrow-line1.png);
background-position: 90% center;
background-repeat: no-repeat;
background-size: 145px 12px;
position: absolute;
top: 95px;
right: -120px;
height: 12px;
width: 100%;
}
.customer-product-work .col:last-child .customer-card-box::after {
display: none;
}
.customer-product-work .customer-card-body {
padding: 16px 0;
}
.customer-product-work .customer-card-body span {
font-family: 'Poppins';
font-weight: 600;
font-size: 16px;
line-height: 26px;
text-transform: capitalize;
color: rgba(32, 32, 32, 1);
margin-bottom: 9px;
display: inline-block;
}
.customer-product-work .col:last-child .step-img {
display: none;
}
.customer-card-body {
padding: 10px 0 0;
}
.customer-card-body h5 {
font-family: 'Oswald';
font-weight: 600;
font-size: 22px;
line-height: 26px;
text-align: center;
text-transform: uppercase;
color: rgba(32, 32, 32, 1);
margin-bottom: 10px;
}
.customer-card-body p {
font-family: 'Poppins';
font-weight: 400;
font-size: 14px;
line-height: 130%;
text-align: center;
color: rgba(102, 102, 102, 1);
max-width: 300px;
width: 100%;
margin: 0 auto;
}
.works-progess-box .col .customer-card-body p {
max-width: 300px;
}
.works-progess-box .col:nth-child(2n) .customer-card-body p {
max-width: 330px;
}
.inner-tab-content .dashboard-card-box {
background: rgba(244, 235, 225, 1);
border-radius: 0;
width: 100%;
height: 100%;
padding: 0px;
}
.inner-tab-content > .row > .col:nth-of-type(even) .dashboard-card-box {
background: rgba(229, 229, 229, 1);
}
.inner-tab-content .dashboard-card-box .stat-box {
justify-content: center;
align-items: flex-start;
padding: 35px 0;
}
.inner-tab-content .dashboard-card-box .stat-box img {
margin-top: 10px;
}
/* ======= core-strengths-section ======== */
.core-strengths-section {
background-image: url(../img/our_core_strengths.png);
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
width: 100%;
position: relative;
padding: 100px 1rem;
}
.core-strengths-section .left-section-title h4 {
font-family: 'Poppins';
font-weight: 600;
font-size: 45px;
line-height: 125%;
text-transform: capitalize;
color: rgba(1, 3, 38, 1);
}
/* ======= contact-section ======== */
.contact-section {
padding: 100px 1rem;
}
.contact-card {
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 15px;
width: 100%;
}
.mail-box {
max-width: 55px;
width: 100%;
height: 55px;
overflow: hidden;
border-radius: 10px;
border: 1px solid rgba(228, 34, 34, 1);
background-color: rgba(228, 34, 34, 0.05);
padding: 10px;
display: flex;
justify-content: center;
align-items: center;
color: rgba(228, 34, 34, 1);
font-size: 30px;
line-height: 1;
}
.contact-body span {
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 1;
text-transform: capitalize;
color: rgba(32, 32, 32, 1);
display: inline-block;
}
.contact-body p {
font-family: 'Poppins';
font-weight: 600;
font-size: 22px;
line-height: 31px;
text-transform: lowercase;
color: rgba(102, 102, 102, 1);
margin-bottom: 0;
}
.location-card .contact-body p {
text-transform: capitalize;
}
.scan-box {
max-width: 125px;
width: 100%;
height: 125px;
font-size: 105px;
border-color: rgba(2, 2, 46, 1);
background-color: transparent;
color: rgba(32, 32, 32, 1);
}
.scan-card .contact-body span {
max-width: 98px;
width: 100%;
display: inline-block;
line-height: 1.4;
}
.contact-info h4 {
font-family: 'Oswald';
font-weight: 600;
font-size: 24px;
line-height: 118%;
text-transform: uppercase;
color: rgba(32, 32, 32, 1);
margin-bottom: 20px;
}
.contact-form label {
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 1;
text-transform: capitalize;
color: rgba(32, 32, 32, 1);
margin-bottom: 10px;
}
.contact-form .form-group {
margin-bottom: 0px;
}
.contact-form .form-group .form-control {
padding: 16px 20px;
line-height: 1.2;
}
.contact-form .form-group textarea.form-control {
border-radius: 20px;
padding: 20px;
}
/* ===== privacy-section ====== */
.privacy-section {
padding: 100px 1rem;
}
.privacy-section .privacy-content-box {
max-width: 1120px;
width: 100%;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 25px;
height: 100%;
}
.privacy-section .privacy-box h4 {
font-family: 'Oswald';
font-weight: 600;
font-size: 40px;
line-height: 140%;
text-transform: uppercase;
color: rgba(32, 32, 32, 1);
margin-bottom: 10px;
}
.privacy-section .privacy-box p {
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: rgba(102, 102, 102, 1);
margin-bottom: 0;
}
.privacy-section .privacy-box .sub-pag {
font-family: 'Poppins';
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: rgba(102, 102, 102, 1);
margin-bottom: 12px;
display: block;
}
.privacy-section .privacy-box ul {
padding: 0 0 0 20px;
margin: 0;
list-style-type: disc;
}
.privacy-section .privacy-box ul li {
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 1.4;
color: rgba(102, 102, 102, 1);
margin-bottom: 5px;
}
.privacy-section .privacy-box ul li:last-child {
margin-bottom: 0;
}
.privacy-section .privacy-box ul li span {
font-weight: 600;
color: rgba(32, 32, 32, 1);
display: inline-block;
margin-bottom: 0;
}
/* ======== */
.location-input {
position: relative;
margin-bottom: 1rem;
}
.location-input i {
position: absolute;
top: 50%;
left: 15px;
transform: translateY(-50%);
color: #666;
cursor: pointer;
}
.location-input input {
width: 100%;
padding: 10px 15px 10px 40px;
border-radius: 30px;
border: 1px solid #ddd;
outline: none;
}
.map-container {
position: absolute;
top: 0;
right: 0;
width: 100%;
max-width: 600px;
height: 452px;
background: #fff;
transition: right 0.4s ease-in-out;
z-index: 999;
border-radius: 0 20px 20px 0;
/* box-shadow: -4px 0 10px rgba(0,0,0,0.1); */
display: none;
padding: 15px;
}
.map-container.show {
right: -96%;
display: block;
}
.map-section {
min-height: 360px;
}
.map {
width: 100%;
height: 360px;
}
.map-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px;
border-bottom: 1px solid #ddd;
}
.order-details-content {
border: 1px solid rgba(195, 195, 195, 1);
border-radius: 10px;
padding: 20px;
height: 100%;
margin-bottom: 20px;
}
.order-details-content p {
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 1.4;
color: rgba(102, 102, 102, 1);
margin-bottom: 10px;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
width: 100%;
}
.order-details-content p:last-child {
margin-bottom: 0;
}
.order-details-content p span {
font-weight: 600;
}
.c-111 {
color: rgba(32, 32, 32, 1);
}
.order-info {
position: relative;
}
.order-info::before {
content: '';
border-left: 1px dashed rgba(59, 153, 0, 1);
height: calc(100% - 60px);
width: 1px;
position: absolute;
left: 7px;
top: 0;
}
.order-info .delivery-info {
display: flex;
justify-content: flex-start;
align-items: flex-start;
gap: 10px;
width: 100%;
}
.order-info .delivery-info img {
position: relative;
z-index: 1;
background-color: #fff;
}
.order-info .delivery-info .deliver-details span {
color: rgba(102, 102, 102, 1);
font-size: 14px;
line-height: 1;
font-family: 'Poppins';
font-weight: 400;
display: block;
margin-bottom: 5px;
}
.order-info .delivery-info .deliver-details p {
color: rgba(32, 32, 32, 1);
font-size: 18px;
line-height: 1;
font-family: 'Poppins';
font-weight: 500;
margin-bottom: 20px;
}
.order-details-content h4 {
color: rgba(32, 32, 32, 1);
font-size: 24px;
line-height: 1;
font-family: 'Poppins';
font-weight: 500;
margin-bottom: 10px;
}
.toggle-container {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
}
.toggle-container .toggle-label {
color: #000;
font-size: 14px;
font-weight: 500;
/* width: 53px;*/
}
/* Switch Wrapper */
.toggle-container .switch {
position: relative;
display: inline-block;
width: 54px;
height: 28px;
margin-bottom: 0;
}
.toggle-container .switch input {
opacity: 0;
width: 0;
height: 0;
}
/* Track */
.toggle-container .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.07) inset;
background-color: rgba(15, 15, 15, 1);
transition: 0.3s;
border-radius: 999px;
height: auto;
}
/* Knob */
.toggle-container .slider:before {
position: absolute;
content: "";
height: 22px;
width: 22px;
left: 1px;
bottom: 3px;
background-color: white;
transition: 0.3s;
border-radius: 50%;
}
/* ON State */
.toggle-container input:checked + .slider {
background-color: rgba(228, 34, 34, 1); /* Keep black when ON */
}
.toggle-container input:checked + .slider:before {
transform: translateX(28px);
}