/*
Template Name: Expert Ad
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************services****************/
#services_intro{
background:
linear-gradient(135deg, #8ae9b1 0%, #d7fbf0 48%, #ffffff 100%),
radial-gradient(circle at top right, rgba(45, 212, 191, 0.18), transparent 28%),
radial-gradient(circle at bottom left, rgba(74, 222, 128, 0.18), transparent 30%);
padding:42px 0 24px;
}
.services_intro_copy,
.services_intro_note{
background:rgba(255,255,255,0.68);
border:1px solid rgba(22,48,71,0.1);
box-shadow:0 24px 60px rgba(15,23,42,0.1);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
}
.services_intro_copy{
padding:34px 32px;
min-height:240px;
}
.services_intro_note{
padding:28px 24px;
min-height:240px;
display:flex;
flex-direction:column;
justify-content:center;
}
.services_kicker{
display:inline-block;
font-size:12px;
font-weight:700;
letter-spacing:0.28em;
text-transform:uppercase;
color:var(--theme-accent-deep);
}
.services_intro_copy h1{
margin-top:16px;
font-size:50px;
line-height:0.98;
letter-spacing:-0.05em;
color:#163047;
max-width:760px;
}
.services_intro_copy p,
.services_intro_note p{
font-size:17px;
line-height:1.8;
color:#35556a;
}
.services_intro_note strong{
font-size:24px;
line-height:1.15;
color:#163047;
}
.services_page_header{
background:rgba(255,255,255,0.9)!important;
box-shadow:0 16px 40px rgba(15,23,42,0.08)!important;
}
.services_page_header:after{
background:radial-gradient(circle, rgba(27, 127, 71, 0.12) 0%, rgba(27, 127, 71, 0) 72%)!important;
}
#choose{
background:
radial-gradient(circle at 82% 18%, rgba(53, 153, 91, 0.18) 0%, rgba(53, 153, 91, 0) 20%),
radial-gradient(circle at 16% 82%, rgba(27, 127, 71, 0.16) 0%, rgba(27, 127, 71, 0) 24%),
linear-gradient(135deg, #365564 0%, #3f5062 70%, #1b7f47 100%);
padding-top:40px;
padding-bottom:40px; 
 }
.choose_1r2l span{
border:1px solid #fff;
width:70px;
height:70px;
display:inline-block;
text-align:center;
line-height:70px;
font-size:30px; 
border-radius:24px;
background:rgba(255,255,255,0.06);
 }
.choose_1r2l span:hover{
background:linear-gradient(135deg, var(--theme-accent) 0%, var(--theme-accent-strong) 100%);
border-color:transparent; 
 }
.choose_1r2{
margin-top:30px;
border-bottom:1px solid #434d5f;
padding-bottom:30px; 
 }
 
#history{
background:
radial-gradient(circle at 10% 24%, rgba(79, 124, 255, 0.08) 0%, rgba(79, 124, 255, 0) 22%),
radial-gradient(circle at 88% 78%, rgba(244, 182, 66, 0.08) 0%, rgba(244, 182, 66, 0) 20%);
padding-top:18px;
padding-bottom:56px; 
 }
.history_1i span{
background: linear-gradient(135deg, var(--theme-accent) 0%, var(--theme-accent-strong) 100%);
color: #fff;
width: 70px;
height: 70px;
line-height: 70px;
text-align: center;
display: inline-block;
font-size: 30px;
border-radius:24px;
 }
.history_1i span:hover{
background:linear-gradient(135deg, var(--theme-hero-alt) 0%, var(--theme-hero) 100%);
 }
.history_1i{
background:linear-gradient(180deg, rgba(255,255,255,0.98), rgba(239,250,248,0.92));
padding:22px 22px 18px;
border:1px solid rgba(183, 211, 191, 0.55);
box-shadow:0 24px 60px rgba(15,23,42,0.1);
min-height:0;
aspect-ratio:1 / 1;
display:flex;
flex-direction:column;
justify-content:space-between;
text-align:left;
transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
overflow:hidden;
 }
.history_1i:hover{
transform:translateY(-8px);
box-shadow:0 30px 68px rgba(15,23,42,0.16);
border-color:rgba(27, 127, 71, 0.45);
}
.history_1{
margin-top:30px; 
 }
.service_card_head{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
padding-bottom:18px;
border-bottom:1px solid rgba(22,48,71,0.08);
}
.service_card_head small{
font-size:14px;
font-weight:700;
letter-spacing:0.2em;
color:rgba(22,48,71,0.4);
}
.service_card_body{
padding:22px 0;
flex:1 1 auto;
display:flex;
flex-direction:column;
justify-content:center;
}
.service_card_body h4{
margin-top:0;
font-size:26px;
line-height:1.08;
color:#163047;
}
.service_card_body p{
font-size:15px;
line-height:1.8;
color:#476579;
}
.service_card_foot{
padding-top:16px;
border-top:1px solid rgba(22,48,71,0.08);
}
.service_card_foot strong{
display:inline-block;
font-size:13px;
font-weight:700;
letter-spacing:0.16em;
text-transform:uppercase;
color:var(--theme-accent-deep);
}
.history_1 .col-sm-4:nth-child(2) .history_1i span{
background:linear-gradient(135deg, var(--theme-accent-strong) 0%, var(--theme-accent-deep) 100%);
}
.history_1 .col-sm-4:nth-child(3) .history_1i span{
background:linear-gradient(135deg, #6cc48b 0%, var(--theme-accent-strong) 100%);
}
.serv_h1{
margin-bottom:10px; 
 }
 
#pricing{
background:
radial-gradient(circle at 14% 18%, rgba(27, 127, 71, 0.1) 0%, rgba(27, 127, 71, 0) 22%),
radial-gradient(circle at 86% 76%, rgba(53, 153, 91, 0.08) 0%, rgba(53, 153, 91, 0) 18%);
padding-top:40px;
padding-bottom:40px; 
 } 
.pricing_1i{
 background: rgba(255,255,255,0.88);
 padding:40px 20px 45px 20px;
 border: 1px solid rgba(183, 211, 191, 0.55);
 }
.pricing_1i hr{
border-color:rgba(183, 211, 191, 0.8);
width:20%;
border-width:2px; 
 }
.pricing_1i h6 span{
font-size:60px;
  font-weight:bold; 
 }
.pricing_1i h5{
font-weight:normal;
border-bottom:1px solid rgba(183, 211, 191, 0.8);
padding-bottom:15px; 
 }
.pricing_1 .col-sm-4:nth-child(2) .pricing_1i h3,
.pricing_1 .col-sm-4:nth-child(2) .pricing_1i h6 span{
color:var(--theme-accent-deep);
}
.pricing_1 .col-sm-4:nth-child(3) .pricing_1i h3,
.pricing_1 .col-sm-4:nth-child(3) .pricing_1i h6 span{
color:var(--theme-accent-strong);
}

/*********************services_end****************/


@media screen and (max-width : 767px){
#services_intro{
text-align:center;
padding-top:28px;
}
.services_intro_copy,
.services_intro_note{
min-height:auto;
padding:24px 18px;
}
.services_intro_copy h1{
font-size:34px;
line-height:1.04;
}
.services_intro_note{
margin-top:18px;
}
#choose{
text-align:center; 
 }
.choose_1r1 {
margin-top:15px; 
 }
.choose_1r2r {
margin-top:15px; 
 }
.history_1i{
margin-top:10px;
aspect-ratio:auto;
min-height:320px;
 }
.pricing_1i {
margin-top:10px; 
 }
}

@media (min-width:768px) and (max-width:991px) {
.services_intro_copy h1{
font-size:40px;
}
.services_intro_copy,
.services_intro_note{
min-height:260px;
}
.choose_1l  img{
min-height:700px; 
 }
.choose_1r2l span {
width: 40px;
height: 40px;
line-height: 38px;
font-size: 18px;
}
.pricing_1i h2{
font-size:34px; 
 }
.history_1i{
aspect-ratio:auto;
min-height:360px;
}
 }
@media (min-width:992px) and (max-width:1200px) {
.services_intro_copy h1{
font-size:44px;
}
.choose_1l  img{
min-height:700px; 
 }
.choose_1r2l span {
width: 50px;
height: 50px;
line-height: 48px;
font-size: 20px;
}
  }
@media (min-width:1201px) and (max-width:1350px) {

 }