/*
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****************/
#choose{
background:
radial-gradient(circle at 82% 18%, rgba(244, 182, 66, 0.18) 0%, rgba(244, 182, 66, 0) 20%),
radial-gradient(circle at 16% 82%, rgba(31, 184, 159, 0.16) 0%, rgba(31, 184, 159, 0) 24%),
linear-gradient(135deg, #1b2559 0%, #243574 70%, #2e5e91 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, #1fb89f 0%, #0fa7c7 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:40px;
padding-bottom:40px; 
 }
.history_1i span{
background: linear-gradient(135deg, #1fb89f 0%, #0fa7c7 100%);
color: #fff;
width: 70px;
height: 70px;
line-height: 70px;
text-align: center;
display: inline-block;
border-radius: 3px;
font-size: 30px;
border-radius:50%; 
 }
.history_1i span:hover{
background:linear-gradient(135deg, #243574 0%, #1b2559 100%);
 }
.history_1i{
background:rgba(255,255,255,0.86);
padding:30px 15px;
border: 1px solid rgba(168, 221, 214, 0.55); 
 }
.history_1{
margin-top:30px; 
 }
.history_1 .col-sm-4:nth-child(2) .history_1i span{
background:linear-gradient(135deg, #f4b642 0%, #ef6b5a 100%);
}
.history_1 .col-sm-4:nth-child(3) .history_1i span{
background:linear-gradient(135deg, #4f7cff 0%, #0fa7c7 100%);
}
.serv_h1{
margin-bottom:10px; 
 }
 
#pricing{
background:
radial-gradient(circle at 14% 18%, rgba(31, 184, 159, 0.1) 0%, rgba(31, 184, 159, 0) 22%),
radial-gradient(circle at 86% 76%, rgba(239, 107, 90, 0.08) 0%, rgba(239, 107, 90, 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(168, 221, 214, 0.55);
 }
.pricing_1i hr{
border-color:rgba(168, 221, 214, 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(168, 221, 214, 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:#ef6b5a;
}
.pricing_1 .col-sm-4:nth-child(3) .pricing_1i h3,
.pricing_1 .col-sm-4:nth-child(3) .pricing_1i h6 span{
color:#4f7cff;
}

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


@media screen and (max-width : 767px){
#choose{
text-align:center; 
 }
.choose_1r1 {
margin-top:15px; 
 }
.choose_1r2r {
margin-top:15px; 
 }
.history_1i{
margin-top:10px; 
 }
.pricing_1i {
margin-top:10px; 
 }
}

@media (min-width:768px) and (max-width:991px) {
.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; 
 }
 }
@media (min-width:992px) and (max-width:1200px) {
.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) {

 }