/*
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>
*/
/*********************center_home****************/
.header_t1lri.top_feature_box{
background:linear-gradient(145deg, rgba(31, 184, 159, 0.96), rgba(15, 167, 199, 0.88));
}
.header_t1lri.top_feature_box:hover{
background:linear-gradient(145deg, rgba(20, 144, 125, 0.98), rgba(15, 167, 199, 0.94));
}
/*********************center_home_end****************/

/*********************plan****************/
#plan{
background:
radial-gradient(circle at top left, rgba(79, 124, 255, 0.08) 0%, rgba(79, 124, 255, 0) 22%),
radial-gradient(circle at bottom right, rgba(31, 184, 159, 0.1) 0%, rgba(31, 184, 159, 0) 22%);
padding-top:40px;
padding-bottom:40px; 
 }
.plan_1i span{
display:inline-block;
background: linear-gradient(135deg, #1fb89f 0%, #0fa7c7 100%);
color:#fff;
width:80px;
height:80px;
text-align:center;
font-size:50px;
line-height:75px;
border-radius:24px;
box-shadow:0 12px 26px rgba(31, 184, 159, 0.26);
 }
.plan_1i{
box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
padding:30px 15px;
 }
.plan_1i:hover{
box-shadow: 0 20px 45px rgba(15, 23, 42, 0.16);
 }
.plan_1 .col-sm-3:nth-child(2) .plan_1i span{
background:linear-gradient(135deg, #f4b642 0%, #ef6b5a 100%);
box-shadow:0 12px 26px rgba(239, 107, 90, 0.22);
}
.plan_1 .col-sm-3:nth-child(3) .plan_1i span{
background:linear-gradient(135deg, #4f7cff 0%, #0fa7c7 100%);
box-shadow:0 12px 26px rgba(79, 124, 255, 0.24);
}
.plan_1 .col-sm-3:nth-child(4) .plan_1i span{
background:linear-gradient(135deg, #1fb89f 0%, #f4b642 100%);
box-shadow:0 12px 26px rgba(244, 182, 66, 0.22);
}
/*********************plan_end****************/

/*********************work_h****************/
#work_h{
background-image: url(../img/4.jpg);
background-position: center; 
 }
.work_hm{
background: linear-gradient(135deg, rgba(15, 23, 42, 0.82) 0%, rgba(27, 37, 89, 0.7) 100%);
padding-top:80px;
padding-bottom:80px; 
 }
/*********************work_h_end****************/

/*********************about_h****************/
#about_h{
background:
radial-gradient(circle at 12% 18%, rgba(244, 182, 66, 0.08) 0%, rgba(244, 182, 66, 0) 20%),
radial-gradient(circle at 88% 78%, rgba(79, 124, 255, 0.08) 0%, rgba(79, 124, 255, 0) 22%);
padding-top:40px;
padding-bottom:40px; 
 }
.about_1li .nav_1 {
margin-bottom: 20px;
}
.about_1li .nav_1 li {
display: table-cell;
}
.nav_1>li.active>a, .nav_1>li.active>a:hover, .nav_1>li.active>a:focus {
background: linear-gradient(135deg, #1fb89f 0%, #0fa7c7 100%);
color: #fff;
margin-top:10px;
}
.about_1li .nav_1 li a {
background: rgba(31, 184, 159, 0.12);
color: #0f172a;
font-size: 20px;
padding: 15px 50px;
display: block;
border: 1px solid rgba(168, 221, 214, 0.7);
border-radius: 20px 20px 0px 0px;
}
.about_1li .nav_1 li a:hover {
background: linear-gradient(135deg, #1fb89f 0%, #0fa7c7 100%);
color: #fff;
}
.nav_1>li.active>a, .nav_1>li.active>a:hover, .nav_1>li.active>a:focus {
background: linear-gradient(135deg, #1fb89f 0%, #0fa7c7 100%);
color: #fff;
}
.about_h1l .tab-content ul {
list-style: disc;
margin-left: 20px;
}
/*********************about_h_end****************/

/*********************loan****************/
#loan{
background:
radial-gradient(circle at top right, rgba(239, 107, 90, 0.08) 0%, rgba(239, 107, 90, 0) 22%),
radial-gradient(circle at bottom left, rgba(31, 184, 159, 0.1) 0%, rgba(31, 184, 159, 0) 24%);
padding-top:40px;
padding-bottom:40px; 
 }
.loan1l{
background:rgba(255,255,255,0.88);
padding:50px 40px;
min-height:640px; 
 }
.loan1l.loan1l_image{
padding:0;
overflow:hidden;
position:relative;
}
.loan1r.loan1r_image{
padding:0;
overflow:hidden;
position:relative;
}
.loan1l.loan1l_image img,
.loan1r.loan1r_image img{
width:100%;
height:640px;
object-fit:cover;
display:block;
transition:transform 0.25s ease;
}
.loan1l.loan1l_image:hover img,
.loan1r.loan1r_image:hover img{
transform:scale(1.05);
}

.loan1l.loan1l_image .model_overlay,
.loan1r.loan1r_image .model_overlay{
position:absolute;
left:0;
right:0;
padding:14px 16px;
background:rgba(255, 255, 255, 0.65);
backdrop-filter:blur(6px);
-webkit-backdrop-filter:blur(6px);
color:#000;
transition:background 0.25s ease, color 0.25s ease;
}
.loan1l.loan1l_image .model_overlay_top,
.loan1r.loan1r_image .model_overlay_top{
top:0;
}
.loan1l.loan1l_image .model_overlay_bottom,
.loan1r.loan1r_image .model_overlay_bottom{
bottom:0;
}
.loan1l.loan1l_image .model_overlay h4,
.loan1l.loan1l_image .model_overlay p,
.loan1r.loan1r_image .model_overlay h4,
.loan1r.loan1r_image .model_overlay p{
color:#000;
}
.loan1l.loan1l_image .model_overlay p,
.loan1r.loan1r_image .model_overlay p{
font-size:14px;
line-height:1.4em;
transition:font-size 0.25s ease, font-weight 0.25s ease, color 0.25s ease;
}

.loan1l.loan1l_image:hover .model_overlay,
.loan1r.loan1r_image:hover .model_overlay{
background:linear-gradient(135deg, rgba(31, 184, 159, 0.9) 0%, rgba(15, 167, 199, 0.82) 100%);
color:#fff;
}
.loan1l.loan1l_image:hover .model_overlay h4,
.loan1l.loan1l_image:hover .model_overlay p,
.loan1r.loan1r_image:hover .model_overlay h4,
.loan1r.loan1r_image:hover .model_overlay p{
color:#fff;
}
.loan1l.loan1l_image:hover .model_overlay_bottom p,
.loan1r.loan1r_image:hover .model_overlay_bottom p{
font-size:16px;
font-weight:700;
}
.loan1lil .form-control{
border:none;
box-shadow:none;
background:rgba(31, 184, 159, 0.1);
height:45px;
margin-top:15px; 
border: 1px solid rgba(168, 221, 214, 0.7); 
 }
/*********************loan_end****************/

/*********************blog_h****************/
#blog_h{
background:
radial-gradient(circle at 10% 20%, rgba(79, 124, 255, 0.08) 0%, rgba(79, 124, 255, 0) 20%),
radial-gradient(circle at 90% 80%, rgba(244, 182, 66, 0.08) 0%, rgba(244, 182, 66, 0) 18%);
padding-top:40px;
padding-bottom:40px; 
 }
.blog_h1i2 h6 a{
display:inline-block;
background:linear-gradient(135deg, #1fb89f 0%, #0fa7c7 100%);
color:#fff;
font-size:14px;
padding:8px 15px;
border-radius:999px; 
 }
.blog_h1i{
position:relative;
border-radius:28px 28px 0 0;
overflow:hidden;
 }
.blog_h1i1{
border-radius:28px 28px 0 0;
overflow:hidden;
}
.blog_h1i1 img{
display:block;
border-radius:28px 28px 0 0;
object-fit:cover;
}
.blog_h1i2{
position:absolute;
top:0;
padding:10px;
 }
.blog_h1i3 span{
background:linear-gradient(135deg, #1fb89f 0%, #0fa7c7 100%);
color:#fff;
display:inline-block;
text-align:center;
width:60px;
height:60px;
line-height:60px;
border-radius:50%;
font-size:18px; 
 }
.blog_h1i3 span a{
display:block; 
 }
.blog_h1i3 span:hover{
background:linear-gradient(135deg, #243574 0%, #1b2559 100%);
 }
.blog_h1i3{
position:absolute;
bottom:0;
padding:10px;
display:none;
 }
.blog_h1i:hover .blog_h1i3{
display:block; 
 }
.blog_h1ib{
background:rgba(255,255,255,0.86);
padding:30px 15px;
border: 1px solid rgba(168, 221, 214, 0.55); 
border-top:none;
border-radius:0 0 28px 28px;
 }
.blog_h1{
margin-top:10px; 
 }
.blog_h1ib h6{
font-size:14px;
color: #1fb89f;
 }
.blog_h1 .col-sm-4:nth-child(2) .blog_h1i2 h6 a,
.blog_h1 .col-sm-4:nth-child(2) .blog_h1i3 span{
background:linear-gradient(135deg, #f4b642 0%, #ef6b5a 100%);
}
.blog_h1 .col-sm-4:nth-child(3) .blog_h1i2 h6 a,
.blog_h1 .col-sm-4:nth-child(3) .blog_h1i3 span{
background:linear-gradient(135deg, #4f7cff 0%, #0fa7c7 100%);
}
/*********************blog_h_end****************/

/*********************testim****************/
#testim{
padding-top:40px;
padding-bottom:20px;
background:
radial-gradient(circle at 16% 18%, rgba(31, 184, 159, 0.1) 0%, rgba(31, 184, 159, 0) 22%),
radial-gradient(circle at 84% 72%, rgba(239, 107, 90, 0.08) 0%, rgba(239, 107, 90, 0) 18%); 
 }
.testim_2i{
border: 1px solid rgba(168, 221, 214, 0.55);
padding:40px; 
background:rgba(255,255,255,0.9);
 }
/*********************testim_end****************/

@media screen and (max-width : 767px){
.blog_h1ib {
text-align:center; 
 }
.blog_h1i{
margin-top:15px; 
 }
.plan_1i {
margin-top:10px; 
 }
#work_h{
text-align:center; 
 }
.work_h1i {
margin-top:15px; 
 }
.about_1li .nav_1 li{
display:inline-block;
margin:5px 3px; 
 }
.about_1li .nav_1 li a {
font-size: 16px;
padding: 10px 20px;
display: block;
}
#about_h{
text-align:center; 
 }
#loan{
text-align:center; 
 }
.loan1lil h6{
margin-top:15px!important; 
 }
.loan1r {
margin-top:10px; 
 }
.testim_2i {
margin-top:10px; 
 }
.about_h1l .tab-content ul {
list-style: none;
margin-left:0;
}
}

@media (min-width:768px) and (max-width:991px) {
.about_1li .nav_1 li{
display:inline-block;
margin:5px 3px; 
 }
.about_1li .nav_1 li a {
font-size: 16px;
padding: 10px 20px;
display: block;
}
 }
@media (min-width:992px) and (max-width:1200px) {
.about_1li .nav_1 li{
display:inline-block;
 }
  }
@media (min-width:1201px) and (max-width:1350px) {

 }