/* Start custom CSS for html, class: .elementor-element-0074426 *//*==================================
SAINI AQUATECH HERO CSS
===================================*/
*{
margin:0;
padding:0;
box-sizing:border-box;
}
html{
scroll-behavior:smooth;
}
body{
font-family:Inter,sans-serif;
background:#050505;
color:#fff;
overflow-x:hidden;
}
/* HERO SECTION */
#saini-hero{
position:relative;
min-height:100vh;
display:flex;
align-items:center;
overflow:hidden;
background:
linear-gradient(rgba(5,5,5,.92),rgba(5,5,5,.95)),
url("YOUR-BACKGROUND.jpg") center/cover;
}
/* Animated Glow */
#saini-hero::before{
content:"";
position:absolute;
width:700px;
height:700px;
border-radius:50%;
background:radial-gradient(circle,#0A6DFF30 0%,transparent 70%);
top:-250px;
right:-150px;
filter:blur(80px);
animation:heroGlow 8s ease-in-out infinite alternate;
}
#saini-hero::after{
content:"";
position:absolute;
width:600px;
height:600px;
border-radius:50%;
background:radial-gradient(circle,#ffffff10 0%,transparent 70%);
bottom:-250px;
left:-150px;
filter:blur(80px);
}
@keyframes heroGlow{
0%{
transform:translateY(0);
}
100%{
transform:translateY(60px);
}
}
/* Container */
.hero-container{
max-width:1400px;
margin:auto;
padding:90px 6%;
display:grid;
grid-template-columns:1.1fr .9fr;
gap:70px;
align-items:center;
position:relative;
z-index:5;
}
/* Tag */
.tag{
display:inline-flex;
align-items:center;
padding:12px 20px;
border-radius:100px;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08);
backdrop-filter:blur(15px);
letter-spacing:1px;
font-size:13px;
margin-bottom:28px;
}
/* Heading */
.hero-title{
font-size:68px;
font-weight:800;
line-height:1.08;
margin-bottom:25px;
}
.hero-title span{
background:linear-gradient(135deg,#0A6DFF,#5BC0FF);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
/* Description */
.hero-text{
font-size:18px;
line-height:1.9;
color:#BFBFBF;
max-width:650px;
margin-bottom:45px;
}
/* Buttons */
.hero-buttons{
display:flex;
gap:18px;
flex-wrap:wrap;
margin-bottom:50px;
}
.btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:18px 34px;
border-radius:100px;
font-weight:600;
text-decoration:none;
transition:.35s;
}
.btn-primary{
background:linear-gradient(135deg,#0A6DFF,#4EA9FF);
color:#fff;
}
.btn-primary:hover{
transform:translateY(-5px);
box-shadow:0 20px 40px rgba(10,109,255,.35);
}
.btn-outline{
border:1px solid rgba(255,255,255,.18);
color:#fff;
}
.btn-outline:hover{
background:#fff;
color:#050505;
}
/* Stats */
.stats{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}
.stat-card{
background:rgba(255,255,255,.03);
border:1px solid rgba(255,255,255,.08);
border-radius:22px;
padding:28px;
backdrop-filter:blur(18px);
transition:.4s;
}
.stat-card:hover{
transform:translateY(-8px);
border-color:#0A6DFF;
box-shadow:0 25px 50px rgba(10,109,255,.15);
}
.stat-card h2{
font-size:34px;
color:#4DB8FF;
margin-bottom:10px;
}
.stat-card p{
font-size:15px;
color:#D4D4D4;
line-height:1.6;
}
/* Image */
.hero-image{
position:relative;
display:flex;
justify-content:center;
align-items:center;
}
/* Glow Ring */
.circle{
position:absolute;
width:520px;
height:520px;
border-radius:50%;
background:radial-gradient(circle,#0A6DFF25 0%,transparent 70%);
animation:pulse 6s infinite;
}
@keyframes pulse{
50%{
transform:scale(1.08);
}
}
/* Tank */
.hero-image img{
width:460px;
max-width:100%;
position:relative;
z-index:2;
filter:drop-shadow(0 40px 90px rgba(0,0,0,.75));
animation:float 6s ease-in-out infinite;
}
@keyframes float{
50%{
transform:translateY(-18px);
}
}
/* Responsive */
@media(max-width:991px){
.hero-container{
grid-template-columns:1fr;
text-align:center;
padding:80px 25px;
}
.hero-title{
font-size:44px;
}
.hero-text{
margin:0 auto 35px;
}
.hero-buttons{
justify-content:center;
}
.stats{
grid-template-columns:1fr;
}
.hero-image{
margin-top:60px;
}
.hero-image img{
width:320px;
}
.circle{
width:340px;
height:340px;
}
}
@media(max-width:576px){
.hero-title{
font-size:34px;
}
.hero-text{
font-size:16px;
}
.btn{
width:100%;
}
.tag{
font-size:11px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-75a3bcb *//*=============================
WHY SAINI SECTION
=============================*/
.why-saini{
padding:120px 6%;
background:#0A0A0A;
}
.container{
max-width:1400px;
margin:auto;
}
.section-heading{
text-align:center;
max-width:850px;
margin:auto auto 70px;
}
.section-tag{
display:inline-block;
padding:10px 20px;
border-radius:50px;
background:rgba(10,109,255,.10);
border:1px solid rgba(10,109,255,.25);
color:#4DB8FF;
font-size:13px;
letter-spacing:2px;
font-weight:600;
margin-bottom:20px;
}
.section-heading h2{
font-size:52px;
font-weight:800;
line-height:1.2;
margin-bottom:25px;
}
.section-heading p{
font-size:18px;
line-height:1.9;
color:#BFBFBF;
}
/* Grid */
.features-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}
/* Card */
.feature-card{
background:rgba(255,255,255,.03);
border:1px solid rgba(255,255,255,.06);
border-radius:24px;
padding:45px 35px;
transition:.4s;
position:relative;
overflow:hidden;
}
.feature-card::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
background:linear-gradient(90deg,#0A6DFF,#59B7FF);
transform:scaleX(0);
transition:.4s;
}
.feature-card:hover{
transform:translateY(-12px);
border-color:#0A6DFF;
box-shadow:0 30px 60px rgba(10,109,255,.15);
}
.feature-card:hover::before{
transform:scaleX(1);
}
.icon{
width:70px;
height:70px;
display:flex;
align-items:center;
justify-content:center;
border-radius:18px;
background:linear-gradient(135deg,#0A6DFF,#52B0FF);
font-size:30px;
margin-bottom:25px;
}
.feature-card h3{
font-size:24px;
margin-bottom:18px;
}
.feature-card p{
color:#BFBFBF;
line-height:1.8;
font-size:16px;
}
/* Responsive */
@media(max-width:1024px){
.features-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:768px){
.section-heading h2{
font-size:36px;
}
.features-grid{
grid-template-columns:1fr;
}
.feature-card{
padding:35px 28px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6fb7797 *//*==========================
ABOUT SECTION
==========================*/
.about-saini{
padding:120px 6%;
background:#050505;
}
.about-grid{
display:grid;
grid-template-columns:1fr 1fr;
align-items:center;
gap:80px;
}
.about-image{
position:relative;
}
.image-box{
overflow:hidden;
border-radius:28px;
border:1px solid rgba(255,255,255,.08);
}
.image-box img{
width:100%;
display:block;
transition:.5s;
}
.image-box:hover img{
transform:scale(1.05);
}
.experience-card{
position:absolute;
right:-25px;
bottom:40px;
background:#0A6DFF;
padding:28px 35px;
border-radius:20px;
box-shadow:0 25px 60px rgba(10,109,255,.35);
}
.experience-card h2{
font-size:42px;
margin-bottom:8px;
}
.experience-card p{
font-size:15px;
}
.about-content h2{
font-size:52px;
line-height:1.2;
margin:25px 0;
}
.about-content p{
color:#c7c7c7;
font-size:17px;
line-height:1.9;
margin-bottom:20px;
}
.about-features{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;
margin:40px 0;
}
.feature-item{
background:#101820;
padding:16px 20px;
border-radius:12px;
border:1px solid rgba(255,255,255,.06);
transition:.3s;
}
.feature-item:hover{
border-color:#0A6DFF;
transform:translateX(6px);
}
.about-btn{
display:inline-block;
padding:18px 36px;
background:linear-gradient(135deg,#0A6DFF,#4DB8FF);
border-radius:50px;
color:#fff;
text-decoration:none;
font-weight:600;
transition:.3s;
}
.about-btn:hover{
transform:translateY(-5px);
box-shadow:0 20px 40px rgba(10,109,255,.35);
}
/* Responsive */
@media(max-width:991px){
.about-grid{
grid-template-columns:1fr;
gap:50px;
}
.about-content{
text-align:center;
}
.about-features{
grid-template-columns:1fr;
}
.experience-card{
position:relative;
right:0;
bottom:0;
margin-top:20px;
display:inline-block;
}
.about-content h2{
font-size:38px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2650aa8 *//*===========================
STAINLESS STEEL GRADES
===========================*/
.steel-grades{
padding:120px 6%;
background:#0b0f14;
}
.section-title{
max-width:820px;
margin:auto;
text-align:center;
margin-bottom:70px;
}
.section-title span{
display:inline-block;
padding:10px 22px;
background:rgba(10,109,255,.12);
border:1px solid rgba(10,109,255,.25);
border-radius:50px;
font-size:13px;
letter-spacing:2px;
color:#4DB8FF;
}
.section-title h2{
font-size:52px;
margin:25px 0;
}
.section-title p{
font-size:18px;
color:#BFBFBF;
line-height:1.8;
}
/* GRID */
.grade-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:35px;
}
/* CARD */
.grade-card{
position:relative;
padding:45px;
background:#111827;
border-radius:28px;
border:1px solid rgba(255,255,255,.08);
transition:.4s;
overflow:hidden;
}
.grade-card::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:5px;
background:linear-gradient(90deg,#0A6DFF,#59B7FF);
}
.grade-card:hover{
transform:translateY(-12px);
border-color:#0A6DFF;
box-shadow:0 35px 70px rgba(10,109,255,.18);
}
.featured{
transform:scale(1.05);
border:2px solid #0A6DFF;
}
.badge{
position:absolute;
right:25px;
top:25px;
background:#0A6DFF;
padding:8px 16px;
border-radius:50px;
font-size:12px;
font-weight:600;
}
.grade-number{
font-size:72px;
font-weight:800;
color:#0A6DFF;
opacity:.18;
margin-bottom:15px;
}
.grade-card h3{
font-size:34px;
margin-bottom:10px;
}
.grade-subtitle{
color:#C9C9C9;
margin-bottom:30px;
line-height:1.7;
}
.grade-card ul{
list-style:none;
padding:0;
margin:0 0 35px;
}
.grade-card ul li{
padding:14px 0;
border-bottom:1px solid rgba(255,255,255,.06);
color:#E6E6E6;
}
.grade-bottom{
display:flex;
justify-content:space-between;
margin-top:25px;
}
.grade-bottom span{
padding:10px 18px;
background:#1b2735;
border-radius:30px;
font-size:14px;
}
/* RESPONSIVE */
@media(max-width:1024px){
.grade-grid{
grid-template-columns:1fr;
}
.featured{
transform:none;
}
.section-title h2{
font-size:40px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f014bb3 *//*=========================
PRODUCT SHOWCASE
==========================*/
.products-section{
padding:120px 6%;
background:#050505;
}
.product-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:35px;
}
.product-card{
background:#111827;
border-radius:28px;
overflow:hidden;
border:1px solid rgba(255,255,255,.08);
transition:.4s;
}
.product-card:hover{
transform:translateY(-12px);
border-color:#0A6DFF;
box-shadow:0 30px 70px rgba(10,109,255,.18);
}
.product-image{
position:relative;
background:linear-gradient(180deg,#151f2c,#0d1218);
padding:40px;
overflow:hidden;
}
.product-image img{
width:100%;
transition:.5s;
}
.product-card:hover img{
transform:scale(1.08);
}
.product-content{
padding:35px;
}
.product-category{
display:inline-block;
padding:8px 18px;
border-radius:40px;
background:rgba(10,109,255,.12);
color:#4DB8FF;
font-size:13px;
margin-bottom:18px;
}
.product-content h3{
font-size:28px;
margin-bottom:15px;
}
.product-content p{
color:#C7C7C7;
line-height:1.8;
margin-bottom:30px;
}
.capacity-list{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-bottom:30px;
}
.capacity-list span{
padding:10px 16px;
border-radius:30px;
background:#1c2635;
font-size:14px;
}
.product-btn{
display:inline-block;
color:#4DB8FF;
text-decoration:none;
font-weight:600;
transition:.3s;
}
.product-btn:hover{
color:#fff;
letter-spacing:.5px;
}
@media(max-width:1024px){
.product-grid{
grid-template-columns:1fr;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f9a2301 *//*=========================
MANUFACTURING PROCESS
==========================*/
.manufacturing-process{
padding:120px 6%;
background:#0b0f14;
}
.timeline{
display:flex;
justify-content:space-between;
align-items:flex-start;
margin-top:70px;
position:relative;
gap:20px;
flex-wrap:wrap;
}
.timeline-item{
flex:1;
min-width:180px;
text-align:center;
position:relative;
}
.timeline-icon{
width:90px;
height:90px;
margin:auto;
border-radius:50%;
background:linear-gradient(135deg,#0A6DFF,#4DB8FF);
display:flex;
justify-content:center;
align-items:center;
font-size:34px;
color:#fff;
box-shadow:0 20px 50px rgba(10,109,255,.30);
transition:.4s;
}
.timeline-item:hover .timeline-icon{
transform:translateY(-8px) scale(1.08);
}
.timeline-item h3{
margin:25px 0 12px;
font-size:22px;
}
.timeline-item p{
color:#BFBFBF;
line-height:1.7;
font-size:15px;
}
.timeline-line{
flex:0 0 60px;
height:4px;
margin-top:43px;
background:linear-gradient(90deg,#0A6DFF,#4DB8FF);
border-radius:10px;
}
@media(max-width:991px){
.timeline{
flex-direction:column;
align-items:center;
}
.timeline-line{
width:4px;
height:60px;
margin:0;
}
.timeline-item{
max-width:320px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-65865ed *//*=========================
INDUSTRIES
=========================*/
.industries{
padding:120px 6%;
background:#050505;
}
.industry-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
margin-top:70px;
}
.industry-card{
background:#111827;
border:1px solid rgba(255,255,255,.08);
border-radius:28px;
padding:45px 35px;
transition:.4s;
text-align:center;
position:relative;
overflow:hidden;
}
.industry-card::before{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:4px;
background:linear-gradient(90deg,#0A6DFF,#58B7FF);
transform:scaleX(0);
transition:.35s;
}
.industry-card:hover{
transform:translateY(-10px);
border-color:#0A6DFF;
box-shadow:0 30px 60px rgba(10,109,255,.15);
}
.industry-card:hover::before{
transform:scaleX(1);
}
.industry-icon{
width:90px;
height:90px;
margin:auto;
border-radius:50%;
background:linear-gradient(135deg,#0A6DFF,#53B4FF);
display:flex;
align-items:center;
justify-content:center;
font-size:42px;
margin-bottom:25px;
}
.industry-card h3{
font-size:26px;
margin-bottom:18px;
}
.industry-card p{
color:#BDBDBD;
line-height:1.8;
}
@media(max-width:1024px){
.industry-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:768px){
.industry-grid{
grid-template-columns:1fr;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dbb6548 *//*==============================
PLASTIC VS STAINLESS STEEL
==============================*/
.comparison-section{
padding:120px 6%;
background:#0B0F14;
}
.comparison-wrapper{
display:grid;
grid-template-columns:1fr 120px 1fr;
align-items:center;
gap:30px;
margin-top:70px;
}
.compare-card{
background:#111827;
border-radius:28px;
border:1px solid rgba(255,255,255,.08);
padding:45px;
transition:.4s;
}
.compare-card:hover{
transform:translateY(-10px);
}
.plastic{
border-top:5px solid #ff4b4b;
}
.steel{
border-top:5px solid #0A6DFF;
box-shadow:0 20px 60px rgba(10,109,255,.15);
}
.compare-header{
font-size:30px;
font-weight:700;
margin-bottom:35px;
text-align:center;
}
.compare-card ul{
list-style:none;
margin:0;
padding:0;
}
.compare-card li{
padding:18px 0;
border-bottom:1px solid rgba(255,255,255,.06);
color:#d5d5d5;
font-size:17px;
}
.vs-circle{
width:100px;
height:100px;
border-radius:50%;
background:linear-gradient(135deg,#0A6DFF,#55B8FF);
display:flex;
justify-content:center;
align-items:center;
font-size:28px;
font-weight:700;
margin:auto;
box-shadow:0 20px 50px rgba(10,109,255,.30);
}
@media(max-width:991px){
.comparison-wrapper{
grid-template-columns:1fr;
}
.vs-circle{
margin:20px auto;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-722020e *//*==================================
TRUST SECTION
==================================*/
.trust-section{
padding:120px 6%;
background:#050505;
}
.trust-header{
max-width:760px;
margin:auto;
text-align:center;
margin-bottom:70px;
}
.stats-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
}
.stat-box{
background:#101820;
border:1px solid rgba(255,255,255,.08);
padding:45px 30px;
border-radius:24px;
text-align:center;
transition:.35s;
}
.stat-box:hover{
transform:translateY(-10px);
border-color:#0A6DFF;
box-shadow:0 25px 60px rgba(10,109,255,.15);
}
.stat-box h2{
font-size:60px;
color:#0A6DFF;
margin-bottom:15px;
}
.stat-box h4{
font-size:22px;
margin-bottom:15px;
}
.stat-box p{
color:#BFBFBF;
line-height:1.7;
}
.trust-bar{
margin-top:70px;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
}
.trust-item{
background:#0E141B;
padding:22px;
border-radius:14px;
text-align:center;
font-weight:600;
}
.trust-item strong{
color:#0A6DFF;
margin-right:8px;
}
@media(max-width:992px){
.stats-grid{
grid-template-columns:repeat(2,1fr);
}
.trust-bar{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:768px){
.stats-grid{
grid-template-columns:1fr;
}
.trust-bar{
grid-template-columns:1fr;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ff0229c */.certifications{
background:#050505;
padding:110px 8%;
color:#fff;
overflow:hidden;
}
.container{
max-width:1400px;
margin:auto;
}
.section-heading{
text-align:center;
margin-bottom:70px;
}
.section-heading span{
color:#C8A96A;
font-size:14px;
letter-spacing:4px;
text-transform:uppercase;
}
.section-heading h2{
font-size:52px;
margin:20px 0;
font-weight:700;
line-height:1.2;
}
.section-heading p{
color:#BEBEBE;
max-width:780px;
margin:auto;
line-height:1.9;
font-size:18px;
}
.cert-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:35px;
}
.cert-card{
background:#0F0F0F;
border:1px solid rgba(200,169,106,.18);
padding:45px;
border-radius:18px;
transition:.45s;
}
.cert-card:hover{
transform:translateY(-12px);
border-color:#C8A96A;
box-shadow:0 20px 45px rgba(200,169,106,.12);
}
.icon{
width:75px;
height:75px;
background:#C8A96A;
color:#050505;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
font-size:32px;
margin-bottom:30px;
}
.cert-card h3{
font-size:24px;
margin-bottom:15px;
}
.cert-card p{
color:#BDBDBD;
line-height:1.8;
}
@media(max-width:991px){
.cert-grid{
grid-template-columns:repeat(2,1fr);
}
.section-heading h2{
font-size:42px;
}
}
@media(max-width:768px){
.cert-grid{
grid-template-columns:1fr;
}
.section-heading h2{
font-size:34px;
}
.cert-card{
padding:35px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e0e37e3 */.projects-section{
background:#0b0b0b;
padding:110px 8%;
color:#fff;
}
.projects-section .container{
max-width:1400px;
margin:auto;
}
.section-title{
text-align:center;
margin-bottom:70px;
}
.section-title span{
color:#c8a96a;
letter-spacing:3px;
text-transform:uppercase;
font-size:14px;
}
.section-title h2{
font-size:52px;
margin:18px 0;
}
.section-title p{
color:#b8b8b8;
max-width:760px;
margin:auto;
line-height:1.8;
}
.projects-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}
.project-card{
position:relative;
overflow:hidden;
border-radius:18px;
border:1px solid rgba(255,255,255,.08);
transition:.4s;
}
.project-card img{
width:100%;
height:320px;
object-fit:cover;
display:block;
transition:.6s;
}
.project-card::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(to top,#000 5%,transparent 60%);
}
.project-content{
position:absolute;
left:25px;
right:25px;
bottom:25px;
z-index:5;
}
.project-content h3{
margin-bottom:8px;
font-size:24px;
}
.project-content p{
color:#d0d0d0;
margin-bottom:8px;
}
.project-content span{
color:#c8a96a;
font-weight:600;
}
.project-card:hover{
transform:translateY(-10px);
border-color:#c8a96a;
}
.project-card:hover img{
transform:scale(1.08);
}
@media(max-width:991px){
.projects-grid{
grid-template-columns:repeat(2,1fr);
}
.section-title h2{
font-size:42px;
}
}
@media(max-width:768px){
.projects-grid{
grid-template-columns:1fr;
}
.section-title h2{
font-size:34px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ff60834 */.trusted-section{
padding:110px 8%;
background:#050505;
color:#fff;
}
.trusted-section .container{
max-width:1400px;
margin:auto;
}
.trusted-heading{
text-align:center;
margin-bottom:70px;
}
.trusted-heading span{
color:#c8a96a;
letter-spacing:4px;
text-transform:uppercase;
font-size:14px;
}
.trusted-heading h2{
font-size:52px;
margin:20px 0;
}
.trusted-heading p{
color:#bdbdbd;
max-width:760px;
margin:auto;
line-height:1.9;
}
.trust-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}
.trust-card{
background:#111;
border:1px solid rgba(255,255,255,.08);
border-radius:20px;
padding:45px;
text-align:center;
transition:.4s;
}
.trust-card:hover{
transform:translateY(-10px);
border-color:#c8a96a;
box-shadow:0 15px 40px rgba(200,169,106,.12);
}
.trust-card h3{
font-size:44px;
color:#c8a96a;
margin-bottom:15px;
}
.trust-card span{
color:#ddd;
font-size:18px;
line-height:1.6;
}
@media(max-width:991px){
.trust-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:768px){
.trust-grid{
grid-template-columns:1fr;
}
.trusted-heading h2{
font-size:36px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-df05f14 */.cta-section{
padding:120px 8%;
background:#050505;
}
.cta-box{
max-width:1100px;
margin:auto;
text-align:center;
background:linear-gradient(135deg,#111,#1b1b1b);
border:1px solid rgba(200,169,106,.25);
border-radius:30px;
padding:70px 60px;
}
.cta-box span{
color:#C8A96A;
letter-spacing:4px;
font-size:14px;
}
.cta-box h2{
font-size:52px;
color:#fff;
margin:25px 0;
}
.cta-box p{
color:#c8c8c8;
font-size:18px;
line-height:1.9;
max-width:700px;
margin:auto;
}
.cta-buttons{
margin-top:45px;
display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;
}
.btn-primary{
padding:18px 40px;
background:#C8A96A;
color:#000;
border-radius:50px;
text-decoration:none;
font-weight:600;
}
.btn-outline{
padding:18px 40px;
border:1px solid #C8A96A;
color:#fff;
text-decoration:none;
border-radius:50px;
}
.btn-primary:hover{
transform:translateY(-3px);
}
.btn-outline:hover{
background:#C8A96A;
color:#000;
}
@media(max-width:768px){
.cta-box{
padding:50px 30px;
}
.cta-box h2{
font-size:36px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d9460c2 */.contact-section{
background:#050505;
padding:110px 8%;
color:#fff;
}
.contact-wrapper{
max-width:1400px;
margin:auto;
display:grid;
grid-template-columns:1.2fr .8fr;
gap:60px;
align-items:center;
}
.contact-info span{
color:#C8A96A;
letter-spacing:4px;
text-transform:uppercase;
font-size:14px;
}
.contact-info h2{
font-size:52px;
margin:18px 0 25px;
}
.contact-info>p{
color:#bdbdbd;
line-height:1.9;
margin-bottom:40px;
}
.contact-item{
margin-bottom:28px;
}
.contact-item h4{
color:#C8A96A;
margin-bottom:8px;
}
.contact-item a{
color:#fff;
text-decoration:none;
font-size:18px;
transition:.3s;
}
.contact-item a:hover{
color:#C8A96A;
}
.contact-card{
background:#111;
border:1px solid rgba(200,169,106,.25);
border-radius:22px;
padding:50px;
text-align:center;
}
.contact-card h3{
font-size:34px;
margin-bottom:20px;
}
.contact-card p{
color:#cfcfcf;
line-height:1.8;
margin-bottom:35px;
}
.contact-btn{
display:inline-block;
background:#C8A96A;
color:#000;
text-decoration:none;
padding:16px 36px;
border-radius:50px;
font-weight:600;
transition:.35s;
}
.contact-btn:hover{
transform:translateY(-4px);
}
@media(max-width:991px){
.contact-wrapper{
grid-template-columns:1fr;
}
.contact-info h2{
font-size:42px;
}
}
@media(max-width:768px){
.contact-info h2{
font-size:34px;
}
.contact-card{
padding:35px;
}
}/* End custom CSS */