@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Agdasima:wght@400;700&display=swap');
:root{
--orange-color: #E57F42;
--orange-dark-color: #D76A28;
--theme-color: #D76928;
--light-orange-color: #FFEADE;
--yellow-color: #FFCB00;
}
html{
scroll-behavior: smooth;
}
body{
color: #232323;
font-size: 16px;
font-weight: 400;
line-height: 28px;
font-family: "Poppins", sans-serif;
}
/* ---- default ---- */
a{
text-decoration: none;
}
ul,ol,figure{
margin: 0;
}
button:focus, .btn:focus, .navbar-toggler:focus, .form-control:focus{
box-shadow: none;
}
.text-primary{
color: var(--theme-color)!important;
}
.fw-medium{
font-weight: 500!important;
}
.fw-semibold{
font-weight: 600!important;
}
.text-orange{color:var(--theme-color);}
.bg-primary{
background-color: var(--theme-color)!important;
}
.bg-light{
background-color: #F8F8F8 !important;
}
.bg-orange{
background-color:#FFC39F !important;
}
.bg-red{
background-color: #d50000 !important;
}
/* btn */
.btn{
color: #fff;
padding: .6rem 1.6rem;
}
.btn:hover{
color: #fff;
}
/* theme-btn */
.theme-btn{
position: relative;
color: #fff;
background-color: var(--theme-color);
padding: 0.30rem 1.2rem;
border-radius: 20px;
font-size: 15px;
width:auto;
}
.theme-btn:hover{
color: #fff;
background-color: var(--orange-color);
}
.theme-btn img{
margin-left: 8px;
}
.btn-sm{
padding: .20rem 1.2rem;
}
.text-link{
background: none;
color: var(--theme-color);
font-weight: 500;
border: 0;
padding: 0;
text-decoration: underline;
text-underline-offset: 2px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.text-link:hover{
color: var(--orange-dark-color);
}
/* */
.heading-style{
font-size: 30px;
}
.heading-style span{
/* color: #EB5F0B; */
}
.heading-border{
width: 270px;
background-color: #EB5F0B;
height: 2px!important;
opacity: 1;
}
/* sub-heading */
.sub-heading{
font-size: 27px;
}
/* title-style-1 */
.title-style-1{
font-size: 25px;
background-color: var(--theme-color);
position: relative;
display: inline-block;
padding: 10px 40px;
}
.title-style-1::before,
.title-style-1::after{
content: "";
position: absolute;
bottom: 0;
border: 12px solid;
border-color: #B94704;
}
.title-style-1::before{
left: -24px;
border-left-color: transparent;
border-bottom-color: transparent;
}
.title-style-1::after{
right: -24px;
border-right-color: transparent;
border-bottom-color: transparent;
}
/* title-style-2 */
.title-style-2{
color: #fff;
font-size: 21px;
display: inline-block;
padding: 5px 20px;
border-radius: 30px;
}
.section-space{
padding-top: 70px;
padding-bottom: 70px;
}
.section-space-bottom{
padding-bottom: 70px;
}
.icon-block{
display: inline-block;
text-align: center;
width: 60px;
height: 60px;
line-height: 60px;
border-radius: 100%;
}
/* list-style-1 */
.list-style-1 li{
position: relative;
padding-left: 22px;
margin-bottom: 5px;
}
.list-style-1 li::before{
content: "";
width: 15px;
height: 15px;
background: url(../images/icons/checkbox-icon.svg) no-repeat center / contain;
position: absolute;
top: 8px;
left: 0;
}
.list-style-1 li:last-child{
margin-bottom: 0;
}
/* list-style-2 */
.list-style-2 li{
position: relative;
padding-left: 37px;
margin-bottom: 15px;
}
.list-style-2 li::before{
content: "";
width: 28px;
height: 28px;
border-radius: 100%;
background: url(../images/icons/machine-anchor-icon.svg) no-repeat center / 12px, var(--theme-color);
position: absolute;
top: 2px;
left: 0;
}
.list-style-2 li:last-child{
margin-bottom: 0;
}
/* list-style-3 */
.list-style-3 li{
position: relative;
padding-left: 30px;
margin-bottom: 15px;
}
.list-style-3 li > *{
font-size: 18px;
}
.list-style-3 li::before{
content: "";
width: 25px;
height: 25px;
background: url(../images/icons/double-check-icon.svg) no-repeat center / contain;
position: absolute;
top: 5px;
left: 0;
}
.list-style-3 li:last-child{
margin-bottom: 0;
}
/* list-style-arrows */
.list-style-arrows li > *{
font-size: 18px;
margin-bottom: 0;
}
.list-style-arrows li{
position: relative;
padding-left: 24px;
margin-bottom: 15px;
}
.list-style-arrows li::before{
content: "\f100";
color: #E16F2A;
font-family: "Font Awesome 6 Free";
font-weight: 600;
position: absolute;
top: 0;
left: 0;
}
.list-style-arrows li:last-child{
margin-bottom: 0;
}
/* list-style-arrows.right */
.list-style-arrows.right li::before{
content: "\f101";
color: #E16F2A;
font-family: "Font Awesome 6 Free";
font-weight: 600;
position: absolute;
top: 1px;
left: 0;
}
/* owl-nav */
.owl-nav{
text-align: center;
margin-top: 25px;
display: flex;
width: 50%;
}
.owl-nav button[class*="owl-"]{
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
border-radius: 100%;
background-color: #D9D9D9!important;
margin: 0 5px;
}
.owl-nav button[class*="owl-"]:hover{
color: #fff;
background-color: var(--theme-color)!important;
}
/* form */
.form-control:focus{
border-color: var(--orange-dark-color);
}
.form-floating > label {
padding: 0.8rem .75rem;
}
.form-floating .form-control[required],
.form-floating .form-control.required {
position: relative;
}
.form-floating .form-control[required] + label::after,
.form-floating .form-control.required + label::after{
content: "*";
color: rgb(224, 23, 23);
font-size: 14px;
position: absolute;
top: 8px;
right: 5px;
}
/* image-design-1 */
.image-design-1{
position: relative;
z-index: 1;
}
.image-design-1::after{
content: "";
background-color: #E16F2A;
width: 155px;
height: 160px;
position: absolute;
top: -26px;
right: -24px;
z-index: -1;
}
/* table */
.table thead{
font-size: 20px;
font-weight: 600;
background-color: #D16729;
}
.table tr th{
padding: 10px 20px;
}
.table tr td{
padding: 8px 20px;
}
.table tr th:not(:last-child),
.table tr td:not(:last-child){
border-right:1px solid #b9b9b9;
}
/* social-media */
.social-media{
display: flex;
justify-content: center;
}
.social-media li{
margin: 0 5px;
}
.social-media li a{
color: #fff;
display: block;
text-align: center;
width: 28px;
height: 28px;
line-height: 28px;
border-radius: 100%;
}
/* modal */
.modal .modal-header{
color: var(--orange-color);
align-items: start;
text-transform: capitalize;
text-align: center;
border-bottom: 0;
padding-bottom: 5px;
}
.modal .modal-header .modal-title{
text-align: left;
font-weight: 600;
line-height: 1.7rem;
}
.modal-header .btn-close{
margin: 0;
}
.view:hover{
text-decoration: underline;
}
/* ---- header ---- */
header{
position: relative;
box-shadow: 5px 0 25px -5px rgba(48, 48, 48, 0);
z-index: 5;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
header .topbox{
background-color:#d76928;
}
header .topbox ul.list-block li img{
width: 18px;
}
header .topbox ul.list-block li{
position: relative;
padding: 0 10px;
}
header .topbox ul.list-block li,
header .topbox ul.list-block li a{
color: #fff;
}
header .topbox ul.list-block li::before{
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
border-left: 1px solid ;
}
header .topbox ul.list-block li:first-child::before{
display: none;
}
header .topbox .social-media li a:hover{
background-color: var(--orange-dark-color);
}
/* */
.navbar .navbar-brand{
width: 160px;
}
.navbar .navbar-brand img{
width: 100%;
}
.navbar-nav .nav-item{
position: relative;
}
.navbar-nav .nav-item .nav-link{
color: #030303;
}
.navbar-nav .nav-item .nav-link::before{
display: none;
content: "";
width: 100%;
border-top: 3px solid transparent;
position: absolute;
left: 0;
bottom: 3px;
}
.navbar-nav .nav-item.dropdown .nav-link{
padding-right: 20px;
}
.navbar-nav .nav-item.dropdown > .dropdown-toggle{
font-size: 13px;
text-align: center;
position: absolute;
top: 8px;
right: 3px;
}
.navbar-nav .nav-item.dropdown .dropdown-toggle::after{
display: none;
}
.navbar-nav .nav-item .nav-link.active::before{
border-top-color: var(--orange-color);
}
/* dropdown-menu */
.navbar-nav .nav-item.dropdown .dropdown-menu{
border: 1px solid var(--orange-color);
padding: 0 0;
border-radius: 0px;
background-color: #F6F6F6;
/* overflow: hidden; */
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.navbar-nav .nav-item.dropdown .dropdown-menu li{
font-size: 15px;
}
li.nav-item.dropend {margin: 0px;}
li.nav-item.dropend:hover{
background-color:#d76928;
}
li.nav-item.dropend:hover a{
color: #fff;
}
.navbar-nav .nav-item.dropdown .dropdown-menu li a:hover {
background-color:#d76928;
color: #ffffff;
}
.navbar-nav .nav-item.dropdown .dropdown-menu li a{
color: #000;
padding: .5rem 1rem;
margin: 0;
}
/* .navbar-nav .nav-item.dropdown:not(.mega-menu) .dropdown-menu li a:hover{
background-color: var(--light-orange-color);
} */
.navbar-nav .nav-item.dropdown:not(.mega-menu) .dropdown-menu li a.active{
color: #fff;
background-color: var(--orange-dark-color);
}
/* mega-menu */
.navbar-nav .nav-item.dropdown.mega-menu{}
.navbar-nav .nav-item.dropdown.mega-menu .dropdown-menu.megamenu {
border: 1px solid var(--orange-color);
padding: 8px 8px;
margin: 0;
border-radius: 13px;
}
.navbar-nav .nav-item.dropdown.mega-menu .dropdown-menu.megamenu > li{
background-color: #FFEADE;
border-radius: 13px;
overflow: hidden;
}
.navbar-nav .nav-item.dropdown.mega-menu .dropdown-menu.megamenu li a{
display: block;
color: #575757;
text-decoration: underline;
text-decoration-color: transparent;
text-underline-offset: 0px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.navbar-nav .nav-item.dropdown.mega-menu .dropdown-menu.megamenu li a:hover{
text-decoration-color: initial;
text-underline-offset: 3px;
}
.navbar-nav .nav-item.dropdown.mega-menu .dropdown-menu.megamenu .nav-block:hover{
background-color: var(--orange-color);
}
.navbar-nav .nav-item.dropdown.mega-menu .dropdown-menu.megamenu .nav-block .nav-title{
position: relative;
background-color: #fcddcb;
color: var(--orange-color);
text-align: center;
padding: 12px 25px;
}
.navbar-nav .nav-item.dropdown.mega-menu .dropdown-menu.megamenu .nav-block:hover .nav-title{
color: #fff;
background-color: var(--orange-dark-color);
}
.navbar-nav .nav-item.dropdown.mega-menu .dropdown-menu.megamenu .nav-block:hover .nav-title svg path{
fill: #fff;
}
.navbar-nav .nav-item.dropdown.mega-menu .dropdown-menu.megamenu .nav-block ul{
padding: 4px 0;
}
.navbar-nav .nav-item.dropdown.mega-menu .dropdown-menu.megamenu .nav-block ul li{
padding: 5px 25px;
}
.navbar-nav .nav-item.dropdown.mega-menu .dropdown-menu.megamenu .nav-block ul li.active a{
color: #3d3d3d;
font-weight: 400;
text-decoration: underline;
text-underline-offset: 2px;
}
/* .navbar-nav .nav-item.dropdown.mega-menu .dropdown-menu.megamenu .nav-block ul li:not(:last-child){
margin-bottom: 15px;
} */
.navbar-nav .nav-item.dropdown.mega-menu .dropdown-menu.megamenu .nav-block:hover ul li a{
color: #fff;
}
/* */
.navbar .theme-btn{
position: relative;
font-size: 18px;
padding: 0.3rem 1.4rem;
}
.navbar .theme-btn .badge{
background-color: var(--yellow-color);
color: #030303;
font-size: 8px;
font-weight: 400;
position: absolute;
top: -6px;
right: 4px;
border-radius: 0;
}
.dropend .dropdown-toggle {
color: salmon;
margin-left: 1em;
}
.dropdown-item:hover {
background-color:#d76928;
color: #fff;
}
.dropdown .dropdown-menu {
display: none;
}
.dropdown:hover > .dropdown-menu,
.dropend:hover > .dropdown-menu {
display: block;
margin-top: 0;
margin-left: 0.125em;
}
@media screen and (min-width: 769px) {
.dropend:hover > .dropdown-menu {
position: absolute;
top: 0;
left:158px;
}
.dropend .dropdown-toggle {
margin-left: 0.5em;
}
}
/* headerFixed */
header.sticky{
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #fff;
z-index: 5;
box-shadow: 5px 0 25px -5px rgba(48, 48, 48, 0.5);
}
header.sticky .topbox{
display: none;
}
header.sticky .navbar .navbar-brand{
width: 100px;
}
header.sticky .navbar-nav .nav-item .nav-link{
font-size: 15px;
}
header.sticky .navbar .theme-btn{
font-size: 15px;
}
/* ---- banner section ---- */
/* .banner-section{
min-height: 400px;
background-color: #fcddcb;
} */
.single-banner-slide {
height:80vh;
width: 100vw;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
display: flex;
justify-content: center;
/* align-items: center; */
flex-direction: column;
position: relative;
z-index: 2;
}
.caption {margin-left:10%;margin-top: 5%;}
.single-banner-slide h2 {
color: #cf5c17;
text-transform: uppercase;
font-size:66px;
font-weight: 600;
}
.single-banner-slide p{
color: #030303;
font-size:26px;
max-width:35%;
text-align: left;
line-height:40px;
font-weight: 400;
text-transform: capitalize;
}
/*
.single-banner-slide::after {
content: "";
position: absolute;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.4);
z-index: -1;
width: 100%;
height: 100%;
}
.single-banner-slide a {
color: #000;
background: #fff;
padding: 10px 45px;
border-radius: 100px;
text-decoration: none;
font-size: 15px;
font-weight: 600;
margin-top: 30px;
transition: 0.3s;
}
.single-banner-slide a:hover {
color: #fff;
background: #000;
} */
.owl-dots {
display: none !important;
}
/* ---- about section ---- */
.about-section .iso-content{
text-align: start;
display: flex;
justify-content: center;
align-items: center;
}
.about-section .iso-content img{
width: 40px;
margin-right: 10px;
}
/* ---- Choose Need section ---- */
/* .swiper {
padding: 20px 0;
}
.swiper-slide.slide {
background: #fff;
padding: 30px;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
text-align: center;
}
.swiper-slide img {
max-width: 100%;
margin-bottom: 20px;
}
.swiper-button-prev,
.swiper-button-next {
color: #e86d1f;
} */
.need-product-section {
text-align: center;
padding: 60px 0;
overflow-x: hidden;
}
.tab-buttons {
display: flex;
justify-content: center;
gap: 10px;
margin: 20px 0;
}
.tab-btn {
padding:7px 20px;
border: 1px solid #ccc;
cursor: pointer;
font-weight:500;
transition: 0.3s;
}
.tab-btn h3{
font-size: 17px;
font-weight: 500;
margin-bottom: 0;
}
.tab-btn.active {
background: #e86d1f;
color: #fff;
border-color: #e86d1f;
}
/* .subtitle {
font-size: 16px;
color: #555;
margin-bottom: 30px;
} */
.tab-content {
display: none;
}
.tab-content.active {
display: block;
}
.productSwiper {
max-width: 100%;
margin: auto;
}
.slide {
position: relative;
padding:0px 0px;
box-sizing: border-box;
}
.slide img {
width: 100%;
border-radius: 15px;
}
.slide-caption{
margin-top:25px;
}
.slide-caption p{margin: 0;}
.section-watermark {
font-size:60px;
font-weight: 600;
color:#e3e3e3;
text-transform: uppercase;
font-family: "Agdasima", sans-serif;
margin:20px 0px 20px;
z-index: 0;
pointer-events: none;
user-select: none;
}
.slider-nav {
margin-top: 30px;
display: flex;
justify-content: center;
align-items: center;
gap: 25px;
}
.slider-nav .prev-slide,
.slider-nav .next-slide {
background: none;
border: none;
font-size:16px;
cursor: pointer;
font-weight: bold;
}
.slider-nav .divider {
width:100px;
height:1px;
background: #00000086;
}
.product-block.border-1 {
border: 1px solid #ddd;
border-radius: 10px;
}
.pro-brochure {
position: relative;
background-color: #F9F9F9;
border: 1px solid #ddd;
}
.pro-brochure ul li{
padding:35px 0px;
}
.pro-brochure ul::after{
content: '';
position: absolute;
background-image: url(../images/line.svg);
background-position: center center;
height: 100%;
width:2px;
z-index: 99;
left: 50%;
transform: translateX(-50%);
}
/* ---- sale-rent-section ---- */
.column-block{
position: relative;
}
.column-block:not(:last-child)::after{
content: "";
height: 100%;
border-right: 1px solid var(--orange-dark-color);
position: absolute;
top: 0;
right: 0;
}
.column-block .icon-block{
display: block;
width: 90px;
height: 90px;
line-height: 90px;
background-color: var(--theme-color);
outline: 4px solid #BD5314;
}
.demand-section{
background-image: url(../images/bg/bg-pattern-img2.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.leader-list li{
margin-bottom:15px;
padding-left:35px;
position: relative;
}
.leader-list li img{
background-color: #D76928;
border-radius: 100px;
width:26px;
height:26px;
padding:4px;
align-self: end;
position: absolute;
left: 0px;
}
.leader-list li svg{
position: absolute;
left: 0px;
background-color: #D76928;
border-radius: 100px;
width:13px;
height:13px;
padding:6px;
color: #fff;
align-self: end;
}
.leader-list3 img{
position: absolute;left: 0;top:10px;
}
.leader-list3 li{position: relative; padding-left: 30px;margin-bottom:15px;}
.short-term{
justify-items:center;
}
/* ---- products section ---- */
.product-section .owl-carousel .owl-stage{
display: flex;
}
.product-section .owl-carousel .owl-stage .product-block{
height: 100%;
/* display: flex;
flex-direction: column;
flex: 1 0 auto; */
}
.product-block{
position: relative;
padding-bottom: 60px;
margin: 0 15px;
border-radius: 10px 10px 0 0;
overflow: hidden;
}
.product-block figure{
height: 230px;
overflow: hidden;
}
.product-block figure img{
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top;
width: 100%;
height: 100%;
}
.product-block .content{
padding: 20px 0px 0px;
}
.product-block .content .title{
font-size:19px;
color: #000;
}
.product-block .content .btn-group{
position: absolute;
left: 0px;
bottom: 15px;
}
.product-block .content .btn-group .btn{
flex: 0 0 auto;
}
/* product-column */
.product-column .title{
font-size: 19px;
}
.carousel-indicators img {
width:70px;
display: block;
border-radius: 0;
}
.carousel-indicators button {
width: max-content !important;
justify-content: flex-start !;
}
.carousel-indicators {
position: unset;
height:50px;
}
.crane-spec-table thead th {
background-color: #fce7dc;
color: #D76928;
padding:17px 10px;
font-weight: 500;
vertical-align: middle;
}
.crane-spec-table thead th h3{
font-size: 18px;
margin-bottom: 0;
}
.crane-spec-table td,
.crane-spec-table th {
padding: 16px;
border:1px solid #b9b9b9;
}
.table>:not(:first-child) {
border-top:none
}
.site-type{
border: 1px solid #D76928;
border-radius: 30px 0px;
padding: 30px 35px;
margin: 0 20px;
}
.site-type h3{
line-height: 28px;
}
.site-type:hover{
background:#D76928;
transition:0.2s ease-in-out;
}
.site-type:hover p, .site-type:hover h3{
color: #fff !important;
}
.range{
background-color:#D9D9D9;
}
.pricing-list li, .leader-list2 li{
margin-bottom: 20px;
}
.risk-free {
background-color:#FFF0E8;
border: 1px solid #D76928;
padding:15px 20px;
height: 100%;
align-content: center;
}
.justify-items-end {
justify-items: end;
}
.sales-rental-option{
position: relative;
}
.sales-rental-option::after{
content: '';
position: absolute;
background-image: url(../images/line.svg);
background-position: center;
background-repeat: no-repeat;
left: 50%;
bottom:10%;
width: 1px;
height: 100%;
/* transform: translateX(-50%); */
}
.color-red{
color: #dd0a0a;
}
.steps-section {
display: flex;
justify-content: center;
gap: 2rem;
flex-wrap: wrap;
}
.step-content {
margin-top: -40%;
}
.step-box {
position: relative;
background-color: #FF9B61;
padding:10px 20px;
width:16%;
text-align: center;
border-radius: 1rem;
color: #fff;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.step-box:hover {
background-color: #d76928;
transform: translateY(-8px);
box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}
.step-box:hover .step-circle{
background-color: #d76928;
}
.step-box:hover::after{
border-color:#d76928 transparent;
}
.step-box::after {
content: "";
position: absolute;
bottom: -14px;
left: 50%;
transform: translateX(-50%);
border-width: 15px 15px 0;
border-style: solid;
border-color: #ff9b61 transparent;
}
.step-label {
font-weight: 600;
color: #000;
font-size:18px;
margin-bottom: 0.5rem;
}
.step-circle {
width:55px;
height:55px;
border:4px solid #fff;
background-color: #FF9B61;
color: #ffffff;
font-weight: 600;
border-radius: 50%;
margin: 0 auto 1rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
}
.step-box p {
line-height: 1.4;
margin-bottom: 10px;
}
@media (max-width:1000px) {
.step-box{
width:23%;
padding: 10px;
}
}
@media (max-width:840px) {
.step-box{
width:26%;
height: 100%;
}
.steps-section {
gap:2rem;
}
}
@media (max-width: 768px) {
.steps-section {
flex-direction: row;
align-items: center;
}
.step-box {
width:35%;
height:130px;
margin-top:10%;
}
.step-content {
margin-top: -30%;
}
}
@media (max-width: 640px) {
.step-box {
width:40%;
height:130px;
margin-top: 10%;
}
.step-content {
margin-top: -28%;
}
}
@media (max-width:567px) {
.step-box {
width:40%;
height:150px;
margin-top: 15%;
padding: 10px 14px;
}
.step-content {
margin-top: -35%;
}
}
@media (max-width:480px) {
.step-box {
width: 50%;
height:140px;
margin-top: 18%;
padding: 10px 14px;
}
.step-content {
margin-top: -40%;
}
}
@media (max-width:370px) {
.step-box {
width: 60%;
height:150px;
margin-top: 18%;
padding: 10px 14px;
}
}
/* ---- technology section ---- */
.technology-section{
background: url(../images/bg/bg-pattern-img1.jpg) no-repeat center / cover, var(--orange-dark-color);
}
.technology-section .heading-style{
font-size: 25px;
}
.technology-section .heading-style span{
font-size: 35px;
}
.border-1{
border: 1px solid #E16F2A;
}
.vertical-header-table {
border:1px solid #cfbcb36e;
border-collapse: collapse;
width: 100%;
}
.vertical-header-table th,
.vertical-header-table td {
border: 1px solid #cfbcb36e;
padding: 16px;
}
.vertical-header-table tr td {
padding: 14px 20px;
}
.vertical-header-table .header-left {
background-color: #D76928;
color: #fff;
font-weight:600;
white-space: nowrap;
align-content: center;
}
.vertical-header-table tr th:not(:last-child), .vertical-header-table tr td:not(:last-child) {
border: 1px solid #cfbcb36e;
}
/* ---- industries-section ---- */
.industries-section .column-block-1 *{
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.industries-section .column-block-1 .icon-block{
width: 150px;
height: 150px;
border: 5px solid var(--theme-color);
overflow: hidden;
}
.industries-section .column-block-1 .icon-block img{
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
transform: scale(1) rotate(0deg);
}
.industries-section .column-block-1 .title{
font-size: 20px;
margin-bottom: 0;
}
.industries-section .column-block-1:hover .icon-block img{
transform: scale(1.1) rotate(5deg);
}
/* ---- cta section ---- */
.cta-section{
background-color: #FFEBDF;
}
.call-block{
font-size: 46px;
display: inline-block;
background-color: #FFD6BE;
border-radius: 50px;
padding: 10px 18px;
}
.call-block .icon-block{
color: #fff;
font-size: 25px;
width: 40px;
height: 40px;
line-height: 40px;
background-color: #469965;
}
/* ---- clients-section ---- */
.clients-section .client-box{
height: 100%;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid var(--theme-color);
margin: 1px;
}
/* ---- faq section ---- */
.faq-section{
background-color: #FAFAFA;
}
.accordion .accordion-item{
background-color: transparent;
border-radius: 0;
}
.accordion .accordion-item .accordion-button{
background-color: transparent;
color: #232323;
font-size: 18px;
font-weight: 400;
line-height: normal;
padding: 1.2rem 3.2rem 1.2rem 1.4rem;
border-radius: 0;
margin-bottom: 0;
}
.accordion .accordion-item .accordion-button:not(.collapsed){
background-color: transparent;
font-size: 20px;
font-weight: 500;
box-shadow: none;
}
.accordion .accordion-item .accordion-button::after{
content: "\2b";
width: 24px;
height: 24px;
line-height: 21px;
border-radius: 100%;
text-align: center;
border: 2px solid #7C7C7C;
color: #7C7C7C;
font-family: "Font Awesome 6 Free";
font-size: 13px;
font-weight: 600;
background-image: none;
position: absolute;
top: 22px;
right: 14px;
}
.accordion .accordion-item .accordion-button:not(.collapsed)::after{
content: "\f068";
background-image: none;
transform: none;
color: var(--theme-color);
border-color: var(--theme-color);
}
.accordion .accordion-collapse{
color: #535353;
}
.accordion .accordion-body{
padding-top: 0;
}
/* ---- footer ---- */
footer{
padding-top: 130px;
background: url(../images/bg/footer-bg-pattern.webp) no-repeat 100px 0 / cover, rgba(48, 48, 48, 1);
clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0% 100%);
}
/* */
footer .company-name{
font-size: 1.6rem;
font-weight: 400;
}
footer .company-name span{
color: var(--orange-color);
}
/* */
footer .widget-column .widget-title{
color: var(--orange-color);
font-size: 25px;
}
/* link-list */
footer .widget-column .link-list li{
position: relative;
padding-left: 22px;
}
footer .widget-column .link-list li::before{
content: "";
width: 18px;
height: 18px;
background: url(../images/icons/chevron-right-icon-grey.svg) no-repeat center / contain;
position: absolute;
top: 6px;
left: 0;
}
footer .widget-column .link-list li a{
color: #fff;
}
/* .link-list.info-list */
footer .widget-column .link-list.info-list li{
padding-left: 22px;
word-break: break-all;
}
footer .widget-column .link-list.info-list li::before{
display: none;
}
footer .widget-column .link-list.info-list li i,
footer .widget-column .link-list.info-list li svg{
color: #898989;
position: absolute;
top: 9px;
left: 0;
}
footer .border-bottom{
border-bottom-color: #787878!important;
}
/* user-info */
footer .user-info{
padding: 16px 26px;
border: 1px solid #787878;
}
footer .user-info p{
font-size: 20px;
}
footer .user-info a{
color: #FF9B61;
font-size: 25px;
word-break: normal;
}
/* copyright */
footer .copyright img{
width: 18px;
}
/* -- side-box -- */
.side-box{
background-color: var(--theme-color);
border-radius: 0 7px 7px 0;
position: fixed;
left: 0;
transform: translateX(-82%);
bottom: 25%;
z-index: 2;
transition: all 0.6s ease-in-out;
box-shadow: 0 0 20px -10px rgb(41, 41, 41);
/* box-shadow: 0 0 0px 1px #923804; */
}
.side-box ul li{
position: relative;
padding-right: 55px;
border-bottom: 1px dashed #FFA570;
}
.side-box ul li:last-child{
border-bottom: 0;
}
.side-box ul li a{
display: block;
color: #fff;
padding: 8px 10px 8px 10px;
}
.side-box ul li .icon-block{
position: absolute;
top: 5px;
right: 10px;
background-color: #923804;
width: 36px;
height: 36px;
line-height: 34px;
margin-left: 10px;
}
.side-box ul li .icon-block img{
height: 18px;
}
.side-box:hover{
transform: translateX(0%);
}
/* -- whatsapp-btn, call-btn */
.btn-group{
color: #fff;
gap: 10px;
position: fixed;
right: 20px;
bottom: 25%;
z-index: 5;
}
.btn-group img{
height: 98%;
}
.whatsapp-btn{
width: 45px;
height: 45px;
line-height: 40px;
}
.call-btn{
width: 45px;
height: 45px;
line-height: 40px;
}
/* ---- page-banner-section ---- */
.page-banner-section{
position: relative;
height: 180px;
background-repeat: no-repeat;
background-image: url(../images/page-banners/breadcrumb.png);
background-size: contain;
width: 100%;
background-position: center right;
background-color:#2C2C2C;
}
/* .page-banner-section .title{
font-size: 34px;
font-weight: 600;
text-transform: uppercase;
padding-left: 15px;
border-left: 10px solid var(--orange-color);
} */
.page-banner-section .breadcrumb{
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
color: #fff;
display: inline-flex;
width: auto;
margin-bottom: 0;
}
.page-banner-section .breadcrumb li{
position: relative;
padding: 0 6px;
margin: 0 5px;
}
.page-banner-section .breadcrumb li:not(:last-child)::after{
content: "\f105";
font-family: "Font Awesome 6 Free";
font-size: 14px;
font-weight: 600;
position: absolute;
top: 1px;
right: -9px;
}
.page-banner-section .breadcrumb li a{
color: #fff;
}
/* ---- cta-section-1 ---- */
.cta-section-1{
background: url(../images/bg/bg-pattern-img1.webp) no-repeat center / cover, var(--orange-dark-color);
}
.cta-section-1 .heading-style{
display: inline-block;
background-color: #C74F0E;
padding: 4px 25px;
border-radius: 10px;
}
.cta-section-1 p{
font-size: 18px;
}
.cta-section-1 a{
color: #fff;
text-decoration: underline;
text-underline-offset: 3px;
}
/* ---- About us page ---- */
.column-block-2{
position: relative;
font-size: 15px;
background-color: #FFF4ED;
z-index: 1;
}
.column-block-2 *{
transition: all 0.3s ease-in-out;
}
.column-block-2 .title{
font-size: 25px;
}
.column-block-2::before{
content: "";
width: 2%;
height: 100%;
background-color: var(--theme-color);
position: absolute;
top: 0;
left: 0;
z-index: -1;
transition: all 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.column-block-2:hover::before{
content: "";
width: 100%;
}
.column-block-2:hover{
color: #fff;
}
.column-block-2:hover .title{
color: #fff!important;
}
.column-block-2:hover svg path{
fill: #fff;
}
/* profile-block */
.profile-block{
background-color: #FFF8F4;
}
.profile-block .heading{
display: inline-flex;
gap: 5px;
background-color: var(--theme-color);
padding: 15px 60px 15px 30px;
border-bottom-right-radius: 60px;
}
.profile-block .profile-name,
.profile-block .designation{
font-size: 28px;
}
.profile-block .content{
padding: 25px 40px 30px;
}
.profile-block .profile-image figure{
padding: 25px 30px;
border: 1px solid var(--theme-color);
}
/* ----- Services ---- */
.services-page-wrap .sales-range{
background-color: #FFF8F4;
}
.services-wrapper{height:39vh;}
.gallery-wrap{
position: relative;
z-index: 1;
}
.gallery-wrap::after{
content: "";
width: 90%;
height: 100%;
background-color: #FFF8F3;
border: 1px solid var(--theme-color);
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: -1;
}
.gallery-wrap.image-grid img{
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top;
height: 300px;
}
.gallery-wrap.simple-design::after{
display: none;
}
/* .services-wrapper {
display: flex;
max-width: 1100px;
background: #fff;
margin: auto;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
} */
.services-text {
padding:30px 40px;
background: #ffffff;
height: 100%;
}
.services-text h2{
font-size:24px;
margin-bottom:0px;
text-align: center;
font-weight: 600;
}
.services-text p {
margin: 20px 0;
}
.services-btn {
display: inline-block;
background: #007bff;
color: #fff;
padding: 10px 20px;
font-weight: bold;
border-radius: 5px;
text-decoration: none;
transition: background 0.3s ease;
}
.services-btn:hover {
background: #0056b3;
}
.services-cards {
display: flex;
gap: 20px;
height: 100%;
}
.service-card {
/* background: #fff;
box-shadow: 0 8px 24px rgba(0,0,0,0.1);
border-radius: 12px; */
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
cursor: pointer;
flex: 1;
position: relative;
}
.service-card img {
width: 100%;
height: auto;
display: block;
}
.card-info {
padding:20px 15px;
background: #f9f9f9;
position: relative;
z-index: 1;
width: 85%;
margin: -40px auto 0 auto;
text-align: center;
border-radius: 0px 0px 15px 15px;
}
.card-info h4 {
margin:0px 0 12px;
color: #d76928;
font-size: 20px;
}
.card-info p{margin: 0;color: #232323;}
.card-info:hover {
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
color: #fff;
background:#762b00;
transition:0.2s ease-in-out;
}
.card-info:hover h4,.card-info:hover p {color: #fff;}
/* ---- projects page ---- */
.projects-wrap .gallery-wrap .caption .title{
font-size: 17px;
line-height: normal;
}
.projects-wrap .gallery-wrap .caption .title span{
display: block;
color: #525252;
}
.projects-wrap .gallery-wrap a{
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.projects-wrap .gallery-wrap a:hover{
border: 1px solid var(--orange-dark-color)!important;
}
.bg-half::after {
content: '';
background-color: #f8f8f8 !important;
clip-path: polygon(0% 58%, 119% 48%, 100% 100%, 0% 100%);
position: absolute;
bottom: -26%;
width: 100%;
height: 100%;
z-index: -9;
}
/* ---- blog-page-wrap ---- */
.blog-page-wrap .single-blog-wrap{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.blog-page-wrap .single-blog-wrap .blog-image img{
object-fit: cover;
object-position: center;
max-width: 100%;
height: 100%;
}
.blog-page-wrap .single-blog-wrap .content-box{
padding: 10px 25px;
}
.blog-page-wrap .single-blog-wrap .content-box .blog-title{
font-size: 1.8rem;
}
.blog-page-wrap .single-blog-wrap .content-box .details-list{
font-size: 0.9rem;
}
.blog-page-wrap .single-blog-wrap .content-box hr{
background-color: var(--orange-dark-color);
}
.blog-page-wrap .single-blog-wrap .content-box .text-link{
font-weight: 600;
text-underline-offset: 3px;
}
/* blog-detail-page-wrap */
.blog-detail-page-wrap img{
max-width: 100%;
}
/* .blog-detail-page-wrap .blog-title{
font-size: 30px;
} */
.blog-detail-page-wrap .content-list{
position: sticky;
position: -webkit-sticky;
top: 90px;
max-height: 75vh;
overflow-y: auto;
margin-bottom: 30px;
}
.blog-detail-page-wrap .content-list .title{
font-size: 1.1rem;
}
.blog-detail-page-wrap .content-list ul{
list-style-type: none;
counter-reset: item;
font-size: 0.9rem;
padding-left: 5px;
}
.blog-detail-page-wrap .content-list ul ul{
padding-left: 15px;
margin-top: 8px;
margin-bottom: 15px;
}
.blog-detail-page-wrap .content-list ul li a::before{
content: counters(item, '.', decimal) '. ';
counter-increment: item;
font-weight: 500;
margin-right: 3px;
}
.blog-detail-page-wrap .content-list ul li a.active{
color: var(--orange-dark-color);
}
.blog-detail-page-wrap .content-list ul li{
line-height: normal;
margin-bottom: 10px;
}
/* .blog-detail-page-wrap .content-list ul li:not( li > ul li){} */
.blog-detail-page-wrap .content-list ul li a{
color: inherit;
cursor: pointer;
}
.blog-detail-page-wrap .content-list ul li a:hover{
text-decoration: underline;
}
/* content-box */
.blog-detail-page-wrap .blog-title{
font-size: 2rem;
}
.blog-detail-page-wrap .details-list{
display: inline-flex;
gap: 15px;
margin-bottom: 10px;
}
.blog-detail-page-wrap .details-list li{
font-size: 15px;
}
.blog-detail-page-wrap .details-list li svg,
.blog-detail-page-wrap .details-list li i{
color: #525252;
}
.blog-detail-page-wrap h2{
color: var(--theme-color);
font-size: 1.5rem;
margin-top: 30px;
margin-bottom: 15px;
}
.blog-detail-page-wrap h3{
font-size: 1.3rem;
}
.blog-detail-page-wrap h4{
font-size: 1.2rem;
}
.blog-detail-page-wrap h5{
font-size: 1.1rem;
}
.blog-detail-page-wrap h6{
font-size: 0.9rem;
}
.blog-detail-page-wrap ul li > h2,
.blog-detail-page-wrap ul li > h3,
.blog-detail-page-wrap ul li > h4,
.blog-detail-page-wrap ul li > h5,
.blog-detail-page-wrap ul li > h6,
.blog-detail-page-wrap ol li > h2,
.blog-detail-page-wrap ol li > h3,
.blog-detail-page-wrap ol li > h4,
.blog-detail-page-wrap ol li > h5,
.blog-detail-page-wrap ol li > h6{
font-size: 1rem!important;
font-weight: initial;
display: inline-block;
margin-right: 5px;
}
.blog-detail-page-wrap ul,
.blog-detail-page-wrap ol{
margin-bottom: 20px;
}
.blog-detail-page-wrap ul li:last-child,
.blog-detail-page-wrap ul li:last-child p{
margin-bottom: 0;
}
.blog-detail-page-wrap .list-style-arrows li{
margin-bottom: 5px;
}
.blog-detail-page-wrap .table tr th > h2,
.blog-detail-page-wrap .table tr th > h3,
.blog-detail-page-wrap .table tr th > h4,
.blog-detail-page-wrap .table tr th > h5,
.blog-detail-page-wrap .table tr th > h6{
font-size: 1.2rem;
margin-bottom: 0;
}
/* fqa-list */
.blog-detail-page-wrap ul.fqa-list li:not(:last-child){
padding-bottom: 10px;
margin-bottom: 15px;
border-bottom: 1px dashed #FFD6BE;
}
.blog-detail-page-wrap ul.fqa-list li .question{
font-weight: 500;
}
.blog-detail-page-wrap ul.fqa-list li p:last-child{
margin-bottom: 0;
}
/* ---- conatct us page ---- */
.contact-info > li{
position: relative;
padding-left: 45px;
margin-bottom: 25px;
}
.contact-info > li .icon-block{
position: absolute;
left: 0;
top: -2px;
color: #fff;
background-color: #D76A29;
width: 35px;
height: 35px;
line-height: 35px;
vertical-align: auto;
border-radius: 100%;
}
.contact-info > li a{
color: #232323;
}
.contact-us-wrap .form .form-control{
border-radius: 0;
border-color: var(--theme-color);
}
.map-section{
margin-bottom: -100px;
}
.map-section iframe{
height: 650px;
}
.rent-txt { width: max-content;border-radius: 20px 20px 0px 0px;}
.border-right {border-right: 1px solid #dee2e6;height: 100%}
.bg-success, .bg-danger {
padding: 3px 5px;
color: #fff;
border-radius: 5px;
}
.price {
z-index: 999;
position: absolute;
bottom: -10px;
right: 25px;
}
.price a {border:1px solid var(--theme-color);background-color:#fff;color: var(--theme-color);}
.price a:hover{border:1px solid var(--theme-color);background-color:var(--theme-color);color:#fff;}
.price a:hover img{filter: brightness(0) invert(1); }
.spare-img {width: 80% !important;}
.technology-section .owl-carousel .owl-item img{width: auto;display: inherit;}
.technology-section .owl-nav {margin-top: 0;justify-self: anchor-center;width: 12%;position: absolute; bottom: 13px;}
.technology-section .owl-nav button[class*="owl-"] {
width:35px;
height:35px;
display: block;
font-size: 40px;
background: none !important;
color: #fff;
}
.carousel-testimonial .owl-nav {
text-align: center;
}
.carousel-testimonial .owl-nav button.owl-next,
.carousel-testimonial .owl-nav button.owl-prev {
padding: 0 12px !important;
}
.carousel-testimonial .owl-nav button {
outline: none;
padding: 0;
}
.form-floating>.form-control, .form-floating>.form-select{ height: auto;}
/* ---- responsive ---- */
@media only screen and (min-width:1200px) and (max-width:1449px){
.caption {width: 53%;}
.single-banner-slide h2{font-size:64px;}
.single-banner-slide p{font-size:23px;max-width:72%;}
.services-text {padding:25px 30px;}
.services-text p { margin:15px 0 20px 0;}
.services-wrapper{height:39vh;}
}
@media only screen and (max-width: 1199px){
.blog-page-wrap .single-blog-wrap .content-box{
padding: 20px 0 0;
}
.blog-page-wrap .single-blog-wrap .content-box .blog-title {
font-size: 1.7rem;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
.navbar .navbar-brand{
width: 110px;
}
.navbar .theme-btn {
font-size: 15px;
padding: 0.4rem 1rem;
}
.navbar-nav .nav-item .nav-link{
font-size: 14px;
margin: 0 0;
}
header.sticky .navbar-nav .nav-item .nav-link{
font-size: 14px;
}
.caption {width:70%;}
.single-banner-slide h2{font-size:64px;}
.single-banner-slide p{font-size:24px;max-width:80%;}
.services-text h2{font-size: 25px;margin-bottom:0px;}
.card-info {padding:15px 12px;}
.card-info h4 {font-size:19px;}
.services-text p { margin:15px 0;}
.services-text {padding:20px;}
.services-wrapper{height:38vh;}
.theme-btn {padding:3px 10px;}
.site-type {padding: 20px;}
.step-content {
margin-top: -58%;
}
}
@media only screen and (min-width: 992px){
.list-style-2.reverse-style li{
padding-right: 37px;
}
.list-style-2.reverse-style li::before{
left: auto;
right: 0;
}
.navbar-nav .nav-item{
margin: 0 5px;
}
/* .navbar-nav .nav-item.dropdown .dropdown-menu,
.navbar-nav .nav-item.dropdown.mega-menu .dropdown-menu.megamenu{
margin-top: 10px;
} */
.navbar-nav .nav-item .nav-link::before{
display: block;
}
.navbar-nav .nav-item.dropdown:hover .dropdown-menu{
/* display: block; */
animation: fadeIn 0.2s linear both;
}
.navbar .dropdown-menu.megamenu {
left: 0;
width: auto;
min-width: max-content;
}
.blog-detail-page-wrap .content-list{
margin-bottom: 150px;
}
.page-banner-section{height: 135px;}
}
@media only screen and (max-width: 991px){
.heading-style {
font-size: 30px;
}
.sub-heading{
font-size: 22px;
}
.title-style-2 {
font-size: 18px;
}
/* navbar-collapse */
.navbar .navbar-collapse{
position: absolute;
padding: 0 15px 0 15px;
left: 5%;
top: 116px;
width: 90%;
background-color: #FFEADE;
z-index: 5;
}
.navbar-nav .nav-item.dropdown .nav-link{
padding-right: 45px;
}
.navbar-nav .nav-item.dropdown > .dropdown-toggle{
top: 0;
right: 0px;
width: 45px;
height: 100%;
line-height: 45px;
}
.navbar-nav .nav-item .nav-link.active{
color: var(--theme-color);
}
header.sticky .navbar .navbar-collapse{
top: 78px;
}
header .topbox ul li, header .topbox ul li{
font-size: 14px;
}
header .topbox ul li img {
width: 16px;
}
.banner-section{
min-height: auto;
}
.single-banner-slide {
height: 63vh;
}
.single-banner-slide h2{font-size:60px;}
.single-banner-slide p{ font-size:24px; max-width:80%; line-height: normal;}
.caption{margin: 0% 7%;}
.column-block:not(:last-child)::after{
content: "";
height: auto;
width: 100%;
border-right: none;
border-bottom: 1px solid var(--orange-dark-color);
position: absolute;
top: auto;
right: auto;
bottom: 0;
left: 0;
}
.technology-section .heading-style span {
font-size: 30px;
}
.call-block{
font-size: 36px;
padding: 6px 15px;
}
.call-block .icon-block{
font-size: 23px;
width: 36px;
height: 36px;
line-height: 36px;
}
footer{
padding-top: 100px;
clip-path: polygon(0 5%, 100% 0%, 100% 100%, 0% 100%);
}
footer .widget-column .widget-title{
font-size: 22px;
}
footer .user-info{
padding: 10px 20px;
}
footer .user-info p{
font-size: 18px;
}
footer .user-info a {
color: #FF9B61;
font-size: 20px;
}
.page-banner-section{
height:120px;
}
.page-banner-section .title{
font-size: 28px;
padding-left: 10px;
border-left-width: 6px;
}
.page-banner-section .breadcrumb {
padding: 2px 6px;
}
.gallery-wrap.image-grid img{
height: 200px;
}
.profile-block .heading {
padding: 10px 40px 10px 20px;
}
.profile-block .profile-name, .profile-block .designation{
font-size: 24px;
}
.profile-block .content{
padding: 15px 30px 20px;
}
.profile-block .profile-image figure{
padding: 18px 20px;
}
.card-info p{
font-size: 15px;
}
.product-column .title {
font-size: 18px;
}
.product-block .content p{
font-size: 15px;
}
.risk-free {
margin-bottom: 20px;
}
.sales-rental-option::after, .sales-rental-option::after{
display: none;
}
}
@media only screen and (max-width: 767px){
.heading-style {
font-size: 28px;
}
.sub-heading{
font-size: 19px;
}
.title-style-1{
font-size: 20px;
padding: 8px 30px;
}
.title-style-1::before,
.title-style-1::after{
border-width: 8px;
}
.title-style-1::before{
left: -16px;
}
.title-style-1::after{
right: -16px;
}
.title-style-2 {
font-size: 16px;
}
.list-style-arrows li::before{
font-size: 15px;
top: 4px;
}
.theme-btn{
font-size: 15px;
padding: 0.5rem 1.6rem;
}
.section-space {
padding-top: 70px;
padding-bottom: 70px;
}
.owl-nav button[class*="owl-"]{
width: 40px;
height: 40px;
line-height: 40px;
}
.table thead {
font-size: 18px;
}
.table tbody{
font-size: 15px;
line-height: 25px;
}
.table tr th{
padding: 7px 18px;
}
.table tr td{
padding: 7px 18px;
}
.navbar .navbar-brand{
width: 140px;
}
.navbar .theme-btn{
font-size: 16px;
padding: 0.3rem 1.2rem;
}
.navbar .theme-btn .badge{
top: -9px;
right: 10px;
}
/* navbar-collapse */
.navbar .navbar-collapse{
top: 103px;
}
.column-block .icon-block{
width: 80px;
height: 80px;
line-height: 80px;
}
.single-banner-slide h2{font-size:58px;}
.single-banner-slide p{ font-size:24px; max-width: 100%; line-height: normal;}
.caption{margin: 0% 7%;}
.single-banner-slide {height:48vh;}
.product-column .title {
font-size: 17px;
}
.product-block .content .title{
font-size: 18px;
}
.product-block{
padding-bottom: 52px;
}
.product-block .content{
font-size: 15px;
}
.product-block .content .btn{
font-size: 14px;
padding: 0.3rem 1.3rem;
}
.image-design-1::after{
top: -18px;
right: -19px;
}
.technology-section .heading-style {
font-size: 22px;
}
.technology-section .heading-style span {
font-size: 28px;
}
.industries-section .column-block-1 .icon-block{
width: 130px;
height: 130px;
border-width: 3px;
}
.industries-section .column-block-1 .title {
font-size: 17px;
}
.call-block{
font-size: 32px;
}
.accordion .accordion-item .accordion-button{
font-size: 16px;
padding: 1rem 2.9rem 1rem 1.2rem;
}
.accordion .accordion-item .accordion-button:not(.collapsed){
font-size: 18px;
}
footer{
background-position: -120px 0;
}
.copyright p{
font-size: 14px;
line-height: 24px;
}
.page-banner-section{
height:150px;
}
.page-banner-section .title{
font-size: 21px;
padding-left: 7px;
border-left-width: 4px;
}
.page-banner-section .breadcrumb{
padding: 0px 4px;
}
.page-banner-section .breadcrumb li{
font-size: 14px;
}
.page-banner-section .breadcrumb li:not(:last-child)::after{
font-size: 10px;
}
.pro-brochure ul::after{
display: none;
}
.list-style-3 li,
.list-style-arrows li{
line-height: normal;
margin-bottom: 8px;
}
.column-block-2 .title{
font-size: 21px;
}
.profile-block .profile-name, .profile-block .designation{
font-size: 20px;
}
.projects-wrap .gallery-wrap .caption .title{
font-size: 15px;
}
.services-wrapper {height: 100%;}
.services-text {margin-bottom: 20px;height: auto;}
.services-cards {display: block;}
.service-card {margin-bottom:30px;}
.fs-5{font-size:18px !important}
.technology-section .owl-nav {bottom: -38px;}
.blog-page-wrap .single-blog-wrap .content-box .blog-title {
font-size: 1.5rem;
}
.product-box {
margin-bottom:30px;
}
.risk-free {
margin-bottom: 20px;
}
.page-banner-section{
height: 130px;
background-size: cover;
}
.saftey-section .justify-items-end {
justify-content: center !important;
display: inline-table;
}
.sales-rental-option::after, .sales-rental-option::after{
display: none;
}
}
@media only screen and (max-width: 575px){
.heading-style {
font-size: 23px;
}
.heading-border{
margin: 0.6rem 0;
}
.sub-heading{
font-size: 18px;
}
.title-style-2 {
font-size: 15px;
padding: 5px 14px;
}
.list-style-arrows li > *{
font-size: 16px;
}
.navbar .theme-btn {
font-size: 14px;
padding: 0.3rem 1rem;
}
.owl-nav button[class*="owl-"]{
width: 35px;
height: 35px;
line-height: 35px;
}
.single-banner-slide h2{font-size:46px;}
.single-banner-slide p{ font-size:20px; max-width: 100%; line-height: normal;}
.caption{margin: 0% 5%;}
.single-banner-slide {height:43vh;}
.section-space {
padding-top: 50px;
padding-bottom: 50px;
}
.price {bottom: -18px;right:60px;}
.theme-btn {
font-size: 15px;
padding: 0.3rem 0.9rem;
}
.product-column .title {
font-size: 15px;
}
.technology-section .heading-style {
font-size: 19px;
}
.technology-section .heading-style span {
font-size: 25px;
}
.slide-caption {margin-bottom: 25px;}
.slider-nav {margin-top:0px;}
.industries-section .column-block-1 .icon-block {
width: 110px;
height: 110px;
}
.industries-section .column-block-1 .title {
font-size: 16px;
}
.variant-section .product-block{
margin-bottom: 30px;
}
.variant-section .content{
margin-bottom: 20px;
}
.pro-brochure ul::after {
display: none;
}
.pro-brochure ul li {
justify-items: center;
}
.pro-brochure .d-flex{
display: block !important;
text-align: center;
}
.pro-brochure .theme-btn{
text-align: center;
width: max-content;
display: block;
}
.call-block{
font-size: 28px;
}
.accordion .accordion-item .accordion-button::after{
width: 22px;
height: 22px;
line-height: 19px;
}
footer {
padding-top: 80px;
clip-path: polygon(0 3%, 100% 0%, 100% 100%, 0% 100%);
}
footer .widget-column .widget-title {
font-size: 20px;
}
.side-box{
bottom: 14%;
}
.btn-group{
gap: 8px;
right: 20px;
bottom: 14%;
/* bottom: 110px; */
z-index: 5;
}
.page-banner-section{
height: 100px;
background-size: cover;
}
.page-banner-section .breadcrumb li {
padding: 0 3px;
}
.page-banner-section .title{
font-size: 16px;
padding-left: 5px;
}
.page-banner-section .breadcrumb{
padding: 0px 0px;
}
.page-banner-section .breadcrumb li{
font-size:13px;
}
.gallery-wrap.image-grid img{
height: 150px;
}
.profile-block .heading {
padding: 8px 30px 8px 15px;
}
.profile-block .content{
padding: 10px 22px 20px;
}
.profile-block .profile-image figure{
padding: 12px 15px;
}
.cta-section-1 p{
font-size: 16px;
}
.spare-img {
width: 100% !important;
}
.lift-section .col-11.col-sm-12.text-center.mb-3.d-flex{
display: block !important;margin-bottom:0px !important
}
.lift-section .col-11.col-sm-12.text-center.mb-3.d-flex a{
margin-bottom:10px !important
}
.services-wrapper {
height: 100%;
}
.services-text {
margin-bottom: 20px;
height: auto;
}
.services-cards {
display: block;
}
.service-card {
margin-bottom:30px;
}
.fs-5{
font-size: 16px !important
}
.risk-free {
margin-bottom: 20px;
}
.technology-section .owl-nav {
bottom: -38px;
}
.site-type h3{
font-size: 20px !important;
}
.blog-page-wrap .single-blog-wrap .content-box .blog-title {
font-size: 1.3rem;
}
.swiper-slide .d-flex{
display: block !important;
}
.pricing-list li, .leader-list2 li {
margin-bottom: 9px;
}
}
@media only screen and (max-width:480px){
.single-banner-slide h2{font-size:38px;}
.single-banner-slide p{ font-size:18px; max-width: 100%; line-height: normal;}
.single-banner-slide {height:32vh;}
.price {bottom:-60px;right:50px;}
.lift-section .col-11.col-sm-12.text-center.mb-3.d-flex{display: block !important;margin-bottom:0px !important}
.lift-section .col-11.col-sm-12.text-center.mb-3.d-flex a{margin-bottom:10px !important}
}
@media only screen and (max-width: 360px){
.title-style-2 {
font-size: 16px;
}
.single-banner-slide h2{font-size:30px;}
.single-banner-slide p{ font-size:16px; max-width: 100%; line-height: normal;}
.single-banner-slide {height: 35vh;}
.price {bottom:-60px;right:30px;}
}