/*!
Theme Name: cloudcounting
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');

*{
	box-sizing: border-box;
}

body{
	margin:0;
	padding:0;
	font-family: 'Inter', sans-serif;

}

img{
	image-rendering: -webkit-optimize-contrast;
}

h1, h2, h3, h4, h5{
	font-family: 'Poppins', sans-serif;
}

@media (min-width: 1220px){
	.container{
    	max-width: 1200px;
	}
}


header.main{
	padding:24px 0;
}

.navbar-brand img{
	width:100%;
	max-width:240px;
	image-rendering: -webkit-optimize-contrast;
}

header.main .navbar-nav .nav-link{
	color: #505F6B;
    font-weight: 500;
    letter-spacing: -.2px;
    font-size: 15px;
    padding: 12px 0;
}

header.main .navbar-nav .nav-link:hover{
	color:#132330;
}

@media (min-width:1280px){
	header.main .navbar-nav .nav-link.hvr-underline-from-center {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		position: relative;
		overflow: hidden;
	  }
	  header.main .navbar-nav .nav-link.hvr-underline-from-center:before {
		content: "";
		position: absolute;
		z-index: -1;
		left: 51%;
		right: 51%;
		bottom: 0;
		background: #3EAFF2;
		height: 1px;
		-webkit-transition-property: left, right;
		transition-property: left, right;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	  }
	  header.main .navbar-nav .nav-link.hvr-underline-from-center:hover:before, header.main .navbar-nav .nav-link.hvr-underline-from-center:focus:before, header.main .navbar-nav .nav-link.hvr-underline-from-center:active:before {
		left: 8px;
		right: 8px;
	  }
}

header.main .navbar-nav .nav-item{
	margin-left:40px;
}

header.main .navbar-nav  .button .nav-link{
	background: #3388F2;
    padding: 12px 24px;
    border-radius: 3px;
    color: #fff;
}

.hero{
	padding:144px 0;
	background-color:#3EAFF2;
	background-size:cover;
	background-position: center;
	width: 100%;
    max-width: 1650px;
	background-image:url('https://cloudcounting.uk/wp-content/uploads/2021/08/bg-hero2.png');
    margin: 0 auto;
    border-radius: 3px;
}

.hero .btns{
	display:flex;
	align-items: center;
	margin-top:40px;
	justify-content: center;
}

.hero .btns a{
	background: #3388F2;
    padding: 16px 24px;
    border-radius: 3px;
    color: #fff;
	text-decoration: none;
	font-weight: 500;
	transition:.5s;
	margin-right:32px;
}

.hero .btns a:hover{
	background:#1569D2;
}

.hero .btns .stars{
	text-align: center;
}

.hero .btns .stars span{
	display:block;
	font-size: 13px;
    color: rgba(255,255,255,0.8);
    padding-top: 4px;
}

.hero .btns .stars i{
    color: #FFC725;
    letter-spacing: 5px;
    font-size: 14px;
}

.hero h2{
    font-weight: 300;
    font-size: 19px;
    line-height: 36px;
    margin: 0 0 8px 0;
    color: rgba(255,255,255,.75);
    width: 100%;
    text-align: center;
}

.page-template-page-offer .hero h1{
	font-size: 34px;
    line-height: 48px;
}

.hero  h1{
	font-weight: 600;
    font-size: 28px;
    line-height: 40px;
    margin: 0 0 36px 0;
    color: #fff;
    width: 100%;
    text-align: center;
}

.hero p{
    font-size: 21px;
    line-height: 34px;
    font-weight: 300;
    color: #fff;
    width: 100%;
    text-align: center;
}

.hero  h5{
	color: #3388F2;
    font-weight: 500;
	color:#fff;
	width:100%;
	text-align: center;
    font-size: 16px;
}

.offer{
	padding:80px 0;
}


.section-header{
	display: flex;
    flex-direction: column;
    align-items: center;
	justify-content: center;
	margin-bottom:48px;
}

.section-header h4{
    border: 2px solid #3388F2;
    padding: 7px 14px;
    border-radius: 3px;
    color: #3388F2;
    width: auto;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
}

.section-header  p{
    font-size: 16px;
    line-height: 27px;
    color: #333;
	text-align: center;
}

.section-header  h2{
	font-weight: 600;
    font-size: 32px;
    margin: 16px 0 24px;
	text-align: center;
}

.single-offer{
	background:#F8FBFD;
	padding:32px 40px;
	border-radius:3px;
	height: 100%;
}

.single-offer > i{
	background: #3388F2;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.single-offer h3{
	font-weight: 600;
    font-size: 24px;
    margin: 32px 0;
	line-height: 32px;
}

.single-offer p{
	font-size:15px;
}

.single-offer p strong{
	font-size:16px;
}

.single-offer  a.more{
	text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    margin-top: 14px;
    display: inline-block;
    text-decoration: none;
	color:#1569D2;
}

.testimonies{
	padding:80px 0;
	margin-top:40px;
	background-color:#F8FBFD;
	width: 100%;
    max-width: 1650px;
    margin: 0 auto;
    border-radius: 3px;
}

.single-testimony{
	padding:32px 40px;
	background:#fff;
	border-radius:3px;
}

.single-testimony p strong{
	font-size: 16px;
    line-height: 25px;
	color:#000;
}

.single-testimony p{
	font-size: 15px;
    line-height: 25px;
    margin: 0 0 16px;
	color:#333;
}

.single-testimony i {
    color: #FFC725;
    letter-spacing: 5px;
    font-size: 14px;
}

.single-testimony  h5{
	font-weight: 600;
	font-size:17px;
	color:#132330;
	margin:24px 0 16px;
}

footer.main{
	background: #132330;
    width: 100%;
    max-width: 1650px;
    margin: 24px auto 0 auto;
    padding: 72px 0 36px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

footer.main .copy{
	color: rgba(255,255,255,.4);
    font-size: 13px;
    font-weight: 300;
    text-align: center;
    justify-content: center;
    padding-top: 24px;
    border-top: 1px solid rgba(255,255,255,.06);
    margin-top: 56px;
}

footer.main .copy a{
	text-decoration:none;
	width:auto;
	margin-left:24px;
	color: rgba(255,255,255,.4);
}

footer.main h4{
	margin:0;
	font-weight: 600;
	color:#fff;
	font-size:16px;
}

footer.main ul{
	list-style: none;
	padding:0;
	margin:24px 0 0;
}

footer.main ul li a{
	font-size:15px;
	line-height: 32px;
	color:rgba(255,255,255,.6);
	font-weight: 300;
	text-decoration: none;
}

.about{
	padding:80px 0;
}

.about ul{
	list-style: none;
    padding: 0;
    margin: 36px 0 0;
}

.about  ul li{
	display:inline-block;
	margin-right:24px;
}
.about  ul li img{
	height:38px;
	image-rendering: -webkit-optimize-contrast;
	opacity:.8;
	width: auto;
}

.about a.more {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    margin-top: 14px;
    display: inline-block;
    text-decoration: none;
    color: #1569D2;
}


.about .thumb{
	width:96%;
	height:100%;
	display:flex;
	align-items: center;
	justify-content: center;
	border-radius:3px;
	min-height: 360px;
}

.about .thumb img{
	width:100%;
	height: auto;
}

.about .col-md-5{
	display:flex;
	justify-content: center;
	flex-direction: column;
}

.hero.page-offer{
	padding:80px 0 44px;
	background-image:url('https://cloudcounting.uk/wp-content/uploads/2021/08/bg-offer.png');
}

.offer.page-offer .col-md-6{
	margin-bottom:32px;
}

.single-offer ul{
	list-style: none;
	padding:0 0 0 16px;
	margin:24px 0;
}

.single-offer ul li{
	padding: 3px 0 3px 30px;
    position: relative;
    font-size: 15px;
}

.single-offer ul li:before{
	font-family: "Font Awesome 5 Free";
	position: absolute;
	color:#1569D2;
	font-size:16px;
	left:0;
	top:2px;
	content: "\f058";
	font-weight: 400;
}

.single-testimony  a.more{
	text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    margin-top: 14px;
    display: inline-block;
    text-decoration: none;
	color:#1569D2;
}

.testimonies.page-offer .col-md-4{
	margin-bottom:32px;
}

.testimonies.page-offer .single-testimony h5{
	margin-top:8px;
}


.hero.single-offer-page{
	padding:40px 0 80px 0;
	background-image:none;
	background-color:#3388F2;
}

.hero.single-offer-page h1{
	margin-bottom:0;
}

.single-offer-content h3{
	margin:32px 0 24px;
	font-weight: 600;
    font-size: 24px;
    line-height: 32px;
}

.single-offer-content ul{
	list-style: none;
	padding:0 0 0 16px;
	margin:24px 0;
}

.single-offer-content ul li{
	padding: 3px 0 3px 30px;
    position: relative;
    font-size: 15px;
}

.single-offer-content ul li:before{
	font-family: "Font Awesome 5 Free";
	position: absolute;
	color:#1569D2;
	font-size:16px;
	left:0;
	top:2px;
	content: "\f058";
	font-weight: 400;
}

.single-offer-content img{
	width:100%;
	height:auto;
	display:block;
	margin:36px auto;
	border-radius:3px;
}

.single-offer-content .form{
	text-align: center;
    width: 100%;
    margin-top: 40px;
    padding: 48px;
    border: 1px solid rgba(0,0,0,0.1);
}

.single-offer-content .form h2{
    font-weight: 600;
    font-size: 24px;
    margin: 0;
}

.single-offer-content .form p.text{
    font-size: 15px;
    margin: 24px auto 32px;
}

.single-offer-content .photo{
	text-align: center;
    width: 100%;
    margin-top: 40px;
	margin-bottom:40px;
    padding: 48px;
    border: 1px solid rgba(0,0,0,0.1);
}

.single-offer-content .form input{
	width:100%;
	padding:12px 24px;
	border-radius:2px;
	margin-bottom:16px;
	font-size:15px;
    border: 1px solid rgba(0,0,0,0.1);
}

.single-offer-content .form input[type="submit"]{
	background: #3388F2;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    margin: 0;
	padding:16px;
}

.wpcf7 .ajax-loader{
	display:none;
}

.single-offer-content .form p{
	margin:0;
}

.offer.page-offer{
	padding:80px 0 32px;
}

.single-offer-content{
	padding:80px 0;
}

.breadcrumbs{
	margin-bottom:40px;
}

.breadcrumbs a{
	text-decoration: none;
    font-size: 13px;
    color: rgba(255,255,255,.8);
}

.breadcrumbs  i.fas{
	margin: 0 8px;
    font-size: 12px;
    color: rgba(255,255,255,.5);
}

.breadcrumbs   span.current-item{
	text-decoration: none;
    font-size: 13px;
    color: rgba(255,255,255,.9);
}

* {
	outline: none !important;
}

.about-page{
	padding:90px 0 60px;
}

.about-page h3{
	font-weight: 600;
    font-size: 22px;
    margin: 0 0 24px;
    line-height: 32px;
}


.about-page ul{
	list-style: none;
	padding:0 0 0 16px;
	margin:24px 0;
}

.about-page ul li{
	padding: 3px 0 3px 30px;
    position: relative;
    font-size: 15px;
}

.about-page ul li:before{
	font-family: "Font Awesome 5 Free";
	position: absolute;
	color:#1569D2;
	font-size:16px;
	left:0;
	top:2px;
	content: "\f058";
	font-weight: 400;
}

.about-page .thumb{
	background-color: #F8FBFD;
    width: 90%;
    height: 100%;
    border-radius: 3px;
    height: 350px;
}

.about-page .col-md-6.text{
	display: flex;
    justify-content: center;
    flex-direction: column;
}

.about-page:nth-of-type(odd) .thumb{
	margin-left:auto;
}

@media (max-width:1649px){
	.hero{
		border-radius:0;
	}
}

@media (max-width:700px){

	.navbar {
		padding:0;
	}
	.navbar-brand img{
		max-width:220px;
	}
	.navbar-light .navbar-toggler{
		border:0;
	}
	.navbar-toggler{
		padding-right:0;
	}
	.navbar-collapse{
		padding-top: 12px;
		border-top: 1px solid rgba(0,0,0,0.1);
		margin-top: 24px;
	}
	header.main .navbar-nav .nav-item{
		margin:0;
		text-align: center;
	}
	.breadcrumbs{
		text-align:center;
	}
	.hero h2{
		line-height: 24px;
		margin-bottom: 24px;
		width: 70%;
		margin: 0 auto 24px;
		font-size:15px;
	}
	.hero h1{
		font-size: 26px;
		line-height: 38px;
	}
	.hero.single-offer-page{
		padding:32px 0 40px;
	}
	.offer.page-offer{
		padding:48px 0;
	}
	.single-offer h3, .single-offer-content h3{
		font-size:21px;
	}
	.single-offer-content {
		padding: 44px 24px 0;
	}
	footer.main{
		text-align: center;
		padding:56px 0 24px 0;
	}
	footer.main .col-md-4{
		margin-bottom:24px;
	}
	footer.main .copy{
		margin-top:24px;
	}
	.section-header h2{
		font-size:20px;
		line-height: 28px;
	}
	.section-header h4{
		font-size:12px;
	}
	.section-header{
		margin-bottom:0px;
	}
	.hero p {
		font-size: 16px;
		line-height: 29px;
	}
	.hero h1 {
		font-size: 23px;
		line-height: 32px;
		margin-bottom:24px;	
	}
	.hero.page-offer {
		padding: 44px 0;
	}
	.about .thumb{
		width:100%;
		height:auto;
		min-height: auto;
		margin: 24px 0 40px;
	}
	.about{
		padding:56px 0;
	}
	.hero {
		padding: 44px 0;
	}
	.hero .btns{
		flex-direction: column;
	}
	.hero .btns a{
		margin:0 auto 24px;
	}
	.about-page{
		padding:56px 24px 0;
	}
	.about-page .thumb{
		min-height: 240px;
		width:100%;
		margin:0;
	}
	.about-page h3{
		font-size: 17px;
    	line-height: 28px;
		margin-top:32px;
	}
	.about-page:last-of-type{
		padding-bottom:56px;
	}
}

.contact-page{
	padding:48px 0;
}

.contact-page .single-box{
	background: #F8FBFD;
    padding: 28px 40px;
    border-radius: 3px;
	margin-bottom:24px;
}

.contact-page .single-box h3{
	font-weight: 600;
    font-size: 21px;
    margin: 0 0 32px 0;
    line-height: 32px;
}

.contact-page .single-box p{
	font-size: 15px;
    line-height: 24px;
    padding-left: 24px;
    border-left: 2px solid #3EAFF2;
}

.contact-page form input{
	width: 100%;
    padding: 15px 24px;
    margin-bottom: 16px;
    font-size: 15px;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 3px;
}

.contact-page form  select{
	width: 100%;
    padding: 15px 24px;
    margin-bottom: 16px;
    font-size: 15px;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 3px;
}

.contact-page form  textarea{
	width: 100%;
    padding: 15px 24px;
    margin-bottom: 16px;
    font-size: 15px;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 3px;
    height: 120px;
}

.contact-page .col-md-7 h3{
	font-weight: 600;
    font-size: 21px;
    margin: 28px 0 32px 0;
    line-height: 32px;
    padding-left: 24px;
}

.contact-page form{
    padding-left: 24px;
}

.contact-page form input[type="submit"]{
	background: #3388F2;
    color: #fff;
    font-weight: 600;
    font-size: 17px;
    border: 0;
    padding: 18px;
	margin:24px 0 0;
}

.contact-page form .wpcf7-acceptance label{
	display:flex;
}

.contact-page form .wpcf7-acceptance label input{
	width: auto;
    margin-right: 16px;
	margin-top:2px;
}

.contact-page form .wpcf7-acceptance label span{
	font-size: 14px;
    line-height: 22px;
}

.single-offer-content a.back{
	border: 2px solid #3388F2;
    width: 100%;
    display: block;
    padding: 18px;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    border-radius: 3px;
    margin-top: 36px;
}

.work-points{
	padding: 64px 0;
}

.work-points .single-box{
	background: #F8FBFD;
    padding: 28px 40px;
    border-radius: 3px;
    margin-bottom: 24px;
}

.work-points .single-box h3{
	font-weight: 600;
    font-size: 18px;
    margin: 0 0 18px 0;
    line-height: 32px;
}

.work-points .single-box p{
	font-size: 15px;
    line-height: 24px;
}

.work-offers .accordion-item, .work-offers .accordion-item:not(:first-of-type){
	margin-bottom: 24px;
    border: 2px solid #F8FBFD;
	box-shadow:0 0 10px rgba(0,0,0,0.02);
}

.work-offers .accordion-item .accordion-button{
	padding: 20px 30px;
    border: 0;
	font-weight: 500;
    font-size: 15px;
	outline: none !important;
	box-shadow:none;
}

.work-offers .accordion-item .accordion-button i{
	color:#1569D2;
	margin-right:16px;
}

.work-offers .accordion-item .accordion-body{
	padding: 32px;
}

.work-offers .accordion-item .accordion-body p{
    font-size: 15px;
    line-height: 25px;
    margin: 0 0 16px;
    color: #333;
}

.work-offers .accordion-item .accordion-body h3{
	font-weight: 600;
    font-size: 18px;
    margin: 24px 0;
    line-height: 32px;
}

.work-offers .accordion-item .accordion-body ul{
	list-style: none;
	padding:0 0 0 16px;
	margin:24px 0;
}

.work-offers .accordion-item .accordion-body ul li{
	padding: 3px 0 3px 30px;
    position: relative;
    font-size: 15px;
}

.work-offers .accordion-item .accordion-body ul li:before{
	font-family: "Font Awesome 5 Free";
	position: absolute;
	color:#1569D2;
	font-size:16px;
	left:0;
	top:2px;
	content: "\f058";
	font-weight: 400;
}

.work-offers .accordion-item .accordion-body a.join{
	border: 2px solid #3388F2;
    width: 100%;
    display: block;
    padding: 18px;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    border-radius: 3px;
    margin-top: 36px;
}

.work-offers{
	padding: 0 0 80px;
}

.work-form{
	padding: 80px 0;
    margin-top: 40px;
    background-color: #F8FBFD;
    width: 100%;
    max-width: 1650px;
    margin: 0 auto;
    border-radius: 3px;
}

.work-form form input{
	width: 100%;
    padding: 15px 24px;
    margin-bottom: 16px;
    font-size: 15px;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 3px;
}

.work-form form  textarea{
	width: 100%;
    padding: 15px 24px;
    margin-bottom: 16px;
    font-size: 15px;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 3px;
    height: 120px;
}

.work-form form input[type="submit"]{
	background: #3388F2;
    color: #fff;
    font-weight: 600;
    font-size: 17px;
    border: 0;
    padding: 18px;
	margin:24px 0 0;
}


.work-form form .wpcf7-acceptance label{
	display:flex;
}

.work-form form .wpcf7-acceptance label input{
	width: auto;
    margin-right: 16px;
	margin-top:2px;
}

.work-form form .wpcf7-acceptance label span{
	font-size: 14px;
    line-height: 22px;
}

@media (max-width:700px){
	.contact-page .col-md-7 h3, .contact-page form{
		padding-left:0;
	}
}

.offer .section-header h2{
    font-size: 28px;
    line-height: 38px;
}

.wpml-ls-legacy-dropdown{
	width:auto;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle{
	width: 155px;
    padding: 14px 17px;
    display: flex;
    border-radius: 3px;
    font-size: 15px;
}

.wpml-ls-legacy-dropdown .wpml-ls-flag{
	margin-right:6px;
}

.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover{
	background:#fff
}

.wpml-ls-sub-menu .wpml-ls-item{
	margin-top:8px;
}

.wpml-ls-legacy-dropdown a{
	padding: 14px 17px;
    display: flex;
    border-radius: 3px;
    font-size: 15px;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a{
	border-width:1px;
}

.faq-content{
	padding:24px 0 40px;
}

.faq-content h5{
	text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    color: #3388F2;
    margin: 24px 0 32px;
}

.faq-content ul.categories{
	padding: 0;
    margin: 24px 0 40px;
    list-style: none;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.faq-content ul.categories li{
    width: 49%;
	background:#f8fbfd;
    border: 1px solid #f8fbfd;
    display: flex;
	margin-bottom:24px;
    align-items: center;
    justify-content: center;
}
.faq-content ul.categories li br{
	display:none;
}

.faq-content ul.categories li a{
    font-weight: 600;
    padding: 24px;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    display: block;
    line-height: 25px;
	color:#000;
	width:100%;
}

.faq-content h3{
	font-weight: 600;
    font-size: 21px;
    margin: 56px auto 32px;
    text-align: center;
}

.accordion-item{
	border:0;
	margin-bottom:24px;
}

.accordion-header button{
		background: #F8FBFD;
		padding: 24px 32px;
		border-radius: 3px;
		height: 100%;
		border: 0;
		font-weight: 500;
		font-size: 14px;
		outline:none !important;
		box-shadow: none !important;
	}

	.accordion-body	{
		padding: 32px 32px 24px 32px;
		font-size: 14px;
		line-height: 25px;
		color: rgba(0,0,0,0.75);
	}

	.page-content{
		padding:64px 0 32px;
	}

	.page-content h3{
	font-weight: 600;
    font-size: 18px;
    margin: 24px 0;
}

footer .ml-subscribe-form p{
    font-size: 15px;
    line-height: 26px;
    color: rgba(255,255,255,.6);
    font-weight: 300;
    text-decoration: none;
    margin-top: 28px;
}

footer .ml-subscribe-form .form-control{
	border-radius: 3px;
		border: 0;
		font-size: 14px;
		padding: 10px 24px;
}

footer .ml-subscribe-form  button{
	background: #3388F2;
    border: 0;
    margin-top: 10px;
    width: 100%;
    padding: 12px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
}

.single-post--header{
	background-color: #F8FBFD;
    padding: 48px 0 80px;
}

.single-post--header h1{
	font-size: 32px;
    font-weight: 600;
    text-align: center;
	margin:0 0 24px;
}

.single-post--header span{
	display:block;
	text-align: center;
}

.single-post--content{
	padding:0 0 64px;
}

.single-post--content h2{
	font-size:21px;
	font-weight: 600;
	line-height:32px;
}

.single-post--content h3{
	font-size:18px;
	font-weight: 600;
	line-height:27px;
	margin:24px 0;
}

.single-post--content h4{
	font-size:16px;
	font-weight: 600;
	line-height:24px;
	margin:18px 0;
}

.single-post--content a, .single-post--content p a{
	color:#3388F2;
	text-decoration:none;
}

.single-post--content img{
	max-width:100%;
	display:block;
	margin:18px auto 24px;
	border-radius:6px;
	border:2px solid #F8FBFD;
}

.single-post--content img.thumb{
	height: 360px;
	object-fit: cover;
	width:100%;
	border:8px solid #F8FBFD;
	margin:-40px 0 24px;
}

.blog-wrapper{
	background-color: #F8FBFD;
    padding: 64px 0 88px;
}

.blog-wrapper h1 {
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    margin: 0 0 56px;
}

.blog-wrapper .single-post-wrapper{
	display:block;
	width:100%;
	background:#fff;
	border-radius:3px;
	overflow: hidden;
	padding-bottom:24px;
	box-shadow:0 0 10px rgba(0,0,0,0.02);
}

.blog-wrapper .single-post-wrapper img{
	width:100%;
	height:200px;
	object-fit: cover;
	display:block;
}

.blog-wrapper .single-post-wrapper a{
	text-decoration: none;
}

.blog-wrapper .single-post-wrapper a h2{
	color:#000;
	font-size:18px;
	margin:24px 0 6px;
	display:block;
	padding:0 24px;
}

.blog-wrapper .single-post-wrapper  span{
	color:#505F6B;
	font-size:14px;
	display:block;
	padding: 0 24px;
}

header.notification{
	    background-color: #F8FBFD;
    padding: 12px 0;
    border-bottom: 1px solid #ECF4F9;
}

header.notification ul{
	display: flex;
    justify-content: center;
    list-style: none;
    gap: 24px;
    margin: 0;
    width: 100%;
    padding: 0;
}

header.notification ul li{
}

header.notification ul li a{
	color: #000;
    text-decoration: none;
    font-weight: 300;
    font-size: 14px;
	display:inline-flex;
	align-items:center;
	gap:6px;
}

header.notification ul li a i{
	    color: #3388F2;
    font-size: 16px;
}
}