/* Start custom CSS for html, class: .elementor-element-61addf2 */.hero{

max-width:1320px;

margin:auto;

padding:90px 20px;

display:grid;

grid-template-columns:1fr 1fr;

align-items:center;

gap:70px;

}

.hero-tag{

display:inline-block;

padding:8px 18px;

background:#D4A017;

color:#23364D;

font-weight:600;

border-radius:40px;

margin-bottom:20px;

}

.hero h1{

font-size:58px;

line-height:1.15;

color:#23364D;

margin-bottom:25px;

font-weight:700;

}

.hero p{

font-size:18px;

line-height:1.8;

color:#666;

margin-bottom:35px;

}

.hero-list{

display:flex;

flex-direction:column;

gap:14px;

margin-bottom:40px;

font-size:17px;

color:#23364D;

font-weight:600;

}

.hero-buttons{

display:flex;

gap:20px;

}

.call-btn{

background:#D4A017;

color:#23364D;

padding:15px 35px;

border-radius:40px;

text-decoration:none;

font-weight:700;

transition:.3s;

}

.call-btn:hover{

background:#23364D;

color:#fff;

}

.wa-btn{

background:#23364D;

color:#fff;

padding:15px 35px;

border-radius:40px;

text-decoration:none;

font-weight:700;

transition:.3s;

}

.wa-btn:hover{

background:#D4A017;

color:#23364D;

}

.hero-right img{

width:100%;

animation:float 4s ease-in-out infinite;

}

@keyframes float{

0%{transform:translateY(0);}

50%{transform:translateY(-12px);}

100%{transform:translateY(0);}

}

@media(max-width:991px){

.hero{

grid-template-columns:1fr;

text-align:center;

}

.hero-buttons{

justify-content:center;

}

.hero h1{

font-size:40px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dcf9652 */.services{

padding:120px 20px;

background:linear-gradient(180deg,#ffffff 0%,#f5f7fa 100%);

overflow:hidden;

}

.section-title{

text-align:center;

max-width:750px;

margin:auto;

margin-bottom:80px;

}

.section-title span{

display:inline-block;

padding:8px 18px;

background:#D4A01715;

border:1px solid #D4A017;

border-radius:40px;

font-size:14px;

font-weight:700;

letter-spacing:2px;

color:#D4A017;

margin-bottom:20px;

}

.section-title h2{

font-size:52px;

font-weight:800;

line-height:1.2;

color:#22364D;

margin-bottom:20px;

}

.section-title p{

font-size:18px;

color:#666;

line-height:1.8;

}

.service-grid{

max-width:1320px;

margin:auto;

display:grid;

grid-template-columns:repeat(3,1fr);

gap:35px;

}

.service-card{

position:relative;

padding:45px;

border-radius:24px;

background:rgba(255,255,255,.82);

backdrop-filter:blur(14px);

border:1px solid rgba(34,54,77,.08);

overflow:hidden;

transition:.45s cubic-bezier(.17,.67,.38,.98);

box-shadow:0 15px 40px rgba(0,0,0,.05);

}

.service-card:before{

content:"";

position:absolute;

left:-120px;

top:-120px;

width:220px;

height:220px;

background:#D4A01720;

border-radius:50%;

transition:.5s;

}

.service-card:hover{

transform:translateY(-15px);

box-shadow:0 30px 60px rgba(0,0,0,.12);

border-color:#D4A017;

}

.service-card:hover:before{

transform:scale(1.8);

}

.icon{

width:80px;

height:80px;

border-radius:18px;

display:flex;

align-items:center;

justify-content:center;

font-size:34px;

background:#22364D;

color:#fff;

margin-bottom:28px;

transition:.4s;

}

.service-card:hover .icon{

background:#D4A017;

color:#22364D;

transform:rotate(-8deg) scale(1.08);

}

.service-card h3{

font-size:26px;

margin-bottom:18px;

color:#22364D;

}

.service-card p{

font-size:16px;

line-height:1.9;

color:#666;

margin-bottom:25px;

}

.service-card a{

display:inline-flex;

align-items:center;

gap:8px;

color:#22364D;

font-weight:700;

text-decoration:none;

transition:.3s;

}

.service-card a:hover{

color:#D4A017;

gap:14px;

}

@media(max-width:991px){

.service-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:767px){

.section-title h2{

font-size:36px;

}

.service-grid{

grid-template-columns:1fr;

}

}/* End custom CSS */