/*------------------------------------------------------------------
[Master Stylesheet]

Project:    Rankque
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Header / #header
3. banner section / banner
4. logo section / #logo
5. service section / #service
6. news letter section / #news letter 
7. Traffic website section / #Traffic website 
8. static section section/ #static
9. seo section / #seo 
10. pricing plan section / #pricing plan
11. slider sectionn / #slider
12. Form section / #Form
13. weight footer section / #weight footer
14. footer section / #footer
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
# [Color codes]

# primary color: #3a3a5e
# secondary color: #ffffff
# text color: #585887
# accent: #fb9c23
# */
/*------------------------------------------------------------------
[Typography]

Body copy:     'Inter', sans-serif;

-------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans:wght@700&display=swap');
html{
	scroll-behavior: smooth;
}
body {
	font-family: 'Inter', sans-serif;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
:root {
	--primary--color: #3a3a5e;
	--secondary--color: #ffffff;
	--text-color: #585887;
	--accent-color: #fb9c23;
}
/*header-banner-con*/
.navbar-nav .dropdown-menu {
    margin-left: -35px;
}
.fixed-header {
    background: #fff;
    z-index: 3;
    transition: top 5s linear;
    padding: 0 !important;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    animation: slide-down 0.7s ease-in-out;
    box-shadow: 0 0 13px 1px rgb(0 0 0 / 10%);
}
.banner-main-con2 {
    padding-top: 130px;
}
.header-banner-con{
	background: url(../image/banner-bg-img.jpg) no-repeat top center;
	background-size: cover;
	height: 1188px;
}
.header-banner-con .navbar{
	padding-top: 14px;
    padding-bottom: 14px;
}
.nav-link{
	font-size: 18px;
	color: var(--text-color) !important;
	font-weight: 400;
}
.nav-link:hover{
	color: var(--accent-color) !important;
}
.nav-item{
	padding: 0 26px;
}
.contact-btn{
	background: var(--primary--color);
	box-shadow: none;
	padding: 16px 40px;
	margin-left: 5px;
}
.navbar a{
	text-decoration: none;
}
.banner-left-con h5{
	margin-bottom: 12px;
}
.banner-left-con h1{
	margin-bottom: 8px;
}
.banner-left-con p {
    margin-bottom: 32px;
    padding-right: 78px;
}
.banner-rigth-con img{
	top: 59px;
	right: 140px;
	position: relative;
	width: 793px;
}
.banner-left-con{
	padding-top: 170px;
}
.banner-left-btn a{
	text-decoration: none;	
}
.banner-left-btn a:last-child{
    box-shadow: -1px 1px 13px 3px rgb(0 0 0 / 5%);
}
.banner-left-btn a:last-child{
	background: var(--secondary--color);
	color: var(--primary--color);
	margin-left: 12px;
}
.banner-con{
	z-index: 1;
}
.dropdown-menu .dropdown-item {
    font-size: 16px;
    font-weight: 400;
    color: var(--text-color);
}
.dropdown-menu {
    box-shadow: 0px -1px 100px 0px rgb(0 0 0 / 15%);
	border: 1px solid #eee;
	padding: 6px 0 !important;    
}
.navbar .dropdown-item {
    padding: 10px 20px;
    margin: 0 20px 1px;
    width: auto;
    border-radius: 10px;
    text-align: center;
}
.navbar .dropdown-items{
    width: auto;
    border-radius: 10px;
    text-align: center;
}
.navbar-nav .dropdown-items {
    margin-left: -78px;
}
.dropdown-menu .dropdown-item:hover {
    background: var(--accent-color);
	color: #fff;	
}
/*header-banner-con*/
/*logo-con*/
.logo-inner-con{
	padding-top: 90px;
	padding-bottom: 26px;
	border-bottom: 1px solid #e8e6e6;
}
.logo-inner-con img{
	filter: grayscale(100%);
}
.logo-title span{
	color: var(--accent-color);
}
.logo-title h3{
	margin-bottom: 28px;
}
.logo-inner-con img:hover{
	filter: none;
}
.logo-inner-con img,
.seo-box-item img,
.form-left-con img,
.static-item-con img,
.infomration-box img,
.service-box-con img,
.pricing-plan-box img,
.social-icon ul li span:hover,
.team-social-link li span:hover,
#submit{
	transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out;
}
.logo-inner-con img:hover,
.seo-box-item:hover img,
.form-left-con img:hover,
.static-item-con:hover img,
.infomration-box:hover img,
.service-box-con:hover img,
.pricing-plan-box:hover img,
.social-icon ul li span:hover,
.team-social-link li span:hover{
	transform: translateY(-8px);
}
.testimonials-right-box img{
	transition: transform ease-in-out 0.5s;
}
.social-icon a{
	text-decoration: none;
}
.team-contanct{
	margin-bottom: 20px;
}
/*logo-con*/
/*service section*/
.service-box-con{
    background: var(--secondary--color);
	box-shadow: 1px 1px 40px rgb(0 0 0 / 5%);
	padding: 50px 32px 38px 32px;
    border-radius: 10px;
	border-top: 2px solid var(--accent-color);
	transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out;
}
.service-box-con:hover{
	transform: translateY(-8px);
}
.service-box-con span{
	font-size: 16px;
	line-height: 26px;
	color: var(--text-color);
}
.service-box-con a{
	text-decoration: none;
}
.service-title h5{
	margin-bottom: 10px;
}
.service-title h2{
	margin-bottom: 10px;
}
.service-title p{
	margin-bottom: 43px;
}
.service-box-con figure{
	margin-bottom: 24px;
}
.service-box-con h4{
	margin-bottom: 7px;
}
.service-box-con span{
	margin-bottom: 22px;
}
/*service section*/
/*news letter section*/
.news-letter-con{
	background: var(--primary--color);
}
.news-letter-con.left-white-circle:after{
	background: url(../image/left-purple-circle.png) no-repeat center;
	background-size: cover;
	top: 74px;
}
.news-letter-feild{
	background: var(--secondary--color);
	width: 72%;
	margin-left: 95px;
	border-radius: 30px;
}
.news-letter-feild input{
	width: 49%;
	border: none;
	padding: 16px 30px;
	border-radius: 30px;
	color:var(--text-color) ;
	font-size: 16px;
	font-weight: 400;
}
.news-letter-feild input[type="text"]{
	width: 50%;
}
.news-letter-feild input[type="email"] {
    padding: 16px 30px 16px 30px;
}
.news-letter-feild input:focus{
	outline: none;
}
.news-letter-feild input::placeholder{
	color:var(--text-color) ;
	font-size: 16px;
	font-weight: 400;
}
.news-letter-feild{
	position: relative;
}
.news-letter-feild::before {
    content: "";
    position: absolute;
    border-left: 1px solid #dedede;
    width: 1px;
    height: 38px;
    top: 10px;
    right: 43%;
    transform: translateX(-44px);
}
.news-letter-form button{
    position: absolute;
    right: 17px;
    top: 0;
	border: none;
	cursor: pointer;
}
.news-letter-form button:focus{
	outline: none;
}
.news-letter-title p{
	margin-bottom: 22px;
}
.news-letter-title h2{
	margin-bottom: 10px;
}
.news-letter-title h5{
	margin-bottom: 13px;
}
.news-letter-inner-con::after{
	content: "";
    width: 501px;
    height: 396px;
    background: url(../image/rocket-img.png) no-repeat bottom right;
    position: absolute;
    bottom: 0;
    right: -395px;
} 
/*news letter section*/
/*Traffic website section*/
.Traffic-website-con{
	background:#f8f8f8 ;
	padding-bottom: 240px;
}
.Traffic-website-con.right-white-circle::before{
	top: 237px;
}
.Traffic-website-right-con a{
	text-decoration: none;
}
.Traffic-website-right-con h5{
	margin-bottom: 10px;
}
.Traffic-website-right-con h2{
	margin-bottom: 16px;
}
.Traffic-website-right-con p{
	margin-bottom: 17px;
}
.Traffic-website-right-con ul{
	margin-bottom: 30px;
}
.Traffic-website-right-con ul li{
	font-size: 18px;
	font-weight: 500;
	color: var(--primary--color);
	margin-bottom: 5px;
	position: relative;
	margin-left: 35px;	
}
.Traffic-website-right-con ul li span{
	color: var(--accent-color);
	margin-right:15px;
	position: absolute;
	top: 4px;
	left: -35px;	
}
/*Traffic website section*/
/*static section*/
.static-con{
	margin-top: -120px;
}
.static-item-con{
	background: var(--secondary--color);
	padding: 36px 40px;
	box-shadow: 1px 1px 40px rgb(0 0 0 / 5%);
	border-radius: 10px;
	border-top: 2px solid var(--accent-color);
	transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out;
}
.static-item-con:hover{
	transform: translateY(-8px);
}
.static-item-con figure{
	margin-bottom: 17px;
}
.static-content span{
    position: absolute;
    top: 0;
    right: -10px;
	color: var(--accent-color);
}
.static-content h3{
	line-height: normal;
	font-weight: 600;
	color: var(--accent-color);
	margin-bottom: 6px;
}
.static-content p{
	line-height: normal;
	font-weight: 600;
}
/*static section*/
/*seo section*/
.seo-con.left-white-circle:after{
	background: url(../image/left-grey-circle.png) no-repeat center;
}
.seo-box-item figure{
	width: 127px;
	height: 127px;
	background: var(--secondary--color);
	box-shadow: 1px 1px 40px rgb(0 0 0 / 5%);
	border-radius: 100%;
	margin-bottom: 25px;
}
.seo-box-item{
	margin-bottom: 30px;
}
.seo-box-item h4{
	margin-bottom: 5px;
}
.seo-title h2{
	margin-bottom: 48px;
}
.seo-box-item span{
	font-size: 16px;
	line-height: 26px;
	color: var(--text-color);
}
.seo-main-box-item img{
	margin-top: 10px;
	-webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
/*seo section*/
/**** pricing plan section***/
.pricing-plan-con{
	background: var(--primary--color);
}
.pricing-plan-con.right-white-circle::before{
	background: url(../image/right-purple-circle.png) no-repeat center;
	top: 420px;
}
.pricing-plan-box{
    background: var(--secondary--color);
    box-shadow:1px 1px 40px rgb(0 0 0 / 5%);
    padding: 46px 32px 53px 32px;
	border-radius: 10px;
	transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    border-top: 2px solid var(--accent-color);
}
.pricing-plan-box:hover{
	transform: translateY(-8px);
}
.pricing-plan-box figure{
	margin-bottom: 31px;
}
.pricing-plan-box ul{
	margin-bottom: 26px;
}
.pricing-plan-box a{
	text-decoration: none;
}
.pricing-plan-box h2{
	color: var(--accent-color);
	font-weight: 600;
}
.pricing-plan-box h2 span{
	font-weight: 400;
	font-size: 20px;
}
.pricing-plan-box ul li{
	font-size: 16px;
	color: var(--text-color);
	margin-bottom: 10px;
	font-weight: 600;
}
/**** pricing plan section***/
/*** slider section ****/
.testimonials-box .carousel-control-prev-icon,
.testimonials-box .carousel-control-next-icon{
	background-image: none;
}
.testimonials-box span.fas {
    color: var(--primary--color);
    font-size: 32px;
    font-weight: 300;
}
.testimonials-box span.fas:hover{
	color: var(--accent-color);
}
.carousel-control-next, .carousel-control-prev{
    height: 15px;
    position: absolute;
    opacity: 1;
	top: 50%;
}
.testimonials-box{
	height: 15px;
    position: inherit;
    opacity: 1;
}
.testimonials-box .carousel-control-prev {
	left: -32px;
	top: 48px;
	display: inline-block;
}
.testimonials-box .carousel-control-next {
	right: 70px;
    top: 48px;
    display: inline-block;
}
.auther-con figure{
	position: absolute;
}
.auther-title {
    margin-left: 74px;
}
.testimonials-left-box h5{
	margin-bottom: 10px;
}
.testimonials-left-box h2{
	margin-bottom: 16px;
}
.testimonials-left-box p{
	margin-bottom: 30px;
}
.auther-title h4{
	margin-bottom: 4px;
}
.auther-title span{
	font-size: 16px;
	color: var(--text-color);
}
.testimonials-right-box figure::after{
	content: "";
	width: 486px;
	height: 486px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../image/testimonials-right-bg-img.png) no-repeat center;
	background-size: cover;
	z-index: -1;
}
/*** slider section ****/
/*****Form section******/
.form-con{
	background: #f8f8f8;
}
.form-inner-con input,
.form-inner-con textarea{
	width: 100%;
	border: none;
	padding: 17px 29px;
	font-size: 16px;
	color: var(--primary--color);
	margin-bottom: 20px;
	border-radius: 16px;
	box-shadow: 0 0 13px 1px rgb(0 0 0 / 0.02%);
}
.form-inner-con input:focus,
.form-inner-con textarea:focus,
#submit:focus{
	outline: none;
	box-shadow: inset 0 0 0px 1px #fb9c23;
}
.form-inner-con textarea{
	height: 120px;
	resize: none;
	margin-bottom: 26px;
}
.form-inner-con input::placeholder,
.form-inner-con textarea::placeholder{
	color: var(--primary--color);
	font-size: 16px;
}
#submit{
	padding: 14px 44px 15px;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;
    font-size: 18px;
    background: var(--accent-color);
    border-radius: 45px;
    color: var(--secondary--color);
    display: inline-block;
	box-shadow: 0px 0px 20px 0px rgb(251 156 35 / 30%);
	border:0;
	cursor: pointer;
}
.form-right-con h5{
	margin-bottom: 12px;
}
.form-right-con h2{
	margin-bottom: 24px;
}
/*****Form section******/
/*****footer section****/
.weight-footer-con{
	background: var(--primary--color);
}
.weight-footer-inner-con{
	padding-top: 100px;
    padding-bottom: 74px;
	border-bottom: 1px solid #4e4e6e;
}
.weight-footer-content p{
	font-size: 16px;
	color: #a2a2bf;
}
.weight-footer-content a:hover{
	color: var(--accent-color);
}
.weight-footer-content h4{
	color: #fff;
	margin-bottom: 18px;
}
.useful-links-con figure{
	position: absolute;
	left: 0;
}
.useful-links-con ul li {
    margin-left: 30px;
    margin-bottom: 14px;
}
.weight-footer-content a{
	font-size: 16px;
	color: #a2a2bf;
	text-decoration: none;
}
.contact-info-con span{
    color: var(--accent-color);
    position: absolute;
    left: -28px;
    top: 4px;
}
.contact-info-con li {
	margin-left: 28px;
	margin-bottom: 20px;
}
.contact-info-con p{
	line-height: 22px;
}
.footer-input{
	background: #fff;
	padding: 13px 12px;
	border-radius: 28px;
	margin-bottom: 30px;
	text-align: left;
}
.footer-input input{
	border: 0;
	font-size: 16px;
	background: transparent;
}
.footer-input input:focus,
.footer-input button{
	outline: none;
}
.footer-input button{
	border: 0;
	background: none;
	cursor: pointer;
	position: absolute;
    top: 6px;
    right: 8px;
}
.footer-input button span{
	box-shadow: 0px 0px 20px 0px rgb(251 156 35 / 30%);
	background: var(--accent-color);
	width: 38px;
	height: 38px;
	border-radius: 50%;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid transparent;
}
.footer-input button span:hover{
	border-color:var(--accent-color);
	background: transparent;
	color: var(--accent-color);
}
.footer-input input::placeholder{
	font-size: 16px;
	color: var(--text-color);
}
.social-icon h6{
	font-size: 16px;
	color: #fff;
	margin-bottom: 18px;
}
.social-icon ul li span,
.team-social-link li span{
	background: var(--accent-color);
	width: 34px;
	height: 34px;
	border-radius: 50%;
	color: #fff;
	font-size: 14px;
	font-weight: 300;
}
.social-icon ul li span:hover,
.team-social-link li span:hover{
	background: transparent;
	box-shadow: 0 0 0 1px var(--accent-color);
	color: var(--accent-color);
}
.social-icon ul li span.fa-twitter,
.team-social-link li span.fa-twitter{
	margin: 0 5px;
}
.footer-con{
	padding:22px 0;
}
.footer-con p{
	font-size: 16px;
	color: #a2a2bf;
}
/*****footer section****/
/**************/
.switch {
	position: relative;
	display: inline-block;
	width: 62px;
	height: 24px;
	margin: 0 16px;
  }  
  .switch input { 
	opacity: 0;
	width: 0;
	height: 0;
  }  
  .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #f8f8f8;
	-webkit-transition: .4s;
	transition: .4s;
  }  
  .slider:before {
    position: absolute;
    content: "";
    height: 28px;
    width: 28px;
    left: 0;
    bottom: -2px;
    background-color: var(--accent-color);
    -webkit-transition: .4s;
    transition: .4s;
  }  
  .switch input:checked + .slider {
	background-color: #f8f8f8;
  }  
  .switch input:focus + .slider {
	box-shadow: 0 0 1px #f8f8f8;
  }  
  .switch input:checked + .slider:before {
	-webkit-transform: translateX(36px);
	-ms-transform: translateX(36px);
	transform: translateX(36px);
  }  
  .slider.round {
	border-radius: 34px;
  }  
  .slider.round:before {
	border-radius: 50%;
  }
  .pricing-plan-toggle p{
	  color: var(--primary--color);
  }
  .pricing-plan-toggle{
	  margin-bottom: 56px;
  }
  /*********/
  .generic-banner-con{
	  background: url(../image/gernic-banner-bg-img.jpg) no-repeat center;
	  background-size: cover;
	  height: 615px !important;
  }
  .generic-banner-con.left-white-circle:after{
	  top: 76px;
  }
  .generic-banner-inner-con{
	  padding-top: 76px;
	  padding-bottom: 76px;
  }
  .banner-link a{
	  text-decoration: none;
	  font-size: 20px;
	  color: var(--primary--color);
	  font-weight: 600;
  }
  .banner-link span{
	  padding: 0 12px;
	  font-size: 22px;
	  font-weight: 300;
  }
  .banner-link{
	  margin-bottom: 14px;
  }
  .generic-banner-inner-con h1{
	  margin-bottom: 16px;
  }
  .banner-link a:hover{
	  color: var(--accent-color);
  }
  .service-website-con{
	  padding-bottom: 120px !important;
  }
  .infomration-box{
    background: #fff;
    border-top: 2px solid var(--accent-color);
    border-radius: 10px;
	padding: 54px 32px;
    box-shadow: 1px 1px 40px rgb(0 0 0 / 5%);
  }
  .infomration-box figure {
    margin-bottom: 27px;
}
  .infomration-box h4 {
    margin-bottom: 12px;
}
  .infomration-box ul{
	   margin-bottom: 32px;
  }
  .infomration-box ul li,
  .infomration-box ul li a {
	  font-size: 16px;
	  color: var(--text-color);
  }
  .infomration-box a{
	  text-decoration: none;
  }
  .infomration-box a.Started-btn{
	  width: 152px;
	  padding: 13px 12px;
  }
  .information-title p{
	  margin-bottom: 43px;
  }
  .information-title h2{
	  margin-bottom: 10px;
  }
  /*************/
  #accordion .btn-link.collapsed:after,
  #accordion .btn-link:not(.collapsed)::after {
	  content: "\f067";
	  position: absolute;
	  font-family: "Font Awesome 5 Pro";
	  right: 27px;
	  color: var(--accent-color);
	  font-size: 24px;
	  font-weight: 300;
	  top: 17px;
  }
  #accordion .btn-link:not(.collapsed)::after {
	content: "\f068";
  }
  #accordion .btn-link{
	  text-decoration: none;
	  font-size: 20px;
	  font-weight: 500;
	  color: var(--primary--color);
	  padding: 19px 28px 18px;
	  border-radius: 10px;
  }
  #accordion .card-header{
	background: transparent;
	border-bottom: none;
  }
  #accordion .card{
	  background: #fff;
	  border: 0;
	  margin-bottom: 28px;
	  box-shadow: 1px 1px 40px rgb(0 0 0 / 5%);
	  border-radius: 10px;	  
  }
  #accordion .btn-link:not(.collapsed){
	  border-bottom: 1px solid rgba(0,0,0,.125);
	  border-bottom-left-radius: 0px;
	  border-bottom-right-radius: 0px;	
  }
  #accordion .card-body{
	  color: var(--text-color);
	  font-size: 16px;
	  padding: 19px 28px 18px;
  }
  #accordion .btn-link:not(.collapsed){
	  border-top: 2px solid var(--accent-color);
	  color: var(--accent-color);	  
  }
  /*************/
.Optimization-con{
	  margin-top: 70px;
}
.Optimization-box-con ul li p{
	  font-size: 16px;
	  color: var(--text-color);
	  line-height: 26px;
}
.Optimization-box-con ul li{
	  margin-left: 40px;
	  margin-bottom: 27px;
  }
.Optimization-box-con ul li span{
	  font-size: 24px;
	  color: var(--accent-color);
	  position: absolute;
	  left: -40px;
  }
.Optimization-box-con h5{
	  margin-bottom: 10px;
  }
  .Optimization-box-con h2{
	  margin-bottom: 28px;
  }
  .about-static-con{
	  background: #f8f8f8;
  }
.team-con .infomration-box ul {
    margin-bottom: 15px;
}
.team-con .infomration-box h4 {
    margin-bottom: 6px;
}
.team-con .infomration-box h4 a{
	color: var(--primary--color);
}
.team-con .infomration-box{
	padding: 40px 32px;
}
.message-con{
	background: var(--primary--color);
}
.message-con .testimonials-right-box figure::after{
	display: none;
}
.skills{
    background-color:#ddd;
    width:100%;
    height:8px;
    position:relative;
    margin:62px 0;
    border-radius: 8px;
  }
  .title-bar{
    position:absolute;
    top: -5px;
  }
  .skills span {
    float: right;
    margin-top: -24px;
    margin-right: 5px;
    border-radius: 6px;
    color: #fff;
  }  
  .skillbar{
    background-color:var(--primary--color);
    width:0px;
    height:8px;
    border-radius: 8px;
  }
  .title-bar h5 {
    position: relative;
    top: -24px;
    letter-spacing: normal;
}
.skills span {
    float: right;
    margin-top: -24px;
    margin-right: 5px;
    border-radius: 6px;
    color: var(--text-color);
}
.team-contanct span{
	color: var(--text-color);
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
.form-left-con img,
.Traffic-website-left-con img,
.banner-rigth-con img{
	-webkit-animation: mover 1s infinite  alternate;
	animation: mover 1s infinite  alternate;
}
/*****/

.arrow-container {
    width: 36px;
    cursor: pointer;
    height: 50px;
    border: 3px solid #3a3a5e;
    position: absolute;
    border-radius: 18px;
    animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
	left: 50%;
    top: -62px;
  }
  
  .arrow-down {
	padding-top: 5px;
  }
  .arrow-down:after {
	content: '';
    color: #3a3a5e;
    position: absolute;
    width: 3px;
    height: 13px;
    top: 34%;
    background: #3a3a5e;
    left: 50%;
    transform: translate(-50%, -50%);
}
  
  @keyframes bounce {
  50% {
	  transform: translateY(-15px);
	}
  }
  .annual{
	  display: none;
  }
  .monthly-price{
	  color: var(--accent-color) !important;
  }
  .mystyle{
	transform: scale(1.1);
  }
.moble-move,
#XMLID_437_,
.image-move{
	animation: mover 1s infinite alternate;
}
.generic-banner-main-con .arrow-container{
    bottom: -125px;
    top: auto;
}
.team-detail-con img{
	border-radius: 10px;
}
.blog-content{
	padding: 30px 26px;
}
.blog-main-con .service-box-con{
	text-align: left;
	border-top: 0;
	padding: 0;
}
.blog-auteher-title {
    margin-bottom: 16px;
}
.blog-auteher-title span:last-child {
    color: var(--text-color);
}
.blog-auteher-title span{
	margin-bottom: 0;
}
.blog-auteher-title span:first-child{
	color: var(--accent-color);
	font-size: 14px;
}
.blog-auteher-title i{
	color: var(--accent-color);
	margin-right: 4px;
}
.blog-main-con .service-box-con img{
    border-radius: 10px 10px 0 0;
}
.blog-main-con .service-box-con a i{
	transition-duration: .3s;
    transition-property: all;
    transition-timing-function: ease-out;
}
.blog-main-con .service-box-con a:hover i {
	padding-left: 4px;

}
.blog-main-con .service-box-con a{
	color: var(--accent-color);
}
.blog-main-con .service-box-con a i {
    margin-left: 5px;
    font-weight: 400;
    position: relative;
    top: 1px;
}
.blog-auteher-title span{
	font-size: 14px;
}
.blog-main-con .service-box-con:hover img{
	transform: translateY(0);
}
.blog-main-con .service-box-con:hover{
    box-shadow: 1px 1px 40px rgb(0 0 0 / 8%);
}
.two-column-blog .fluid-width-video-wrapper {
    padding-top: 41.8%;
}
.one-column-blog .fluid-width-video-wrapper {
    padding-top: 42.8%;
}
.two-column-blog #blog .post-item.border > .post-item-wrap > .post-item-description{
    padding: 36px;
}
.pricing-plan-box small{
	font-size: 26px;
}
.two-column-blog #blogslider .carousel-control-next {
    opacity: 1;
}