/* Start custom CSS for html, class: .elementor-element-2cd7884 *//*=================================
GENERAL
==================================*/
*{
margin:0;
padding:0;
box-sizing:border-box;
}
body{
font-family:Arial,Helvetica,sans-serif;
}
.container{
width:90%;
max-width:1200px;
margin:auto;
}
/*=================================
TOP BAR
==================================*/
.top-bar{
background:#183153;
color:#fff;
padding:12px 0;
font-size:15px;
}
.top-bar-content{
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
}
.top-left{
display:flex;
gap:30px;
align-items:center;
}
.top-left a{
color:#fff;
text-decoration:none;
transition:.3s;
}
.top-left a:hover{
color:#B89B72;
}
.top-left i{
margin-right:8px;
}
.top-right{
display:flex;
gap:18px;
}
.top-right a{
color:#fff;
font-size:18px;
transition:.3s;
}
.top-right a:hover{
color:#B89B72;
}
/*=================================
HEADER
==================================*/
.header{
background:#fff;
position:sticky;
top:0;
z-index:999;
box-shadow:0 5px 25px rgba(0,0,0,.08);
}
.header-content{
display:flex;
justify-content:space-between;
align-items:center;
padding:18px 0;
}
.logo img{
width:220px;
}
/* Navigation */
.navbar ul{
list-style:none;
display:flex;
gap:35px;
}
.navbar ul li a{
text-decoration:none;
color:#183153;
font-weight:600;
transition:.3s;
}
.navbar ul li a:hover{
color:#B89B72;
}
/* Button */
.btn-primary{
background:#183153;
color:#fff;
padding:14px 28px;
border-radius:40px;
text-decoration:none;
font-weight:600;
transition:.3s;
}
.btn-primary:hover{
background:#B89B72;
}
/* Mobile Menu */
.menu-toggle{
display:none;
flex-direction:column;
cursor:pointer;
}
.menu-toggle span{
width:28px;
height:3px;
background:#183153;
margin:4px 0;
transition:.3s;
}
/*=================================
RESPONSIVE
==================================*/
@media(max-width:991px){
.navbar{
display:none;
}
.btn-primary{
display:none;
}
.menu-toggle{
display:flex;
}
.top-bar-content{
flex-direction:column;
gap:12px;
}
.top-left{
flex-direction:column;
gap:10px;
}
}
@media(max-width:768px){
.logo img{
width:180px;
}
.top-left{
font-size:14px;
}
.top-right{
margin-top:10px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-055fc74 *//*=================================
ABOUT HERO SECTION
==================================*/
.about-hero{
position:relative;
min-height:340px; /* REDUCED */
display:flex;
align-items:center;
background:url("http://studdardfinancial.com/wp-content/uploads/2019/08/home.jpg") center center/cover no-repeat;
overflow:hidden;
}
/* Dark Overlay */
.hero-overlay{
position:absolute;
inset:0;
background:rgba(24,49,83,.62); /* LIGHTER */
}
/* Container */
.container{
width:100%;
max-width:1200px;
margin:0 auto;
padding:0 20px;
}
/* Content */
.about-hero-content{
position:relative;
z-index:2;
max-width:680px;
color:#fff;
padding-top:20px; /* BETTER POSITIONING */
}
/* Breadcrumb */
.breadcrumb{
display:flex;
align-items:center;
gap:8px;
margin-bottom:18px;
font-size:14px;
font-weight:600;
}
.breadcrumb a{
color:#D6B98C;
text-decoration:none;
transition:color .3s ease;
}
.breadcrumb a:hover{
color:#ffffff;
}
.breadcrumb span{
color:#ffffff;
}
/* Heading */
.about-hero h1{
font-size:48px; /* REDUCED */
line-height:1.15;
margin-bottom:16px;
font-weight:700;
letter-spacing:-0.5px;
}
.about-hero p{
font-size:18px; /* REDUCED */
line-height:1.6;
color:#f1f3f5;
max-width:560px;
margin:0;
}
/*=================================
Tablet
==================================*/
@media (max-width: 991px){
.about-hero{
min-height:300px;
}
.about-hero h1{
font-size:40px;
}
.about-hero p{
font-size:17px;
}
}
/*=================================
Mobile
==================================*/
@media (max-width: 768px){
.about-hero{
min-height:260px;
text-align:center;
}
.about-hero-content{
margin:auto;
padding-top:0;
}
.breadcrumb{
justify-content:center;
margin-bottom:14px;
}
.about-hero h1{
font-size:32px;
line-height:1.2;
}
.about-hero p{
font-size:15px;
line-height:1.5;
max-width:100%;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af6fa09 *//*=================================
ABOUT COMPANY SECTION
==================================*/
.about-company{
padding:80px 0;
background:#ffffff;
}
.container{
width:100%;
max-width:1200px;
margin:0 auto;
padding:0 20px;
}
.about-grid{
display:grid;
grid-template-columns:1.1fr .9fr;
gap:60px;
align-items:start; /* FIXED */
}
/* Left Content */
.about-text .section-tag{
display:inline-block;
background:#183153;
color:#fff;
padding:7px 16px;
border-radius:30px;
font-size:12px;
font-weight:700;
letter-spacing:1px;
margin-bottom:18px;
}
.about-text h2{
font-size:40px;
color:#183153;
line-height:1.2;
margin-bottom:22px;
font-weight:700;
}
.about-text p{
color:#5f6b7a;
font-size:16px;
line-height:1.75;
margin-bottom:18px;
}
.about-text p strong{
color:#183153;
}
/* Buttons */
.about-buttons{
margin-top:32px;
display:flex;
gap:16px;
flex-wrap:wrap;
}
.btn-primary{
display:inline-block;
padding:14px 30px;
background:#183153;
color:#fff;
text-decoration:none;
border-radius:50px;
font-weight:600;
transition:all .3s ease;
}
.btn-primary:hover{
background:#B89B72;
transform:translateY(-2px);
}
.btn-secondary{
display:inline-block;
padding:14px 30px;
border:2px solid #183153;
color:#183153;
text-decoration:none;
border-radius:50px;
font-weight:600;
transition:all .3s ease;
}
.btn-secondary:hover{
background:#183153;
color:#fff;
transform:translateY(-2px);
}
/* Right Image */
.about-image{
position:relative;
text-align:center;
}
.about-image img{
width:100%;
max-width:420px;
border-radius:20px;
box-shadow:0 18px 50px rgba(0,0,0,.12);
transition:transform .4s ease;
display:block;
margin:0 auto;
}
.about-image img:hover{
transform:translateY(-6px);
}
/* Decorative Box */
.about-image::before{
content:"";
position:absolute;
width:110px;
height:110px;
background:#B89B72;
top:-18px;
left:-18px;
border-radius:18px;
z-index:-1;
}
.about-image::after{
content:"";
position:absolute;
width:110px;
height:110px;
background:#183153;
bottom:-18px;
right:-18px;
border-radius:18px;
z-index:-1;
}
/* Responsive */
@media (max-width: 992px){
.about-grid{
grid-template-columns:1fr;
gap:40px;
}
.about-text{
text-align:center;
}
.about-text h2{
font-size:34px;
}
.about-buttons{
justify-content:center;
}
.about-image::before,
.about-image::after{
display:none;
}
}
@media (max-width: 768px){
.about-company{
padding:60px 0;
}
.about-text h2{
font-size:28px;
}
.about-text p{
font-size:15px;
line-height:1.7;
}
.about-buttons{
flex-direction:column;
align-items:center;
}
.btn-primary,
.btn-secondary{
width:100%;
max-width:280px;
text-align:center;
}
.about-image img{
max-width:100%;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2473ff5 *//*=================================
OUR MISSION
==================================*/
.mission-section{
padding:100px 0;
background:#f8f9fc;
}
.mission-card{
max-width:900px;
margin:60px auto 0;
background:#ffffff;
border-left:8px solid #B89B72;
border-radius:20px;
padding:60px;
text-align:center;
box-shadow:0 20px 50px rgba(0,0,0,.08);
position:relative;
}
.quote-icon{
width:80px;
height:80px;
margin:0 auto 30px;
background:#183153;
color:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
}
.mission-card blockquote{
font-size:28px;
line-height:1.8;
color:#183153;
font-style:italic;
font-weight:500;
margin-bottom:35px;
}
.mission-card h4{
color:#B89B72;
font-size:20px;
font-weight:700;
letter-spacing:1px;
}
/* Hover Effect */
.mission-card:hover{
transform:translateY(-6px);
transition:.35s;
box-shadow:0 25px 60px rgba(0,0,0,.12);
}
/* Responsive */
@media(max-width:992px){
.mission-card{
padding:45px 35px;
}
.mission-card blockquote{
font-size:24px;
}
}
@media(max-width:768px){
.mission-section{
padding:70px 0;
}
.mission-card{
padding:35px 25px;
}
.quote-icon{
width:65px;
height:65px;
font-size:24px;
}
.mission-card blockquote{
font-size:20px;
line-height:1.7;
}
.mission-card h4{
font-size:18px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0a0acb1 *//*=================================
MEET BYRON SECTION
==================================*/
.advisor-section{
padding:110px 0;
background:#ffffff;
}
.advisor-grid{
display:grid;
grid-template-columns:420px 1fr;
gap:70px;
align-items:center;
}
/* Image */
.advisor-image{
position:relative;
}
.advisor-image img{
width:100%;
border-radius:20px;
box-shadow:0 20px 60px rgba(0,0,0,.12);
transition:.4s;
}
.advisor-image img:hover{
transform:translateY(-8px);
}
/* Decorative Background */
.advisor-image::before{
content:"";
position:absolute;
width:140px;
height:140px;
background:#B89B72;
top:-25px;
left:-25px;
border-radius:20px;
z-index:-1;
}
.advisor-image::after{
content:"";
position:absolute;
width:140px;
height:140px;
background:#183153;
bottom:-25px;
right:-25px;
border-radius:20px;
z-index:-1;
}
/* Content */
.advisor-content .section-tag{
display:inline-block;
background:#183153;
color:#fff;
padding:8px 18px;
border-radius:30px;
font-size:14px;
font-weight:600;
letter-spacing:1px;
margin-bottom:20px;
}
.advisor-content h2{
font-size:46px;
color:#183153;
margin-bottom:25px;
}
.advisor-content p{
font-size:17px;
color:#666;
line-height:1.9;
margin-bottom:20px;
}
/* Highlights */
.advisor-highlights{
margin-top:35px;
}
.highlight-box{
display:flex;
align-items:flex-start;
gap:18px;
background:#f8f9fc;
padding:22px;
border-radius:14px;
margin-bottom:18px;
transition:.3s;
}
.highlight-box:hover{
background:#183153;
color:#fff;
}
.highlight-box i{
width:55px;
height:55px;
background:#B89B72;
color:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
flex-shrink:0;
}
.highlight-box h4{
color:#183153;
margin-bottom:8px;
font-size:20px;
}
.highlight-box p{
margin:0;
font-size:15px;
color:#666;
}
.highlight-box:hover h4,
.highlight-box:hover p{
color:#fff;
}
/* Button */
.advisor-btn{
display:inline-block;
margin-top:35px;
background:#183153;
color:#fff;
padding:15px 36px;
border-radius:50px;
text-decoration:none;
font-weight:600;
transition:.3s;
}
.advisor-btn:hover{
background:#B89B72;
}
/* Responsive */
@media(max-width:992px){
.advisor-grid{
grid-template-columns:1fr;
text-align:center;
}
.advisor-image{
max-width:420px;
margin:auto;
}
.advisor-image::before,
.advisor-image::after{
display:none;
}
.highlight-box{
text-align:left;
}
}
@media(max-width:768px){
.advisor-section{
padding:80px 0;
}
.advisor-content h2{
font-size:34px;
}
.highlight-box{
padding:18px;
}
.advisor-btn{
width:100%;
text-align:center;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d8d31f4 *//*=================================
PROFESSIONAL CREDENTIALS
==================================*/
.credentials-section{
padding:80px 0;
background:#ffffff;
}
.section-title{
text-align:center;
max-width:760px;
margin:0 auto 50px;
}
.section-title span{
display:inline-block;
background:#183153;
color:#fff;
padding:7px 16px;
border-radius:30px;
font-size:12px;
font-weight:700;
letter-spacing:1px;
margin-bottom:18px;
}
.section-title h2{
font-size:40px;
color:#183153;
margin-bottom:18px;
}
.section-title p{
color:#667085;
line-height:1.7;
font-size:16px;
}
/* Cards */
.credentials-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:24px;
margin-bottom:70px;
}
.credential-card{
background:#fff;
padding:35px 25px;
border-radius:20px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
text-align:center;
transition:all .3s ease;
}
.credential-card:hover{
transform:translateY(-6px);
box-shadow:0 18px 40px rgba(0,0,0,.12);
}
.credential-icon{
width:70px;
height:70px;
margin:0 auto 22px;
border-radius:50%;
background:#183153;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:28px;
}
.credential-card h3{
font-size:20px;
color:#183153;
margin-bottom:15px;
line-height:1.4;
}
.credential-card p{
color:#667085;
line-height:1.7;
font-size:15px;
}
/* Video */
.credentials-video{
display:grid;
grid-template-columns:1fr 1.1fr;
gap:40px;
align-items:center;
background:#f8f9fb;
padding:40px;
border-radius:24px;
}
.video-text span{
display:inline-block;
color:#B89B72;
font-size:12px;
font-weight:700;
letter-spacing:1px;
margin-bottom:14px;
}
.video-text h3{
font-size:34px;
color:#183153;
margin-bottom:18px;
line-height:1.3;
}
.video-text p{
color:#667085;
line-height:1.8;
font-size:16px;
}
.video-wrapper{
position:relative;
width:100%;
padding-top:56.25%; /* 16:9 */
border-radius:18px;
overflow:hidden;
box-shadow:0 12px 35px rgba(0,0,0,.12);
}
.video-wrapper iframe{
position:absolute;
inset:0;
width:100%;
height:100%;
border:0;
}
/* Tablet */
@media(max-width:991px){
.credentials-grid{
grid-template-columns:repeat(2,1fr);
}
.credentials-video{
grid-template-columns:1fr;
}
.video-text{
text-align:center;
}
.video-text h3{
font-size:30px;
}
}
/* Mobile */
@media(max-width:768px){
.credentials-section{
padding:60px 0;
}
.credentials-grid{
grid-template-columns:1fr;
}
.section-title h2{
font-size:28px;
}
.credentials-video{
padding:25px;
}
.video-text h3{
font-size:26px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f560955 *//*=================================
WHY CHOOSE US
==================================*/
.why-choose-section{
padding:110px 0;
background:#ffffff;
}
/* Grid */
.why-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
margin-top:60px;
}
/* Card */
.why-card{
background:#fff;
border-radius:18px;
padding:40px 30px;
text-align:center;
box-shadow:0 15px 40px rgba(0,0,0,.08);
transition:.35s;
border-top:5px solid transparent;
}
.why-card:hover{
transform:translateY(-10px);
border-color:#B89B72;
box-shadow:0 25px 60px rgba(0,0,0,.12);
}
/* Icon */
.why-icon{
width:85px;
height:85px;
margin:0 auto 25px;
background:#183153;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:34px;
transition:.35s;
}
.why-card:hover .why-icon{
background:#B89B72;
transform:rotateY(180deg);
}
/* Title */
.why-card h3{
color:#183153;
font-size:24px;
margin-bottom:18px;
}
/* Text */
.why-card p{
color:#666;
line-height:1.8;
font-size:16px;
}
/* Responsive */
@media(max-width:992px){
.why-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:768px){
.why-choose-section{
padding:80px 0;
}
.why-grid{
grid-template-columns:1fr;
}
.why-card{
padding:35px 25px;
}
.why-card h3{
font-size:22px;
}
.why-card p{
font-size:15px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3cdf125 *//*=================================
INVESTMENT PHILOSOPHY
==================================*/
.investment-section{
position:relative;
padding:140px 0;
background:url("http://studdardfinancial.com/wp-content/uploads/2019/08/home.jpg") center center/cover no-repeat;
overflow:hidden;
}
.investment-overlay{
position:absolute;
inset:0;
background:linear-gradient(
90deg,
rgba(24,49,83,.92),
rgba(24,49,83,.72)
);
}
.investment-content{
position:relative;
z-index:2;
max-width:760px;
color:#fff;
}
.investment-content .section-tag{
display:inline-block;
background:#B89B72;
color:#fff;
padding:10px 22px;
border-radius:40px;
font-size:14px;
font-weight:600;
letter-spacing:1px;
margin-bottom:25px;
}
.investment-content h2{
font-size:58px;
line-height:1.2;
margin-bottom:30px;
color:#fff;
}
.investment-content p{
font-size:18px;
line-height:1.9;
color:#f4f4f4;
margin-bottom:40px;
max-width:650px;
}
.investment-btn{
display:inline-block;
background:#B89B72;
color:#fff;
text-decoration:none;
padding:16px 38px;
border-radius:50px;
font-size:16px;
font-weight:600;
transition:.35s;
}
.investment-btn:hover{
background:#fff;
color:#183153;
}
/* Decorative Line */
.investment-content::after{
content:"";
display:block;
width:120px;
height:4px;
background:#B89B72;
margin-top:40px;
border-radius:5px;
}
/*=================================
Responsive
==================================*/
@media(max-width:992px){
.investment-section{
padding:110px 0;
}
.investment-content h2{
font-size:46px;
}
}
@media(max-width:768px){
.investment-section{
padding:80px 0;
text-align:center;
}
.investment-content{
margin:auto;
}
.investment-content h2{
font-size:34px;
}
.investment-content p{
font-size:16px;
}
.investment-content::after{
margin:35px auto 0;
}
.investment-btn{
width:100%;
max-width:320px;
text-align:center;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-978923b *//*=================================
OUR LOCATIONS
==================================*/
.locations-section{
padding:110px 0;
background:#f7f9fc;
}
/* Grid */
.locations-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:40px;
margin-top:60px;
}
/* Card */
.location-card{
background:#fff;
padding:50px 40px;
border-radius:20px;
text-align:center;
box-shadow:0 15px 40px rgba(0,0,0,.08);
transition:.35s;
border-top:6px solid transparent;
}
.location-card:hover{
transform:translateY(-10px);
border-color:#B89B72;
box-shadow:0 25px 60px rgba(0,0,0,.12);
}
/* Icon */
.location-icon{
width:90px;
height:90px;
margin:0 auto 30px;
background:#183153;
color:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:34px;
transition:.35s;
}
.location-card:hover .location-icon{
background:#B89B72;
transform:rotateY(180deg);
}
/* Heading */
.location-card h3{
color:#183153;
font-size:30px;
margin-bottom:25px;
}
/* Address */
.office-address{
font-size:18px;
color:#555;
line-height:2;
margin-bottom:25px;
}
/* Appointment */
.appointment{
display:inline-flex;
align-items:center;
gap:10px;
background:#eef4fb;
color:#183153;
padding:12px 22px;
border-radius:40px;
font-weight:600;
margin-bottom:35px;
}
.appointment i{
color:#B89B72;
}
/* Button */
.location-btn{
display:inline-block;
text-decoration:none;
background:#183153;
color:#fff;
padding:15px 35px;
border-radius:50px;
font-weight:600;
transition:.35s;
}
.location-btn:hover{
background:#B89B72;
}
/* Responsive */
@media(max-width:992px){
.locations-grid{
grid-template-columns:1fr;
}
}
@media(max-width:768px){
.locations-section{
padding:80px 0;
}
.location-card{
padding:40px 25px;
}
.location-card h3{
font-size:24px;
}
.office-address{
font-size:16px;
line-height:1.8;
}
.location-btn{
width:100%;
text-align:center;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-81f9024 *//*=================================
EDUCATIONAL VIDEO
==================================*/
.video-section{
padding:80px 0;
background:#ffffff;
}
.section-title{
text-align:center;
max-width:760px;
margin:0 auto 50px;
}
.section-title span{
display:inline-block;
background:#183153;
color:#fff;
padding:7px 16px;
border-radius:30px;
font-size:12px;
font-weight:700;
letter-spacing:1px;
margin-bottom:18px;
}
.section-title h2{
font-size:40px;
color:#183153;
margin-bottom:18px;
}
.section-title p{
color:#667085;
line-height:1.8;
font-size:16px;
}
/* Video */
.video-wrapper{
position:relative;
width:100%;
max-width:900px;
margin:0 auto;
padding-top:56.25%; /* 16:9 */
border-radius:24px;
overflow:hidden;
box-shadow:0 15px 45px rgba(0,0,0,.12);
}
.video-wrapper iframe{
position:absolute;
inset:0;
width:100%;
height:100%;
border:0;
}
/* Buttons */
.video-buttons{
text-align:center;
margin-top:35px;
}
.video-btn{
display:inline-block;
background:#183153;
color:#fff;
text-decoration:none;
padding:14px 30px;
border-radius:50px;
font-weight:600;
transition:all .3s ease;
}
.video-btn:hover{
background:#B89B72;
transform:translateY(-2px);
}
/* Tablet */
@media(max-width:991px){
.section-title h2{
font-size:34px;
}
}
/* Mobile */
@media(max-width:768px){
.video-section{
padding:60px 0;
}
.section-title h2{
font-size:28px;
}
.video-wrapper{
border-radius:18px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-06e49bd *//*=================================
CALL TO ACTION
==================================*/
.cta-section{
position:relative;
padding:120px 0;
background:url("http://studdardfinancial.com/wp-content/uploads/2019/08/home.jpg") center center/cover no-repeat;
overflow:hidden;
}
.cta-overlay{
position:absolute;
inset:0;
background:linear-gradient(
135deg,
rgba(24,49,83,.94),
rgba(24,49,83,.82)
);
}
.cta-content{
position:relative;
z-index:2;
max-width:850px;
margin:auto;
text-align:center;
color:#fff;
}
.cta-content .section-tag{
display:inline-block;
background:#B89B72;
color:#fff;
padding:10px 24px;
border-radius:50px;
font-size:14px;
font-weight:600;
letter-spacing:1px;
margin-bottom:25px;
}
.cta-content h2{
font-size:56px;
line-height:1.2;
margin-bottom:25px;
color:#fff;
}
.cta-content p{
font-size:19px;
line-height:1.9;
color:#f4f4f4;
margin-bottom:45px;
}
/* Buttons */
.cta-buttons{
display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;
}
.cta-btn-primary{
display:inline-block;
background:#B89B72;
color:#fff;
text-decoration:none;
padding:16px 38px;
border-radius:50px;
font-weight:600;
transition:.35s;
}
.cta-btn-primary:hover{
background:#fff;
color:#183153;
}
.cta-btn-secondary{
display:inline-block;
border:2px solid #fff;
color:#fff;
text-decoration:none;
padding:16px 38px;
border-radius:50px;
font-weight:600;
transition:.35s;
}
.cta-btn-secondary:hover{
background:#fff;
color:#183153;
}
/* Decorative Line */
.cta-content::after{
content:"";
display:block;
width:120px;
height:4px;
background:#B89B72;
margin:45px auto 0;
border-radius:10px;
}
/*=================================
Responsive
==================================*/
@media(max-width:992px){
.cta-content h2{
font-size:44px;
}
}
@media(max-width:768px){
.cta-section{
padding:90px 0;
}
.cta-content h2{
font-size:34px;
}
.cta-content p{
font-size:16px;
}
.cta-buttons{
flex-direction:column;
align-items:center;
}
.cta-btn-primary,
.cta-btn-secondary{
width:100%;
max-width:320px;
text-align:center;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-08dea49 *//*=================================
FOOTER
==================================*/
.footer{
background:#183153;
color:#fff;
padding:90px 0 0;
}
.footer-grid{
display:grid;
grid-template-columns:2fr 1fr 1fr 1.5fr;
gap:50px;
}
/* Logo */
.footer-logo{
max-width:220px;
margin-bottom:25px;
}
.footer-column p{
color:#d9d9d9;
line-height:1.8;
margin-bottom:30px;
}
/* Headings */
.footer-column h3{
font-size:22px;
margin-bottom:25px;
color:#fff;
}
/* Lists */
.footer-column ul{
list-style:none;
padding:0;
}
.footer-column ul li{
margin-bottom:15px;
}
.footer-column ul li a{
color:#d9d9d9;
text-decoration:none;
transition:.3s;
}
.footer-column ul li a:hover{
color:#B89B72;
padding-left:5px;
}
/* Contact */
.footer-contact li{
display:flex;
align-items:flex-start;
gap:15px;
color:#d9d9d9;
}
.footer-contact i{
color:#B89B72;
margin-top:4px;
width:20px;
}
/* Social */
.footer-social{
display:flex;
gap:15px;
}
.footer-social a{
width:45px;
height:45px;
background:rgba(255,255,255,.08);
color:#fff;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
text-decoration:none;
transition:.35s;
}
.footer-social a:hover{
background:#B89B72;
transform:translateY(-5px);
}
/* Bottom */
.footer-bottom{
margin-top:70px;
border-top:1px solid rgba(255,255,255,.15);
padding:25px 0;
text-align:center;
}
.footer-bottom p{
color:#d9d9d9;
margin:0;
font-size:15px;
}
/* Responsive */
@media(max-width:992px){
.footer-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:768px){
.footer{
padding:70px 0 0;
}
.footer-grid{
grid-template-columns:1fr;
text-align:center;
}
.footer-social{
justify-content:center;
}
.footer-contact li{
justify-content:center;
}
.footer-logo{
margin:0 auto 25px;
}
}/* End custom CSS */